/* damit Scrollblaken im FF immer zu sehen ist */ 
html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body{ 
	font-size:12px;
	line-height:15px;
	font-family :Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #454545;;
	text-decoration:none;
	font-weight:normal;
	line-height:18px;	
	background-color: #ffffff;
	background-image: url(../images/background/bottom.jpg);
	background-position: 0px 283px;
}

.background{
	background: url(../images/background/top.jpg);
	background-repeat: repeat-x;
}

p{margin:0px;padding:0px;}

td,div,th{
	font-size:12px;
	line-height:16px;
	font-family :Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color:#454545;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

img{
	border:0px;
}

input,select,textarea{
	color:#454545;
	font-size:12px;
	font-family :Arial,Verdana,Geneva,Helvetica,Sans-Serif;
}

form{
	padding:0px;
	margin:0px;
}

ul{
  margin-top:0px;
  margin-bottom:0px;
  list-style-image: url(../images/icons/strich.gif);
  padding-left:6px;
  margin-left: 10px;
}

li {
   padding-left:0px;
}

a {
	color:#a7a60b;
}


.end{
	clear:both;
}

/* ############### bg ################ */

.main{
	text-align:center;
	padding:0px;
	margin:0px 0px 0px 0px;
	border:0px;
	width:920px;
	padding-bottom: 30px;
}

.main .main{
	width:0%;
	position:relative;
	background:transparent;
}

.main .left{
	vertical-align:top;
	text-align:left;
	width:50%;
}

.main .right{
	vertical-align:top;
	text-align:right;
	width:50%;
}

.main .left div{
	width:1px;
	position:relative;
	float:left;
}



.main .right div{
	width:1px;
	position:relative;
	float:right;
}


.main .right div div{
	background:url(../images/bg_right.gif) no-repeat;
	height:376px;
	width:337px;
	position:absolute;
	top:0px;
	margin-left:-337px;
}


/* ############### head ################# */

.head{
	background:url(../images/head_bg.gif) no-repeat; 
	width:920px;
	text-align:left;
	position:relative;
	z-index:2;
	top:16px;
}

.head .logo{
	float:left;
	margin-top:0px;
	margin-right:59px;
	margin-left:30px;
}

.head .slashes{
	float:left;
	padding-top:52px;
	left:0px;
}

.head .menu{
	background:url(../images/line.gif) repeat-x 0px 73px ; 
	height:100px;
	margin-left:-1px;
	float:left;
	padding-top:0px;
	width:670px;
	margin-top:34px;
}

.head .menu .inner{
	background:url(../images/slashes.gif) no-repeat 0px 54px; 
	padding-left:0px;
}

.head .menu .on{
	margin-top:42px;
	margin-left:25px;
	margin-right: 4px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	background:url(../images/line3.gif) repeat-x 0px 33px;	
	position:relative;
	
}

.head .menu .off{
	margin-top:42px;
	margin-left:25px;
	margin-right: 4px;
	padding-left:0px;
	padding-right:0px;	
	float:left;
	position:relative;

}

.head .menu .on.en{
	margin-right: 14px;	
}

.head .menu .off.en{
	margin-right: 14px;
}

/* ############### content ################# */

.content{
	margin-bottom:0px;
	width:920px;
	text-align:left;
	xposition:relative;
	background-color: #ffffff;
	
}

.content .home_headline{
	margin-left: 250px;
	position:	relative;
	margin-bottom: -27px;
}




.content .home_img{
	 float:	right;
	 margin-bottom: -27px;
}

.content .content_left{
	float:left;
	width:220px;
	margin-right:30px;
	margin-top: 60px;
	background-color: transparent;
}

.content.team .content_left{
	margin-top:206px;
}

.content .content_right{
	float:left;
	width:670px;
	margin-right:0px;
	padding-top:0px;
	margin-bottom: 60px;
	margin-top: 46px;
}

.content .content_height{
	float:left;
	height:540px;
	position:relative;
}

.content .content_main{
	float:left;
	position:relative;
	margin-left:0px;
	margin-top:54px;
	padding-bottom:60px;
	top:0px;
	left:0px;
}

.content .content_main_home{
	float:left;
	position:relative;
	margin-left:0px;
	top:0px;
	left:0px;
	margin-bottom: 80px;
}




/* ############### background ################# */

#background{
	position:absolute;
	top:130px;
	left:0px;
}

