/* Allgemein
-------------------------------------------------------------*/
* { padding: 0; margin: 0; }


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: url(/bilder/layout/bg-body.jpg);
	background-repeat:no-repeat;
	background-color:#c8c8c8;

}

.gelb {
	background-color:#30F;    
}





/* Layout
-------------------------------------------------------------*/

#wrapper { 
    margin: 0 ;
    width: 100%;
}


#faux {
	margin: 0 auto;
	width:1205px;

}

#header {
	position:relative;
	float:left;
	width: 100%;
	height: 185px;
	margin: 0;
	background-color:#FFF;
	background-image: url(/bilder/layout/header.jpg);
	background-repeat: repeat-x;
}


#header p { display:none;}


#content {
	position: relative;
	float:left;
	width: 900px;
	text-align: left;
	min-height: 435px;
	line-height:18px;
	margin: 20px 0 0 30px;
}

#contentlang {
	position: relative;
	float:left;
	width: 1205px;
	text-align: left;
	min-height: 435px;
	line-height:18px;
	margin: 20px 0 0 30px;
}

.clear {
	clear: both;
	background: none;
	height: 425px;
	height: 420px;
	height: 455px;
}


.beschreibung  {
	position: relative;
	float:left;
	width: 515px;
}


.produktbild  {
	position: relative;
	float:left;
	width: 370px;
	margin: 0 0 15px 14px;
	text-align: right;

}
.produktbild img  {
	text-align:right;
}




/* Produktübersicht Mindmap
-------------------------------------------------------------*/
#mindmap-head  {
	position: relative;
	display:block;
	float:none;
	width: 770px;
	margin: 10px 0px 0 0;
	height: 95px;
	background-image: url(../bilder/navigation/hg-mindmap-head.png);
	background-repeat: no-repeat;
	background-position: center;
}

#mindmap-head ul {
	padding:0 0 0 220px;
	width:410px;
}

#mindmap-head li {
	margin: 0 5px 20px 0;
	padding: 4px 10px 0 10px;
	list-style-type: none;
	float: left;
	display: block;
	border: 1px solid #CCC;
	height: 55px;
	width:300px;
	text-align:center;
	background-color:#E2E2E2;
	font-size:14px;
}

#mindmap  {
	position: relative;
	float:left;
	width: 195px;
	margin: 0 50px 0 0;
	/*background-image: url(../bilder/navigation/ul-linie.png);*/
	background-repeat: repeat;
}

#mindmap ul {
	padding:0 0 0 0;
	width:210px;
	min-height:60px;
}

#abstand {
	position:relative;
	width: 195px;
	margin:100px 0 0 0;
}

#mindmap li {
	margin: 0 5px 0px 0;
	padding: 8px 10px 8px 10px;
	list-style-type: none;
	float: left;
	display: block;
	border: 4px solid #EAEAEA;
	min-height: 22px;
	width:190px;
	text-align:center;
	text-decoration:underline;
}

#mindmap li.halb {
	position:relative;
	float: left;
	margin: 0 0 10px 2px;
	padding: 4px 0px 2px 0px;
	list-style-type: none;
	border: 2px solid #CCC;
	min-height: 22px;
	width:99px;
	text-align:center;
	text-decoration:underline;
}

#mindmap li.halblast {
	position:relative;
	float: left;
	margin: 0 0 0 2px;
	padding: 4px 2px 1px 0px;
	list-style-type: none;
	border: 1px solid #CCC;
	min-height: 22px;
	width:99px;
	text-align:center;
	text-decoration:underline;
}


#mindmap li.last  {margin: 0 5px 0 0;}

#mindmap.rot li.top-p, #mindmap.gruen li.top-p, #mindmap.blau li.top-p, #mindmap.grau li.top-p{
	margin: 0 5px 10px 0;
	padding: 10px 10px 0 10px;
	background-image: url(../bilder/navigation/li-grau.gif);
	background-repeat: repeat-x;
	min-height: 30px;
	font-size:12px;
	font-weight: bold;
	color: #333;
}

li.top-p a {
	text-decoration:underline;
	color: #333;
}

/* Mindmap Knopf 1
-------------------------------------------------------------*/
#mindmap.rot li.top1  {
	margin: 0 5px 10px 0;
	padding: 10px 10px 10px 10px;
	background-image: url(../bilder/navigation/li-rot2.gif);
	background-repeat: repeat-x;
	min-height: 35px;
	font-size:14px;
	font-weight: bold;
	color: #710000;	
	text-decoration:none;
}

#mindmap.gruen li.top1 {
	margin: 0 5px 10px 0;
	padding: 10px 10px 10px 10px;
	background-image: url(../bilder/navigation/li-gruen2.gif);
	background-repeat: repeat-x;
	min-height: 35px;
	font-size:14px;
	font-weight: bold;
	color: #060;	
	text-decoration:none;
}

