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



#produkt_kaufen{

/* alt

position:absolute;

top:30px;

left:565px;

width:200px

*/

color:#555555;



}

#produkt_kaufen h2{

font-size:16px;

line-height:24px;

color:#000000;

text-align:center

}



#produkt_kaufen .preis {

font-size:14px;

line-height:20px;

font-weight:bold;

color:#D90000

}

#kaufdaten{

width:160px

}

#kaufdaten p{

text-align:right

}

#kaufbutton{

width:160px

}

#kaufbutton p{

text-align:center;

padding:5px

}



/* --------------------- Defaults ------------------------------------------------------------------------*/



.artikel_header *, .karte *, #reiter *, .fuss{

font-family:Verdana, Arial, sans-serif;

color:#555555;

margin:0px;

padding:0px

}





.artikel_header h1, .artikel_header h2,  .artikel_header h3{

margin:0px;

padding:0px;

background:none;

border:none

}



#content .artikel_header h1{

padding:0px 12px;

border:none;

background:none;

font-size:20px;

text-transform:uppercase;

color:#D90000;

width:490px

}

#content .artikel_header h1 .Stil4 {

border:none;

background:none;

font-size:20px;

text-transform:uppercase;

color:Gray; 

}





#content .artikel_header h2{

font-size:18px;

color:#000000

}

#content .artikel_header h3{

font-size:12px;

color:#D90000

}

#content .karte h4{

color:#555555;

font-size:14px;

background:none;

border-bottom: 1px solid #555555;

}



.karte h5{

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{

height:330px;

width:490px;

background-repeat:no-repeat;

background-position:0px 55px;



 /*zum Hintergrundbild und seiner Position siehe Inline-Styles*/

}

.artikel_header *{

margin-top:0px;

position:relative;

}



.artikel_header h2{

margin-top:15px;

width:270px;

left:220px;

}

.artikel_header h3{

width:270px;

left:220px;

}

.artikel_header ul{

background:none;

background-color:transparent;

list-style:none;

margin-top:30px;

width:260px;

left:230px;

}

.artikel_header li, .karte li{

background-color:transparent;

padding-left: 12px;

background-image: url(img/arrow_red.jpg);

background-position:2px 2px;

background-repeat:no-repeat

}

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



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





.karte{

display:block;

border: 1px solid #555555;

border-top: none;

background: url(img/karteikarte_bg.gif)  repeat-y 508px ;

}

.karte .karte{

border:none

}

.deactive{

display:none

}



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



.beschreibung, .rand{

float:left;

margin:10px 0px 0px 0px;

}

.beschreibung{

width:508px;

}

.rand{

width:230px;

}

.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;

}



#content .karte h4.faq{

font-size:12px;

border-top: 1px solid #555555;

margin:0px;

padding-left: 12px;

}



.karte h5{

color:#D90000;

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

}

/*



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{

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{

background-repeat:no-repeat;

}

#reiter .active_reiter div div a, .deactive_reiter div div a{

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 a{

/*wegen der runden Ecke*/

display:block;

/*Schrift in den Reitern*/

font-weight:bold;

padding:0px 10px;

line-height:28px;

color:#555555;

}

#reiter .active_reiter div div a{

background-image: url(img/bx_01_active.gif);

}

#reiter .deactive_reiter div div a{

background-image:url(img/bx_01_deactive.gif);

}





/*die Leiste fürs submenu*/

.karte .menu{

border-bottom: 1px solid #555555;

background-color:#CCCCCC;

background-image:url(img/sub.gif);

padding:0px 10px;

line-height:19px;

height:20px

}

.karte .menu a{

font-weight:normal;

margin-right:10px;

}

a.deactive_reiter{

color:#555555

}

a.active_reiter{

color:#000000;

}





/*die Leiste für die Bildergalerie*/



#reiter_karte_ansichten .beschreibung .menu{ /* alt #reiter_karte_ansichten.beschreibung (gibts nicht) :hier und folgende verändert, denn .beschreibung in #reiter_karte_ansichten ist gemeint - Annette 14.10.06 */

width:150px;

background:none;

padding:0px;

margin:12px 0px;

float:left;

border:none;

height: auto;

}

#reiter_karte_ansichten .beschreibung .menu li{

background-image:none;

padding:0px;

margin:0px;



}

#reiter_karte_ansichten .beschreibung .menu a{

/* height:20px; */

font-weight:normal;

display:block;

/* border-bottom: 1px solid #555555; */

}

#reiter_karte_ansichten .beschreibung .karte{

	background: none;

	float: right;

	 /* width:350px;*/

	width:540px;

	overflow: hidden;

	margin: 12px 0px;

	text-align: center;

	border: none;

}



#reiter_karte_ansichten .beschreibung .karte img{

border:none;

}

#reiter_karte_ansichten.karte {

	background: none;

}