.background{
	position:relative;
	text-align:left;
}

/* ############### link ################# */

.content .link,
.content .link_on{
	position:absolute;
	top:0px;
	left:0px;
}

.content .link .off{
	/*background:url(../images/underline.gif) no-repeat -13px 28px;*/
	padding-right:2px;
}

.content .link_on .on{
	background:url(../images/underline_on.gif) no-repeat -13px 28px;
	padding-right:2px;
}

.content .link .on,
.content .link_on .off{
	display:none
}

/* ############### headline ################# */

.content .headline{
	font-family :Arial, Verdana,Geneva,Helvetica,Sans-Serif;
	font-size:22px;
	padding-bottom:2px;
	margin-right:0px;
	margin-bottom:56px;
}

.content .headline_with_image{
	font-family :Arial, Verdana,Geneva,Helvetica,Sans-Serif;
	font-size:22px;
	padding-bottom:2px;
	margin-right:0px;
	margin-bottom:18px;
}

.content .headline_pbsp{
  margin-top: -22px; 
  position: relative;
}

.content .headline_pbsp img{
  vertical-align: bottom;
}

.content_right .headline .head_underline,
.content_right .headline_with_image .head_underline{
	position:absolute;
	z-index:30;
}

.content_right .headline .headline_galerie{
	height:177px;
}

.content_right .headline .headline_galerie .headline_galerie_images{
	margin-left:-230px;
	position:absolute;
	margin-top:7px;
}


/* ################# Sprachauswahl ################ */

.sprache{
	width:			920px;
	position: 		relative;
	text-align:		left;
	z-index: 		1000;
	xborder: 1px solid white;
}

.sprache div{
	font-size:		11px;
	padding-top:	34px;
	color:			#bbbbbb;
	text-align:		right;
	position: 		absolute;
	width:			500px;
	margin-left:	420px;
	margin-top: 11px;
	xborder: 1px solid white;
}

.sprache a{
	color:			#bbbbbb;
	text-decoration: none;
}


/* ############### themen ################# */
.ansprechpartner{
	clear: left;
	position: relative;
	left: -220px;
	margin-bottom: -97px;
}

.ausr_box {
	top: -112px;
}

.ausr_text {
	top: -121px;
}

.ausr_fliesstext{
	clear: none;
	position: static;
	margin: 0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 27px;
}

.ansprechpartner_detail{
	/*position: relative;
	left: -220px;
	top: -121px;
	margin-bottom: -97px;*/
  padding-left: 0px;
  margin-top: 10px;
}

.highlighted{
	background-color: #f7f7dd;
}

.partner_style_head{
	padding-top:8px;
	padding-bottom:6px;
}

.partner_style{
	padding-top:8px;
	padding-bottom:8px;
}

.ansprechpartner_layer{
	background: url(../images/team/pfeil.gif) repeat-x;
	height: 28px;
	position:absolute; 
	font-weight: bold;
	color: black;
	margin-top:120px;
	margin-left:25px;
	padding-left:7px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:4px;
	z-index: 400;
	visibility: hidden;
}

/* ############### projektbsp image galerie ################# */
.image{
	position: realtive;
}

.image_galerie{
	position: absolute;
}

.image_galerie_off{
	position: absolute;
	visibility: hidden;
}

.image .navi{
	position:absolute;
	margin-top:302px;
}

.image .last_image{
	position:absolute;
	xbackground: url(../images/icons/last.gif) no-repeat;
	margin-left:9px;
	xpadding-left: 16px;
	width:116px;
}

.image .last_image a{
	display: block;
	float: left;
	background: url(../images/icons/last.gif) no-repeat;
	padding-left: 16px;
}


.image .middle{
	position:absolute;
	margin-left:230px;
	width:100px;
}

.image .next_image{
	position:absolute;
	xbackground: url(../images/icons/next.gif) no-repeat right;
	margin-left:389px;
	width:109px;
	text-align: right;
	xpadding-right: 16px;
}

.image .next_image a{
	display: block;
	float: right;
	background: url(../images/icons/next.gif) no-repeat right;
	padding-right: 16px;
}