#mindmap.blau li.top1  {
	margin: 0 5px 10px 0;
	padding: 10px 10px 10px 10px;
	background-image: url(../bilder/navigation/li-blau2.gif);
	background-repeat: repeat-x;
	min-height: 35px;
	font-size:14px;
	font-weight: bold;
	color: #005279;	
	text-decoration:none;
}

/* Mindmap Knopf 2
-------------------------------------------------------------*/

#mindmap.rot li.top2 a, #mindmap.gruen li.top2 a, #mindmap.blau li.top2 a {
	text-decoration:none;
}


#mindmap.rot li.top2 {
	margin: 0 5px 10px 0;
	padding: 8px 10px 5px 10px;
	background-image: url(../bilder/navigation/li-rot2.gif);
	background-repeat: repeat-x;
	min-height: 20px;
	font-weight: bold;
	color: #710000;	
	line-height:18px;
	font-size:14px;
	text-decoration:none;
}

#mindmap.gruen li.top2 {
	margin: 0 5px 10px 0;
	padding: 8px 10px 5px 10px;
	background-image: url(../bilder/navigation/li-gruen2.gif);
	background-repeat: repeat-x;
	min-height: 20px;
	font-weight: bold;
	color: #060;	
	line-height:18px;
	font-size:14px;
	text-decoration:none;
}

#mindmap.blau li.top2 {
	margin: 0 5px 10px 0;
	padding: 8px 10px 5px 10px;
	background-image: url(../bilder/navigation/li-blau2.gif);
	background-repeat: repeat-x;
	min-height: 20px;
	color: #005279;	
	line-height:18px;
	font-size:14px;
	text-decoration:none;
}


#mindmap.rot a {color: #710000;}
#mindmap.gruen a {color: #060;}
#mindmap.blau a {color: #005279;}
#mindmap.grau a {color: #333;}



#mindmap.rot li{
	background-image: url(../bilder/navigation/li-rot.gif);
	background-repeat: repeat-x;
}

#mindmap.gruen li{
	background-image: url(../bilder/navigation/li-gruen.gif);
	background-repeat: repeat-x;
}

#mindmap.blau li{
	background-image: url(../bilder/navigation/li-blau.gif);
	background-repeat: repeat-x;
}

#mindmap.grau li{
	background-image: url(../bilder/navigation/li-grau.gif);
	background-repeat: repeat-x;
}

/* Abstand Bild
-------------------------------------------------------------*/
.abst{
	margin: 0 0 0 150px;
}

/* Tauscher
-------------------------------------------------------------*/
#tauscher{
	height:350px;
	margin: 0 0 20px 0;
	z-index:3;
}


/* Bilder Rollover
--------------------------------------------------------------*/

.stickytooltip{
	box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	display:none;
	position:absolute;
	display:none;
	border:1px solid black; /*Border around tooltip*/
	background:white;
	z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
	color:#FFF;
	text-align:center;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;

}




/* Bildwechsel
-------------------------------------------------------------*/
#tauschertop{
	position:absolute;
	top:105px;
	left:735px;
	height:350px;
	margin: 0 0 20px 0;
	z-index:1;
}


#imageContainer img {
	display:none;
	position:absolute;
	z-index:1;
}


#C01 h2#starth {
	width:1200px;
	float:left;
}

#C01 p#startp {
	float:left;
}





/* Mainnav
-------------------------------------------------------------*/

#header #mainnav {
	position:relative;
	margin: 0 auto;
	top:5px;
	left:25px;
	height: 30px;
	width:788px;
}



#header #mainnav ul {
	display:block;
	padding:0 0 0 0px;
	margin:0;
}


#header #mainnav li {
	margin: 0 5px 0 0;
	padding: 4px 10px 0 10px;
	list-style-type: none;
	float: left;
	display: block;
	border: 1px solid #FFF;
	background-image: url(../bilder/navigation/bg-mainnav.gif);
	background-repeat: repeat-x;
	height: 30px;
}

#header #mainnav li {margin-top: 3px\9 }    /* IE8 Hack */

#header #mainnav li a {
	font-size:14px;
	font-weight: bold;
	color: #848484;	
	display:inline;
	text-decoration:none;
	padding:0;
	margin:0;
}

#header #mainnav li a:hover {
	color:#1313a2;
	text-decoration:none;
}

#A01 #header li a.mainnav1,
#B01 #header li a.mainnav2,
#C01 #header li a.mainnav3,
#D01 #header li a.mainnav4,
#E01 #header li a.mainnav5,
#F01 #header li a.mainnav6,
#G01 #header li a.mainnav9,
#H01 #header li a.mainnav8,
#I01 #header li a.mainnav7

{
	color:#1313a2;
}






/* Subnav
-------------------------------------------------------------*/

