html {height:100%;}

body {background-color:#78c3f8;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:19px;
	min-width:960px;
	margin-top:0px;
	height:100%;}

#center {background-image:url(images/hg.jpg);
	background-repeat:no-repeat;
	width:985px;
	position:relative;
	left:50%;
	margin-left:-490px;
	min-width:985px;
	min-height:100%;
	border-left:solid 3px #FFF;
	border-right:solid 3px #FFF;
	padding-left:6px;
	margin-top:-13px;}
	
#centermuster {background-image:url(images/hgmuster.jpg);
	background-repeat:no-repeat;
	width:985px;
	position:relative;
	left:50%;
	margin-left:-490px;
	min-width:985px;
	min-height:100%;
	border-left:solid 3px #FFF;
	border-right:solid 3px #FFF;
	padding-left:6px;
	margin-top:-13px;}
	
h1 {color:#F39;
	font-size:30px;
	border-bottom:1px #333 solid;
	font-family: Arial, Helvetica, sans-serif;
	line-height:35px;}
	
h3 {color:#F39;
	font-size:30px;
	border-bottom:1px #333 solid;
	font-family: Arial, Helvetica, sans-serif;
	line-height:35px;
	text-align:center;
	margin-top:22px;}
	
h2 {color:#09F;
	font-size:small;
	margin-bottom:5px;}
	
h4 {color:#09F;
	font-size:small;
	margin-bottom:-10px;}
	
h5 {color:#09F;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:60px;
	margin-bottom:-30px;}
	
h6 {color:#999;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;}
	
.achtung {color:#F39;
	font-size:small;
	margin-bottom:5px;
	font-weight:bold;
	font-style:italic;}
	
a {color:#F39;
	font-weight:bold;
	text-decoration:none;}
	
#schere {clear:both;
	float:left;
	margin-bottom:-8px;}	
	
hr {clear:both;
	border-top: 1px dashed #9f9f9f;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin-bottom:50px;
	margin-top:-60px;}
	
img {border:0px;
	display:block;
    margin-left:auto;
    margin-right:auto;}
	
iframe {width:580px;
	border:none;
	height:450px;
	margin-left:40px;}

a:active, a:focus {outline: none;}

#karte {padding-left:15px;
	margin-bottom:-6px;}

#navigation {width:960px;
	height:180px;}

#unternavi {float:left;
	width:212px;
	padding-left:8px;}
	
#unternavi-head {background-image:url(images/unternavi-head.png);
	width:212px;
	height:12px;
	margin-top:7px;}
	
#unternavi-content {background-color:#FFF;
	width:192px;
	padding:10px;
	float:inherit;}

#unternavi-tail {background-image:url(images/unternavi-tail.png);
	width:212px;
	height:12px;
	float:inherit;}

#content {float:left;
	width:685px;
	margin-left:40px;
	padding-left:1px;}
	
#content-head {background-image:url(images/content-head.png);
	width:685px;
	height:78px;
	margin-top:-60px;}
	
#content-content {background-color:#FFF;
	width:655px;
	padding:10px 10px 30px 20px;
	float:inherit;}

#content-tail {background-image:url(images/content-tail.png);
	background-repeat:no-repeat;
	width:685px;
	height:42px;
	float:inherit;}
		
#naviliste {list-style:none;}
	
#unternehmen a, #unternehmen a:hover, #unternehmen_aktiv a {position:absolute;
	top:8px;
	left:36px;
	background:transparent url(buttons/unternehmen.png) no-repeat top left;
	width:91px;
	height:91px;
	list-style:none;}
	
#unternehmen a:hover {background:transparent url(buttons/unternehmen.png) no-repeat bottom left;}
	
#unternehmen_aktiv a {background:transparent url(buttons/unternehmen.png) no-repeat bottom left;}
	
#berufe a, #berufe a:hover, #berufe_aktiv a {position:absolute;
	top:28px;
	left:135px;
	background:transparent url(buttons/berufe.png) no-repeat top left;
	width:91px;
	height:91px;
	list-style:none;}
	
#berufe a:hover {background:transparent url(buttons/berufe.png) no-repeat bottom left;}
	
#berufe_aktiv a {background:transparent url(buttons/berufe.png) no-repeat bottom left;}
	
#azubi a, #azubi a:hover, #azubi_aktiv a  {position:absolute;
	top:5px;
	left:756px;
	background:transparent url(buttons/azubi.png) no-repeat top left;
	width:91px;
	height:91px;
	list-style:none;}
	
#azubi a:hover {background:transparent url(buttons/azubi.png) no-repeat bottom left;}
	
#azubi_aktiv a {background:transparent url(buttons/azubi.png) no-repeat bottom left;}
	
#galerie a, #galerie a:hover, #galerie_aktiv a {position:absolute;
	top:30px;
	left:836px;
	background:transparent url(buttons/galerie.png) no-repeat top left;
	width:91px;
	height:91px;
	list-style:none;}
	
#galerie a:hover {background:transparent url(buttons/galerie.png) no-repeat bottom left;}
	
#galerie_aktiv a {background:transparent url(buttons/galerie.png) no-repeat bottom left;}
	
#bewerbung a, #bewerbung a:hover, #bewerbung_aktiv a {position:absolute;
	top:90px;
	left:55px;
	background:transparent url(buttons/bewerbung.png) no-repeat top left;
	width:91px;
	height:91px;
	list-style:none;}

#bewerbung a:hover {background:transparent url(buttons/bewerbung.png) no-repeat bottom left;}
	
#bewerbung_aktiv a {background:transparent url(buttons/bewerbung.png) no-repeat bottom left;}
	
.hervorheben {font-weight:bold;
	font-style:italic;}
	
.artikel {padding-bottom:20px;
	margin-bottom:20px;}
	