.navi a,navi a:hover{
	color:#454545;
	text-decoration:underline;
}

.image .next_image_off {
	display: none;
}

.image .last_image_off {
	display: none;
}

.image .middle_off {
	display: none;
}


/* ############### text ################# */

.content_left .text{
	margin-left:20px;
}

.content_right .text{
	width: 447px;
	padding-left: 2px;
	padding-bottom: 27px;
}

.content_right .text_galerie{
	width: 475px;
	padding-left: 2px;	
	padding-bottom: 27px;
	margin-top:343px;
}

.content_right .text_headline{
	width: 447px;
	padding-bottom: 9px;
	padding-left: 2px;
}

.text_headline{
	font-weight: bold;
	font-size: 18px;
}


/* ############### submenu ################# */

.content .submenu {
	margin-top:69px;
	margin-bottom:10px;
	margin-left:30px;
}

.content .submenu_projektbsp {
	margin-top:5px;
	margin-bottom:24px;
	margin-left:30px;
}

.content .submenu .titel{
	padding-bottom:0px;
}

.content .submenu_projektbsp .titel{
	padding-bottom:0px;
	margin-left: 23px;
}

.content .submenu .links, .content .submenu_projektbsp .links{
	padding-left: 19px;
	color: #000000;
}


.content .submenu .links .on, .content .submenu_projektbsp .links .on{
	margin-right:2px;
	margin-left:2px;
	padding-bottom:2px;
	line-height: 18px;
}

.content .submenu .links .off, .content .submenu_projektbsp .links .off{
	margin-right:2px;
	margin-left:2px;
	padding-bottom:2px;
	line-height: 18px;	
}

.links a{
	color:			#000000;
	text-decoration: underline;
	padding-right:5px;
	padding-left:5px;
}

.links a:hover, .links .on a{
	color:			#ffffff;
	text-decoration: none;
	background-color: #000000;
	padding-right:5px;
	padding-left:5px;
}

/* ############### textlinkbox ################# */
.textlinkbox{
	/*background: 	url(../images/line_head.gif) repeat-x top; --> grüne Headline entfernt */
 	width: 			200px;
	padding-bottom: 0px;
	padding-top: 	0px;
	float:			left;
	margin-right:	20px;
}

.textlinkbox_image{
	width: 			200px;
	padding-bottom: 0px;
	padding-top: 	0px;
	float:			left;
	margin-right:	20px;
}

.content_right .textlinkbox_image{
	margin-right:	20px;
}

/*.content_right .textlinkbox_image img.thumb_preview{
	margin-left: 2px;
}*/

.textlinkbox .text{
	width: 			200px;
	padding-bottom:	30px;
	padding-left: 0px;
	margin-top:		3px;
	/*background-color: #f7f7dd; für Mouse-Over */
}

.textlinkbox_image .text{
	width: 			200px;
	padding-bottom:	40px;
	padding-left:  0px;
	margin-top:		3px;
	/*background-color: #f7f7dd; für Mouse-Over */
}

.textlinkbox .text .headline, .textlinkbox_image .text .headline{
	background: 	url(../images/line_box.gif) no-repeat left bottom;
	font-size:		12px;
	margin-bottom: 	6px;
	padding-bottom: 2px;
}

.textlinkbox .text_sub, .textlinkbox_image .text_sub {
  padding-left: 1px;
}


/* ############### footer ################# */

.footer{
	 position:relative;
	 margin:0px;
	 padding:0px;
	 margin-top: 0px;
	 width:920px;
	 text-align:left;
}

.footer .inner{
	width:920px;
	 margin-top: -70px;
	position:absolute;
	 left: 0px;
}

.footer .inner2{
	float:right;
}


.footer_line{
	height:1px;
	background:url(../images/line_footer.gif);
	width:670px;
}


.footer_line_home{
	height:1px;
	background:url(../images/line_footer.gif);
	width:670px;
}


.footer_text{
	margin-top:9px;
	float:left;
	margin-left:44px;
	color:#000000;
}

.footer_text_text{
	float:left;
	color:#454545;
	font-size:11px;
}

.footer_inner{
	margin-top:9px;
	margin-right:29px;
	float:left;
}

