/* CSS Document */



/* allgemeine Einstellungen, Start > --------------------------------*/
html { height: 101%; }

body {
	margin: 0px;
	background-image: url(../img/HG_1px_rot.gif);
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#site {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 1616px;
	margin-left: -808px;
}

#website {
	position: absolute;
	left: 413px;
	width: 800px;
	margin: 10px 0px 3px 0px;
	border: 1px solid #d8c7ab;
}


#banner-top {
	position: absolute;
	left: 222px;
	top: 6px;
	width: 566px;
	margin: 0px 3px 2px 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #a10b0a;
	font-weight: bold;
	letter-spacing:0.1em;
	

}	
a.banner-link:focus, a.banner-link:hover, a.banner-link:active {
	color: #a10b0a;
	text-decoration: none;
}
#banner {
	position: absolute;
	top: 7px;
	left: 1208px;
	right: 0px;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	letter-spacing:0.1em;
	

}	
a.banner-link:focus, a.banner-link:hover, a.banner-link:active {
	color: #d8c7ab;
	text-decoration: none;
}



#banner_left {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	letter-spacing:0.1em;
	

}	
a.banner-link:focus, a.banner-link:hover, a.banner-link:active {
	color: #d8c7ab;
	text-decoration: none;
}

	

#topframe {
	height: 163px;
	background: #FFFFFF url(../img/mic_logo.jpg) no-repeat left;
	text-align: right;
	border-bottom: 1px solid #d8c7ab;
}

#upperframe {
	height: 210px;
	background: url(../img/HG_top.gif) repeat-x;
}

#mainframe {
	border-top: 1px solid #d8c7ab;
}

#footer {
	border-top: 1px solid #d8c7ab;
}
/* allgemeine Einstellungen, Ende < ---------------------------------*/





/* Navigation, Start > ----------------------------------------------*/
a.main-nav:link, a.main-nav:visited {
	color: #d8c7ab;
	text-decoration: none;
}

a.main-nav:focus, a.main-nav:hover, a.main-nav:active {
	color: #f89b18;
	text-decoration: none;
}

div.main-nav {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #b31814;
	border-right: 1px solid #d8c7ab;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin-top: 133px;
	padding: 0px 13px 0px 5px;
	float: right;
	cursor: pointer;
}

#nav-impressum { border-right: none; }
/* Navigation, Ende < -----------------------------------------------*/





/* Upperframe, Start > ----------------------------------------------*/
#left-upperframe {
	float: left;
	width: 220px;
}

#middle-upperframe {
	float: left;
	width: 369px;
	height: 207px;
	background-image: url(../img/Titelbild_hand.jpg);
}

#right-upperframe {
	float: left;
	width: 211px;
}

#left-upperframe-h1 {
	margin: 20px 0px 20px 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #FFFFFF;
}

#left-upperframe-p {
	margin: 20px 0px 20px 10px;
	font-size: 12px;
	line-height: 17px;
	color: #FFFFFF;
}

#right-upperframe-p {
	margin: 54px 0px 20px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

a.upperframe-nav:link, a.upperframe-nav:visited {
	color: #d8c7ab;
}

a.upperframe-nav:focus, a.upperframe-nav:hover, a.upperframe-nav:active {
	color: #f89b18;
	text-decoration: none;
}

img.upperframe-arrow {
	vertical-align: middle;
	margin-left: 10px;
}

#right-upperframe-p-home { /* nur für Seite home.php */
	margin: 23px 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

#right-upperframe-p-finanzierung { /* nur für Seite finanzierung.php */
	margin: -11px 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

#right-upperframe-p-versicherung { /* nur für Seite versicherung.php */
	margin: -11px 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

#right-upperframe-p-kontakt { /* nur für Seite kontakt.php */
	margin: 23px 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

#right-upperframe-p-impressum { /* nur für Seite impressum.php */
	margin: 23px 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}
/* Upperframe, Ende < -----------------------------------------------*/





/* Mainframe, Start > -----------------------------------------------*/
#left-mainframe { /* linke Spalte */
	display: inline;
	float: left;
	width: 570px;
	margin: 10px 0px 10px 10px;
}

td.mainframe-home { background-color: #FFFFFF; }

h1.mainframe-home {
	font-size: 11px;
	background-color: #d08683;
	margin: 0px;
}

p.mainframe-home {
	font-size: 11px;
	margin: 7px 7px 7px 7px;
}

p.mainframe-finanzierung {
	font-size: 11px;
	margin: 12px 7px 12px 7px;
}

img.mainframe-home {
	margin: 0px 7px 7px 0px;
}

a.mainframe-link:link, a.mainframe-link:visited {
	color: #a00f0a;
	text-decoration: none;
}

a.mainframe-link:focus, a.mainframe-link:hover, a.mainframe-link:active {
	color: #f89b18;
	text-decoration: none;
}

ul.finanzierung {
	margin-top: 0px;
	list-style-image: url(../img/pfeil_rot.gif);
}

li.finanzierung {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

#right-mainframe { /* rechte Spalte */
	display: inline;
	float: right;
	width: 200px;
	margin: 10px 10px 10px 0px;
}

#right-mainframe-beratung { /* nur auf den Seiten home.php, kontakt.php, impressum.php */
	height: 320px;
	background-image: url(../img/call.jpg);
}

#right-mainframe-beratung-text { /* nur auf den Seiten home.php, kontakt.php, impressum.php */
	padding: 273px 0px 0px 5px;
	font-size: 11px;
	color: #FFFFFF;
}
/* Mainframe, Ende < ------------------------------------------------*/





/* Footer, Start > --------------------------------------------------*/
#left-footer {
	float: left;
	width: auto;
	color: #d8c7ab;
	font-size: 11px;
	padding: 5px 0px 5px 10px;
}

#right-footer {
	float: right;
	width: auto;
	color: #d8c7ab;
	font-size: 11px;
	padding: 5px 10px 5px 0px;
}

a.footer-link:link, a.footer-link:visited {
	color: #d8c7ab;
}

a.footer-link:focus, a.footer-link:hover, a.footer-link:active {
	color: #f89b18;
	text-decoration: none;
}
/* Footer, Ende < ---------------------------------------------------*/






/* Anfrageformulare, Start > -------------------------------------------------*/
#af-row-firma, #af-row-telefon, #af-row-nutzungsart, #af-row-cm3 { display: none; }

#aform input, #aform select, #aform textarea, #aform td {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#aform td {
	color: #fff;
}
/* Anfrageformulare, Ende < --------------------------------------------------*/