@import url(allgemein.css);
/* CSS Document */

#body{
margin:0;
background-image:url(/images/framework/bodybg.jpg);
background-repeat:repeat-x;
background-color:#CCCCCC;
text-align:center;
}


#SmallScreenNavi{
display:none;
}

#centerdiv{
margin:0 auto;
margin-top:-1px;
width:870px;
background-repeat:repeat-y;
text-align:left;
background-color:#ffffff;
}

#centerschatten{
width:866px;
background-image:url(/images/framework/centerbg.gif);
background-repeat:repeat-y;
}


#rightsidenavi{
float:left; 
width:212px; 
padding-left:4px; 
background-color:#BAC3CC;
margin-bottom:10px;
}

#con{
width:705px; 
float:left; 
margin:0; 
background-image:url(/images/framework/contentverlauf.jpg); 
background-repeat:no-repeat;
margin-top:1px;
}




#header{
width:870px;
height:156px;
background-image:url(/images/framework/header.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navi{
width:870px;
height:27px;
background-image:url(/images/framework/navi.gif);
background-repeat:no-repeat;
overflow:hidden;
}

#ticker,
#ticker a:link,
#ticker a:visited,
#ticker a:active
{
width:857px;
height:20px;
padding-top:5px;
padding-left:13px;
background-color:#D6D6D6;
background-repeat:repeat-x;
overflow:hidden;
font-family:Arial;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

#ticker a:hover{
text-decoration:underline;

}


#footer{
width:865px;
border-left:1px solid #DADCDE;
border-right:1px solid #DADCDE;
height:18px;
margin:0 auto;
background-color:#228E43;
text-align:left;
padding-left:5px;
padding-top:3px;
margin-top:-1px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}


#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}


/*Navi Buttons Aktiv,, 2 verschiedene klassen deshalb, weil man für die rechte und die linke seite jeweil ein hintergrundbild benötigt */

.navibuttonAktiv{
background-image:url(/images/framework/navibuttonActiveLeft.gif); 
background-color:#228E43; 
margin-left:4px; 
background-repeat:no-repeat; 
background-position:left top; 
float:left;  
height:24px;  
float:left;
margin-top:3px;
}

.navibutton2Aktiv{
background-image:url(/images/framework/navibuttonActiveRight.gif); 
background-repeat:no-repeat;
background-position:right top; 
height:18px; 
padding-left:3px; 
padding-right:3px;
padding-top:5px;
float:left;
}


/*Navi Buttons Inaktiv,, 2 verschiedene klassen deshalb, weil man für die rechte und die linke seite jeweil ein hintergrundbild benötigt */

.navibuttonInaktiv{
background-image:url(/images/framework/navibuttonInactiveLeft.gif); 
background-color:#D7D7D7; 
margin-left:4px; 
background-repeat:no-repeat; 
background-position:left top; 
float:left;  
height:23px;  
margin-top:3px;
float:left;
}

.navibutton2Inaktiv{
background-image:url(/images/framework/navibuttonInactiveright.gif); 
background-repeat:no-repeat;
background-position:right top; 
height:18px; 
padding-left:3px; 
padding-right:3px;
padding-top:5px;
float:left;
}


/*Schriftfarbe der Links bestimmen*/

.navibutton2Inaktiv a:link,
.navibutton2Inaktiv a:visited,
.navibutton2Inaktiv a:active{
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#535358;
/*35333e*/
text-decoration:none;
}

.navibutton2Inaktiv a:hover{
text-decoration:underline;
}





/*Schriftfarbe der Links bestimmen*/


.navibutton2Aktiv a:link,
.navibutton2Aktiv a:visited,
.navibutton2Aktiv a:active{
font-family:Verdana;
font-size:10px;
color:#F8F8FF;
text-decoration:none;
font-weight:bold;
}

.navibutton2Aktiv a:hover{
text-decoration:underline;
}




.tickertext a:hover{
text-decoration:underline;
}

#leftsidenavi{
padding-top:3px;
width:148px; 
padding-left:5px;
padding-right:5px;
float:left;
margin:0;
background-image:url(/images/framework/leftsidebackground.jpg);
background-repeat:repeat-x;
}


.SeitenContentboxenInhalt a:link,
.SeitenContentboxenInhalt a:visited,
.SeitenContentboxenInhalt a:active{
color:#333333;
text-decoration:none;
}


.SeitenContentboxenInhalt a:hover{
text-decoration:underline;
}

.SeitenContentboxenHeader{
 
padding-left:8px; 
height:15px; 
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size:11px; 
color:#FFFFFF; 
overflow:hidden; 
background-color:#228E43; 
}

