/*------------------------defauls  und----artikel_header----------aus stylesheet_reiter.css--------------------*/

#produkt_kaufen{
position:absolute;
top:30px;
left:565px;
width:200px
}

#produkt_kaufen .preis{
font-size:18px;
font-weight:bold;
color:#000000;
}
/* --------------------- Defaults ------------------------------------------------------------------------*/
.artikel_header *, .karte *, #reiter *, .fuss{
font-family:Verdana, Arial, sans-serif;
font-size:11px;
color:#000000;
margin: 0px;
padding:0px;
}

.artikel_header h1, .artikel_header h2,  .artikel_header h3{
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;/*alt 270px  - Paul 14.09.06*/
	padding: 0px;
	background: none;
	border: none;
}

.artikel_header h1{
padding:0px 0px 0px 230px;
width: 450px;
border:none;
background:none;
font-size:20px;
text-transform:uppercase;
color:#42BB00;
}



.artikel_header h2{
font-size:18px;
color:#000000
}
.artikel_header h3{
font-size:12px;
color:#42BB00
}
.karte h4{
color:#7D7D7D;
font-size:14px;
background:none;
border:none
}

.karte h5{
font-size:11px;
background:none;
border:none
}
.karte ul, .karte ol{
list-style-type:none;
}
.artikel_header a, .karte a, #reiter a{
text-decoration:none
}

/* ----------------------- Kopf der Beschreibung ----------------------------------------------------------  */

.artikel_header{
	width: 720px; /*alt 470px und Auskomentierung entferrnt - Paul 14.09.06*/
	margin: 1px;
/* 	height: 280px;  */
	background-repeat: no-repeat; /*zum Hintergrundbild und seiner Position siehe Inline-Styles*/
	background-position:0 10px
}
.artikel_header *{
	margin-top: 0px;
	position: relative;
}
.artikel_header h2{
	margin-top: 14px;
	left: 350px;/*alt 220 - Paul 14.09.06*/
	width: 350px;
}
.artikel_header h3{
left:370px;/*alt 240 - Paul 14.09.06*/
}
.artikel_header ul{
list-style-type:none;
margin-top:30px;
left:320px;/*alt 250 - Paul 14.09.06*/
width: 270px;/*alt 190 - Paul 14.09.06*/
line-height: 16px;
}
.artikel_header li, .karte li{
padding-left: 12px;
background-image: url(img/arrow_green.png);
background-position:2px 2px;
background-repeat:no-repeat;
}
.artikel_header p{
	margin-top: 15px;
	left: 0px;
	width: 340px;
}
/*---ENDE-----------defauls  und----artikel_header----------aus stylesheet_reiter.css--------------------*/

/* ----------------------- Karte ----------------------------------------------------------  */


.karte{
display:block;
margin-right:10px;
border-bottom: 1px solid #7D7D7D;
border-left: 1px solid #7D7D7D;
border-right: 1px solid #7D7D7D;
border-top: none;
background: url(img/karteikarte_bg.gif)  repeat-y 440px ;
}
.karte .karte{
border:none
}
.deactive{
display:none
}

/*----------------------- Karte -> Spalten --------------------------------------------------*/

.beschreibung, .rand{
float:left;
margin:10px 0px 0px 0px;
}
.beschreibung{
width:650px;
border-right: 1px solid #888;
}
.rand{
width:250px;
}
.beschreibung img, .rand img{
margin: 5px;
}

/* IE Escaping Floats Bug - Hides from IE-mac \*/
* html .karte {height: 1%;}
* html .beschreibung {height: 1%;}
/* End hide from IE-mac */

.beschreibung *,.rand *{
margin-left: 12px;
margin-right:12px;
}

.karte h4, div.features{
line-height:24px;
text-transform:uppercase;
}
.karte h4{
border-bottom: 1px solid #7D7D7D;
}
.karte h4.faq{
font-size:12px;
border-top: 1px solid #7D7D7D;
margin:0px;
padding-left: 12px;
}

.karte h5{
color:#42BB00;
margin-top:12px;
}

.karte ol ul{ /* technische daten */
margin:12px;
}


.karte ul.features{
 margin-top:12px;
 margin-left:0px;
 line-height:18px;
}

