/***************************************************************************/
/*   © dsl factory 
/*   HTML tag styles 2005                        
/***************************************************************************/

body {
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #cccedf;
	margin:0px;
	}

h1{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14pt;
		color: #8c91bd;
		font-weight: bold;
		margin:0px;
		}
		
h2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		color: #8c91bd;
		margin: 0px;
		padding: 0px;
		}
		
h3{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #010b69; 
		margin: 0px;
		padding: 0px;
		}

h4{
		font-size:12px;
		color: #8c91bd;
		font-weight: bold;
		margin:0px;}
		
		
		
input,select,textarea{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

/***************************************************************************/
/*****************linksformatierungen***************************************/
/***************************************************************************/

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color: #FD8F00;
}

a:hover{ background-color:#fff2e3; }

/* ohne Hintergrund*/
a.ohne:hover{
	background:none;
	}
	
	
a.li {
	color: #FD8F00;
	display:block;
	padding-bottom:2px;
	padding-top:0px;
	margin-bottom:5px;
	/*	text-indent: 10px;*/
	padding-left:15px;
	background-image:url(../img_web/navi/kl_pfeil_red.gif);
	background-repeat:no-repeat;
	background-position:2px;
}

a.li:hover {
	background-image:url(../img_web/navi/kl_pfeil_red.gif);
	background-repeat:no-repeat;
	background-position:2px;
}

/*Linkformatierung für Übersichtsseite Entwicklungen > Systeme bzw. Zubehör > Tabellenkopf */

a.li_entw {
	text-transform:uppercase;}
	
a.li_entw img { 
	float:right;
	margin-right:5px;}

a.li_entw:hover {
	background-color:#ecedf7;
	display:block;
	padding-top:3px;
	padding-bottom:3px;}
	
a.wk:hover {
	background-color:#8d91be;
	padding:2px;
	}
	
/***************************************************************************/
/***********layout container für webaufbau**********************************/
/***************************************************************************/

/***********WEISSER HINTERGRUND*********************************************/
/* weißer haupt-container der webseite mittig ausrichtet */

#bg_weiss{
	width:955px;
	background-color: #ffffff;
	margin: 0px auto 10px;
	}

/***********BALKEN OBEN*****************************************************/
/* enthält logo und button privat/industrie */

#oben_balken {
	background-color: #010b69;
	height: 110px;
	width: 945px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	border-bottom:1px #FFFFFF solid;
	}


/***********NAVI************************************************************/
/* platzcontainer für hauptnavigation */

#navi {
	background-color: #ff6d00;
	height: 23px;
	width: 945px;
	margin-right: auto;
	margin-left: auto;

	}
	
/* höhe für NC */
#navi[id] {
	min-height:23px;
	height:auto;
	}



/***********OR BALKEN*******************************************************/
/* linker helloranger balken - wächst mit */

#or_balken {
	background-color: #fa6d11;
	width: 945px;
	margin-bottom: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1px;
	}

/* linker dkl.oranger platzcontainer für unternavigation */
#unternavigation {
	width:200px;
	float:left;
	/*padding-top:101px;*/
	height:1px;
	background-color:#fa6d11;
	}

/* höhe für NC */
#unternavigation[id] {
	min-height:1px;
	height:auto;
	}

/* formatierung für unternavigation */
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color: #010B69;
	height: 25px;
	width: 200px;
	font-weight: normal;
	text-transform: uppercase;
		}

/* höhe für NC */
.menu2[class] {
	min-height:25px;
	height:auto;
	}

.menu2 a, .menu2 a:visited{
	min-height:15px;
	height: auto !important;
	height: 15px;
	display:block;
	color: #010B69;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 5px;
	padding-left:2px;
	padding-bottom:4px;
	font-weight: normal;
	font-size: 9px;}

.menu2 a:hover {
	background-color:#FFFFFF;
	font-weight: bold;
	letter-spacing:1px;
	}
	
.menu2 a.aktiv {
	font-weight: bold;
	letter-spacing:1px;
}