.SeitenContentboxenInhalt{
background-repeat:repeat-x; 
background-color:#F5F6F8;
margin-bottom:6px;
padding-bottom:8px;
padding-top:4px;
overflow:hidden;
font-size:11px; 
font-family:Arial, Helvetica, sans-serif; 
color:#333333;
}



#leftnavitext{
margin-top:3px;
margin-bottom:3px; 
}



#leftnavitext,
#leftnavitext a:link,
#leftnavitext a:visited,
#leftnavitext a:active{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:5px;
text-decoration:none;
}

/*Für Aktive Punkte*/
.NaviAktiv{
font-weight:bold;
color:#228E43 !important;
}


.menu1 a,
.menu1 a:link,
.menu1 a:visited,
.menu1 a:active{
color:#333333;
}

.menu2 a,
.menu2 a:link,
.menu2 a:visited,
.menu2 a:active{
color:#333333;
}






.NaviInaktiv{
color:#333333;
font-weight:normal;
}



#leftnavitext a:hover{
text-decoration:underline;
}





#verlaufRechtsUnten{
width:137px; 
overflow:hidden;  
height:500px; 
background-image:url(/images/framework/rightside-verlauf.jpg); 
background-repeat:repeat-x;
}







/*Abstände für die Seiten der Navigation*/

.menu0{margin-left:0px; margin-bottom:2px;}
.menu1{margin-left:8px; margin-bottom:2px;}
.menu2{margin-left:18px; margin-bottom:2px;}
.menu3{margin-left:15px; margin-bottom:2px;}



.ATmoreHighlighted{
font-size:12px;
fon-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


.ATmore{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}







#ticker{
 background-color:#228E43;
}

#ticker a,
#ticker a:visited,
#ticker a:hover,
#ticker a:active{
background:none !important;
}


#marqueewidth{
width:500px; 
}

.a{
color:#228E43 !important;
font-weight:bold;
}


.partnerPics{
margin-left:-8px;
}

#partner{

background-image:url(/images/framework/partnerbg.jpg);
background-repeat:repeat-x;
width:145px;

overflow:hidden;
}

#partner,
#partner a,
#partner a:active,
#partner a:visited{
color:#181623 !important;
text-decoration:none;
}

#partner a:hover{
text-decoration:underline;
}

#ContentPadding{
overflow:hidden;
margin-top:3px; 
width:705px;

}

/** Anpassung warenkorb an der Seite **/

#warenkorbboxtabelle{
margin-top:5px;
}

#warenkorbboxtabelle td{
background-color:#E3E3E3;
border:1px solid #91AAC2;
}


/*** Spalter für die Dmods***/

.zweispalterleft,
.zweispalterright{
 width:351px; 
 float:left;
}

.zweispalterspacer{
 width:3px;
 height:60px;
 overflow:hidden;
 float:left;
}


/** allgemeine Stylesheets **/
.clear{
 clear:both;
 overflow:hidden;
 height:1px;
 width:1px;
}


.isForSmallScreen{
display:none;
}



body.mceContentBody{
background-color:#ffffff !important;
width:484px !important;
padding:6px;
font-size:11px !important;
color:#333333;
font-family:Arial;
}


body.mceContentBody table{
font-size:12px !important;
}

body.mceContentBody a{
color:#228E43 !important;
font-weight:bold;
text-decoration:none !important;
}

.mceVisualAid {
	border:1px dashed #D4D2D8 !important; 
}




.boxContent{
	background-color:#F6F6F6;
	padding:8px;
	font-weight:normal;
	font:11px tahoma;
}

.boxEckeOL{
	background: url(/images/boxecke-lo.gif) no-repeat top left;
	height:9px;
	background-color:#F6F6F6;
	
}

.boxEckeOR{
	background: url(/images/boxecke-ro.gif) no-repeat top right;
	height:9px;	
}

.boxEckeUL{
	height:9px; 
	overflow:hidden; 
	background-position:top left; 
	background-image:url(/images/boxecke-lu.gif);
	background-repeat:no-repeat;
}

.boxEckeUR{
	background: url(/images/boxecke-ur.gif) no-repeat bottom right;
	background-repeat:no-repeat;
	background-position:top right;
	height:9px;

}


.boxEckeOLHeadline{
	background: url(/images/boxecke-lo-headline.gif) no-repeat top left;
	height:15px;
	background-color:#F6F6F6;
}

.boxEckeORHeadline{
	background: url(/images/boxecke-ro.gif) no-repeat top right;
	height:15px;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	font-family:arial;
	color:#333333;
}