.beschreibung ol{
margin-left: 0px 
}
.beschreibung li h5{
	margin-left: 0px;
}
.beschreibung li ul{
 margin-left:0px;
 padding-left:0px
}


/* Abschluß eines Abschnittes mit Float-Elrmenten*/
.fuss{ 
clear:both;
}


/* ----------------------- Die Menüs --------------------------------------------------------*/
#reiter{
	background-image: url(img/bx_linie.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-left: 15px;
	margin-left: 0px;
	margin-right: 10px;
}
/*

die Reiter

die Reiter sind aus 3 verschachtelten divs aufgebaut:
eins, das alles zusammenhält und 2 für die runden 'Ecken',
von denen das letzte den link enthältt

*/
#reiter .active_reiter, #reiter .deactive_reiter, #reiter .end_reiter{
padding:0px;
}
#reiter .active_reiter div, .deactive_reiter div{
background-repeat: repeat-x;
}
#reiter .active_reiter div div, .active_reiter div div a, .deactive_reiter div div ,.deactive_reiter div div a, .end_reiter div{
background-repeat:no-repeat;
}
#reiter .active_reiter div div a, .deactive_reiter div div a, .end_reiter div{
background-position:left top;
}
#reiter .active_reiter div div, .deactive_reiter div div{
background-position:right top;
}
#reiter .active_reiter div{
background-image:url(img/bx_02_active.gif);
}
#reiter .deactive_reiter div{
background-image:url(img/bx_02_deactive.gif);
}
#reiter .active_reiter div div{
background-image: url(img/bx_03_active.gif);
}
#reiter .deactive_reiter div div{
background-image:url(img/bx_03_deactive.gif);
}
#reiter .end_reiter div{
background-image:url(img/bx_04.gif);
line-height:24px;
}
#reiter a{
/*wegen der runden Ecke*/
display:block;
/*Schrift in den Reitern*/
font-weight:bold;
padding:0px 10px;
line-height:24px;
color:#777777;
white-space:nowrap/*Annette 14.09.06*/
}
#reiter .active_reiter div div a{
background-image: url(img/bx_01_active.gif);
color: White;
}
#reiter .deactive_reiter div div a{
background-image:url(img/bx_01_deactive.gif);
color: #808080;
}

/*die Leiste fürs submenu*/
.karte .menu{
border-bottom: 1px solid #7D7D7D;
background-color:#E1E1E1;
background-image:url(img/sub.gif);
padding:0px 10px;
line-height:18px;
height:19px;
margin-left: 0px;
margin-right: 0px;
white-space:nowrap/*Annette 14.09.06*/
}
.karte .menu a{
font-weight: bold;
margin-right:4px;/* alt: 10px - Annette 14.09.06*/
color:#666;/*Annette 14.09.06*/
}
a.deactive_reiter{
color:#e0e0e0;
}
a.active_reiter{
color:#ffffff;
}


/*die Leiste für die Bildergalerie*/

.beschreibung .menu{
width:200px;  /* war 198px */
background:none;
padding:0px;
margin:12px 0px 0px 0px;
float:left;
border:none
}
.beschreibung .menu li{
background-image:none;
padding:0px;
margin:0px;

}
.beschreibung .menu a{
/*height:20px;		sind ja nun Bilder Annette 14.09.
font-weight:normal;*/
display:block;
/*border_bottom: 1px solid #7D7D7D; */
/*color:#5F5F5F;*/
}
.beschreibung .karte{
	background: none;
/*	float: right; */
	width: 500px;
	height: 500px;
	overflow: hidden;
	margin: 12px 0px 0px 0px;
	text-align: center;
	border-left: 1px solid #7D7D7D;
}

.beschreibung .karte img, .beschreibung .menu img{
border:1px solid #7D7D7D;
border: none;
margin:0;/* hinzugegfügt Annette 11.09.06 und 14.09.06*/
}
.beschreibung .karte a{ /* hinzugegfügt Annette 11.09.06*/
margin:0;
padding:0
}
#reiter_karte_ansichten{
background: none;
}
#reiter_karte_ansichten .beschreibung{
width:auto;

float:none
}