@import url("main_nav.css");
@import url("typo.css");
/* Allgemeine Angaben */

* { border:0px; margin:0px; padding:0px; }

html { overflow:auto; }

body { 
	background:url(../_img/page_bg.png) repeat-x #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
}
/* Diverse Padding Formatierungen */

#main, #main_nav, #tabs, #footer {
	padding-left:20px; padding-right:20px;
}

/*.login_box { padding:0px 20px 0px 20px; }*/

/* Box Modell Formatierungen */

/* Hauptcontainer */

#container {
	position:relative;
	width: 950px;/*950*/
	height:auto;
	margin:0px auto 0px auto;
	background:url(../_img/bg_cont_top.png) top left repeat-x #fff;
	border-right:2px solid #333;
}


/* Formatierung der obersten Navigation (Impressum etc.) */	
#legals {
	float:right;
	width:auto; height:35px;
	background:url(../_img/legals/ecke_rund_l.png) no-repeat #0f539d left;
}


#legals  ul, li { position:relative; }
#legals ul { list-style:none; padding-left:10px; }

#legals li { float:left; height:auto; height:auto; margin:0; padding:13px 15px 3px 5px; }
#legals a { font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; }
#legals a:hover { color:#ff0000; text-decoration:none; }

/* Höhe angegeben, damit Logo angezeigt wird (Hintergrund) */
#header, #logo { height:85px; }

#header {
/*	padding-top:0px;*/
	background:url(../_img/header/Tachoplus_logo_top.gif) right 45px no-repeat;
	width:100%;
}

	
/*#logo {
	width:300px;
	padding-top:0px;
	padding-left:20px;
}*/

#logo {
	width:auto;
	padding-top:5px;
	padding-left:20px;
}

#logo3 { 
	position:absolute;
	width:auto;
	top:44px;
	left:700px;
}

/* TAB CONTAINER */
#tabs { width:auto; background:transparent; }

/* Tab Navigation*/
#tabs2 { 
	float:left;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	color:#0f539d;
	line-height:normal;
	white-space:nowrap;
	background:transparent;
}
#tabs2 ul { margin:0; list-style:none;  }

#tabs2 li { display:inline; margin:0; padding:0; }
#tabs2 a {
	float:left;
	background:url("../_img/tabs/tableft_3.png") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs2 a span {
	float:left;
	display:block;
	background:url("../_img/tabs/tabright_3.png") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#0f539d;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span { float:none; }

/* End IE5-Mac hack */
#tabs2 a:hover span { color:#000; }
#tabs2 a:hover { background-position:0% -42px; }
#tabs2 a:hover span { background-position:100% -42px; }

/* Container für die Hauptnavigation */
#main_nav {
	height:30px;
	width:auto;
	background: #0f539d;
	clear:both;
	padding-top:0;
	border-bottom:solid #333333 4px;
}
#teaser { border-bottom:1px solid #0f539d; background-color:blue; }
/*#teaser_header { position:relative;}*/

.teaser_nav {
	float:left;
	position:relative;
	top:-25px;
	width:100%;
	height:auto;
	background:url(../_img/transp_blue_bg_90.png) repeat;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px 0px 10px 0px;
	font-size:0.6em;
	font-weight:bold;
}

.teaser_nav ul { list-style:none; }
.teaser_nav ul li { display:inline; }

/* Formatierung der Breadcrumb Navigation */
#breadcrump {
	position:absolute;
	width:100%;
	font-size:0.6em;
	color:#fff;
	background:url(../_img/transp_blue_bg.png) repeat;
	border-bottom:1px solid #fff;
	text-indent:10px;

}
.crumps { padding:4px 20px 4px 20px;}
.crumps a { color:#fff;}


/* Bereich indem der Inhalt und die Boxen dargestellt werden */
#main { clear:both;
	
/*	background:url(../_img/home/homebox_bg.png) repeat-x bottom left;*/
	min-height:300px;}


/* Bereich für den Hauptinhalt */
.content { float:left; width:650px; margin-bottom:30px; }