.artikel-bild {float:left;
	width:84px;
	height:100px;
	margin-right:25px;
	margin-top:3px;}
	
.artikel-text {width:600px;}

.artikel-achtung {width:490px;
	float:left;
	margin-bottom:40px;}
	
.email {color:#333;
	text-decoration:underline;
	font-weight:normal;}
	
#mail a {position:absolute;
	top:192px;
	left:875px;
	background-image:url(buttons/mail.png);
	width:121px;
	height:35px;
	list-style:none;}
	
#impressum a {position:absolute;
	top:237px;
	left:896px;
	background-image:url(buttons/impressum.png);
	width:113px;
	height:35px;
	list-style:none;}

#unternavi-content-x {background-color:#FFF;
	width:192px;
	height:520px;
	padding:10px;}
	
.navibereich {background-image:url(buttons/button_neu.png);
	background-repeat:no-repeat;
	width:188px;
	height:52px;
	text-align:center;
	margin-bottom:3px;
	padding-top:7px;
	list-style:none;
	margin-left:-40px;}
	
.navibereich a {color:#333;
	font-size:small;
	font-weight:bold;
	width:188px;
	height:52px;
	text-align:center;
	margin-bottom:3px;
	padding-top:7px;}
	
.navibereich a:hover {width:188px;
	height:52px;
	text-align:center;
	margin-bottom:3px;
	color:#F39;
	font-size:small;
	font-weight:bold;}

.navibereich_aktiv {background-image:url(buttons/button_neu_aktiv.png);
	background-repeat:no-repeat;
	width:188px;
	height:52px;
	text-align:center;
	margin-bottom:3px;
	padding-top:7px;
	list-style:none;}

.navibereich_aktiv a {width:188px;
	height:52px;
	text-align:center;
	margin-bottom:3px;
	color:#000;
	font-size:small;
	font-weight:bold;}
	
.navibereich_1 {background-image:url(buttons/button_neu.png);
	background-repeat:no-repeat;
	width:188px;
	height:42px;
	text-align:center;
	margin-bottom:3px;
	padding-top:17px;
	list-style:none;
	margin-left:-40px;}
	
.navibereich_1 a {color:#333;
	font-size:small;
	font-weight:bold;
	width:188px;
	height:42px;
	text-align:center;
	margin-bottom:3px;
	padding-top:17px;}
	
.navibereich_1 a:hover {width:188px;
	height:42px;
	text-align:center;
	margin-bottom:3px;
	color:#F39;
	font-size:small;
	font-weight:bold;}

.navibereich_1_aktiv {background-image:url(buttons/button_neu_aktiv.png);
	background-repeat:no-repeat;
	width:188px;
	height:42px;
	text-align:center;
	margin-bottom:3px;
	padding-top:17px;
	list-style:none;}

.navibereich_1_aktiv a {width:188px;
	height:42px;
	text-align:center;
	margin-bottom:3px;
	color:#000;
	font-size:small;
	font-weight:bold;}

#contentnavi {position:absolute;
	top:265px;
	left:288px;
	padding-bottom:5px;
	border-bottom:1px #333 solid;
	width:620px;}
	
#contentnavi a {color:#09F;}

#contentnavi a:hover {color:#F39;}

.aktiv {color:#F39;}

#berufsbeschreibung {float:left;
	width:300px;
	padding-top:10px;}

#berufsfakten {float:left;
	color:#000;
	width:290px;
	margin-left:40px;}
	
.tabelle {background-color:#c7e5ff;
	padding:10px;}

#fotoberuf {float:left;
	width:10px;
	height:146px;}

.azubifoto {padding-right:10px;
	padding-left:20px;
	padding-top:10px;}
	
.vorstellung {width:300px;
	float:left;
	margin-right:20px;}

.vorstellungsbild {width:96px;
	float:left;
	margin-right:10px;
	padding-bottom:70px;}

.statement {width:180px;
	float:left;
	font-style:oblique;
	padding-bottom:40px;
	height:200px;}
	
.felder {width:200px;
	vertical-align:top;}

.input {width:300px;
	background-color:#FFF;
	border:solid 1px #CCC;}
	
.input_umbruch {width:300px;
	background-color:#FFF;
	border:solid 1px #CCC;
	margin-bottom:40px;}

.input-area {width:300px;
	height:100px;
	background-color:#FFF;
	border:solid 1px #CCC;}
	
.input_error {color:#F00;}
	
.button {background-color:#FFF;
	border:solid 1px #CCC;
	margin-top:30px;}
	
.unauffallig {color:#000;
	font-weight:normal;
	text-decoration:underline;}
	
#formular {background-color:#FFF;
	border: solid 1px #CCC;
	padding:10px;}
	
.inhalt {width:600px;}

.inhalt-2spaltig {width:350px;
	float:left;
	margin-right:20px;}

.inhaltsbild {float:left;}

.datum {color:#999;
	font-size:x-small;
	font-style:italic;
	float:right;
	padding-top:10px;
	padding-right:70px;}
	
#home {color:#F39;
	font-size:30px;
	border-bottom:1px #333 solid;
	font-family: Arial, Helvetica, sans-serif;
	line-height:35px;
	padding-top:20px;
	margin-bottom:30px;
	padding-left:25px;}
	
.back {margin-left:0px;
	float:left;}
	
.album {height:100px;}

.sutter {clear:both;}

.info {padding-top:50px;
	float:left;}
	
#anfrage {margin-top:40px;}
	
#anfrage_bild {margin-left:50px;
	float:left;
	margin-right:30px;}

#anfrage_text {float:left;}

.php {margin-left:0px;
    margin-right:0px;
	float:left;
	margin-right:10px;}
	
.autor {text-align:right;
	font-weight:bold;
	font-style:italic;
	color:#999;}