/*  Sanitaetshaus-Herberhold.de - Main CSS Data   ---------------------------------- */
/*  (C) 2008 joern-fester.de  ------------------------------------------------------ */



/*  B A S I C   L A Y O U T   G R I D   -------------------------------------------- */


* { border: 0; margin: 0; padding: 0; }
html { height: 100%; font-size: 100.01%; }
body { line-height: 1.2em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #343434; text-align: center; margin: 0; padding: 0; }
body { background: #C5D7ED url("../images/design/main/bg.jpg") repeat-x; }


#wrapper { font-size: 0.75em; width: 622px; text-align: left; margin: 0 auto; padding: 0; }


/*  H E A D I N G S ,   P A R A G R A P H S   A N D   L I N K S   ------------------ */

h2 { font-size: 1.45em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FE6703; margin: 0 0 0.8em; padding-bottom: 3px; background: transparent url("../images/design/main/bg_h2.jpg") no-repeat bottom left; }
h3 { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #2B73E4; margin: 0 0 0.75em; }
h4 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FE6703; margin: 0 0 0.75em; }

p, address { font-style: normal; margin-bottom: 0.75em; }

img { border: 0; background: transparent url("../images/design/load/load.gif") no-repeat center center; }

.imgleft {float: left; padding: 3px; margin: 0.5em 0.8em 0 0; border: 1px solid #aaa; }
.imgright {float: right; padding: 3px; margin: 0.5em 0 0.5em 0.8em; border: 1px solid #aaa; }

a:link, a:visited { color: #2B73E4; text-decoration: underline; }
a:hover, a:active, a:focus { color: #FE6703; text-decoration: underline; }

h3 a:link, h3 a:visited { color: #2B73E4; text-decoration: none; }
h3 a:hover, h3 a:active, h3 a:focus { color: #FE6703; text-decoration: underline; }

.more { border-bottom: 1px solid #2B73E4; margin-bottom: 1.5em; padding-bottom: 1.25em; }

.extlink { padding-right: 0px; padding-left: 14px; padding-bottom: 0px; padding-top: 0px; background: url("../images/design/main/ext_link.gif") no-repeat left center; }
a.extlink:visited {text-decoration: line-through; padding-left: 0px; padding-right: 14px; padding-bottom: 0px; padding-top: 0px; background: url("../images/design/main/link_visited.gif") no-repeat center right; }
.visit {text-decoration: line-through; padding-left: 0px; padding-right: 14px; padding-bottom: 0px; padding-top: 0px; background: url("../images/design/main/link_visited.gif") no-repeat center right; }

#main abbr, .abbr { font-style: normal; background: transparent url("../images/design/main/abbr_deko.gif") repeat-x left bottom; cursor: help; }
#main abbr:hover, .abbr:hover { background: #FFF3B8; cursor: help; }

kbd { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFF3B8; padding-left: 0.2em; padding-right: 0.2em; }


/*  C O L O R S   ------------------------------------------------------------------ */

.blue { color: #2B73E4; }
.lightblue { color: #C5D7ED; }
.orange { color: #FE6703; }
.yellow { color: #FFE55E; }
.lightyellow { color: #FFF3B8; }
.green { color: #328921; }
.grey { color: #343434; }
.lightgrey { color: #999; }
.teasergrey { color: #525252; }


/* H E A D E R */

#header-wrap { background: transparent url("../images/design/load/bar.gif") no-repeat center center; }
#header { display: block; position: relative; height: 148px; width: 622px; background: transparent url("../images/design/main/header.jpg") no-repeat 0% 0%;  }
#header h1, #header p.subline { display: none; }

#skip { z-index: 2; position: absolute; top: 0; left: 0; padding: 0; display: block; width: 100%; text-align: center; }
#skip li { list-style: none; display: inline; overflow: hidden; }
#skip li a:link, #skip li a:visited { position: absolute; z-index: 100; top: -1000px; left: -1000px; }
#skip li a:hover, #skip li a:active, #skip li a:focus { position: absolute; z-index: 100; padding: 3px 0 3px 0; top: 0; left: 0; display: block; width: 99.9%; background-color: #fff; text-align: center; overflow: hidden; }


/* N A V I G A T IO N */

#navi { font-weight: bold; position: absolute; left: 0px; bottom: 0px; }
#navi ul { float: left; width: 100%; padding: 0 0 0 27px; list-style: none; }
#navi li { display: inline; }
#navi a { margin-right: 2px; float: left; background: url("../images/design/navi/left.gif") no-repeat left top; padding: 0 0 0 4px; text-decoration: none; }
#navi a span { display: block; background: url("../images/design/navi/right.gif") no-repeat right top; padding: 5px 12px 4px 6px; color: #fff; }

#navi a:hover, #navi a:active, #navi a:focus { background-position: 0% -42px; }
#navi a:hover span, #navi a:active span, #navi a:focus span { background-position: 100% -42px; }

#home #t1 a { background-position: 0% -84px; }
#home #t1 a span { background-position: 100% -84px; }
#aktuell #t2 a { background-position: 0% -84px; }
#aktuell #t2 a span { background-position: 100% -84px; }
#sortiment #t3 a { background-position: 0% -84px; }
#sortiment #t3 a span { background-position: 100% -84px; }
#galerie #t4 a { background-position: 0% -84px; }
#galerie #t4 a span { background-position: 100% -84px; }
#team #t5 a { background-position: 0% -84px; }
#team #t5 a span { background-position: 100% -84px; }
#kontakt #t6 a { background-position: 0% -84px; }
#kontakt #t6 a span { background-position: 100% -84px; }
#danke #t6 a { background-position: 0% -84px; }
#danke #t6 a span { background-position: 100% -84px; }


/* M A I N */

#main-wrapper { background: transparent url("../images/design/main/bg_main_rp.jpg") repeat-y 0% 0%; }
#main { padding: 9px 21px 0 27px; background: transparent url("../images/design/main/bg_main.jpg") no-repeat 0% 0%; }

#uebung0 { background: transparent url("../images/uebungen/1.gif") no-repeat bottom right; }
#uebung1 { background: transparent url("../images/uebungen/2.gif") no-repeat bottom right; }
#uebung2 { background: transparent url("../images/uebungen/3.gif") no-repeat bottom right; }
#uebung3 { background: transparent url("../images/uebungen/4.gif") no-repeat bottom right; }
#uebungtxt { display: none; }

.teasertext { font-weight: bold; color: #525252; margin-bottom: 1.5em; }
h2 { margin-top: 1.5em; }
h3 { margin-top: 1.3em; }
#textanfang { margin-top: 0.8em; }

#col-left { float: left; width: 400px; padding: 0 0 1em 0; }
#col-right { font-size: 0.9em; padding: 9px 9px 0 9px; float: right; background: transparent url("../images/design/main/bg_col_right.jpg") no-repeat 0% 0%; width: 141px; }

.arrow { padding-left: 20px; background: transparent url("../images/design/main/arrow.gif") no-repeat left center; }

#postit span { display: none;}

#photo { background: transparent url("../images/design/main/bg_photo.gif") no-repeat top left; }
.frame, #frame { margin: 6px 12px 11px 10px; }

.small { color: #999; font-size: 0.8em; }

.up { margin: 0; display: block; }
.up span { display: none; }
.up a { float: right; clear: right; display: block; height: 11px; width: 16px; background: url("../images/design/main/up.gif") no-repeat right top; }
.up a:hover { background: url("../images/design/main/up.gif") no-repeat right -11px; }


/* S W I C H E R  */

#switchwrap { background: transparent url("../images/design/switch/bg_switch.jpg") repeat-x 0% 0%; padding: 8px 0 5px 16px; margin-bottom: 2.5em; }
#switcher { margin: 0; padding: 0; height: 21px; list-style: none; margin: 0; padding: 0; }
#switchno { display: block; height: 34px; width: 140px; margin-bottom: 2.5em; }
#switcher li { list-style: none; display: inline; }
#switcher span { display: none; }

#switcher a { float: left; height: 21px; }
#small a { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_small.gif") no-repeat 0% 0%; }
#default a { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_norm.gif") no-repeat 0% 0%; margin-left: 8px; }
#big a { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_big.gif") no-repeat 0% 0%; margin-left: 8px; }
#off a { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_off.gif") no-repeat 0% 0%; margin-left: 8px; }

#small a:hover, #small a:active, #small a:focus { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_small.gif") no-repeat 0 -21px; }
#default a:hover, #default a:active, #default a:focus { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_norm.gif") no-repeat 0 -21px; margin-left: 8px; }
#big a:hover, #big a:active, #big a:focus { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_big.gif") no-repeat 0 -21px; margin-left: 8px; }
#off a:hover, #off a:active, #off a:focus { display: block; width: 21px; background: transparent url("../images/design/switch/switcher_off.gif") no-repeat 0 -21px; margin-left: 8px; }


/* Tooltip ********************************************/

.tooltip { width: 200px; color: #2B73E4; font-size: 0.75em; font-weight: bold; text-align: center; }
.tooltip span.top { padding: 34px 8px 0; background: transparent url("../images/design/tooltip/tooltip2.gif") no-repeat top; }
.tooltip b.bottom { padding: 3px 8px 15px; background: transparent url("../images/design/tooltip/tooltip2.gif") no-repeat bottom; }


/* F O O T E R */

#vkz { display: block; height: 74px; width: 622px; background: transparent url("../images/design/main/footer.jpg") no-repeat 0% 0%;  }
#vkz p { display: none; }

#banner { display: block; position: absolute; top: 0px; left: 0px; height: 113px; width: 118px; background: transparent url("../images/design/main/25.gif") no-repeat 0% 0%;  z-index: 3; }
#banner p { display: none; }

#footer { height: 2.5em; }
#footer a:link, #footer a:visited { color: #343434; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #FE6703; text-decoration: none; }

#footmenuright  { float: right; display: inline; list-style: none; margin: 0; padding: 0 22px 0 0; }
#footmenuright li { list-style: none; display: inline; }
#footmenuright span { display: none; }
#footmenuright a { float: left; height: 20px; }

#aaa a, #aaa a:visited { margin-right: 9px; display: block; width: 20px; background: transparent url("../images/design/validate/aaa.gif") no-repeat 0% 0%; }
#xhtml a, #xhtml a:visited { margin-right: 9px; display: block; width: 47px; background: transparent url("../images/design/validate/xhtml.gif") no-repeat 0% 0%; }
#css a, #css a:visited { display: block; width: 38px; background: transparent url("../images/design/validate/css.gif") no-repeat 0% 0%;  }
#aaa a:hover, #aaa a:active, #aaa a:focus { display: block; width: 20px; background: transparent url("../images/design/validate/aaa.gif") no-repeat 0 -20px; }
#xhtml a:hover, #xhtml a:active, #xhtml a:focus { display: block; width: 47px; background: transparent url("../images/design/validate/xhtml.gif") no-repeat 0 -20px; }
#css a:hover, #css a:active, #css a:focus { display: block; width: 38px; background: transparent url("../images/design/validate/css.gif") no-repeat 0 -20px; }

#footmenuleft { float: left; display: inline; margin: 2px 0 0 21px; }
#footmenuleft li { display: inline; list-style: none;  }
#rss a { padding: 0 0.5em 0 20px; border-right: 1px solid #343434; background: transparent url("../images/design/rss/feed.gif") no-repeat left center; }
#acs a { padding: 0 0.5em 0 0.5em; border-right: 1px solid #343434; }
#imp a { padding: 0 0.5em 0 0.5em; }

#copyright, #jf { display: none; }


/*  M O D U L E S   ---------------------------------------------------------------- */

/* M A I N / Home */

#home #help { margin-top: 1.5em; display: block; height: 131px; width: 400px; background: transparent url("../images/home/help.jpg") no-repeat 0% 0%; }
#home #help p { padding: 35px 0 0 128px; }
#home .line1 { font-weight: bold; font-size: 16px; color: #FE6703;  }
#home .line2 { line-height: 30px; }

#home #photo { margin-bottom: 13.5em; }

#home #partner { display: block; height: 46px; width: 104px; background: transparent url("../images/home/partner.gif") no-repeat 0% 0%; margin-bottom: 2.5em; }
#partner p { display: none; }


/* M A I N / Aktuell */

#aktuell #col-right { height: 343px; }

#aktuell #postit a { display: block; width: 141px; height: 124px; background: transparent url("../images/aktuell/postit.jpg") repeat-x 0% 0%; }
#aktuell #postit a:hover, #aktuell #postit a:active, #aktuell #postit a:focus { background: transparent url("../images/aktuell/postit.jpg") repeat-x 0% -124px; }


/* M A I N / Sortiment */

#sortiment #col-right { height: 343px; }

#sortiment #postit a { display: block; width: 141px; height: 124px; background: transparent url("../images/sortiment/postit.jpg") repeat-x 0% 0%; }
#sortiment #postit a:hover, #sortiment #postit a:active, #sortiment #postit a:focus { background: transparent url("../images/sortiment/postit.jpg") repeat-x 0% -124px; }


/* M A I N / Galerie */

#galerie #col-right { height: 343px; }

#galerie #postit a { display: block; width: 141px; height: 124px; background: transparent url("../images/galerie/postit.jpg") repeat-x 0% 0%; }
#galerie #postit a:hover, #galerie #postit a:active, #galerie #postit a:focus { background: transparent url("../images/galerie/postit.jpg") repeat-x 0% -124px; }

#thumbs { margin-bottom: 2.5em; margin-top: 2em; }

#galerie img { background: transparent url("../images/design/load/load.gif") no-repeat center center; }
	
ul#thumbs li { list-style: none; float: left; margin-right: 6px; margin-bottom: 2em; border: 1px solid #999; padding: 4px; background-color: #f8f8f8; }
ul#thumbs a { margin: 0; padding: 0; float: left; width: 118px; height: 70px; line-height: 70px; overflow: hidden; position: relative; z-index: 1; }
ul#thumbs a img { float: left; position: absolute; top: -35px; left: -45px; }
ul#thumbs .last { margin-right: 0; }
ul#thumbs .btm { margin-bottom: 0; }
		
ul#thumbs a:hover, ul#thumbs a:active, ul#thumbs a:focus { cursor: default; overflow: visible; z-index: 1000; border: none; }
ul#thumbs a:hover img, ul#thumbs a:active img, ul#thumbs a:focus img { border: 1px solid #999; background: #fff; padding: 4px; }

.tabadr { width: 2.5em; display: block; float: left; clear: left; }


/* M A I N / Team */

#team #col-right { height: 343px; }

#team #postit a { display: block; width: 141px; height: 124px; background: transparent url("../images/team/postit.jpg") repeat-x 0% 0%; }
#team #postit a:hover, #team #postit a:active, #team #postit a:focus { background: transparent url("../images/team/postit.jpg") repeat-x 0% -124px; }

#teamphoto { background: transparent url("../images/team/bg_photo.jpg") no-repeat top left; }
.teamframe { margin: 7px 10px 18px 9px; }


/* M A I N / Kontakt */

#kontakt #col-right { height: 343px; }

#kontakt #col-left .tab { display: block; width: 6.5em; float: left; clear: left; }
#kontakt .card { line-height: 1.6em; background: transparent url("../images/kontakt/vcard.gif") no-repeat left center; padding-left: 6.5em; }

#info { margin-top: 1.3em; border: 1px solid #eee; padding: 0.7em; background: #F3F7FD url("../images/kontakt/bg_info.gif") repeat-x 0% 0%; }
#info p { margin: 0; padding-left: 50px; background: transparent url("../images/design/main/bulb.gif") no-repeat left top; }

#kontakt #photo .imageOver { background: transparent url("../images/design/imagelink/zoom.png") no-repeat center center; }
#kontakt #photo img  { position: relative; }


/* M A I N / Form */

#kontaktformular { margin: 1em 0 0.75em 0; width: 400px; background: transparent url("../images/kontakt/middle.gif") repeat-y 0% 0%; }
#contactform { overflow: hidden; width: 400px; background: transparent url("../images/kontakt/top.gif") no-repeat 0% 0%; padding-top: 25px; }

#contactform p span.hinweis { display: none; }
#contactform #hinweistxt { margin-bottom: 1.3em; }

#contactform p span em { display: none; }
#contactform p span.star  { padding-right: 20px; background: transparent url("../images/kontakt/pflicht.gif") no-repeat right center; }

#contactform fieldset { border: 0; padding-left: 25px; padding-right: 25px; background: transparent url("../images/kontakt/bottom.gif") no-repeat left bottom; padding-bottom: 25px; }
#contactform legend { display: none; }

#contactform label { width: 139px; display: block; float: left; clear: left; }

#contactform input  { border: 1px solid #999; width: 178px; padding: 3px 3px 3px 25px; }
.in-user { background: #fff url("../images/kontakt/user.gif") no-repeat left center; }
.in-email { background: #fff url("../images/kontakt/email.gif") no-repeat left center; }
.in-phone { background: #fff url("../images/kontakt/phone.gif") no-repeat left center; }
#contactform input.in-user:active, #contactform input.in-user:focus { background: #EAF2FC url("../images/kontakt/user.gif") no-repeat left center; }
#contactform input.in-email:active, #contactform input.in-email:focus { background: #EAF2FC url("../images/kontakt/email.gif") no-repeat left center; }
#contactform input.in-phone:active, #contactform input.in-phone:focus { background: #EAF2FC url("../images/kontakt/phone.gif") no-repeat left center; }

#contactform button { margin-left: 220px; width: 89px; height: 23px; border: 0; background: transparent url("../images/kontakt/button.gif") no-repeat 0% 0%; cursor: pointer; }
#contactform button:hover, #contactform button:active, #contactform button:focus { background-position: 0 -23px; cursor: pointer; }
#contactform button span { display: none; }


#contactform #labelarea { width: auto; float: none; clear: both; margin-bottom: 0.75em; }
#contactform textarea  { border: 1px solid #999; width: 318px; height: 130px; padding: 3px 3px 3px 25px; background: #fff url("../images/kontakt/message.gif") no-repeat left top;  }
#contactform textarea:active, #contactform textarea:focus { background: #EAF2FC url("../images/kontakt/message.gif") no-repeat left top; }

#contactform textarea, #contactform input { line-height: 1.2em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #343434; }


/* M A I N / Danke */

#danke #col-right { height: 400px; }
.margin-danke { margin-bottom: 5em; }


/* M A I N / Hilfe */

#hilfe #col-right { height: 400px; }

#hilfe ul { list-style: none; }
#hilfe li { margin-bottom: 0.2em; }

#hilfe #keylist { margin: 0 0 0.75em 1em; }
#hilfe #keylist dt { float: left; clear: left; margin: 0 0.5em 0 0; padding-bottom: 0.2em; }
#hilfe #keylist dd { padding-bottom: 0.2em; }
#hilfe #keylist dd:hover { background-color: #f3f3f3; cursor: default; }

#hilfe #acs a { color: #FE6703; }


/* M A I N / Impresssum */

#impressum #col-right { height: 343px; }

#impressum #col-left .tab { display: block; width: 7.5em; float: left; }

#impressum #col-left #datenschutz { list-style: square; color: #FE6703; padding-left: 40px; margin-bottom: 0.75em; }
#impressum #col-left #datenschutz span { color: #343434; font-weight: normal; }

#impressum .ha { list-style-type: decimal; padding-left: 25px; }
#impressum .ha li { color: #FE6703; font-weight: bold; }
#impressum .ha li span { color: #343434; font-weight: normal; }

#impressum .ha-up { list-style-type: none; }
#impressum .ha-up li { margin-bottom: 0.75em; }

#impressum #imp a { color: #FE6703; }


/* M A I N / Fehler */

#fehler #col-right { height: 400px; }
.margin-fehler { margin-bottom: 5em; }


/*  M I S C E L L A N G E O U S   ---------------------------------------------------- */

em { font-style: normal; font-weight: normal; }
normal { font-style: normal; font-weight: normal; }
strong, b { color: #525252; font-weight: bold; }
s, strike, del { text-decoration: line-through; }
ins { text-decoration: underline; }
nowrap { white-space: nowrap; }
.block { text-align: justify; }

.inv { display: none; }

.nomargin { margin: 0; }
.bigmargin { margin-bottom: 1.5em; }


.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */ 



/*  E N D   S T Y L E S   ---------------------------------------------------------- */