@charset "utf-8";
/*  CSS Enderle GmbH 
**	www.skyhigh-design.de
**	Sebastian Ereth edited by Julian Ereth
*/


/* Layout FORMATIERUNGEN -----------------------------------*/

/* ALLGEMEINE KONTAINER (CLEAR ...) */
#clear{
margin:0;
padding:0;
clear:both;
}

/* MAIN BEREICH zuständig für die Zentrierung */	
#main {
	width:977px;
	margin:auto;
	padding:0;
	background-color:#FFFFFF;
	text-align:left;
}

/* Banner -> Bild Links oben */
#banner {
	margin:0;
	padding:0;
	background-image:url(../bilder/banner.gif);
	background-repeat:no-repeat;
	width:540px;
	height:216px;
	float:left;	/*Damit Banner und Logo nebeneinander sein können */
}

/* Logo daneben */
#logo {
	margin:0;
	padding:0;
	background-image:url(../bilder/logo.gif);
	background-repeat:no-repeat;
	width:427px;
	height:216px;
	margin-left:545px;
}

/* Die Hauptnaviation */
#navi_main {
	background: url(../bilder/nav.gif) no-repeat;
	width: 453px;
	height: 58px;
	border: none;
	margin:0;
	padding:0;
	float:left;
}

#navi_main ul {
	list-style-type:none;
	margin-top:25px;
	margin-left:10px;
	padding:0;
	margin-bottom:0;
}

#navi_main li {
	display:inline;
	margin-right:10px;
	border-right:#ffec03;
	padding-right:10px;
}

#navi_main a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#navi_main a:hover {
	color:#666666;
}

/* Adresse neben der Hauptnavigation (als Bild) */
#adresse {
	background: url(../bilder/spacer.gif) no-repeat;
	width:521px;
	height:58px;
	border: none;
	margin:0;
	padding:0;
	margin-left: 450px;
}

/* Der Kontainer in dem sich die Unternavigation befindet */
#unternav {
	height:500px;
	width: 205px;
	float:left; /* Links vom Inhalt */
	margin:0;
	margin-top: 35px;
	margin-right: 30px;
	padding:0;
  	}

/* Unternavigation */

#undermenu {
	margin:0;
	padding:0;
	background-image:url(../bilder/navtop.gif);
	background-repeat:no-repeat;
	}
	
	
.navtop_liste {
	height:162px;
	padding-left:14px;
	margin:0;
	}
	
	#navi_head {
	margin:0;
	padding-left:5px;
	padding-top:3px;
	}
	
	.navtop_head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	list-style:none;
	margin-top:7px;
	margin-bottom:20px;
	}
	
	.button {
	margin-bottom:8px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left: 15px;
	}
	
	/* Kontaktfeld Unter Navigation */
	#kontakt {
	padding:0;
	margin:0;
	}
	
	
	.kontakt_liste {
	margin:0;
	background-image:url(../bilder/navbottom.gif);
	background-repeat:no-repeat;
	height:198px;
	padding-left:5px;
	margin-top:0px;
	padding-top: 3px;
	}
	
	.kontaktliste_adresse {
	list-style-type:none;
	margin-left: 15px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:10px;
	}

/* INHALTS KONTAINER */
#content {
	height:450px;
	width: 650px;
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-right:20px;
	background-image: url(../bilder/contentback.gif);
	background-repeat:repeat-x;
	margin-left:235px;
}

/* Footer */
#footer{
		height:72px;
		width: 977px;
		text-align:center;
		margin: 0;
		padding-top:20px;
		background: url(../bilder/footer.gif);
  	}

/* INHALT FORMATIERUNGEN -----------------------------------*/
	
/* Body Bereich */
body {
	line-height:1;
	margin:0;
	background:url(../bilder/backitup.gif) #aaaaaa repeat-y center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	}

/* Links allgemeins */
a {
		text-decoration: none;
		color:#000000;
	}
a:hover {
		color:#666666;
	}
	
/* Header 1 */
h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: bold;
		margin-bottom: 15px;
		color:#000000;
	}
	
/* Header 2 */
h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: bold;
		margin-bottom:5px;
		color:#5b0000;
	}
	
/* Inhalt im Content Kontainer */
#inhalt p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		line-height:1.1;
		color:#000000;
	}
	
	#inhalt a {
		text-decoration:underline;
		color:#999999;
	 }
	 
/* PLUGINS UND SONDERFORMATIERUNGEN -------------------------*/

/*---  Kontakt Formular ---*/
#mail_form {
overflow:hidden;
width:500px;
}

#mail_form label, input, textarea {
float:left;
}

#mail_form label {
width:100px;
clear:left;
padding-top:4px;
margin-bottom:4px;
}

#mail_form input {
width:150px;
}

.mail_anfrage {
margin-top:5px;
}

#senden {
background:#CCCCCC;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
width:70px;
margin-left:115px;
margin-top:2px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#senden:hover {
font-weight:bold;
}

/*---  Karte von Google Formular ---*/
.karte {
margin-left:100px;
}