body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {background-color:#bbd4d8;background-image:url(../grafik/main_bg.gif);background-repeat:no-repeat;background-position:488px 82px;}
body {font-family:Arial,Helvetica,sans-serif;color:white;font-size:11px;font-weight:bold;}
.clear {clear:both;}
.hidden {display:none;}
strong {font-weight:bold;}
em {font-style:italic;}

#wrapper {border: 0px solid white;margin-left:110px;width:796px;}

#navtop {height:167px;}
#navtop ul {margin-left:58px;}
#navtop ul li {float:left;/*width:105px;height:97px;margin:0 1px;*/margin:0 1px;}

#navtop ul li a {display:block;padding-bottom:66px;padding-top:20px;width:105px;height:11px;
	background-image:url(../grafik/navtop_off.gif);background-repeat:no-repeat;background-position:bottom;
	text-align:center;color:white;text-decoration:none;font-size:10px;outline:none;}

#navtop ul li.navwaschfrau a:hover {background-image:url(../grafik/nav_waschfrau_on__.gif);}
#navtop ul li.navwaschgang a:hover {background-image:url(../grafik/nav_waschgaenge_on__.gif);}
#navtop ul li.navschrankfertig a:hover {background-image:url(../grafik/nav_schrankfertig_on__.gif);}

#navtop #navcontact {float:right;text-align:right;}
#navtop #navcontact a {color:white;text-decoration:none;font-size:10px;outline:none;padding:31px 40px 30px 0;
	background-image:url(../grafik/nav_kontakt_off.gif);background-repeat:no-repeat;background-position:top right;
	display:block;width:70px;height:10px;}
#navtop #navcontact a:hover {background-image:url(../grafik/nav_kontakt_on.gif);}
#navtop #navhome {float:right;}
#navtop #navhome a {outline:none;}
#navtop #navhome a img {width:305px;height:40px;margin-top:80px;}

#contentwrap {border:0px solid blue;width:665px;margin-bottom:100px;float:left;}
#navsub {border:3px solid white;padding-left:176px;height:22px;}
#navsub #borderfix {border-left:3px solid white;height:22px;}
#navsub ul {}
#navsub ul li {float:left;border-right:3px solid white;padding:0 20px;height:22px;}
#navsub ul li a {color:white;font-weight:bold;text-decoration:none;line-height:22px;outline:none;}
#navsub ul li a:hover {text-decoration:underline;}

#navsubarrow {background-image:url(../grafik/pfeil_empty.gif);background-repeat:no-repeat;background-position:0px -3px;height:60px;width:60px;}
	
#content {margin-top:10px;}	
#navsubsub {border: 3px solid white; width:172px;padding:10px 0 168px 5px;float:left;}	
#navsubsub ul li {padding-left:29px;line-height:16px;background-image:url(../grafik/pfeil_navsubsub/ffffff.gif);background-repeat:no-repeat;background-position:4px 2px;}
#navsubsub ul li a {color:white;text-decoration:none;outline:none;}
#navsubsub ul li a:hover {text-decoration:underline;} 

#contentarea {background-color:white;color:black;font-weight:normal;padding:3px;width:464px;margin-left:12px;float:left;}
#contentarea #innercontent {padding:10px;}
/* content style */
#contentarea #innercontent {color:#535353;}
#contentarea #innercontent a {color:#535353;text-decoration:none;font-weight:bold;}
#contentarea #innercontent a:hover {text-decoration:underline;}
#contentarea #innercontent p.bodytext {margin-bottom: 12px} /*added gina 25.3.08*/
#contentarea #innercontent table.contenttable td {padding-right: 10px; vertical-align:top;} /*added gina 25.3.08*/
/* end content style  */

#contentarea div#btt {text-align:right;margin-top:10px;padding:6px 10px;}
#contentarea div#btt a {color:white;font-weight:bold;text-decoration:none;outline:none;}	
#contentarea div#btt a:hover {text-decoration:underline;}

#navside {float:right;width:113px;}
#navside ul {margin-top:118px;}
#navside ul li {margin-bottom:6px;}
#navside ul li a {color:white;text-decoration:none;font-size:10px;width:42px;
	display:block;padding:71px 4px 10px 67px;outline:none;
	background-position:top right;background-image:url(../grafik/nav_side_off.gif);background-repeat:no-repeat;}
#navside ul li.navlinks a:hover {background-image:url(../grafik/nav_links_over__.gif);}
#navside ul li.navspezial a:hover {background-image:url(../grafik/nav_spezial_over__.gif);} 

