/* CSS Document */

html {min-height: 100%;} 

body {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:19px;
	background-color:#FFFFFF;
	color:#444444;
	padding:0px;
	margin:0px;
}

/* ---------- CONTAINER FÜR ZENTRIERTES LAYOUT -------------- */
#container {
	width: 970px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
} 

/* ---------- CONTAINER FÜR NAVIGATION ---------------------- */
#head {
	text-align: left;
	padding: 0px;
	margin: 0px; 
	height: 78px;
}

#navigation { 
	position:absolute; 
	margin-left:293px; 
	z-index:1000; 
}

#lay_navprodukte {
	position:absolute;
	width:116px;
	z-index:1000;
	margin-left:45px;
	margin-top: 45px;
	background-color: #FFFFFF;
	border:1px solid #001E4C;
	border-top:3px solid #001E4C;
	visibility: hidden;
}

#logo { 
	position:absolute; 
	margin:18px 0 0 867px; 
	width: 85px;
	height:41px;
	background-image:url(../images/logo_navteo.gif); 
	background-repeat:no-repeat;
}
	
a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active, a.breadcrumb:hover {
	font-weight: normal;
	font-size:11px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* ----------------------------------- STARTSEITE INHALTE ----------------------------- */
#home{ 
	position: relative; 
	margin: 0px;
	background-image:url(../images/hg_home.gif);
	background-repeat:repeat-y;
	background-position:511px 0;
}

/* 2 SPALTEN  */

.Spalte_left {
	float:left;
	width:510px;
	padding: 0px;
}

.Spalte_right {
	float:left;
	width:227px;
	margin-left: 2px;
	padding: 0px;
	border-left:1px dotted #666666;	
}

#BoxText{
	font-size:13px;
	color:#434c6c;
	width:450px;
	line-height:normal;
}

.BoxTeaserTop{
	width:203px;
	height:229px;
	border-top:solid 8px #9a9a9c;
	border-bottom:dotted 1px #9a9a9c;
	padding:4px 0 0 24px;
	line-height:normal;
}

.BoxTeaserBottom{
	width:203px;
	height:230px;
	border-top:solid 8px #9a9a9c;
	padding:4px 0 0 24px;
	line-height:normal;
}

.Sublines{
	font-size:13px;
	font-weight:bold;
	color:#434c6c;
	padding-bottom:8px;
}

/* ----------------------------------- CONTENT INHALTE ----------------------------- */

#flash { 
	position: relative;
	width:970px;
	height:382px;
	background-image: url(../images/fond_global.png);
	/*background-image: url(../images/fond_global.jpg); */

	margin: 0 0 3px 0;
}

#flashimpressum { 
	position: relative;
	width: 970px;
	height: 250px;
	background-image: url(../images/fond_impressum.png);
	margin: 0 0 3px 0;
}
#content {
	position: relative; 
	margin: 0px;
	background-image: url(../images/hg_content.gif);
	background-repeat: repeat-y;
	min-height:100%;
}

/* 3 SPALTEN  */
#Spalte_1 {
	float:left;
	width:160px;
	padding: 0px;
	margin-right: 1px;
}

#Spalte_2 {
	float:left;
	width:580px;
	padding: 0px;
	margin-right: 1px;
}

#Spalte_3 {
	float:left;
	width:228px;
	padding: 0px;
}

/* Inhalt Mitte */
.InhaltMitte {
	width:530px;
	margin:14px 0px 0px 25px;
	*margin:11px 0px 0px 25px;
	line-height:14px;
}

/* Inhalt rechts */
.DetailLink {
	width:228px;
	height:24px;
}

/* Texte */
.BereichsHeader{
	margin:10px 0 0 25px;
	font-weight:bold;
}

.TextGrau{
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:14px;
}

.PreisRot13{
	font-size: 14px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color:#cc0000;
	font-weight:bold;
	line-height:16px;
}

/* Headlines */
h1 { 
	margin-top: 10px; 
	margin-bottom: 7px; 
	}

/* - Liste - */ 
ul.Liste {
	margin-left: 15px;
	margin-top: -10px;
	padding-left:0px;
	list-style-type: disc;
	line-height:20px;
}

/* ------------------------------ FOOTER ------------------------------------- */
#footer {	
	height:29px;
	text-align:right;
}

