/********* basics *********/
html, body {
	background-color: #ffffff;
}
	
html, body, div, p, h1, h2, h3, a, table, td, form, img {
	margin: 0px auto;
	padding: 0px;
	font-family: arial,helvetica,sans-serif;
}

img {
	 border: none;
}

.bottom {
	vertical-align:bottom;
}


/********* Textformatierung *********/
p {
	font-size: 11px;
	line-height: 14px;
	color: #8d8c8a;
}

/* gepunktete Linie bei links entfernen */
a { outline: none; }

/* headlines */
h1 {
	font-size: 11px;
	color: #8d8c8a;
}
h3 {
	font-size: 11px;
	color: #8d8c8a;
	font-weight:bold;
}
h4 {
	font-size: 18px;
	color: #8d8c8a;
	font-weight:bold;
}
.highlight {
	color: #A2E1FF;
	font-weight:bold;
}
/* Uebergangsseiten Trennung - Startseite + Kontakt */
.fett {
	font-weight:bold;
}
.hellgrau {
	font-weight:bold;
	color:#AEAEAE;
}
.kbm_fett {
	font-weight:bold;
	font-size: 12px;
}
.kbm_hellgrau {
	font-weight:bold;
	font-size: 12px;
	color:#AEAEAE;
}




/********* mittenzentrierte Grundflaeche *********/
.centerBox {
	width: 780px;
	height: 490px;
	text-align:left;
	background-color: #ffffff;
	/*background: #ffffff url(images/hg_box.gif) repeat-x;*/
												/* border:thin solid black; */
}


/********* Logo Spalte *********/
/* logobox */
.box_logo {
	float: left;
	width: 148px;
	height: 490px;
	text-align:left;
	background-color: #ffffff;
	overflow:hidden;
}
/* logostand */
.logo_text {
	padding-left: 18px;
}

/* modell vorschau layer */
.modell_1 {
	float: left;
	background-color: #ffffff;
	z-index: 11;
	position:relative;
	top:0px;
	left:0px;
	visibility: hidden;
}
.modell_2 {
	float: left;
	background-color: #ffffff;
	z-index: 12;
	position:relative;
	top:-105px;
	left:0px;
	visibility: hidden;
}
.modell_3 {
	float: left;
	background-color: #ffffff;
	z-index: 13;
	position:relative;
	top:-210px;
	left:0px;
	visibility: hidden;
}
.modell_4 {
	float: left;
	background-color: #ffffff;
	z-index: 14;
	position:relative;
	top:-315px;
	left:0px;
	visibility: hidden;
}
.modell_5 {
	float: left;
	background-color: #ffffff;
	z-index: 15;
	position:relative;
	top:-420px;
	left:0px;
	visibility: hidden;
}
.modell_6 {
	float: left;
	background-color: #ffffff;
	z-index: 16;
	position:relative;
	top:-525px;
	left:0px;
	visibility: hidden;
}
.modell_7 {
	float: left;
	background-color: #ffffff;
	z-index: 14;
	position:relative;
	top:-630px;
	left:0px;
	visibility: hidden;
}
.modell_8 {
	float: left;
	background-color: #ffffff;
	z-index: 18;
	position:relative;
	top:-735px;
	left:0px;
	visibility: hidden;
}
.modell_9 {
	float: left;
	background-color: #ffffff;
	z-index: 19;
	position:relative;
	top:-840px;
	left:0px;
	visibility: hidden;
}
.modell_10 {
	float: left;
	background-color: #ffffff;
	z-index: 20;
	position:relative;
	top:-945px;
	left:0px;
	visibility: hidden;
}
.modell_11 {
	float: left;
	background-color: #ffffff;
	z-index: 21;
	position:relative;
	top:-1050px;
	left:0px;
	visibility: hidden;
}
.modell_12 {
	float: left;
	background-color: #ffffff;
	z-index: 22;
	position:relative;
	top:-1155px;
	left:0px;
	visibility: hidden;
}
.modell_13 {
	float: left;
	background-color: #ffffff;
	z-index: 23;
	position:relative;
	top:-1260px;
	left:0px;
	visibility: hidden;
}


/********* Haupt-Navigation *********/
/* hauptnavibox */
.box_nav {
	float: left;
	width: 145px;
	height: 490px;
	text-align:left;
	background-color: #ffffff;
	background: #ffffff url(images/hg_navi.gif);
	background-repeat:no-repeat;
}

/* hauptnavielemente */
.nav{
	vertical-align:top;
	padding: 7px 0px 0px 1px;
}

/* randabstand textliste unten */
.nav_text{
	vertical-align:bottom;
	padding-left: 12px;
}

/* linkfarben innerhalb navigationbox */
a.nav_link:link {
	color:#8d8c8a;
	text-decoration: none;
}
a.nav_link:visited {
	color:#8d8c8a;
	text-decoration: none;
}
a.nav_link:hover {
	color: #A2E1FF;
	text-decoration: none;
	font-weight:bold;
}


/********* Contentbereich *********/
.box_cont {
	float: left;
	width: 450px;
	height: 490px;
	text-align:left;
}
/* linkfarben innerhalb contentbox */
a.cont_link:link {
	color:#AFAEAC;
	text-decoration: none;
}
a.cont_link:visited {
	color:#AFAEAC;
	text-decoration: none;
	
}
a.cont_link:hover {
	color: #A2E1FF;
	text-decoration: none;
}

/* layer fuer partner rollover nur imagemap-links */
.partner_01 {
	float: left;
	background-color: #ffffff;
	position:relative;
	z-index: 31;
	top:0px;
	left:0px;
	visibility: hidden;
}
.partner_02 {
	float: left;
	background-color: #ffffff;
	z-index: 32;
	position:relative;
	top:-487px;
	left:0px;
	visibility: hidden;
}
.partner_03 {
	float: left;
	background-color: #ffffff;
	z-index: 33;
	position:relative;
	top:-974px;
	left:0px;
	visibility: hidden;
}
.partner_04 {
	float: left;
	background-color: #ffffff;
	z-index: 33;
	position:relative;
	top:-1461px;
	left:0px;
	visibility: hidden;
}
/* layer fuer partner rollover nur navigationslinks */
.partner_1 {
	float: left;
	background-color: #ffffff;
	z-index: 41;
	top:0px;
	left:0px;
	visibility: hidden;
}
.partner_2 {
	float: left;
	background-color: #ffffff;
	z-index: 42;
	position:relative;
	top:-305px;
	left:0px;
	visibility: hidden;
}
.partner_3 {
	float: left;
	background-color: #ffffff;
	z-index: 43;
	position:relative;
	top:-610px;
	left:0px;
	visibility: hidden;
}
.partner_4 {
	float: left;
	background-color: #ffffff;
	z-index: 44;
	position:relative;
	top:-915px;
	left:0px;
	visibility: hidden;
}

/********* Login Formular *********/
/* formularfelder */
.tfield {
	background-color: #FFFFFF;
	color: #A2E1FF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 285px;
	float: right;
}
.fehler{
	font-size: 11px;
	font-weight:bold;
	color:#A2E1FF;
}