/* CSS Document */

/* ************************************************************************************ */
/* STRUCTURE */
/* ************************************************************************************ */

html, body { height: 100%; }

p, h1, h2, h3, h4, ul, li, ol, div { margin: 0; padding: 0; list-style: none; }

body {
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #ececec url('../i/bg.gif') 55% 0 no-repeat scroll;
}

a {
	color: #666;
}

a img {
	border: none;
}

#container {
	position: relative;
	min-height: 100%;
}

#container-content {
	padding-bottom: 70px;
}

#wrapper-content {
	width: 994px;
	position: relative;
	left: 50%;
	margin-left: -497px;	
}


/* NAVIBOX ***************************************************************************** */

#navibox {
	float: left;
	background: #666;
	width: 341px;
	height: 42px;
	padding: 32px 0 0 113px;
}

#navibox form, #navibox select, #navibox input, #navibox label, #navibox fieldset { margin: 0; padding: 0; }
#navibox select, #navibox input { display: block; float: left; }

#navibox #form_navibox {
	display: inline;
	width: 258px;
	height: 20px;
	border-left: 1px solid #aac2d0;
	border-right: 1px solid #aac2d0;
	border-top: 1px solid #aac2d0;
	border-bottom: 1px solid #aac2d0;
}

#navibox #form_submit {
	margin-left: 11px;
}

#navibox fieldset { border: none; }

#haupt {
	margin-top: 15px;
}

/* AFZ-Logo ***************************************************************************** */

#afzlogo {
	float: right;
	background: #fff url('../i/afzlogo.gif') 0 4px no-repeat;
	width: 216px;	
	height: 74px;	
}

#afzlogo a {
	display: block;
	margin-top: 4px;
	width: 105px;
	height: 63px;
}

#afzlogo a strong {
	display: none;
}

/* Navigation ***************************************************************************** */

#navigation {
	clear: both;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.2;
	padding: 0 0 0 113px;
	width: 881px;
	height: 225px;
	color: #fff;
}

#navigation.bg_nav1 {
	background: url('../i/bg_nav1.gif') 285px 1px no-repeat;
}

#navigation.bg_nav2 {
	background: url('../i/bg_nav2.gif') 455px 1px no-repeat;
}

#navigation.bg_nav3 {
	background: url('../i/bg_nav2.gif') 535px 1px no-repeat;
}

#navigation.bg_nav3_frauen {
	background: url('../i/bg_nav3_frauen.gif') 626px 1px no-repeat;
}

#navigation.bg_nav4 {
	background: url('../i/bg_nav4.gif') 626px 1px no-repeat;
}

#navigation ul {
	float: left;
	border: 1px solid;
	margin: 0 0 0 -1px;
	padding: 12px 0 0 10px;
	width: 160px;
	height: 138px;
}

#navigation ul.navBgAct {
	background: #ffc364;
}

#navigation ul.lastNav {
	border-right: none;
}

#navigation a {
	color: #fff;
	text-decoration: none;
}

#navigation a.navAct {
	color: #000;
}

#navigation a.navActSub {
	color: #000;
	background: url('../i/navAct.gif') right 50% no-repeat;
	padding-right: 13px;
}

/* Content All: LEFT  ***************************************************************************** */

#left {
	float: left;
	position: relative;
	width: 170px;
	margin: -40px 0 0 112px;
	display: inline;	
}

#left .sidePic {
	position: absolute;
	/* margin-top: -35px; */
}

#left img {
	border: 0;
}

#left a img {
	border: 1px solid #ccc;
}

#left ul li a img {
	border: 0;
}

#left a img.lupe {
	border: 0;
	margin: 5px 0 0 0;
}

/* Content All: RIGHT  ***************************************************************************** */

#right {
	float: right;
	width: 210px;
	margin: -6px 112px 0 0;
	padding: 0 0 30px 0;
	display: inline;
	background: url('../i/right_dots.gif') repeat-y;
}

#right p, #right h1, #right h4 {
	margin: 0 0 0 10px;
}

#right h1 {
	font-size: 12px;
	font-weight: bold;	
	color: #FFAA27;
	margin: 0 0 20px 10px;	
}

/* Content All: MAIN  ***************************************************************************** */

#main {
	padding-bottom: 30px;
	margin: -40px 210px 0 292px;	
}

#main p {
	margin: 0;
	padding: 0;
}

#main h4 {
	/* margin: -10px 0 0 0; */
}

#main h1, .leightbox h1 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	background: url('../i/circle_orange.gif') no-repeat;
	padding: 2px 0 13px 28px;
	/* width: 550px; */
	/* height: 32px; */
}

#main h1.punkt_orange {
	background: url('../i/circle_orange.gif') no-repeat;
}

#main h1.punkt_gelb {
	background: url('../i/circle_yellow.gif') no-repeat;
}

#main h1.punkt_rot {
	background: url('../i/circle_red2.gif') no-repeat;
}

#main h1.punkt_dunkelrot {
	background: url('../i/circle_darkred.gif') no-repeat;
}

#main h1.punkt_violett {
	background: url('../i/circle_violet.gif') no-repeat;
}

#main h1.punkt_braun {
	background: url('../i/circle_brown.gif') no-repeat;
}

#main h1.punkt_olivgruen {
	background: url('../i/circle_olivegreen.gif') no-repeat;
}

#main h1.punkt_dunkelgruen {
	background: url('../i/circle_darkgreen.gif') no-repeat;
}

#main h1.punkt_blau {
	background: url('../i/circle_blue.gif') no-repeat;
}

#main h1.punkt_gruenblau {
	background: url('../i/circle_greenblue.gif') no-repeat;
}

#main h1.punkt_dunkelblau {
	background: url('../i/circle_darkblue.gif') no-repeat;
}