/* -------------------------- NAVIGATION ------------------------------------- */
/* NAVIGATION LINKS EBENE I. */
.unav {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	margin:3px 0 0 25px;
	_height: 0%;
}

.unav ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

.unav li a {
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 14px;
	line-height:19px;
}

.unav ul li a:hover, .unav ul li a.active {
	font-weight:bold;
}

/* SUBMENUE EBENE I. */
.submenue {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	margin:0 0 0 0;
	_height: 0%;
}
.submenue ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
.submenue li a {
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 4px;
	line-height:25px;
	color: #4D4D4D;
	
}
.submenue ul li a:hover, .unav ul li a.active {
	color: #001E4C;
	background-color:#F3F3F6;
}
/* NAVIGATION RECHTS EBENE I. */
.unavright {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	_height: 0%;
}
.unavright ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
.unavright ul li a {
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 42px;
	line-height:30px;
	border-top:1px dotted #666666;
}
/* NAVIGATION RECHTS EBENE II. */
.unavright ul ul li a {
	display: block;
	text-decoration: none;
	_height: 0%;
	padding: 0 0 0 54px;
	line-height:20px;
	border-top:none;
}
/* ------------- ABSTÄNDE ALLGEMEIN  ------------------------ */ 
.Abstand { height:22px; background-color:#FFFFFF;  }
p {	padding-bottom: 15px; margin: 0px; }


/* ------------- LINKS ALLGEMEIN  ------------------------ */ 
a.LinkWhite:link, a.LinkWhite:visited, a.LinkWhite:active, a.LinkWhite:hover {
	font-weight: bold;
	font-size:13px;
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkRed:link, a.LinkRed:visited, a.LinkRed:active, a.LinkRed:hover {
	font-weight: bold;
	font-size:11px;
	color: #82191e;
	text-decoration: underline;
}
a.LinkService:link, a.LinkService:visited, a.LinkService:active, a.LinkService:hover {
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
}
a.LinkTests:link, a.LinkTests:visited, a.LinkTests:active, a.LinkTests:hover {
	font-weight: normal;
	font-size:11px;
	text-decoration: underline;
}
a.LinkText:link, a.LinkText:visited, a.LinkText:active, a.LinkText:hover {
	font-weight: bold;
	font-size:11px;
	text-decoration: underline;
	color:#444444;
}
a.LinkHome:link, a.LinkHome:visited, a.LinkHome:active, a.LinkHome:hover{
	font-weight: bold;
	font-size:11px;
	color: #434c6c;
	text-decoration: none;
	padding: 0 0 0 20px;
	background: url(../images/pfeil_detail_home.gif) no-repeat;
	background-position: 0 0;
}
a.LinkShop:link, a.LinkShop:visited, a.LinkShop:active, a.LinkShop:hover{
	font-weight: bold;
	font-size:11px;
	color: #cc0000;
	text-decoration: underline;
	padding: 0 0 0 13px;
	background: url(../images/pfeil_link_shop.gif) no-repeat;
	background-position: 0 5px;
}

/* ------------- BEREICH ZUBEHÖR  ------------------------ */ 

.box1{
	float:left;
	width:364px;
	padding-right:60px;
	margin-bottom:14px;
}
.box2{
	float:left;
	width:102px;
	padding-top:2px;
	margin-bottom:14px;
	text-align:center;
}

/* ------------- BEREICH TESTS  -------------------- */

.BoxTests{
	float:left;
	width:95px;
}
.BoxDescr{
	float:left;
	width:400px;
	padding-left:35px;
	margin-bottom:5px;	
	text-align:left;
	background-image:url(../images/tests/kreispfeil.gif);
	background-repeat:no-repeat;
	background-position: 15px 1px;
}

/* ------------ BEREICH SERIENSEITEN  -------------- */

.BoxOrange{
	width:580px;
	background-color:#ff664b;
}

.BoxGreen{
	width:580px;
	background-color:#69a7a4;
}

.BoxYellow{
	width:580px;
	background-color:#ffb94c;
}

.BoxBlue{
	width:580px;
	background-color:#416a7e;
}

.BoxText{
	width:400px;
	color:#FFFFFF;
	line-height:15px;
	padding:13px 0px 15px 28px;

}


/* ------------- BEREICH NEWS  -------------------- */

.BoxNewsOrange{
	width:580px;
	height:75px;
	background-color:#ff401e;
	background-image:url(../images/news/bg_eseries.gif);
	background-repeat:no-repeat;
	background-position: 455px 0px;
}

.BoxNewsGreen{
	width:580px;
	height:69px;
	background-color:#69a7a4;
	background-image:url(../images/news/bg_pseries.gif);
	background-repeat:no-repeat;
	background-position: 445px 0px;
}

.BoxNewsYellow{
	width:580px;
	height:68px;
	background-color:#ffa71f;
	background-image:url(../images/news/bg_sseries.gif);
	background-repeat:no-repeat;
	background-position: 443px 0px;
}

.BoxNewsBlue{
	width:580px;
	height:68px;
	background-color:#12455e;
	background-image:url(../images/news/bg_xseries.gif);
	background-repeat:no-repeat;
	background-position: 434px 0px;
}

.BoxNewsText{
	width:400px;
	color:#FFFFFF;
	line-height:15px;
	padding-top:13px;
	padding-left:28px;
}

/* ------------- PRODUKTFINDER  -------------------- */

.PFOrange{
	background-color:#ffe4bb;
}

.PFRot{
	background-color:#ffc5bb;
}

.PFGruen{
	background-color:#c6dedd;
}

.PFBlau{
	background-color:#88a2ae;
}

#PFAbbildung {
	vertical-align:top;
	padding-left:30px;
	padding-top:15px;
	margin-bottom:15px;
}
#PFListe {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:14px;
	vertical-align:top;
	margin-top:25px;
	margin-bottom:15px;
}
#PFLinks{
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:14px;
	vertical-align:top;
	margin-top:40px;
	margin-bottom:15px;
}
a.LinkShopProduktOrange:link, a.LinkShopProduktOrange:visited, a.LinkShopProduktOrange:active, a.LinkShopProduktOrange:hover {
	background-image:url(../images/produktfinder/pfeil_orange.gif);
	background-position: 0px 4px;
	background-repeat:no-repeat;
	padding-left: 12px;
	font-size:12px;
	color: #cc0000;
	text-decoration: none;
	line-height:14px;
}
a.LinkShopProduktRot:link, a.LinkShopProduktRot:visited, a.LinkShopProduktRot:active, a.LinkShopProduktRot:hover {
	background-image:url(../images/produktfinder/pfeil_rot.gif);
	background-position: 0px 4px;
	background-repeat:no-repeat;
	padding-left: 12px;
	font-size:12px;
	color: #cc0000;
	text-decoration: none;
	line-height:14px;
}
a.LinkShopProduktGruen:link, a.LinkShopProduktGruen:visited, a.LinkShopProduktGruen:active, a.LinkShopProduktGruen:hover {
	background-image:url(../images/produktfinder/pfeil_gruen.gif);
	background-position: 0px 4px;
	background-repeat:no-repeat;
	padding-left: 12px;
	font-size:12px;
	color: #cc0000;
	text-decoration: none;
	line-height:14px;
}

