/* TrackMen Style Sheet */

/* Basics */
body {
	padding: 0px;
 	margin: 0px;
	background: #999 url('/grafik/background/pageback.jpg') repeat-x;
}


#pageheader {
	display: block;
	width: 995px;
	height: 156px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 24px;
	background: url('/grafik/header/headerpic.jpg') no-repeat;
	position: relative;
}

#page {
	display: block;
	position: relative;
	width: 995px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;	
	background: #fff url('/grafik/background/paperback.jpg') repeat-y;
}

#pagefooter {
	display: block;
	width: 995px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background: url('/grafik/background/paperfooter.jpg') no-repeat;
	text-align: center;
	font: bold 9px verdana;
	color: #333;
}

#pagefooter a {
	font: bold 9px verdana;
	color: #333;
	text-decoration: none;
}

/* Navigation */

#homelink {
	display: block;
	position: absolute;
	width: 300px;
	height: 70px;
	top: 30px;
	left: 0px;
}

#homelink span {
	display: none;
}

#navigation {
	display: block;
	position: absolute;
	top: 111px;
	left: 0px;
	width: 987px;
	height: 46px;
}


#hauptnav {
	display: block;
	position: relative;
	padding-left: 205px;
	
}
#hauptnav a { position: relative; display: block; float: left; height: 29px; margin-right: 20px; }
#hauptnav a span { display: none; }

#hauptnav #nav_home { width: 68px; background: url('/grafik/header/nav/home_off.gif'); }
#hauptnav #nav_products { width: 155px; background: url('/grafik/header/nav/products_off.gif'); }
#hauptnav #nav_news { width: 120px; background: url('/grafik/header/nav/news_off.gif'); }
#hauptnav #nav_about { width: 88px; background: url('/grafik/header/nav/about_off.gif'); }
#hauptnav #nav_contact { width: 98px; background: url('/grafik/header/nav/contact_off.gif'); }

#hauptnav #nav_home.on  { width: 68px; background: url('/grafik/header/nav/home_on.gif'); }
#hauptnav #nav_products.on { width: 155px; background: url('/grafik/header/nav/products_on.gif'); }
#hauptnav #nav_news.on { width: 120px; background: url('/grafik/header/nav/news_on.gif'); }
#hauptnav #nav_about.on { width: 88px; background: url('/grafik/header/nav/about_on.gif'); }
#hauptnav #nav_contact.on { width: 98px; background: url('/grafik/header/nav/contact_on.gif'); }


#subnav {
	display: block;
	width: 500px;
	height: 12px;	
	position: absolute;
	top: 28px;	
	font: 11px verdana;
	color: #000;
	padding-top: -2px;
}

.subnav_products { left: 230px; }
.subnav_contact { left: 540px; }


#subsubnav {
	display: block;
	width: 178px;
	min-height: 200px;
	background: url('/grafik/subsubnav/back.jpg') repeat-y;
	z-index: 1;
	position: relative;
	
}

#subsubheader {
	display: block;
	width: 178px;
	background: url('/grafik/subsubnav/subsubnav_header.jpg') no-repeat;
	overflow: hidden;
	margin: 0px;
	position: relative;
}

#subsubheaderimage {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	border: 0px;
}

#subsubheaderclaim {
	display: block;
	font: bold 10px verdana;
	color: #fff;
	margin-left: 15px;
	padding-top: 7px;
	padding-top: 0px;
	margin-top: -5px;
	margin-left: 12px;
}

#subsubheaderclaimende {
	margin-top: -5px;
}

#subsubbody {	
	position: relative;
	display: block;
	min-height: 114px;
	width: 178px;
	background: url('/grafik/subsubnav/topback.jpg') no-repeat top;
	margin: 0px;
	padding: 0px;
	z-index: 2;	
}

#subsubfooter {
	display: block;
	height: 18px;
	width: 178px;
	background:  #ffffff url('/grafik/subsubnav/footer.jpg') no-repeat;
	position: absolute;
	bottom: -1px;
}

#subsubbody a {
	display: block;
	font: 11px verdana;
	color: #fff;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 10px;
}

#subsubbody a.on {
	font-weight: bold;
	background: url('/grafik/subsubnav/dot.gif') no-repeat 20px 14px;
}