/* formatierung der unternavi unter der unternavigation*/
.menu3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	width: 200px;
	height:18px;
	font-weight: normal;
	text-transform:uppercase;
	}

/* höhe für NC */
.menu3[class] {
	min-height:18px;
	height:auto;
	}

.menu3 a, .menu3 a:visited{
/*	height: 14px;*/
	color: #010b69;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left:20px;
	font-weight: normal;
	background-color:#FFFFFF;
	
}

.menu3 a:hover   {
    background-color:#fff2e3;
	background-image: url(../img_web/navi/kl_pfeil_red.gif);
	background-position: 10px;
	background-repeat: no-repeat;
	font-weight: normal;
}


.menu3 a.aktiv {
    background-color:#fff2e3;
	background-image: url(../img_web/navi/kl_pfeil_red.gif);
	background-position: 10px;
	background-repeat: no-repeat;	
}

/* positionsnavigation (wo befinde ich mich) */

#menu4 {
	height: 17px;
	width: 525px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #b8b9cd;
	padding-top: 6px;
	background-image: url(../img_web/bg/position_linie.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	border-top: 2px solid #fe6c00;
	padding-left:20px;
		}

	/* höhe für NC */
	#menu4[id] {
		min-height:17px;
		height:auto;
		}

	#menu4 a,#menu4 a:visited   {
		font-size: 7pt;
		color: #b8b9cd;
		text-decoration: underline;
		}

	#menu4 a:hover   {
		font-size: 7pt;
		color:#707399;
		background-color:#FFFFFF;
		}
		
/******************* Unternavipunkt Pneumatikatlas **********************************************************/


.menu5 {
	background-color: #900;
	height: 25px;
	width: 200px;
	font-weight: normal;
	text-transform: uppercase;}

/* höhe für NC */
.menu5[class] {
	min-height:25px;
	height:auto;}

.menu5 a, .menu5 a:visited{
	min-height:15px;
	height: auto !important;
	height: 15px;
	display:block;
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-left:2px;
	padding-bottom:4px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing:1px;
	border-bottom: 1px #FFF solid;
	border-top: 0px #FFF solid;}

.menu5 a:hover {
	background-color:#FFFFFF;
	color: #900;}
	

		
/***********WARENKORB**********************************************************/

#w_korb {
	background-color: #ecedf7;
	width: 192px;
	min-height:60px;
	height: auto !important;
	height:300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #232323;
	padding-left: 8px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight: normal;}

#w_korb a,#w_korb a:visited{
	color: #232323;
	font-size:10px;
	text-decoration: underline;}
	
#w_korb a:hover{
	text-decoration:underline;}
	
.input_w_korb {
	width:150px; 
	background-color:#ffffff; 
	color:#767bae; 
	font-size:11px;
	padding:2px;
	padding-top:2px;
	padding-bottom:2px;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
.w_korb_preis {
	font-size:11px;
	color:#ff4700;}
	

	

/***********LOGIN**********************************************************/

#login_left {
	background-color: #d6d7e5;
	width: 184px;
	min-height:80px;
	height: auto !important;
	height:180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #232323;
	
	padding-top: 9px;
	padding-left: 16px;
	padding-bottom: 10px;
	
	font-weight: normal;
	}
	
	
#login_left a,#login_left a:visited{
	color:#232323;
	text-decoration:underline;
	font-size:10px;
}

/***********INHALT*********************************************************/
/* liegt im OR BALKEN für hauptinhalt */

#inhalt_grund{
	background-image:url(../img_web/bg/inhalt_grund.gif);
	background-repeat:repeat-y;
	min-height: 500px;
	height: auto !important;
	height:500px;
	
}

#inhalt {
	background-color: #ffffff; /*damit DW die Tabellenrahmen Hilfslinien dunkel einfärbt*/
	width: 545px;
	float: left;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #232323;
	}
#inhalt_rechts{
	float:left;
	width:200px;
	background-color: #ffffff; /*damit DW die Tabellenrahmen Hilfslinien dunkel einfärbt*/
}

	/*textformatierungen */
	#inhalt .texteinzug,#inhalt_rechts .texteinzug{
		padding-left:20px;
		padding-right: 20px;
	}