.footer .brakepoint{
 float:left;
 margin-left:24px;
 display:none;
}

.footer .on{
 float:left;
 margin-left:24px;
}

.footer .off{
 float:left;
 margin-left:24px;
}

.footer .on a,.footer .off a:hover{
	color:#bebe4c;
	text-decoration:none;
	font-size:11px;
}

.footer .off a{
	color:#454545;
	text-decoration:none;
	font-size:11px;
}

/* ########## team ########## */

.content_right .team{
	padding-top: 0px;
	margin-right: 0px;
}

.content_right .team .sort {
	background: url(../images/icons/sort.gif) no-repeat top right;
	float: left;
	padding-right: 16px;
	cursor: pointer;
	height: 20px;
}

.content_right .team .sort_over {
	background: url(../images/icons/sort_over.gif) no-repeat top right;
	float: left;
	padding-right: 16px;
	cursor: pointer;
	height: 20px;
}

/* ########## ajax ########## */

#ajax{
	display:none;
}

/* ################# galerie ################# */

.galeriebild{
	float:left;
}

.galerie_nav{
	position:absolute;
	margin-top:-6px;
	margin-left: -220px;
}

.galerie_nav .left{
	background:url(../images/icons/back.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}

.galerie_nav .left_on{
	background:url(../images/icons/back.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}

.galerie_nav .right{
	background:url(../images/icons/forward.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}

.galerie_nav .right_on{
	background:url(../images/icons/forward.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}


.galerie_nav .mid{
	float:left;
	width:5px;
	height:13px;
}

.galerie .nav_end{
	clear:left;
}

.galerie_images{
	overflow:hidden;
	width:890px;
	height: 303px;
	margin-left: -220px;
	margin-bottom:-27px;
}

/* ################# teamgalerie ################# */

.teamgaleriebild{
	float:left;
	margin-top:0px;
	cursor: pointer;
}

.teamgalerie_nav{
	position:absolute;
	/*margin-top:-30px;*/
	margin-top:-58px;
	margin-left: -220px;
	z-index:2;
}

.teamgalerie_nav .left{
	background:url(../images/icons/back.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}

.teamgalerie_nav .left_on{
	background:url(../images/icons/back.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}

.teamgalerie_nav .right{
	background:url(../images/icons/forward.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}

.teamgalerie_nav .right_on{
	background:url(../images/icons/forward.gif);
	float:left;
	width:21px;
	height:17px;
	cursor:pointer;
}


.teamgalerie_nav .mid{
	float:left;
	width:5px;
	height:13px;
}

.teamgalerie .nav_end{
	clear:left;
}

.teamgalerie_images{
	overflow:hidden;
	width:890px;
	margin-left: -220px;
	margin-bottom:20px;
	/*margin-top:-24px;*/
	margin-top:-52px;
	position:relative;
}

/* ############### kontaktformular ################# */
/* auch von online-bewerbung genutzt */

.kontaktformular {
	padding-left: 3px;
}

#error{
	color:#ff0000;
	font-weight:bold;
	display:none;
	border: 0px;
	margin-top: 10px;
}

#loginerror{
	color:#ff0000;
	font-weight:bold;
	display:none;
	border: 0px;
	margin-top: -10px;
	right: 16px;
}

.kontaktformular .error{
	border: 1px solid #ff0000;
}

.kontaktformular .header {
	margin: 25px 0px 15px 0px;
}

.kontaktformular .header2 {
	margin: 20px 0px 6px 0px;
}

.kontaktformular .absenden {
	width: 475px;
	margin: 39px 0px 15px 0px;
	text-align: left;
}

.kontaktformular input {
	border:1px solid #9f9f9f;
	width: 258px;
}

.kontaktformular input.checkbox {
	width: 12px;
	border: 0px;
	margin: 0px 10px 0px 0px;
	vertical-align: middle;
}

.kontaktformular input.absenden_image {
  width: 162px;
  height: 16px;	
  border: 0px;
}

.kontaktformular input.bewerbung_absenden_image {
  width: 173px;
  height: 16px;	
  border: 0px;
}

.kontaktformular textarea {
	border:1px solid #9f9f9f;
	width: 384px;
	height: 85px;
}

.kontaktformular textarea.textarea423 {
	border:1px solid #9f9f9f;
	width: 423px;
	height: 85px;
}

.kontaktformular #bistaet {
	width: 423px;
}

.kontaktformular select {
	border:1px solid #9f9f9f;
	width: 200px;
}

.kontaktformular th {
	text-align: left;
	padding-right: 35px;
	padding-bottom: 14px;
}

.kontaktformular th.last {
	padding-bottom: 0px;
}

.kontaktformular td.padding_bottom {
	padding-bottom: 14px;
}

.kontaktformular label {
	padding-right: 7px;
}

.kontaktformular #anrede { /* Radio-Buttons */
	float:left;
}

.kontaktformular #anrede input, .kontaktformular #geschl input,
.kontaktformular #fueschein input,  .kontaktformular #gewschein input { /* Radio-Buttons */
	width: 12px;
	border: 0px;
	margin-left: 0px;
	margin-right: 3px;
}

.kontaktformular #vorname {
	width: 127px;
	margin-right: 4px;
}

.kontaktformular #nachname {
 width: 127px;	
}

