/* ***************************************************************** */
/* **************  CSS-Datei fuer die BTM-Website ****************** */
/* **************  Copyright 2010 Alexander Klose ****************** */
/* **************  www.klose-design.de            ****************** */
/* ***************************************************************** */

/* ***************************************************************** */
/* **************         Allgemeines          ********************* */
/* ***************************************************************** */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: black;
	background-color: grey;
	font-weight: bold;
}

/* ***************************************************************** */
/* **************         DIV-Container        ********************* */
/* ***************************************************************** */

div.maincontent {
	width: 1000px;
	height: 705px;
	margin-left: auto;
	margin-right: auto;
}

div.start {
	width: 1000px;
	height: 705px;
	/* background-image: url("../images/gitter.jpg"); */
	background-image: url("../images/hintergrundlogo.png");
	/* background-repeat: repeat; */
	background-color: lightgrey;
	position: absolute;
	border-width: 1px;
	border-color: #CC0000;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

div.navi {
	top: 130px;
	width: 180px;
	height: 500px;
	position: absolute;
}

div.navi_ebene2 {
	width: 180px;
	height: 710px;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 10;
	padding-top: 0px;
}


div.logos {
	text-align: center;
	position: absolute;
	background-color: green;
}

div.seiteninhalt {
	position: absolute;
	top: 110px;
	right: 0px;
	width: 765px;
	height: 540px;
	text-align: left;
	overflow: auto;
	padding-right: 20px;
	font-size: 12px;
}

div.seiteninhalt th, div.seiteninhalt td {
	text-align: left;
	font-size: 14pt;
}

div.banner_unten_links {
	width: 785px;
	height: 33px;
	position: absolute;
	top: 660px;
	left: 190px;
	font-size: 12px;
	color: #CC0000;
	text-align: left;
	padding-left: 10px;
	padding-top: 4px;
}

div.banner_unten_rechts {
	width: 785px;
	height: 33px;
	position: absolute;
	top: 660px;
	left: 190px;
	font-size: 12px;
	color: #CC0000;
	text-align: right;
	border-width: 1px;
	border-color: #CC0000;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-top: 4px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

th.left {
	width: 250px;
}

th.right {
	width: 550px;
}

/* ***************************************************************** */
/* **************         Images / Bilder      ********************* */
/* ***************************************************************** */

img {
	border-style: none;
	border-width: none;
}

img.banner {
	width: 800px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 190px;
}

img.undercon_banner {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 250px;
}


div.navi_eben4 a {
	width: 166px;
	height: 60px;
	border-style: none;
	left: 0px;	
}

a img {
	position: absolute;
	z-index: 10;
}

div a {
	width: 166px;
	height: 60px;
	border-style: none;
	left: 0px;
}

img.logo {
	width: 120px;
	height: 125px;
	position: absolute;
}

img.navi_fahrzeuge {
	position: absolute;
	left: 25px;
	margin-left: 20px;
}

img.rahmen {
	border-style: solid;
	border-width: 1px;
	border-color: #CC0000; 
}

/* ***************************************************************** */
/* **************      paragraphs / texte      ********************* */
/* ***************************************************************** */

p.rot {
	color: #CC0000;
}

p.seitentext {
	text-align: center;
}

p.klein {
	font-size: 12px;
}

p.start {
	font-size: 14px;
}


/* ***************************************************************** */
/* **************      diverse Listen          ********************* */
/* ***************************************************************** */

div.navi ul {
	position: absolute;
	top: 0px;
	left: 10px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ol li {
	font-size: 12px;
}

ul li {
	font-size: 14px;
}


/* ***************************************************************** */
/* **************         LINKS                ********************* */
/* ***************************************************************** */

a:link, a:visited, a:hover, a:focus, a:active{
	text-decoration: none;
	border-color: none;
	border-style: none;
	color: #CC0000;
} 

div.navi a:link, div.navi a:visited, div.navi a:hover, div.navi a:focus, div.navi a:active{
	text-decoration: none;
	border-color: none;
	border-style: none;
}


/* ***************************************************************** */
/* **************         Überschriften        ********************* */
/* ***************************************************************** */

h1.gross {
	font-size: 18pt;
}

h1.mittel {
	font-size: 14pt;
}

h1.klein {
	font-size: 10pt;
}

h2.gross {
	font-size: 18pt;
}

h2.mittel {
	font-size: 12pt;
}

h2.klein {
	font-size: 10pt;
}

h3.gross {
	font-size: 18pt;
}

h3.mittel {
	font-size: 14pt;
}

h3.klein {
	font-size: 10pt;
}

h1.gross_blau {
	font-size: 18pt;
	color: blue;
}

h1.mittel_blau {
	font-size: 14pt;
	color: blue;
}

h1.klein_blau {
	font-size: 10pt;
	color: blue;
}

h2.gross_blau {
	font-size: 18pt;
	color: blue;
}

h2.mittel_blau {
	font-size: 14pt;
	color: blue;
}

h2.klein_blau {
	font-size: 10pt;
	color: blue;
}

h3.gross_blau {
	font-size: 18pt;
	color: blue;
}

h3.mittel_blau {
	font-size: 14pt;
	color: blue;
}

h3.klein_blau {
	font-size: 10pt;
	color: blue;
}

h1.gross_rot {
	font-size: 18pt;
	color: #CC0000;
}

h1.nittel_rot {
	font-size: 14pt;
	color: #CC0000;
}

h1.klein_rot {
	font-size: 10pt;
	color: #CC0000;
}

h2.gross_rot {
	font-size: 18pt;
	color: #CC0000;
}

h2.mittel_rot {
	font-size: 12pt;
	color: #CC0000;
}

h2.klein_rot {
	font-size: 10pt;
	color: #CC0000;
}

h3.gross_rot {
	font-size: 18pt;
	color: #CC0000;
}

h3.mittel_rot {
	font-size: 14pt;
	color: #CC0000;
}

h3.klein_rot {
	font-size: 10pt;
	color: #CC0000;
}

input.navi {
	width: 170px;
	height: 25px;
	margin: 3px 0 0 0;
	background-color: white;
	color: black;
	font-weight: bold;
	border-width: 1px;
	border-color: #CC0000;
	border-style: solid;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	cursor: pointer;
	text-align: left;
	padding-top: 0px;
}

input.navi:hover {
	color: #CC0000;
	border-color: black;
}

input.navi:active {
	background-color: #CC0000;
	color: white;
}
	
input#button_startseite {
	position: absolute;
	top: 4px;
	left: 10px;
}

input#button_impressum {
	position: absolute;
	top: 670px;
	left: 10px;
}

strong.copyright {
	text-shadow: white 3px 3px 3px;
	font-size: 16px;
}