#subsubbody a:hover {
	font-weight: bold;
	background: url('/grafik/subsubnav/dot.gif') no-repeat 20px 14px;
}





/* Content */

#content {
	display: block;
	width: 750px;
	margin-left: 220px;
	padding: 20px 0px 20px 0px;
	min-height: 400px;
}

#leftbar {
	display: block; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	min-height: 200px;
	margin-top: 20px;
	padding-left: 10px;
}

h1 {
	font: bold 12px verdana,arial,sans;
	color: #b00000;
	display: block;
	margin-bottom: 20px;
}

h2 {
	font: bold 12px verdana,arial,sans;
	color: #b00000;
	display: block;
	margin: 0px 0px 10px 0px;
}

h3 {
	font: bold 11px verdana,arial,sans;
	color: #000000;
	display: block;
	margin: 0px 0px 5px 0px;
}


span {
	display: block;
	font: 11px verdana,arial,sans;
	color: #000;
	line-height: 14px;
}

span.text {
	width: 480px;
	line-height: 16px;
}

li {
	font: 11px verdana,arial,sans;
	margin-bottom: 10px;
}

a {
	color:#b00000;
}

a.iconlink {
	text-decoration: none;
}

/* Bilder */

div.pics_unordered {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 190px;
	text-align: right;
}

div.pics_unordered img {
	display: block;
	border: 1px solid #000;
	margin-bottom: 20px;
}


div.pics_text img {
	border: 1px solid #000;
	margin: 0px 20px 0px 0px;
}



/* Home */

#tabulatrackteaser {
	display: block;
	position: relative;
	width: 936px;
	margin: 0px;
}

#tabulatrackteaser .hometeaser_breit_head {
	margin: 0px;
	display: block;
	height: 170px;
	width: 946px;
}

#tabulatrackteaser .hometeaser_breit_body {
	margin: 0px;
	display: block;
	width: 944px;
	border-left: 1px solid #960505;
	border-right: 1px solid #960505;
	position: relative;
}

#tabulatrackteaser .hometeaser_breit_body a {
	display: block;
	font: bold 10px verdana;
	color: #b00000;
	margin-left: 570px;
	padding-bottom: 4px;
}

#tabulatrackteaser .ts_headline {
	
	width: 551px;
}

#tabulatrackteaser .ts_text {
	width: 600px;
}

#tabulatrackteaserpdf {
	clear: both;
	display: block;
	position: absolute;
	top: 190px;
	left: 760px;
	width: 153px;
	height: 91px;
}

#tabulatrackteaser .hometeaser_breit_footer {
	margin: 0px;
	display: block;
	width: 946px;
	height: 8px;
	background: url('/grafik/home/header_ultrabreit_footer.gif') no-repeat;
}

#manutrackteaser {
	display: block;
	position: relative;
	width: 484px;
	margin: 0px;
}

#manutrackteaser .hometeaser_breit_head {
	margin: 0px;
	display: block;
	height: 124px;
	width: 484px;
}

#manutrackteaser .hometeaser_breit_body {
	margin: 0px;
	display: block;
	width: 482px;
	border-left: 1px solid #960505;
	border-right: 1px solid #960505;
	position: relative;
}



.ts_headline {
	display: block;
	font: bold 11px verdana;
	color: #000;
	padding: 10px;
}

.ts_text {
	display: block;
	font: 10px verdana;
	color: #333;
	line-height: 16px;
	padding: 0px 10px 10px 10px;	
}

#manutrackteaser .hometeaser_breit_body a {
	display: block;
	font: bold 10px verdana;
	color: #b00000;
	margin-left: 420px;
	padding-bottom: 4px;
}

#manutrackpdf {
	clear: both;
	display: block;
	position: absolute;
	top: 210px;
	left: 10px;
	width: 122px;
	height: 20px;
}

#manupdf {
	clear: both;
	display: block;
	position: relative;
	bottom: 30px;
	left: 10px;
	width: 122px;
	height: 20px;
}

#torqpdf {
	clear: both;
	display: block;
	position: relative;
	bottom: 30px;
	left: 10px;
	width: 122px;
	height: 20px;
}

#manutrackteaser .hometeaser_breit_footer {
	margin: 0px;
	display: block;
	width: 484px;
	height: 8px;
	background: url('/grafik/home/headerbreit_footer.gif') no-repeat;
}

