/* page layout */
body, html {
margin: 0;
padding: 0;
margin-bottom: 4px;
}


div#pageFrame {
width: 995px; /* total pagewidth */
text-align: left;
}


div#logoFrame {
height: 64px;
position: relative;
}


div.navBarFrame {
margin-left: 5px;
margin-right: 5px;
height: 30px; /* prevent collapse ? */
}


div#navBottomFrame {

}


div#middleFrame {
float:left;
width: 580px;

}


@media all {
        div#middleFrame {margin-right: 0;}
          } /* values for others */


#middleContent {
margin: 12px 0px 20px 0px;


}


/* boxes1 and 2 (call it left and right if you prefer) */
div#boxes1Frame {
float: left;
width: 160px;
}


div#boxes2Frame {
float: left;
width: 215px;
}


div.infoboxContentsFL {
background: #E6EDF7;
margin: 0px; /* = the padding */
/* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 0px; /* IE */
}


div#bannerFrame {
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
}

#shopnavigation {
background: url(images/navi_abschluss.gif) left bottom no-repeat;
padding-bottom: 7px;
}

.shopnaviactive {
font-size: 11px;
width: 160px;
background: url(images/shopnavi_active.gif) center left no-repeat #3C6DA7; 
}

.shopnavi {
width: 160px;
background-color: #3C6DA7;
font-size: 11px;
}

.shopnavi a,
.shopnavi a:link,
.shopnavi a:visited {
text-decoration: none; 
display: block;
padding-left:20px;
color: white;
}

* html .shopnavi a,
* html .shopnavi a:link,
* html .shopnavi a:visited {
width: 160px
}

.shopnavi a:hover {
padding-left:20px;
text-decoration: none; 
display: block;
color: white;
font-size: 11px;
background-color: #274770;
}

.shopnavi a:active {
padding-left:20px;
text-decoration: none; 
display: block;
color: white;
font-size: 11px;

}


.shopnaviactive a,
.shopnaviactive a:link,
.shopnaviactive a:visited,
.shopnaviactive a:hover {
text-decoration: none; 
display: block;
color: white;
font-weight: bold;
padding-left:20px;
}

.shopnaviactive a:active {
text-decoration: none; 
display: block;
color: white;
font-size: 11px;
font-weight: bold;
padding-left:20px;
}



/* end page layout */








#container {
width:995px;
}

#header {

}

#content {
background: url(images/content_leftbar_back.gif) top left repeat-y;
}

#languagebox {
xxxxxheight:36px;
}

#languagepick {
	padding: 0;
	margin: 0;
	float: right;
	background: url(images/languagepick_bg.gif) -5px top repeat-x #DFE2DC;
	height: 21px;
	width: 280px;
}

.lang_pos {
	float: left; 
	width: 170px;
	margin-right: 8px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 11px;
}

#languagepick a {
	color: #575757;
}


#languagepick ul {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
}

#languagepick ul li {
	list-style: none;
	float:left;
	padding: 1px 0 0 15px;
	margin: 0;
}


a.currlanglink {
	padding-bottom: 3px; 
	padding-left: 3px;
	font-size: 11px;
	font-weight: bold;
}

#flags { 
	width: 90px;
	margin-left: 190px;
	border-bottom-width: 0;
	font-size:11px;
	line-height: 0px;
	z-index:100;
	color: #ffffff;
}

#flags a {
	background-color: #282D24;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #A4AC9B;
	padding: 3px 0;
	text-decoration: none;
	font-weight: bold;
	color: white;
	margin: 0;
}

#flags a img {
	padding: 0;
	margin: 0;
	border: 0;
}

#flags a:hover {
	background-color: #697778;
	color: white;
}

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

a:hover.currlanglink {
text-decoration: none;
} 


#flagposition {

}


* html #flagposition {
	padding-top: 5px;
}



#logonavi {

}

#logo {
	float:left;
	width: 231px;
	height: 67px;
	padding-top: 4px;
	padding-left: 11px;
}

#redaxonavi {
	float:left;
	width: 753px;
	height: 67px;
	padding-top: 13px;
}


#headerbild {
margin-top: 4px;
background: url(images/shop_header.jpg) top left no-repeat;
width: 995px;
height: 192px;
}



#subnavbar {
background: url(images/navbariconsback.gif) top left repeat-x #000000;
height: 38px;
border-top: 2px solid white;
border-bottom: 1px solid white;
line-height: 0px;
}

#datum {
width: 175px; 
height: 38px; 
float:left; 
}

#datum p {
margin:0;
padding: 19px 0 0 5px;
color: white;
font-size: 0.9em;
}

#icons {
height: 38px;
line-height: 0px;
}


#icons a {
padding-left: 7px;
padding-right: 7px;
}


