* { margin:0; padding:0; border:0; }

body { background:#fefefe url('../gfx/bgMain.jpg') repeat-x; font-size:12px; color:#423e3e; font-family:verdana, sans-serif; }
#wrap { position:relative; margin:0 auto; width:960px; text-align:center; /* Center in IE6 */ }
#headerLogo { float:left; width:430px; height:215px; text-indent:-9999px; background:url('../gfx/headerLogo.jpg') no-repeat; }
#picFader { width:530px; height:215px; background:url('../gfx/dummiePicFader.jpg') no-repeat;  }

#topMenu { position:absolute; top:0px; left:10px; list-style:none; }
#topMenu li { display:inline; padding:0px 8px 0px 4px; background:url('../gfx/cutFooterMenu.gif') right 5px no-repeat; }
#topMenu li a, #topMenu li a:active, #topMenu li a:visited { color:#fff; font-size:10px; text-decoration:none; }
#topMenu li a:hover { color:#423e3e; }
#topMenu li.last { background:none; }
#topMenu li a.first { background:url('../gfx/cart.gif') 0 1px no-repeat; padding-left:16px; }

#menu { clear:both; list-style:none; }
#menu li { display:inline; float:left; height:59px; width:960px;}

#menu li a { position:absolute; width:204px; height:59px; background:url('../gfx/btnMenuSprite.png') no-repeat; padding:0; font-size:16px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; padding-top:5px; text-align:left; top:215px; }
#menu li a:hover { background-position:0 -65px; color:#838383; }
#menu li.current a { background-position:0 -130px; color:#838383; z-index:200 !important; }
#menu li.last { width:0; height:0; clear:both; }

#menu li span.icon { margin-left:15px; margin-top:7px; width:40px; height:40px; display:block; float:left; }
#menu li.startseite span.icon { background:url('../gfx/iconsMenu/startseite.png') 0 0 no-repeat;  }
#menu li.ueberuns span.icon { background:url('../gfx/iconsMenu/ueberuns.png') 0 0 no-repeat; }
#menu li.produkte span.icon { background:url('../gfx/iconsMenu/produkte.png') 0 0 no-repeat; }
#menu li.kontakt span.icon { background:url('../gfx/iconsMenu/kontakt.png') 0 0 no-repeat; }
#menu li.impressum span.icon { background:url('../gfx/iconsMenu/impressum.png') 0 0 no-repeat; }

#menu li span.description { display:block; font-size:10px; font-weight:normal; text-transform:none; }

#menu li.startseite a { left:0px; z-index:150; }
#menu li.ueberuns a { left:190px; z-index:140; }
#menu li.produkte a { left:380px; z-index:130; }
#menu li.kontakt a { left:570px; z-index:120; }
#menu li.impressum a { left:760px; z-index:110; }

#menu li.current { z-index:200; }

#contentWrap { position:relative; top:-231px; clear:both; width:959px; background:url('../gfx/bgGradContent.jpg') 0 16px no-repeat; margin:0 auto; min-height:398px; height:auto !important; height:398px; /* Min-Height for IE6 */ }
#contentLeft { float:left; width:619px;  line-height:1.4; margin:40px 15px 20px 30px; text-align:left; color:#858585;}
#contentLeft p { padding-bottom:20px; }
#contentLeft h1 { font-size:16px; font-weight:bold; padding-bottom:10px; clear:both; padding-top:10px;}
#contentLeft a, #contentLeft a:active, #contentLeft a:visited { color:#757575; border-bottom:1px solid #444; text-decoration:none; }
#contentLeft a:hover { border-bottom:1px solid #f38b1c; color:#444; }
#contentRight { float:left; width:250px; line-height:1.4; margin:40px 30px 20px 15px; }

#boxRightWrap { width:248px; background:url('../gfx/bgBoxRight.png') repeat-y; }
#boxRightMenu li a, #boxRightMenu li a:active, #boxRightMenu li a:visited { display:block; width:124px; height:24px; padding:9px 0 0 0; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; }
#boxRightMenu li a:hover { color:#f74636; }
#boxRightMenu li { display:block; float:left; width:124px; height:33px; background:url('../gfx/btnBoxRight.png') no-repeat; }
#boxRightMenu li.last { width:0; height:0; clear:both; }
#boxRightContent, #boxRightWrap-0, #boxRightWrap-1 { line-height:1.4; color:#858585; width:228px; background:url('../gfx/bgBoxRightTop.png') no-repeat; padding:10px 10px 0 10px; text-align:left; min-height:133px; height:auto !important; height:133px /* Min-Height for IE6 */}
#boxRightContent p, #boxRightWrap-0 p, #boxRightWrap-1 p { padding-bottom:20px; }
.boxRightBottom { width:248px; height:10px; background:url('../gfx/bgBoxRightBottom.png') no-repeat; }

#boxRightWrap-0 address { padding:5px 5px 10px 20px; font-weight:normal; font-style:normal; }
#boxRightWrap-0 address strong { font-weight:bold; }

/* Loginformular Rechts */
#boxRightWrap-1 form { padding:10px; margin:0 auto; text-align:center; }
#boxRightWrap-1 label { float:left; width:80px; color:#848484; font-size:10px;  }
#boxRightWrap-1 input { float:left; width:112px; height:16px; color:#000; background-color:#fff; border:1px solid #b3b3b3; margin-bottom:10px; }
#boxRightWrap-1 input:hover, .mfInput input:focus { color:#000; background-color:#efefef; border:1px solid #f38b1c; } /* Does not working in IE */
#boxRightWrap-1 input.submit { float:none; width:100px; margin:0 auto; height:22px; color:#000; padding-bottom:10px; background-color:#efefef; border:1px solid #b3b3b3; }
#boxRightWrap-1 input.submit:hover, .mfButton input.submit:focus { color:#000; background-color:#fff; border:1px solid #f38b1c; } /* Does not working in IE */
#boxRightWrap-1 .clear { clear:both; }
#boxRightWrap-1 p { padding:10px 20px 10px 20px; }
#boxRightWrap-1 p.center { padding:10px 0 10px 0; text-align:center; }
#boxRightWrap-1 a, #boxRightWrap-1 a:active, #boxRightWrap-1 a:visited { color:#757575; border-bottom:1px solid #444; text-decoration:none; }
#boxRightWrap-1 a:hover { border-bottom:1px solid #f38b1c; color:#444; }

#footerMenu { clear:both; background:#f38b1c; margin-top:10px;  text-align:center; }
#footerMenu ul { list-style:none; padding:0 0 3px 0; }
#footerMenu ul li { display:inline; padding:0px 8px 0px 4px; background:url('../gfx/cutFooterMenu.gif') right 5px no-repeat; }
#footerMenu ul li.last { background:none; }
#footerMenu ul li a, #footerMenu li a:active, #footerMenu li a:visited { padding:4px; color:#fefefe; font-size:10px; text-decoration:none; }
#footerMenu ul li a:hover { color:#423e3e; }

#footer { background:#eebc92; text-align:center; padding:10px; font-size:10px;}

/* Referenzen Startseite */
#contentLeft .produkteStartseite li.baerte a { background:url('../gfx/produkteThumbs/baerte.png') 7px 8px no-repeat; }
#contentLeft .produkteStartseite li.schminke a { background:url('../gfx/produkteThumbs/schminke.png') 7px 8px no-repeat; }
#contentLeft .produkteStartseite li.zubehoer a { background:url('../gfx/produkteThumbs/zubehoer.png') 7px 8px no-repeat; }
#contentLeft .produkteStartseite li.peruecken a { background:url('../gfx/produkteThumbs/peruecken.png') 7px 8px no-repeat; }
#contentLeft .produkteStartseite li.kostueme a { background:url('../gfx/produkteThumbs/kostueme.png') 7px 8px no-repeat; }
#contentLeft .produkteStartseite li.huete a { background:url('../gfx/produkteThumbs/huete.png') 7px 8px no-repeat; }

#contentLeft .produkteStartseite a, #contentLeft .produkteStartseite a:active, #contentLeft .produkteStartseite a:visited { color:#000; border-bottom:0; }

#contentLeft .produkteStartseite { list-style:none; }
#contentLeft .produkteStartseite li { background:url('../gfx/bgProdukteStartseite.png') no-repeat; display:block; width:81px; height:91px; float:left; }
#contentLeft .produkteStartseite li.last { width:0; height:0; clear:both; }
#contentLeft .produkteStartseite li a, #contentLeft .produkteStartseite li a:active, #contentLeft .produkteStartseite li a:visited { display:block; width:73px; height:10px; padding-top:81px; background-position:7px 8px; background-repeat:none; color:#000; font-size:10px; text-align:center; text-decoration:none; border-bottom:0px; }
#contentLeft .produkteStartseite li a:hover { background-position:8px -87px; color:#f38b1c; border-bottom:0px; }

/* Loginformular Hauptseite*/
#contentLeft .loginForm form { padding:10px; margin:0 auto; text-align:center; }
#contentLeft .loginForm label { width:120px; color:#848484; font-size:12px; padding-right:10px; }
#contentLeft .loginForm input { width:150px; height:16px; color:#000; background-color:#fff; border:1px solid #b3b3b3; margin-bottom:10px; }
#contentLeft .loginForm input:hover, .mfInput input:focus { color:#000; background-color:#efefef; border:1px solid #f38b1c; } /* Does not working in IE */
#contentLeft .loginForm input.submit { float:none; width:150px; margin:0 auto; height:22px; color:#000; padding-bottom:10px; background-color:#efefef; border:1px solid #b3b3b3; }
#contentLeft .loginForm input.submit:hover, .mfButton input.submit:focus { color:#000; background-color:#fff; border:1px solid #f38b1c; } /* Does not working in IE */
#contentLeft .loginForm .clear { clear:both; }
#contentLeft .loginForm p { padding:10px 20px 10px 20px; }
#contentLeft .loginForm p.center { padding:10px 0 10px 0; text-align:center; }

*+html #contentLeft .loginForm label { margin-top:-15px; }

/* Kontaktformular */
.mfWrap { padding:0; margin:0 auto; width:400px; text-align:center; /* Center in IE6 */ }
.mfFloatLeft { float:left; width:190px; padding:5px; margin:0; text-align:left; /* See IE-Hack */ }
.mfFloatRight { float:right; width:190px; padding:5px; margin:0; text-align:left; /* See IE-Hack */ }
.mfFloatLeftCostumWidth { float:left; padding:5px; margin:0; text-align:left; /* See IE-Hack */ }
.mfFullWidth { padding:5px; margin:0; width:390px; text-align:left; /* See IE-Hack */ }
.mfCenter { margin:0 auto; text-align:center; /* Center in IE6 */ }
.mfClearBoth { clear:both; }
.mfInput { padding:0; margin:0; width:180px; }
.mfCaption { color:#000; font-size:10px; display:inline; text-align:left; /* See IE-Hack */ }
.mfInput input { width:180px; height:16px; color:#000; background-color:#fff; border:1px solid #b3b3b3; }
.mfInput input:hover, .mfInput input:focus { color:#000; background-color:#efefef; border:1px solid #f38b1c; } /* Does not working in IE */
.mfInput textarea { width:380px; height:160px; color:#000; background-color:#fff; border:1px solid #b3b3b3; }
.mfInput textarea:hover, .mfInput textarea:focus { color:#000; background-color:#efefef; border:1px solid #f38b1c; } /* Does not working in IE */
.mfTextLeft { color:#000; font-size:10px; text-align:left; /* See IE-Hack */ padding:2px 0 2px 0; }
.mfCheckbox { text-align:left; font-size:10px; color:#000; }
.mfCheckbox input { border:0; text-align:left; /* See IE-Hack */ font-size:10px; color:#000; }
.mfButton input { width:150px; height:26px; color:#000; background-color:#efefef; border:1px solid #b3b3b3; }
.mfButton input:hover, .mfButton input:focus { color:#000; background-color:#fff; border:1px solid #f38b1c; } /* Does not working in IE */