.subnavi {
	float:right;
	width:200px;
	height:auto;
	padding:20px 0px 20px 20px;
	background-color:#eee;
}
.subnavi ul li { list-style:none; margin:0px; padding:0px; background-color:#eee; padding:5px; display:block;}
.subnavi h5 { border-bottom:1px solid #0f539d; color:#0f539d;}

.tplus_title { background-color:#666666; color:#fff; font-weight:bold;}
.tplus_nav_item { background-color:#666666; color:#fff; font-weight:bold;}

/* FOOTER */
#footer { 
	height:27px;
	background-color:#666666;
	border-top:3px solid #333;
	border-bottom:3px solid #333;
	clear:both;
	padding-top:4px;
}

/* Formatierung des Footers */
#footer ul li { display:inline; list-style:none; color:#fff;  margin:0; font-size:0.8em;}
#footer a { color:#FFFFFF; text-decoration:none;}
#footer a:hover { color:#FF0000; text-decoration:none;}


/* Tabellenformatierungen */
table  { border: 1px solid #0f539d; padding:5px; margin:10px 0px 10px 0px; }
th, td { font-size:0.8em; text-align:center; padding:5px; }
th { color:#0f539d; font-weight:bold; font-size:1.0em;}

/*table.home { border:0; margin:0;}
table.home td { /*vertical-align:top;*/ /*font-size:0.8em;}*/


/* Formulare */
form {margin: 2em 0; display: block;}
fieldset { border: 1px solid #000; display: block; padding: 1em 2em; clear: both; width: auto; /* wichtig */margin: 2em 0 0 0;}

input, .button, textarea { border: 1px solid #0f539d; margin:2px; background:#FFFFFF; color:#0f539d; font-size:0.8em; text-indent:5px;}
textarea { border: 1px solid #0f539d; margin:2px; background:#FFFFFF; color:#0f539d; font-size:1.1em; text-indent:5px;}
.button { text-indent:0px; height:auto; font-size:11px;}
label { float: left; width:8em; display:block; clear:left; font-size:0.8em; color:#000; }
legend { margin:10px 0px 10px 0px; color:#0f539d; font-weight:bold;}

select:hover, input:hover, textarea:hover { border: 1px solid #0f539d; color:#000;}
select:focus, input:focus, textarea:focus { background: #CCCCCC; border: 1px solid #0f539d; color:#000; }


/* Listenformatierungen */
li { margin:0px 20px 0px 20px;}
li.none { list-style:none; margin:0; padding:0; text-indent:0px;}

/*Kompettpakete navilist ohne Link*/
.navilist { background:#0f539d; font-weight:bold; margin:5px 20px 0px 20px; list-style:none; text-indent:0px;}

/* Fließende Boxen */

.flt { }
.flt img { float:left; width:auto; height:auto; }

.flt_r { float:right; height:auto; width:auto; }
.flt_r img { margin-left: 20px; }

.flt_l { float:left; height:auto; width:auto; margin-right:30px; }
.flt_l img { margin:0px 0px 20px 0px; }

#support { float:right; width:auto; clear:left;}
.idha  { background:#7FA6FD; }
.webidha  { float:right; height:200px; width:300px; margin:0px 0px 80px 20px; }
.webidhacontent { float:left; width:870px; margin-bottom:0px; }
.truck  { background:url(../_img/produkte/dienstleistungen/idha-world-truck.png); float:right; height:107px; width:263px; margin:20px 80px 0px 0px; }
.tabela  { border: 1px solid #0f539d; padding:0px; margin:0px 0px 0px 0px; }
.td { font-size:1.0em; text-align:left; padding:0px; float:left;}
.kontakt {margin:0px 0px 0px 0px;}
.tabelakontakt { border: 0px; padding:0px; margin:0px 0px 0px 0px; }
.label { color:#000; }
.legend { margin:0px 0px 0px 0px; color:#0f539d; font-weight:bold;}
.webidhatab { background:#ff0000; }
.veranstaltung { float:right; }

.foerdermittel { 
	background:#7FA6FD;
	position:absolute;
	top:;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	float:right;
	right:3px;
	margin:22px 0px 0px 0px;
	text-align:center;
}

.foerdermittel a { color:#ffffff; text-decoration:none; }
.foerdermittel a:hover { color:#FF0000; text-decoration:none; }
.tblservicecontent { float:left; width:700px; margin-bottom:0px; }
.tblservicecontent a { text-decoration:none; }
.tblservicecontent a:hover { text-decoration:none; }
.tblservicedcs  { background:url(../_img/produkte/software/service_dcs.png) repeat-x; float:left; height:752px; width:752px; margin:0px 0px 0px 0px; }
.tblservicelnk { background:#ffffff; width:270px; margin:27px 0px 0px 192px; }
.tblservicelnk a { color:#9A9AFF; font-size:15px; font-weight:bold; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tblservicelnk a:hover { color:#9A9AFF; text-decoration:none; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tblservicelnk2 { background:#ffffff; width:270px; margin:-18px 0px 0px 461px; }
.tblservicelnk2 a { color:#9A9AFF; font-size:15px; font-weight:bold; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tblservicelnk2 a:hover { color:#9A9AFF; text-decoration:none; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#HomeUeberschr1 { 
	position:absolute;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, Arial Black;
	color: #0f539d;
	top:415px;
	left:42px;
}

#HomeUeberschr2 { 
	position:absolute;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, Arial Black;
	color: #0f539d;
	top:415px;
	left:382px;
}

#HomeUeberschr3 { 
	position:absolute;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, Arial Black;
	color: #0f539d;
	top:415px;
	left:725px;
}


#DCS_Preis { 
	position:absolute;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	color: red;
	top:460px;
	left:100px;
}

#BKFAB { 
	position:absolute;
	width:80px; 
	height:80px;
	top:674px;
	left:22px;
}
.homezeile1 { 
	position:absolute;
	font-size:0.75em; 
	color:#ffffff; 
	font-weight:bold;
	top:455px;
	left:340px;
}
.homezeile1 a { 
	color:#ffffff; 
	text-decoration:none;
}
.homezeile1 a:hover { 
	color:#FF0000; 
	text-decoration:none;
}

.homezeile2 { 
	position:absolute;
	font-size:0.75em; 
	color:#ffffff; 
	font-weight:bold;
	top:510px;
	left:340px;
}
.homezeile2 a { 
	color:#ffffff; 
	text-decoration:none;
}
.homezeile2 a:hover { 
	color:#FF0000; 
	text-decoration:none;
}

.homezeile3 { 
	position:absolute;
	font-size:0.75em; 
	color:#ffffff; 
	font-weight:bold;
	top:565px;
	left:340px;
}
.homezeile3 a { 
	color:#ffffff; 
	text-decoration:none;
}
.homezeile3 a:hover { 
	color:#FF0000; 
	text-decoration:none;
}

.homezeile4 { 
	position:absolute;
	font-size:0.75em; 
	color:#ffffff; 
	font-weight:bold;
	top:620px;
	left:340px;
}
.homezeile4 a { 
	color:#ffffff; 
	text-decoration:none;
}
.homezeile4 a:hover { 
	color:#FF0000; 
	text-decoration:none;
}

.telefon1 { 
	position:absolute;
	font-size:1em; 
	color:#ffffff; 
	font-weight:bold;
	top:455px;
	left:640px;
}

.telefon2 { 
	position:absolute;
	font-size:1em; 
	color:#ffffff; 
	font-weight:bold;
	top:505px;
	left:640px;
}

.telefon3 { 
	position:absolute;
	font-size:1em; 
	color:#ffffff; 
	font-weight:bold;
	top:560px;
	left:640px;
}

.telefon4 { 
	position:absolute;
	font-size:1em; 
	color:#ffffff; 
	font-weight:bold;
	top:615px;
	left:640px;
}

/*Alle Preise zzgl. MwST. und Versand*/

#allepreise { 
	position: absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; 
	color: #0F539D;
	font-weight: bold;
	top: 750px;
	left: 690px;
	text-decoration:none;
}

.idha_news { padding-left:97px; }
.idha_news_text { color:#ffffff; padding-left:20px; font-weight:bold;}
.idha_news_text a { color:#ffffff; text-decoration:none;}
.idha_news_text a:hover { color:#FF0000; text-decoration:none;}

.produktuebersicht { 
	position: absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	color: #0F539D;
	font-weight: bold;
	top: 720px;
	left: 375px;
	text-decoration:none;
}
.produktuebersicht a { color:#0F539D; text-decoration:none; font-weight:bold;}
.produktuebersicht a:hover { color:#0F539D; text-decoration:none; font-weight:bold;}
.buerozeiten { margin-bottom:-50px; text-decoration:none; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold;}