@charset "UTF-8";
/* CSS Document */


.csc-frame-rulerBefore { border-top: 1px solid #253755;padding-top:3px;width:100%;}
.csc-frame-rulerAfter { border-top: 1px solid #253755;padding-bottom:3px;width:100%;}

@media print {
#head, #hauptnav, #nav {display:none}
p, li, h1, h2 {
color:#000000;
background-color:#FFFFFF;
}

h1 img {
display:none;
}

}


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border:1px solid #253755;
padding:0px;
}


#content ul
{
/*list-style-image:*/
margin: 4px;
padding:4px;
border: none;
line-height:0.9em;
}

#content li {
/*list-style-image:url(../images/punkt.gif);*/
line-height:1.2em;
margin-bottom:0.6em;
margin-left: 8px;
padding-left: 8px;
}



.box {
border:1px solid #253755;
width:170px;
margin:10px;
background-color:#e4e7ea;
margin-top:20px;
}

.box h2{
background-color:#c1c6ce;
padding:5px;
margin:0px;
}

.box p{
padding:5px;
margin:0px;
}

.produktgruppe {
border:1px solid #253755;
width:320px;
margin-bottom:20px;
background-color:#e4e7ea;
}

.produktgruppe h2{
background-color:#c1c6ce;
padding:5px;
margin:0px;
}

.produktgruppe .text {
float:left;
width:165px;
padding:5px;
padding-top:0px;
margin-left:5px;
}

.produktgruppe .bild {
float:left;
width:140px;
}


.einzelprodukt {
border:1px solid #253755;
width:618px;
margin-bottom:20px;
background-color:#e4e7ea;
}


.einzelprodukt h2{
padding:0px;
margin:0px;
}

.einzelprodukt .text {
float:left;
width:470px;
padding:5px;
}

.einzelprodukt .bild {
float:left;
width:100px;
}






html,body {
margin:0px;
padding:0px;
height:100%;
font-size:90%;
}

#wrap {
width:900px;
margin:auto;
min-height:600px;
padding:0px;
text-align: center;
background-image:url(images_sontag/contentbg.gif);
background-repeat:repeat-y;
}

body {
background-color:#253755;
text-align:center;
}

body, #content, p, li, td a{
color:#253755;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav a, #content1 a, #content2 a, #content a{
color:#253755;
}

h2, h3, h4, h5,p, li, td {
 font-size:1.0em;
 }

h1 {
font-size:1.4em;
}

#head {
background-image:url(images_sontag/kopf_o.jpg);
background-repeat:no-repeat;
width:900px;
height:128px;
}

#hauptnav {
width:899px;
background-color:#253755;
padding:3px;
background-image:url(images_sontag/kopf_u.jpg);
background-position:0px 0px;
}

#hauptnav ul {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}

#hauptnav li {
	float:left;
	margin: 0px;
	margin-left:8px;
	padding-top:0.3em;
 	padding-right: 0em;
 	padding-left:0em;
 	padding-bottom:0em;	
	color:#e4e7ea;
	}


#hauptnav li a {
	text-decoration: none;
	color:#e4e7ea;
	}


#hauptnav li a {
padding-right:8px;
border-top-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-left-width:0px;
border-style: solid;
border-color:#e4e7ea;
}

#hauptnav li.first a{
padding-right:8px;
padding-left:8px;
border-left-width:1px;
}


#nav1 {
float:left;
color:#e4e7ea;
margin-left:5px;
width:475px;
text-align:left;
}

#nav2 {
float:left;
color:#e4e7ea;
text-align:right;
width:310px;
}

#nav3 {
float:left;
color:#e4e7ea;
text-align:right;
width:90px;
}


#nav3 img {
border:0px;
margin-right:3px;
}

#nav {
width:200px;
float:left;
text-align:left;
height:100%;
}

#contentwrap {
width:680px;
float:left;
text-align:left;
height:100%;
padding-left:20px;
}

#footer {
color:#e4e7ea;
width:900px;
margin:auto;
text-align:right;
padding-top:5px;
}

#content1 {
padding-top:20px;
width:320px;
text-align:left;
float:left;
margin-right:20px;
}

#content2 {
padding-top:20px;
width:320px;
text-align:left;
float:left;
}

#content {
width:620px;
text-align:left;
clear:both;
}

.clear {
clear:both;
}

#nav ul
{
list-style: none;
margin: 0;
padding: 0;
margin-top:20px;
}
#nav li {
color:#253755;
background-color:#e4e7ea;
}

#nav li.high, #nav li.high li {
background-color:#c1c6ce;
}

#nav li.high li.high {
background-color:#ffffff;
}



#nav li a{
text-decoration:none;
color:#253755;
display:block;
padding:5px;
padding-left:15px;
}

#nav li a:hover{
background-color:#c1c6ce;

}

#nav li li a:hover{
background-color:#ffffff;

}

#nav ul ul {
margin:0px;
margin-left:20px;
}

#nav li li a{
padding:3px;
}

#nav li li a:hover{
}

#nav li li.high {
color:#415678;
}





/*Ende Menükonfig*/