/** 
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framew
 * (en) central stylesheet 
 * (de) zentrales Stylesheet 
 * 
 * @creator     YAML Builder V1.0.3b (http://builder.yam
 * @file        my_layout.css 
 */  
  
/* import core styles | Basis-Stylesheets einbinden */  
@import url(/_css/yaml/core/base.css);  
  
/* import screen layout | Screen-Layout einbinden */  
@import url(/_css/yaml/navigation/nav_shinybuttons.css);  
@import url(screen/basemod.css);  
@import url(screen/content.css);  
  
/* import print layout | Druck-Layout einbinden */  
/* @import url(/_css/yaml/print/print_003_draft.css); */ 

/* alle Abstaende auf 0 setzen */
* {padding:0; margin:0;}

html { height: 101%; 

} 

body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: center; /* F�r IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
background-color: #E8E9EB;
line-height: 150%;
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksb�ndig ausgerichtet sind */
}

a {
	color: black;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #c01424;
}

.clear {
	clear: both;
}

#page_margins {
	width: 900px;
	margin: 0 auto ;
	border: 10px solid white;	
	background-color: transparent;
}

#page_margins.hintergrund_2 {
	background-image: url(/_images/hintergrund_2spalten.jpg); background-repeat: repeat-y;
}

/****** ACHTUNG: 090309, hm: Hier keine Klasse zur ID page_margins, sondern eine eigene ID, weil es sonste der IE6 nicht checkt. ****/
#page_margins_hintergrund_3 {
	width: 900px;
	margin: 0 auto ;
	border: 10px solid white;	
	background-color: transparent;
	background-image: url(/_images/hintergrund_3spalten_neu.jpg); background-repeat: repeat-y;
}
#page { 
	padding: 0px; 

}

#main { 
	width: 900px;
	min-height: 500px;
	height:auto !important;
	border-top: 15px solid white;
	background: transparent;
	padding-top: 0px;
	margin: 0px;
}

#header {
	background-image: url(/_images/header.jpg);
	width: 900px;	
    height: 107px;
	padding: 0px;
}
#navtop {
	padding-top: 86px;
	padding-left: 20px;
	margin-top: 0px;
	color: White;
}

#navtop a {
	color: white;
        text-decoration: none;
        margin-right: 5px;
        margin-left: 5px;

}

#navtop a:focus, #navtop a:hover, #navtop a:active {
	color: #c01424;
}

#navbottom {color: White; font-weight: normal; }

#navbottom a {color: white; 
		text-decoration: none;
		font-weight: normal;
        margin-right: 5px;
        margin-left: 5px;

}

#navbottom a:focus, #navbottom a:hover, #navbottom a:active {
	color: #c01424;
	text-decoration: none;
}

#col1 {
    background-color: #efefef;
	width: 175px;

}

#col2 {
	width: 185px;
}

/* 090326 hm: CSS Star Hack für den sch... IE6 */
* html #col2 {
	width: 160px;

}


#col2_content {
	padding: 0px 0px 0px 0px; 
}
#col3 {
	background-color: transparent;
	margin:0px;
	float: left;
	width: 535px;
	padding-right: 5px;
}
	
/*********************************************************
* 
* Beginn Navigation left
* 
*********************************************************/
#navigation {
	background-color: transparent;
	width: 175px;
	padding: 0px;
	margin-right: 0px;
	font-weight: bold;
}	

#navigation ul {
	background-color: #dcdddf;
	padding: 0px; 
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	text-decoration: none;
}

#navigation ul ul {
	background-color: #efefef;
	padding: 0px;
	margin-left: -10px;
	list-style-type: none;
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#navigation ul ul ul {
	background-color: #f6f6f6;
	padding: 0px;
	margin-left: -15px;
	list-style-type: none;
	color: black;
	text-decoration: none;
}

#navigation ul ul ul ul{
	background-color: #f6f6f6;
	padding: 0px;
	margin-left: -20px;
	list-style-type: none;
	color: black;
	text-decoration: none;
}
#navigation li{
	background-color: transparent;
	border-top: 1px solid white;
	border-collapse: collapse;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	line-height:200%;
	color: black;
}	
#navigation li li{
	background-color: transparent;

	padding: 0px 0px 0px 15px;
	margin: 0px;
	line-height:200%;
	color: black;
}

#navigation li li li{
	background-color: transparent;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	line-height:200%;
	color: black;
}

#navigation li li li li{
	background-color: transparent;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	line-height:200%;
	color: black;
}
#navigation a.aktiv 
{
	color: white;
	font-weight: bold;

}

#navigation li a:hover,
#navigation li a:active{
	color: #c01424;
	text-decoration: none;
}


#footer {
	background-color: #c4c5c9;
	height: 20px;
	margin-top: 0px;
	padding: 5px 5px 5px 20px;
	border-top: 10px solid white;
	color: White;

}

#footerleft {
	float: left;
}

#footerright {
	width: 210px;
	float: right;
	font-size: 0.9em;
}

/* Beginn des Contens */


