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

#body{
margin:0;
}


#centerdiv{
width:320px;
background-repeat:repeat-y;
text-align:left;
padding:0px !important;
margin:0px !important;
background-image:none !important;
}

#centerschatten{
width:320px;
background-repeat:repeat-y;
padding:0px !important;
margin:0px !important;
background-image:none !important;
}


#rightsidenavi{
display:none;
}

#con{
width:320px; 
clear:both;
padding:0px !important;
margin:0px !important; 
background-repeat:no-repeat;
}




#header{
width:320px;
height:38px !important;
background-image:url(../images/framework/header-pda.jpg) !important;
background-repeat:no-repeat;
overflow:hidden !important;
}

#navi{
display:none;
}

#ticker,
#ticker a:link,
#ticker a:visited,
#ticker a:active{
display:none;
}

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

}


#footer{
width:316px;
border-left:1px solid #DADCDE;
border-right:1px solid #DADCDE;
height:16px;
margin:0 auto;
background-color:#296DAD;
text-align:left;
padding-left:3px;
padding-top:3px;
margin-top:-1px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
overflow:hidden;

}


#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;
}


#SmallScreenNavi{
background-image:url(../images/framework/leftnavitextverlauf.jpg) !important;
background-repeat:repeat-x !important;
display:block !important;
color:#333333 !important;
}

/*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:#296DAD; 
margin-left:4px; 
background-repeat:no-repeat; 
background-position:left top; 
float:left;  
height:24px;  
clear:both;
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;
clear:both;
}


/*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:#D3D6DD; 
margin-left:4px; 
background-repeat:no-repeat; 
background-position:left top; 
float:left;  
height:23px;  
margin-top:3px;
clear:both;
}

.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;
clear:both;
}


/*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{
width:148px; 
padding-left:5px;
padding-right:5px;
float:left;
margin:0;
background-image:url(../images/framework/leftsidebackground.jpg);
background-repeat:repeat-x;
display:none;
}


.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:#296DAD; 
}

.SeitenContentboxenInhalt{

padding-left:8px;  
background-image:url(../images/framework/leftsidebackground-verlauf.jpg); 
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; 
border:1px solid #91AAC2;
}



#leftnavitext,
#leftnavitext a:link,
#leftnavitext a:visited,
#leftnavitext a:active{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

text-decoration:none;
}

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

.NaviInaktiv{
color:#181622 !important;
font-weight:normal !important;
}


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

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








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


#leftnavitext{
background-image:url(../images/framework/leftnavitextverlauf.jpg) !important; 
background-repeat:repeat-x;
}





#FullsizeBanner{
width:468px; 
height:60px; 
margin-left:513px; 
margin-top:69px; 
position:absolute;
}


#SkyscraperTitel{
width:120px; 
height:200px; 
float:left; 
margin-left:4px;
text-align:center
}

#Skyscraper{
width:160px;
border:0px solid #333333;
font-size:11px; 
font-family:Arial, Helvetica, sans-serif; 
color:#333333;
vertical-align:middle;
}

/*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;
}



.full .right,
.right{
background-image:url(images/archiv-button.gif) !important;
background-repeat:no-repeat !important;
}



#ticker{
 background-image:url(images/bsv-partner.gif) ; 
}

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


#marqueewidth{
width:650px; 
}

.a{
color:#296DAD !important;
font-weight:bold;
}


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

#partner{
margin-top:3px;
background-image:none;
background-color:#ffffff;
}

#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:320px;
padding:0px !important;
margin:0px !important;

}

/** Anpassung warenkorb an der Seite **/

#warenkorbboxtabelle{
margin-top:5px;
}

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





.zweispalterleft,
.zweispalterright{
 width:320px; 
}

.zweispalterspacer{
height:10px;
width:320px;
background:none;
background-color:#ffffff;
}

.breaker{
background-color:#ffffff;
}


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

.isForWideScreen{
display:none !important;
}

.isForSmallScreen{
display:block !important;
}

.scrollbar{
width:100%;
overflow:scroll;
}