.rahmen{
	float:left;
	border: 1px solid #D8D9ED;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
		}
		
				.rahmen_leistungen{
					border: 1px solid #ecedf7; 
					width:245px; 
					height:auto;
					float:left; 
				}
		
		
/* Übersichtsseite: Entwicklungen > Rahmen */
				.rahmen_entw{
					border: 1px solid #ecedf7; 
					width:245px; 
					height:auto;
					min-height:215px; 
					float:left; 
				}
				
				.rahmen_entw_kopf h3 {
					text-transform:uppercase;
				}
				.rahmen_entw_kopf{
					background-color:#ecedf7;
					border-bottom:0px solid #aeb0c8; 
					height:18px;
					padding-top:4px;
					padding-left:5px;
				}
				.rahmen_entw_text{
					padding:2px;
					height:90;
				}
				.rahmen_entw_text[class]{
					height:auto;
					min-height:132px;
				}
				.rahmen_entw_fuss{
					padding:10px;
					height:38px;
				}
				.rahmen_entw_fuss[class]{
					height:auto;
					min-height:45px;
				}
				.rahmen_leistungen a,.rahmen_entw a {
				/*	text-transform:uppercase; */
					border-bottom:1px solid #ffa33f; 
					display:block; 
					padding-bottom:2px; 
					margin-top:3px;
					padding-left:15px;
					background-image:url(../img_web/allg/orange_pfeil_trans.gif);
					background-repeat:no-repeat;
					background-position:0px;
				/*	font-size:10px; 
					color:#010b69; 
				
					text-indent: 5px;*/
				}
				.rahmen_leistungen a{
					background-position:0px 2px;	
				}
				
				.rahmen_entw img,.rahmen_entw_kopf img {margin-right:5px;}
	
.entw_box {
	width:240px;
	height:210px;;
	float:left;
	padding:5px;
	}
	
/***********RECHTER INHALT*******************************************************/
/* überschriftscontainer im rechten inhalt */

#or_balken_r {
	width: 195px;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #FFFFFF;
	height: 19px;
	border-top:2px solid #fe6c00;
	padding-top: 4px;
	padding-left:5px;
	background-color:#8d91be;
	border-bottom-width: 1px solid #FFFFFF;
    text-transform: uppercase;
	}
	
/* textformatierung die nicht im or_balken_r steht */
.textrechts{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #232323;
	margin:5px;
	}


/***********FUSS***********************************************************/
/* enthält AGB/Impressum */

#fuss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #adb4ea;
	background-color: #010b69;
	height: 18px;
	width: 945px;
	padding-top:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	}

#fuss a:hover,#fuss .empfehlung_privat a:hover { background-color:#ffffff; color:#010b69;}
#fuss a { color:#adb4ea;font-size: 8pt;}

#fuss .empfehlung_privat,#fuss .empfehlung_privat a{
	color:#FFF;	
}

/***************************************************************************/
/***********shopbereich*****************************************************/
/***************************************************************************/

/* container für shopbereich*/
.shop_tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #0a146e;
	width: 500px;
	border: 1px solid #d4d5e1;
	}


/***************************************************************************/
/***********formularformatierungen******************************************/
/***************************************************************************/

form {
	display:inline;
	}
	
input.form_blau  {			
		background-color:#ecedf7;
		border-color:#000;
		color:#767bae; 
		font-size:11px;
		padding:3px;
		padding-top:5px;
		padding-bottom:5px;
		border:1px;}
		
		
/***************************************************************************/
/*********** PopUp Staffelpreise *******************************************/
/***************************************************************************/

#staffelpreise {
		background-color:#ffffff; 
		width:480px;
		height:480px;
		font-size:12px;
		padding-left:40px;
		padding-top:20px;
		padding-bottom:5px;}



/***************************************************************************/
/*********** allgemeine Formatierungen *************************************/
/***************************************************************************/

.tor {
	color: #fF6600;}
	
	
.td{
	padding:5px;
}
	


.nobr{
	white-space: nowrap;	
}