#footer {
width: 995px;
background: url(images/footer.jpg) top left repeat-x;
height: 20px;
text-align: right;
color: #575757;
padding-right: 15px;
line-height: 20px;
}


div.trenner {
float: right;
font-size: 1em;
display: inline;
background: url(images/footer_trenner.gif) left bottom no-repeat;
padding-left:15px;
}

div.cleantrenner {
float: right;
font-size: 1em;
display: inline;
padding-left:15px;
}

div.trenner a, div.cleantrenner a {
color: #575757;
}


div.trenner_top {
float: left;
font-size: 1em;
display: inline;
background: url(images/footer_trenner.gif) right bottom no-repeat;
padding-right:15px;
}

div.cleantrenner_top {
float: left;
font-size: 1em;
display: inline;
padding-right:15px;
}

div.trenner_top a, div.cleantrenner_top a {
color: #575757;
}


.clearer {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}










/*	Navigation horizontal - 

------------------------------------------------------------------------------*/



#navigation {
      margin-left: 103px;
font-family: Arial,Tahoma,Verdana;
font-weight: bolder;
}

* html #navigation {
	margin-left: 93px;
}


#navigation ul.nav1st {
     	list-style:none;
	padding:0;
	margin:0;
	text-decoration:none;
        font-size: 12px;
}

#navigation ul.nav1st li {
        float:left;
	text-decoration:none;
        height: 55px;
        width: 120px;
}

#navigation ul.nav1st a, 
#navigation ul.nav1st a:link,
#navigation ul.nav1st a:hover,
#navigation ul.nav1st a:active {
	display:block;
        text-decoration:none;
        color: #575757;
	line-height: 10px;
	padding-top: 37px;
	padding-left: 10px;
	position: relative;
        height: 20px;
}

#navigation ul.nav1st li.eins {
        background: url(images/mainnavi_1.gif) -10px 0px no-repeat;
	margin-left: 10px;
}

#navigation ul.nav1st li.zwei {
        background: url(images/mainnavi_2.gif) -10px 0px no-repeat;
	margin-left: 10px;
}

#navigation ul.nav1st li.drei {
        background: url(images/mainnavi_3.gif) -10px 0px no-repeat;
	margin-left: 10px;
}

#navigation ul.nav1st li.vier {
        background: url(images/mainnavi_4.gif) -10px 0px no-repeat;
	margin-left: 10px;
}

#navigation ul.nav1st li.fuenf {
        background: url(images/mainnavi_5.gif) -10px 0px no-repeat;
	margin-left: 10px;
}

#navigation ul.nav1st li.last {
        background: url(images/mainnavi_5.gif) -10px 0px no-repeat;
	margin-left: 10px;
}




#navigation ul.nav1st li.active {

	text-decoration:none;

}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {


}

#navigation ul.nav1st li.active a.current,
#navigation ul.nav1st li.active a.current:link {
	color: #D54608;
}





html>body #navigation ul.nav1st a, 
html>body #navigation ul.nav1st a:link,
html>body #navigation ul.nav1st a:hover,
html>body #navigation ul.nav1st a:active {
         width: auto;
}




#navigation ul.nav1st a:hover {
	color: #3662E1;

}

#navigation ul.nav1st li.eins a:hover {
        background: url(images/mainnavi_1d.gif) -10px 0px no-repeat;

}


#navigation ul.nav1st li.zwei a:hover {
        background: url(images/mainnavi_2d.gif) -10px 0px no-repeat;

}

#navigation ul.nav1st li.drei a:hover {
        background: url(images/mainnavi_3d.gif) -10px 0px no-repeat;

}

#navigation ul.nav1st li.vier a:hover {
        background: url(images/mainnavi_4d.gif) -10px 0px no-repeat;

}

#navigation ul.nav1st li.fuenf a:hover {
        background: url(images/mainnavi_5d.gif) -10px 0px no-repeat;
}





#navigation ul.nav1st li.activeeins {
        background: url(images/mainnavi_1d.gif) -10px 0px no-repeat;
	margin-left: 10px;

}


#navigation ul.nav1st li.activezwei {
        background: url(images/mainnavi_2d.gif) -10px 0px no-repeat;
	margin-left: 10px;

}

#navigation ul.nav1st li.activedrei {
        background: url(images/mainnavi_3d.gif) -10px 0px no-repeat;
	margin-left: 10px;

}

#navigation ul.nav1st li.activevier {
        background: url(images/mainnavi_4d.gif) -10px 0px no-repeat;
	margin-left: 10px;

}

#navigation ul.nav1st li.activefuenf {
        background: url(images/mainnavi_5d.gif) -10px 0px no-repeat;
	margin-left: 10px;
}

table.shipping {
	font-size: 11px;
}

table.shipping td.header {
        background: url(images/table_land.jpg) left top repeat-x;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}


table.shipping td {
	width: 61px;
}