/*colorscheme*/	
body.waschgang #navsub, body.waschgang #navsubarrow, body.waschgang #navsubsub, body.waschgang #btt, li.navwaschgang a:hover,     body.waschgang li.navwaschgang a {background-color:#84acc5;}
body.schrank #navsub,   body.schrank #navsubarrow,   body.schrank #navsubsub,   body.schrank #btt,   li.navschrankfertig a:hover, body.schrank li.navschrankfertig a {background-color:#afb25b;}
body.waschfrau #navsub, body.waschfrau #navsubarrow, body.waschfrau #navsubsub, body.waschfrau #btt, li.navwaschfrau a:hover,     body.waschfrau li.navwaschfrau a {background-color:#cb6266;}
body.links #navsub, body.links #navsubarrow, body.links #navsubsub, body.links #btt,  li.navlinks a:hover, body.links li.navlinks a {background-color:#ffca33;}
body.spezial #navsub, body.spezial #navsubarrow, body.spezial #navsubsub, body.spezial #btt, li.navspezial a:hover, body.spezial li.navspezial a {background-color:#ee8c2e;}  
body.kontakt #navsub, body.kontakt #navsubarrow, body.kontakt #navsubsub, body.kontakt #btt {background-color:#a8526a;} 
/*end colorscheme*/
/*active main navigation, use the same colors as above!*/
body.waschgang #navtop ul li.navwaschgang a {padding-top:60px;background-image:url(../grafik/nav_waschgaenge_on__.gif);}
body.schrank #navtop ul li.navschrankfertig a {padding-top:60px;background-image:url(../grafik/nav_schrankfertig_on__.gif);}
body.waschfrau #navtop ul li.navwaschfrau a {padding-top:60px;background-image:url(../grafik/nav_waschfrau_on__.gif);}

body.links #navside ul li.navlinks a {background-image:url(../grafik/nav_links_over__.gif);}
body.spezial #navside ul li.navspezial a {background-image:url(../grafik/nav_spezial_over__.gif);}
body.kontakt #navtop #navcontact a {background-image:url(../grafik/nav_kontakt_on.gif);}
/*end active main navigation*/
/*navsub,navsubusub active states*/
body.waschgang #navsub li.active {background-color:#345e79;}
body.waschgang #navsubsub li.active a {color:#345e79;}
body.waschgang #navsubsub li.active {background-image:url(../grafik/pfeil_navsubsub/345e79.gif);}
body.schrank #navsub li.active {background-color:#72743b;}
body.schrank #navsubsub li.active a {color:#72743b;}
body.schrank #navsubsub li.active {background-image:url(../grafik/pfeil_navsubsub/72743b.gif);}
body.waschfrau #navsub li.active {background-color:#7d3639;}
body.waschfrau #navsubsub li.active a {color:#7d3639;}
body.waschfrau #navsubsub li.active {background-image:url(../grafik/pfeil_navsubsub/7d3639.gif);}
body.links #navsub li.active {background-color:#7b5c02;}
body.links #navsubsub li.active a {color:#7b5c02;}
body.links #navsubsub li.active {background-image:url(../grafik/pfeil_navsubsub/7b5c02.gif);}
body.spezial #navsub li.active {background-color:#695a4d;}
body.spezial #navsubsub li.active a {color:#695a4d;}
body.spezial #navsubsub li.active {background-image:url(../grafik/pfeil_navsubsub/695a4d.gif);}
body.kontakt #navsub li.active {background-color:#561527;}
body.kontakt #navsubsub li.active a {color:#561527;}
body.kontakt #navsubsub li.active {background-image:url(../grafik/pfeil_navsubsub/561527.gif);}
/*FIXME: add background-image to navsubsub li with correct color for kontakt*/
/*end navsub,navsubsub active states*/

/*startseite only */
div.startseite#content {padding-top:88px;background-image:url(../grafik/startseite_bg.jpg);background-repeat:no-repeat;background-position:90px 23px;}
div.startseite#content #contentarea #innercontent {padding-left:100px;}
div.startseite#content #contentarea {background-image:url(../grafik/startseite_bg_2.jpg);background-repeat:no-repeat;background-position:left top;margin-left:192px;}
div.startseite#content #btt {background-color:#bbd4d8;}
div.startseite {height:200px;}

/*drop shadows */
.csc-textpic-border .img-shadow a {float:right;}
.csc-textpic-border .img-shadow {float:left;background: url(../grafik/schatten.jpg) no-repeat bottom right;margin: 5px 0 0 5px !important;width:100%;}
.csc-textpic-border .img-shadow img {display: block;position: relative;background-color: #fff;margin: -5px 5px 5px -5px !important;}
.csc-textpic-border img {border:none !important;}