#inhalt {
	background-color: transparent;
	padding: 0px;
	float: left;
}

#inhalt a {
	text-decoration: underline;
	color: #c01424;  
}

#inhalt b, strong {
	font-weight: bold;
	color: #c01424;  
}

#inhalt a:hover {
	text-decoration: none;
}


#inhalt.produktdetail li {
	margin-left: 2px;
}



/* Überschrift Über der Box ist ein Link */
#inhalt a.boxheaderlink {
	color: #FFFFFF; 
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
}

#inhalt a.boxheaderlink:hover {
	text-decoration: underline; 
}




/* Liste der Produktgruppen. Die Überschriften sind verlinkt und H3. */

h3.produktgruppenliste {
	color: #c01424; 
	font-size: 100%;
	margin-top: 0px;
	font-weight: normal; 
}

h3.produktgruppenliste a {
	font-size: 100%;
	color: #c01424; 
	text-decoration: none; 
	font-weight: normal; 
}
h3.produktgruppenliste a:hover {
	text-decoration: underline; 
}

/* Zellen der Produktgruppenliste */
td.td_produktgruppenliste {
	padding: 0;
	padding-bottom: 7px;
	margin: 0;
	vertical-align: top;
	width: 142px;
}

td.td_produktgruppenliste_bild {
	padding: 0;
	padding-bottom: 7px;
	margin: 0;
	vertical-align: top;
	width: 110px;
}

#zweispalten {
	width: 665px;
	padding: 0px 10px;
	float: left;
}

.box_wrapper {
	background-color: transparent;
	height: auto;
	border: solid 0px red;
	float: left;
}

.box_wrapper ul li{
	margin: 0px;
}

.box_links {
	width: 215px;
	float: left;
	background-color: transparent;
	margin-bottom: 20px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.box_rechts {
	width: 215px;
	margin-left: 15px;
	float: left;
	background-color: transparent;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;	
}

.box_content {
	padding: 5px;
	
}

.box_bilder {
	width: 215px;
	height: 40px;
	padding: 0px;
	background-color: transparent;
	float: left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#sidebar{
	background-color: transparent;
}

#sidebar h3 {
	font-size: 1.3em; 
	color: white; 
	background-color: #c4c5c9;
	margin:0px;
	margin-right: -10px;
	margin-left: -20px;
	margin-bottom: 10px;
	padding:5px 0px 5px 20px;
	border-bottom:1px solid white;
	text-transform: uppercase;
}
#sidebar a.datum {font-size: 1em; color: #C01424; font-weight: bold;}
#sidebar a.anlesetext {margin-bottom:10px;}



#sidebar_oben {
	background-color: #efefef;
	border: 1px solid #c4c5c9;
	width: 150px;
	padding: 0px 10px 10px 20px;
	margin-bottom: 20px;
}

/* 090326 hm: CSS Star Hack für den sch... IE6 */
* html #sidebar_oben {
	width: 150px;
	padding: 0px 0px 10px 20px;
}

#sidebar_unten {
	background-color: #efefef;
	border: 1px solid #c4c5c9;
	width: 150px;
	padding: 0px 10px 10px 20px;
}
/* 090326 hm: CSS Star Hack für den sch... IE6 */
* html #sidebar_unten {
	width: 150px;
	padding: 0px 0px 10px 20px;
}

h1, h2, h3, h4, h5, h6 {
font-family:  Arial, Verdana, Helvetica, sans-serif;
}
h1{font-size: 2em; color: #c01424; margin: 10px 0px 0px 0px; line-height: 110%;}
h2{font-size: 1.3em; color: #8F9092; margin: 0px 0px;}
h3{font-size: 1.3em; color: #c01424; margin: 10px 0px;}

.txtrot{color: #c01424; font-weight: bold;}
.txtschwarz{color: black;}
.wem_hint {padding-top:15px; font-weight: normal; color: blue;}



#inhalt h3 {margin-top: 0px;}



#inhalt.newsliste span.datum
{
	font-size: 1.1em; 
	color: #c01424; 
	margin 0;
	margin-top: 130px;
	font-weight: bold;
}

#inhalt.newsliste h2 a
{
	font-size: 0.85em;
	font-weight: normal;
	margin 0;
	margin-top: 0px;
}


#inhalt.produktdetail td
{
	vertical-align: top;
	text-align: left;
}



/* Für die 4 gerundeten Boxen auf der Produktübersichtsseite */

td.td_prodbox
{
	background-color: #EFEFEF;
	padding: 0px;
}

div.boxheader
{
	background-color: #FFFFFF;
	padding-top: 0px;
	line-height: 15px;
}

div.boxheader h2
{
	background-color: #c01424;
	padding: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 105%;
	line-height: 15px;
	
}

div.boxheader a
{
	color: #FFFFFF;
}


.boxcontent
{
	color: #000000;
	height: auto;
	width: 92%;

	padding: 10px;

}

/* Ende: Für die 4 gerundeten Boxen auf der Produktübersichtsseite */