.kontaktformular #strasse {
 width: 193px;	
 margin-right: 4px;
}

.kontaktformular #haus_nr {
 width: 61px;	
}

.kontaktformular #plz, .kontaktformular #tel_vorwahl {
 width: 61px;	
 margin-right: 4px;
}

.kontaktformular #ort, .kontaktformular #tel_nr {
 width: 193px;	
}

.kontaktformular #sonstige {
 width: 274px;	
}

#datenschutz_div{
	padding-top: 16px;	
	width: 		465px;	
}

#datenschutz_div td{
	font-size: 	11px;	
}

/* ############### teaser ################ */
.teaser{
	position:relative;
}

.teaser .inner{
	position:	absolute;
	margin-left:495px;
	width:		145px;
}

.teaser .teaser_img{
	margin-top: 3px;
	margin-bottom: 7px;
}

.teaser .teaser_text{
	color:				#c8c619;
  font-weight: 	bold;
  font-size: 11px;
}


/* ############### Leitsätze ################# */

.leitsaetze {
	width: 640px;
	margin-top: -41px;
	margin-bottom: 100px;
}

.leitsaetze_image {
	width: 640px;
	background-image: url(../images/leitsaetze_bg.gif);
}

.leitsaetze_image img {
  vertical-align: bottom;
}

.leitsaetze_nav {
	width: 640px;
	height: 22px;
	background-color: #e4e3e1;
}

.leitsaetze_nav table {
  width: 503px;
  border-collapse: collapse;
}

.leitsaetze_nav td.back {
	padding-left: 10px;
  text-align: left;
	line-height: 21px;
  visibility: hidden;
}

.leitsaetze_nav td.forward {
	padding-right: 10px;
  text-align: right;
	line-height: 21px;
	visibility: hidden;
}

.leitsaetze_nav td.on {
	 visibility: visible;
}

.leitsaetze_nav td.numbers {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 21px;
}

.leitsaetze_nav img {
  vertical-align: middle;
}

.leitsaetze_nav td.back img {
  vertical-align: middle;
  margin-right: 10px

}

.leitsaetze_nav td.forward img {
  vertical-align: middle;
  margin-left: 10px
}

.leitsaetze_nav img {
  vertical-align: middle;
}

.leitsaetze_nav a {
  color: #454545;
}

.leitsaetze_text {
	width: 503px;
	margin-top: -1;
	padding-top: 23px;
	padding-bottom: 26px;
	text-align: center;
	background-image: url(../images/leitsaetze_bg.gif);
}


/* ############### Flash-Video ################# */

.flashvideo {
	margin-top: 6px;
  background: url(../images/background/flashvideo.gif);  
}

div#flash {
	display: none;
}


/* ############### login ################ */
.login{
	
}

.login input{
	font-size: 	11px;
}

.download{
	background:		url(../images/icons/icon_download.gif) no-repeat;
	color:			#000000;
	padding-left:	44px;
	margin-left:	1px;
	padding-top: 	0px;
	padding-bottom:	36px;
	cursor: 		pointer;
	z-index:		100;
}