#main h1.punkt_hellblau {
	background: url('../i/circle_lightblue.gif') no-repeat;
}

#main h1.punkt_oceanblau {
	background: url('../i/circle_oceanblue.gif') no-repeat;
}

#main h1.punkt_rot_ausrufezeichen {
	background: url('../i/circle_red.gif') no-repeat;
}

#main h4, #right h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0;
}

#main h4 a, #right h4 a {
	color: #000;
}

#main p {
	/* margin: 0 0 30px 0; */
}

#main ul {
	/* margin: 0 0 30px 0; */	
}

#main li {
	background: url('../i/listSquare.gif') 0 5px no-repeat;
	padding-left: 12px;
	line-height: 1.3;
}

#main table {
	margin: 0 0 30px 0;
}

#main .logos img {
	padding-right: 10px;
}

/* Content Main COLS 123 ***************************************************************************** */

#cols_123 #main {
	width: 370px;
}

/* Content Main COLS 12 ***************************************************************************** */

#cols_12 #main {
	width: 580px;
	margin: -40px 0 0 292px;
}

#cols_12 #right {
	display: none;
}

/* Content Main COLS 2 ***************************************************************************** */

#cols_2 #left {
	display: none;	
}

#cols_2 #main {
	width: 580px;
	margin: -40px 0 0 292px;	
}

#cols_2 #right {
	display: none;
}

/* Content Main COLS 23 ***************************************************************************** */

#cols_23 #left {
	display: none;
}

#cols_23 #main {
	width: 370px;
}


/* Content Footer ***************************************************************************** */

#footer {
	clear: both;
	float: left;
	font-size: 11px;
	margin: 0 0 0 292px;
	display: inline;
	width: 592px;
	color: #818181;
}

#footer a {
	color: #818181;
	text-decoration: none;
}

#footer li {
	display: inline;
}

#functions {
	float: left;
}

#footernav {
	float: right;
}

#footernav li {
	margin: 0 0 0 15px;
}

#toTop {
	background: url('../i/icon_top.gif') no-repeat 0 50%;	
	padding: 0 5px 0 12px;	
}

#print {
	background: url('../i/icon_print.gif') no-repeat 0 50%;	
	padding: 0 10px 0 18px;	
}

/* Content SITEMAP ***************************************************************************** */

#sitemap ul li a {
	background: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #666;
}

#sitemap ul li {
	background: none;
	padding: 0;
	margin: 0;
}

#sitemap .firstLevel, #sitemap .secondLevel, #sitemap .thirdLevel {
	clear: both;
	padding: 0;
	margin: 0;
	padding-left: 20px;
}

#sitemap .firstLevel {
	padding-left: 30px;
}

#sitemap li {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	background: none;
}

#sitemap li a {
	text-decoration: none;
	color: #000;
}

#sitemap li a h1 {
	height: 10px;
}

/* Content KONTAKTFORMULAR ***************************************************************************** */

#main fieldset {
	position: relative;
	border: none;
	padding: 0;
	margin: 0;
	height: 300px;
}

#main input, textarea {
	font-family: arial, helvetica, sans-serif;	
	font-size: 11px;
}

#nameLabel {
	position: absolute;
	left: 0;
	top: 0;
}

#name {
	position: absolute;
	left: 75px;
	top: 0;
	width: 190px;
	height: 11px;
}

#strasseLabel {
	position: absolute;
	left: 320px;
	top: 0;
}

#strasse {
	position: absolute;
	left: 395px;
	top: 0;
	width: 190px;
	height: 11px;
}

#vornameLabel {
	position: absolute;
	left: 0;
	top: 20px;
}

#vorname {
	position: absolute;
	left: 75px;
	top: 20px;
	width: 190px;
	height: 11px;
}

#ortLabel {
	position: absolute;
	left: 320px;
	top: 20px;
}

#ort {
	position: absolute;
	left: 395px;
	top: 20px;
	width: 190px;
	height: 11px;
}

#titelLabel {
	position: absolute;
	left: 0;
	top: 40px;
}

#titel {
	position: absolute;
	left: 75px;
	top: 40px;
	width: 193px;
	height: 15px;
	font-size: 11px;
}

#emailLabel {
	position: absolute;
	left: 320px;
	top: 40px;
}

#email {
	position: absolute;
	left: 395px;
	top: 40px;
	width: 190px;
	height: 11px;
}

#firmaLabel {
	position: absolute;
	left: 0;
	top: 60px;
}

#firma {
	position: absolute;
	left: 75px;
	top: 60px;
	width: 190px;
	height: 11px;
}

#telefonLabel {
	position: absolute;
	left: 320px;
	top: 60px;
}

#telefon {
	position: absolute;
	left: 395px;
	top: 60px;
	width: 190px;
	height: 11px;
}

#nachrichtLabel {
	position: absolute;
	left: 0;
	top: 90px;
}

#nachricht {
	position: absolute;
	left: 75px;
	top: 90px;
	width: 510px;
	height: 145px;
}

#submit {
	position: absolute;
	right: -12px;
	top: 250px;
}

#hinweistext {
	position: absolute;
	left: 75px;
	top: 245px;
	font-size: 10px;
}

/* Content IMPRESSUM ***************************************************************************** */

.impressum {
	float: left;
	width: 280px;
}

/* Druckansicht Stellenangebot ***************************************************************************** */

#printOffer .leightbox {
	display: block;
	position: absolute;
	top: 120px;
	left: 0;
}

#printOffer .footer {
	display: none;
}

#printOffer {
	background: none;
}

#printOffer img {
	position: absolute;
	top: 20px;
	left: 20px;
}

#printOffer h1.hlOffer {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 90px;
	left: 20px;
}

#printOffer h1 {
	background: none;
	padding: 2px 0 13px 0;
}