@charset "UTF-8";
/* CSS Document */
img { behavior: url('pngbehavior.htc');  }

body {
	behavior: url('csshover.htc');
	background-color:#FFFFFF;
/*	position:relative;
	left:50%;
	margin-left:-519px;*/
	}
	
body, h1, h2, h3, h4, h5, h6, p, li, errorbox, a{
	font-family: Helvetica, Arial, sans-serif;
	}

/*-----------padding, wegen Listenproblem im IE7-------------*/
li {
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:0.2em;
	list-style:none;
	padding:1px;
	}


h1 {
	background-image: url(../bilder/mangels_mau_logo.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	position:absolute;
	left:809px;
	top:0px;
	margin-top:1px;
	width:130px;
	height:102px;
	}
/*-----------Position Logo_Neu-------------
h1 {
	background-image: url(../bilder/mangels_mau_logo.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	position:absolute;
	left:725px;
	top:0px;
	margin-top:25px;
	width:214px;
	height:68px;
	}
*/

a, a:hover, a:link {
	text-decoration:none;
	font-size: 10px;
	color:#fff;
	}
	
	
.gross {
	font-size:130%;
	padding: 0em 0.5em;
	}	


/*
div.navi-oben_ {
	position:absolute;
	left:34px;
	top:100px;
	width:971px;
	height:21px;
}*/



/*div.hintergrund-blau_ {
	position:absolute;
	left:34px;
	top:120px;
	width:971px;
	height:470px;
}*/


/* Formatierung Haupt-Navigation */
ul.haupt_navi {
	position:absolute;
	top:145px;
	left:49px;
	z-index:10;
	margin-top:0; 
	margin-bottom:0;
	margin-left: 0;
	}
	
ul.haupt_navi li {
	color:#626364;
	font-size:10px;
	letter-spacing:0.1em;
	line-height:20px;
	text-transform:uppercase;
	}
	
ul.haupt_navi li ul li{
	display:none;
	text-transform: none;
	margin-left:10px;
	}
	
ul.haupt_navi li ul {
	margin-bottom: 1.2em;
	}	
	
ul.haupt_navi li:hover ul li{
	display:block;
	text-transform: none;
	margin-left:10px;
	}
ul.haupt_navi a {
	color: #626364;
	}
	
ul.haupt_navi a:hover {
	color: #e10014;
	}
	
/* Formatierung der Menue-Reiter */


ul.navi_reiter {
	position:absolute;
	top:8px;
	z-index:4;
}
/*
	left:0px;
	width:956px;
	height:29px;
	
	
	

ul.navi_reiter {
	margin-left:0px;
	margin-top:0px;
	padding-left:15px; 
	padding-top:6px;
	}

*/

ul.navi_reiter li {
	display:inline;
	padding:0px;
}

.schrift_nav_reiter {
	position:relative;
	top:6px;
	left:15px;
	padding-top:6px;
	z-index:4;
	}

/*---home---*/

.nav_roter_reiter_home {
	position:absolute;
	left:34px;
	top:91px;
	width:181px;
	height:21px;
	background-image:url(../bilder/nav_roter_reiter_home.gif);
	background-repeat:no-repeat;}
.nav_roter_reiter_home:hover {
	position:absolute;
	left:34px;
	top:83px;
	width:181px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_home_aktiv.gif);
	}
/*
.nav_roter_reiter_home_aktiv {
	position:absolute;
	left:34px;
	top:83px;
	width:181px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_home_aktiv.gif);
}*/

/*---leistung---*/

.bild_navi_leistungen {
	margin-left:200px;
	}

.nav_roter_reiter_leistung {
	position:absolute;
	left:215px;
	top:91px;
	width:130px;
	height:21px;
	background-image:url(../bilder/nav_roter_reiter_sonstige.gif);
	background-repeat:no-repeat;}
.nav_roter_reiter_leistung:hover {
	position:absolute;
	left:215px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_sonstige_aktiv.gif);
	}

.nav_roter_reiter_leistung_aktiv {
	position:absolute;
	left:215px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_sonstige_aktiv.gif);
}

/*___service___*/

.nav_roter_reiter_service {
	position:absolute;
	left:345px;
	top:91px;
	width:130px;
	height:21px;
	background-image:url(../bilder/nav_roter_reiter_sonstige.gif);
	background-repeat:no-repeat;}