#homepage_teaserleiste {
	display:block;
	height: 400px;
	width: 970px;
}

.homepage_teaser {
	display: block;
	width: 300px;	
	float: left;
	margin: 20px 23px 20px 0px;
}

.hometeaser_head {
	margin: 0px;
	display: block;
	height: 115px;
	width: 300px;
}

.hometeaser_body {
	margin: 0px;
	display: block;
	
	width: 298px;
	height: 200px;
	border-left: 1px solid #960505;
	border-right: 1px solid #960505;
}

.hometeaser_body .headline {
	display: block;
	font: bold 11px verdana;
	color: #000;
	padding: 10px;
}


.hometeaser_body .text {
	display: block;
	font: 10px verdana;
	color: #333;
	line-height: 16px;
	padding: 0px 10px 10px 10px;	
}

.hometeaser_body a {
	display: block;
	font: bold 10px verdana;
	color: #b00000;
	margin-left: 230px;
	padding-bottom: 4px;
}



.hometeaser_footer {
	margin: 0px;
	display: block;
	width: 300px;
	height: 8px;
	background: url('/grafik/home/teaser_footer.gif') no-repeat;
}

#ibc_sticker {
	display: block;
	width: 184px;
}

#ibc_sticker .st_header {
	display: block;
	height: 106px;
	margin: 0px;
}

#ibc_sticker .st_body {
	margin: 0px;
	width: 182px;
	border-left: 1px solid #960505;
	border-right: 1px solid #960505;
}

#ibc_sticker .st_body  span {
	display: block;
	padding: 10px 10px 10px 10px;	
	font: 10px verdana,arial,sans;
	color: #000;
	line-height: 15px;
}



/* Forms */

.headfehler {
	display: block;
	border: 1px dashed red;
	background-color: #FFFF99;
	padding: 3px;
	font: 12px verdana,arial,sans;
	width: 470px;
	color: #b00000
}

form.contactform span {
	position: relative;
	display: block;
	font: 11px verdana,arial,sans;
	color: #000;	
	width: 150px;
	text-align: right;
}

form.contactform span.mrms {
	margin-left: 100px;
	margin-bottom: 20px;
}

form.contactform span.noninput {
	width: 480px;
	margin-left: 50px;
	text-align: left;
	font: bold 12px verdana,arial,sans;
}

form.contactform span.productchecker {
	margin-left: 160px;
	margin-bottom: 20px;
	width: 300px;
	text-align: left;
}

form.contactform span.buttons {
	margin-left: 160px;
	margin-bottom: 20px;
	width: 200px;
	text-align: right;
}

form.contactform span.ob {
	font-weight: bold;
}

form.contactform span.obfehler {
	font-weight: bold;
	color: #b00000;
}

form.contactform .einzeiler {
	position: relative;
	display: block;
	top: -11px;
	left: 160px;
	font: 10px verdana,arial,sans;
	width: 200px;
}

form.contactform .einzeiler_short {
	position: relative;
	display: block;
	top: -11px;
	left: 160px;
	font: 10px verdana,arial,sans;
	width: 80px;
}

form.contactform textarea {
	position: relative;
	display: block;
	top: -11px;
	left: 160px;
	font: 10px verdana,arial,sans;
	width:200px;
	height: 80px;
}

form.contactform .button {
	font: 11px verdana,arial,sans;
}

/* Videos */

#container_wrapper {
	float: left;
}

#contentframe {
	float: left;
	width: 500px;
}

#videogallerylist {
	position: relative;
	display: block;
	width: 230px;
	margin-left: 17px;
	float: left;
}
 
#videogallerylist .vidgal_item {
	display: block;
	width: 105px;
	margin: 0px 10px 15px 0px;
	float: left;
}

#videogallerylist .vidgal_item .vidgal_title {
	display: block;
	clear: both;
	padding-left: 15px;
	background: url('/grafik/playpfeil_lo.gif') no-repeat 0px 2px;
	font: 11px verdana,arial,sans;
	text-decoration: none;
	color: #000000;
}

#videogallerylist .vidgal_item_active .vidgal_title {
	display: block;
	clear: both;
	padding-left: 15px;
	background: url('/grafik/playpfeil_on.gif') no-repeat 0px 2px;
	font: 11px verdana,arial,sans;
	text-decoration: none;
	color: #b00000;
}