/* - Formular Felder - */

label { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
  	width: 178px; /* Breite.*/
	padding:2px 0 2px 0;
}
span.lbl { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
  	width: 178px; /* Breite.*/
	padding:2px 0 2px 0;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
label {text-align: left;}
.input, .select, .textarea, .inputShort1, .inputShort2{
	height:14px;
	width:158px;
	color: #000000;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	border:1px solid #b2b2b2;
	margin-bottom:3px;
	padding:0 4px;
}

.inputShort1{
	width:35px;
}
.inputShort2{
	width:110px;
}
.select {
	height:16px;
	*height:20px;
	width:168px;
	*width:170px;
	padding:0;
}
.textarea{
	height:118px;
	width:345px;
}

/* ----------------------- TOOLTIPP  ------------------------------ */
.tooltip {
	display: none;
	z-index:100;
	position: absolute;

	*margin-top:465px; /* Positionierung IE 7 */
	*margin-left:120px; /* Positionierung IE 7 */
	_margin-top:0px;  /* Positionierung IE 6 */
	_margin-left:0px;  /* Positionierung IE 6 */

	font-size:12px;
	color:#2f3438;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:16px;

	padding: 10px 15px 10px 15px;
	background-color: #bbcddb;
	border: 1px dotted;
	border-color:#7b9ab6;
}
/* ----------------------- TOOLTIPP  ------------------------------ */