#test {
	position:absolute;
	left:478px;
	top:288px;
	width:163px;
	height:256px;
	background-color:#C33;
}




#subnav {
	width:250px;
	min-height:250px;
	position:relative;
	float:left;
	text-decoration:none;
	color: #575f68;       
    padding-left:37x;
	padding-top:20px;
	list-style-type:none;
}

#subnav li a {
	color:#333;
	background:none;
	text-decoration:none;
 }
 
 #subnav p a {
	color:#666;
	background:none;
	text-decoration:none;
 }

#subnav li a:hover {
	color:#666;
	background-position: 0px 36px;
	background-repeat:no-repeat;
	text-decoration:underline;	
}

#response {
	float:left;
	position:relative;
	margin: 40px 0 0 0;
}


/* Links
-------------------------------------------------------------*/
#content a {
	text-decoration:underline;
	color:#000000;
}

/*#content p {
	float:left;
}*/

#content h2 a {
	text-decoration:underline;
	color: #1313a2;
}

#content h2 img {
	margin: 0 0 0 50px;
}


#content a.datenblatt {
	background-image: url(../bilder/layout/doppel_pfeil.gif);
	text-decoration:underline;
	color:#000000;
	background-repeat: no-repeat;
	background-position:center left;
	padding: 0 0 0 13px;

}


#footer a {
	background-image: url(../bilder/layout/doppel_pfeil.gif);
	padding-left:13px;
	margin-left:0px;
	text-decoration:underline;
	color:#000000;
	background-repeat: no-repeat;
	background-position:center left;
}

#content ul {
	float:none;
	min-width:300px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}

#content li {
	padding: 0 0 0 0;
	margin-left:15px;
	list-style-type: none;
	list-style-image: url(../bilder/quadrat_rot.gif);
}






/* Überschriften / Texte
-----------------------------------------------------------------*/
h1 {
	font-size: 16px;
	color: #1313a2;
	margin: 20px 0 20px 0;
	font-weight:bold;
}

h2 {
	position:relative;
	float:left;
	margin:20px 0 10px 0;
	font-size: 13px;
	color: #1313a2;
	font-weight:bold;
	font-weight:bold;
	padding-left:15px;
	padding-top:4px;
	background-image:url(../bilder/layout/h2.gif);
	background-repeat: no-repeat;
	background-position:0px  0px;
	height: 25px;
	width:885px;
	
}

table {
	position:relative;
	clear:left;	
	display:inline;

}


h3 {
    margin:20px 0 0 0; 
	font-size: 13px;
	color:#1313a2;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	background-image:url(../bilder/layout/quadrat_rot.gif);
	background-repeat: no-repeat;
	height: 20px;
	background-position:center left; 
}

p.stat, p.stat a {
	font-size: 11px;
	color: #666;
}




/* Content
-----------------------------------------------------------------*/

.rahmen img {padding:0 0 0 40px; }
.rahmen2 img {padding:0 0 0 0; }



/* Produkte
-------------------------------------------------------------*/

#content .produktgruppe {
	position:relative;
	float:left;
	margin: 0 0 50px 0;
	width:890px;
}

#content .produkt {
	position:relative;
	float:left;
	width:195px;
	min-height:205px;
	border: 1px solid #999;
	background-color:#FFF;
	margin: 0 20px 30px 0;
}

#content .produkt p {
	color:#000;
	font-size:13px;
	text-align:center;
	margin: 5px 0 5px 0;
 } 


#content .produkt p a {
	background-image:none;
	padding:0;
	color:#000;
	text-decoration:underline;
}

#content .produkt img a {
	text-decoration:none;
	background-image:none;
}


#content .produkt a {
	background-image: none;
	padding-left:0px;
	text-decoration:underline;
	color:#000000;
}

#content #schnellsuche {
	position:relative;
	float:left;
	margin: 0 0 40px 0;
	
}

#schnellsuche h2 a {
	color:#57606A;
	
}

#content #schnellsuche a {
	background-image: none;
	padding-left:0px;
	text-decoration:underline;
	color:#57606A;
}

.status {
	margin: 30px 0 0 0;
	font-size:11px;}

.statusa {
	margin: 0 0 15px 0;
	font-size:11px;}

#formular {float:left;}




/* footer
-----------------------------------------------------------------*/
.status {
  margin: 20px 0 0 0;
}



#footer {
	float:left;
	padding: 8px 0 0 0;
	margin: 40px 0 10px 0;
	width:890px;
	height:40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #94a3cf;
}




/* Klappmenü
-----------------------------------------------------------------*/
#hiddendiv {
  display: none;
}

.red {
	color: #EB007E;
}
#content span.frk_u2{
	background-image: url("../bilder/layout/h2.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #1313A2;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    margin: 20px 0 10px;
    padding-left: 15px;
    padding-top: 4px;
    position: relative;
    width: 885px;

}