.nav_roter_reiter_service:hover {
	position:absolute;
	left:345px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_sonstige_aktiv.gif);
	}

.nav_roter_reiter_service_aktiv {
	position:absolute;
	left:345px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_sonstige_aktiv.gif);
}

/*___angebote___*/

.nav_roter_reiter_angebote {
	position:absolute;
	left:475px;
	top:91px;
	width:130px;
	height:21px;
	background-image:url(../bilder/nav_roter_reiter_sonstige.gif);
	background-repeat:no-repeat;
	}
.nav_roter_reiter_angebote:hover {
	position:absolute;
	left:475px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_sonstige_aktiv.gif);
	}

.nav_roter_reiter_angebote_aktiv {
	position:absolute;
	left:475px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_sonstige_aktiv.gif);
}

/*___kontakt___*/

.nav_roter_reiter_kontakt {
	position:absolute;
	left:605px;
	top:91px;
	width:130px;
	height:21px;
	background-image:url(../bilder/nav_roter_reiter_sonstige.gif);
	background-repeat:no-repeat;
	}
.nav_roter_reiter_kontakt:hover {
	position:absolute;
	left:605px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_kontakt_aktiv.gif);
	}

.nav_roter_reiter_kontakt_aktiv {
	position:absolute;
	left:605px;
	top:83px;
	width:130px;
	height:29px;
	background-image:url(../bilder/nav_roter_reiter_kontakt_aktiv.gif);
}

/*__navi_oben_rote flaeche___*/

div.nav_roter_reiter_rechte_flaeche {
	position:absolute;
	left:735px;
	top:99px;
	width:270px;
	height:21px;
}

/* Formatierung navigation unten */

.navi_unten {
	position:absolute;
	left:34px;
	top:590px;
	width:956px;
	height:21px;
}

ul.navi_unten {
	margin-left: 0px;
	margin-top: 0px;
	background-image:url(../bilder/navi_unten.gif);
	background-repeat:no-repeat;
	padding-left: 15px; 
	padding-top: 4px;
	}


ul.navi_unten li {
	display:inline;
}

ul.navi_unten li a:hover {
	color:#FFCC00;}
	
/* Def des Inhalts */
div.inhalt {
	position:absolute;
	left:34px;
	top:120px;
	width:971px;
	height:470px;
	background-image:url(../bilder/hintergrund_blau.jpg);
	background-repeat:no-repeat;
	}
	
div.inhalt li {
	padding:0px;
	}
	
div.home-seebruecke {
	position:absolute;
	top:0;
	left:181px;
	height:350px;
	width:790px;
	}

div.inhalt h2 {
	position:relative;
	left:181px;
	top: 383px;
	width:600px;
	font-size:24px;
	font-weight:normal;
	color:#002a6e;
	text-transform:uppercase;
	letter-spacing:0.15em;
	margin: 0;
	}
	
div.inhalt h3 {
	position:relative;
	left:223px;
	top: 400px;
	width:700px;
	font-size:15px;
	font-weight:normal;
	color:#002a6e;
	text-transform:uppercase;
	letter-spacing:0.11em;
	}
	
div.inhalt h4 {
	position:relative;
	left:181px;
	top: 266px;
	width:500px;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	color:#002a6e;
	text-transform:uppercase;
	letter-spacing:0.11em;
	}
	
	
/* -------nicht notwendig-----------
div.inhalt h5 {
	position:relative;
	left:181px;
	top: 266px;
	width:500px;
	font-size:15px;
	line-height:16px;
	font-weight:bold;
	color:#e10014;
	text-transform:uppercase;
	letter-spacing:0.15em;
	}
	
*/

/* Headline Angebote */	

div.inhalt h6 {
	position:relative;
	left:181px;
	top: 266px;
	width:500px;
	font-size:15px;
	line-height:16px;
	font-weight:bold;
	color:#002a6e;
	text-transform:uppercase;
	letter-spacing:0.15em;
	}
	
div.inhalt p {
	position:relative;
	left:191px;
	top: 270px;
	width:450px;
	font-size:11px;
	line-height:16px;
	color:#002a6e;
	letter-spacing:0.06em;
	}
	
a.zurueck {
	position:absolute;
	top:550px;
	left:855px;
	width:100px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	color:#e10014;
	text-transform:uppercase;
	letter-spacing:0.10em;
	z-index:2;
}