﻿body{
	color:black;
	background-color:white;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	/* 70% oder 0.7em entsprechen Verdana, 11px*/
	font-size:0.7em;
	margin:0;
	padding:0;
}
/*IE Tabellenfehler*/
table{
	font-size:100%;
}
pre{
	font-size:1em;
}


a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:rgb(173,145,111);
}
@media print{
	a{
		color:Black;
		text-decoration:underline;
	}
}

p{
	padding:0;
	margin:0 0 1.2em 0;
}



h1{
	font-size:1.2em;
	padding:0;
	margin:0.2em 0 1.4em 0;
	text-indent:20px;
	background-image:url(../images/h1-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
h2{
	font-size:1em;
	padding:0;
	margin:0 0 0.7em 0;
}
h3{
	font-size:1em;
	padding:0;
	margin:0 0 0.5em 0;
}
@media print{
	h1{
		text-indent:0px;
		background-image:none;
	}
}






/*--- Listen-Formate ---*/
@media screen{
	ul{
		/*aus optischen Gründen 1px weiter nach rechts für die erste UL*/
		margin:1em 0 1em 13px;
		padding:0;
		list-style:none;
	}
	ul li{
		padding:0 0 0 12px;
		margin:0 0 1em -12px;
		background-image:url(../images/ul-li-bullet-1.gif);
		background-repeat:no-repeat;
	}
	ul ul{
		margin:1em 0 0 12px;
	}
	/*alle LI tiefer als Level 0 erhalten eie anderes Bullet*/
	ul ul li{
		background-image:url(../images/ul-li-bullet-2.gif);
	}


	ol{
		/*margin:1em 0 1em 24px;*/
	}
	ol li{
		margin:0 0 1em 0;
	}
	ol ol{
		/*margin:1em 0 0 24px;*/
	}


	dir, menu{
		margin:1em 0 1em 17px;
		padding:0;
	}
	dir li, menu li{
		margin:0 0 1em 0;
		padding:0;
	}
	dir dir, menu menu{
		margin:1em 0 0 17px;
	}


	dl{
		margin:0 0 1em 0;
		padding:0;
	}
	dl dd{
		color:rgb(110,110,99);
		margin:0 0 1em 0;
		padding:0;
	}
	dl dl{
		margin:1em 0 1em 20px;
	}

	/*als Textbox*/
	dl dt{
		border:1px solid black;
		color:black;
		margin:0 0 1em 0;
		padding:10px;
		background-color:rgb(251,215,182);
	}
}
@media print{
	ul{
		margin:1em 0 1em 17px;
		padding:0;
	}
	ul li{
		padding:0;
		margin:0 0 1em 0;
	}
	ul ul{
		margin:1em 0 0 17px;
	}


	ol{
		/*margin:1em 0 1em 24px;*/
	}
	ol li{
		margin:0 0 1em 0;
	}
	ol ol{
		/*margin:1em 0 0 24px;*/
	}


	dir, menu{
		margin:1em 0 1em 17px;
		padding:0;
	}
	dir li, menu li{
		margin:0 0 1em 0;
		padding:0;
	}
	dir dir, menu menu{
		margin:1em 0 0 17px;
	}


	dl{
		margin:0 0 1em 0;
		padding:0;
	}
	dl dd{
		color:rgb(110,110,99);
		margin:0 0 1em 0;
		padding:0;
	}
	dl dl{
		margin:1em 0 1em 20px;
	}

	dl dt{
		border:1px solid black;
		color:black;
		margin:0 0 1em 0;
		padding:10px;
		background-color:white;
	}
}













.clearboth{
	float:none;
	clear:both;
}


.block_headline{
	color:white;
	background-color:rgb(199,167,127);
	font-size:1em;
	margin:0;
	padding:0.2em 0.4em;
}
@media print{
	.block_headline{
		color:black;
		background-color:transparent;
		padding:0;
	}
}



/*--- 2 spaltiges Layout in center_content, z.B. Home Text/News ---*/
.box_left_380{
	width:380px;
	float:left;
	clear:left;
}
.box_right_200{
	width:200px;
	float:right;
}


/*--- Layout ---*/
.page_container{
	width:950px;
	/*IE erst ab 7*/
	min-height:550px;
	float:left;
	clear:both;
	background-image:url(../images/page-bg-2.gif);
	background-repeat:no-repeat;
}
.top_container{
	width:950px;
	float:left;
	/*BEACHTE: dieser Container erhält keine height.
	Stattdessen setzt margin den gewünschten Abstand der Kopfgruppe zum content_container
	Dadurch kann in allen Browsern das topmenu den content_container
	bei Schriftvergösserung nach unten drücken (s.u.topmenu_spacer).
	*/
	margin-bottom:27px;
}
.top_img{
	width:430px;
	height:193px;
	float:left;
}
.top_slogan{
	width:480px;
	height:50px;
	float:left;
	margin-bottom:19px;
}
.topmenu_container{
	width:480px;
	float:left;
	text-align:right;
	position:relative;
	z-index:2000;
}
.topmenu_spacer{
	/*
	Dieser leere DIV stellt sicher, dass ab einer bestimmten Schriftvergrösserung
	in allen Browsern der folgende content_container mitsammt allen Menus/Kopfgrafik/Texten
	nach unten gedrückt wird. Dadurch wird verhindert, dass die Kopfgrafik hinter dem topmenu
	liegt und somit dessen Lesbarkeit stört. Der Effekt wirkt sich erst dann aus, wenn
	eine bestimmte extreme Textgrösse überschritten wird (Firefox).
	Im IE i.d.R. nicht, da hier nur +2 Stufen möglich sind.
	*/
	width:100px;
	height:95px;
	float:right;
}

.content_container{
	width:950px;
	float:left;
	clear:both;
}
.menu_col{
	width:215px;
	float:left;
	clear:left;
}
.center_col{
	width:735px;
	float:left;
	clear:right;
}
.top_img_team{
	position:relative;
}
.center_box{
	/*background-color:rgb(233,220,204);*/
	background-color:rgb(244,236,222);

	width:645px;
	float:left;
	clear:both;

	/*background-image:url(../images/center-box-bg.gif);*/
	background-image:url(../images/center-box-bg-2.gif);
	background-repeat:no-repeat;
}
.center_minheight{
	width:20px;
	height:330px;
	float:left;
	clear:left;
}
.center_content{
	width:605px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
}
.center_box_bottom{
	width:645px;
	float:left;
	clear:left;
	background-image:url(../images/center-box-bottom-2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.botmenu_container{
	float:left;
}
.center_box_bottom_minheight{
	width:20px;
	height:20px;
	overflow:hidden;
}
.footer_nav{
	float:right;
	padding:0 20px 0 20px;
	margin-bottom:12px;
	text-align:right;
}
.footer_nav a{
}




/*Adresse Seitenfuss wird für die normale Ansicht aus dem Blickfeld gerückt.
Ist aber für Suchmaschinen und Druck sichtbar.
*/
.footer_address{
	float:left;
	width:100%;
	clear:both;
	font-size:0.9em;
	position:absolute;
	left:0px;
	top:-3000px;
}
@media print{
	.footer_address{
		position:static;
	}
}
.footer_address address{
	font-style:normal;
}



@media print{
	.page_container{
		width:100%;
		background-image:none;
	}
	.top_container{
		display:none;
	}
	.top_img{
		display:none;
	}
	.top_slogan{
		display:none;
	}
	.topmenu_container{
		display:none;
	}
	.topmenu_spacer{
		display:none;
	}

	.content_container{
		width:100%;
		background-image:none;
	}
	.menu_col{
		display:none;
	}
	.center_col{
		width:100%;
		background-image:none;
	}
	.top_img_team{
		display:none;
	}
	.center_box{
		background-color:transparent;
		background-image:none;
	}
	.center_minheight{
		display:none;
	}
	.center_content{
		width:100%;
		background-color:transparent;
	}
	.center_box_bottom{
		display:none;
	}
	.botmenu_container{
		display:none;
	}
	.center_box_bottom_minheight{
		display:none;
	}
	.footer_nav{
		display:none;
	}
	.footer_nav a{
	}
}












/*--- Topmenu, obsolet 16.03.2007 ---*/
.topmenu{
	float:right;
	clear:both;
}
.topmenu ul, .topmenu li{
	list-style:none;
	background-image:none;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
.topmenu a{
	color:black;
	/*border-right:1px solid rgb(173,145,111);*/
	border-right:1px solid rgb(217,196,159);
	text-decoration:none;
	padding:0 10px 1px 10px;
	float:left;
}
.topmenu a:hover{
	color:rgb(173,145,111);
}
.topmenu .lvl_0_act, .topmenu .lvl_0_on{
	color:rgb(173,145,111);
	font-weight:bold;
}



/*--- 16.03.2007, Topmenu in Seitenfuss ---*/
.botmenu{
	margin-left:10px;
}
.botmenu ul, .botmenu li{
	list-style:none;
	background-image:none;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
.botmenu a{
	color:black;
	border-right:1px solid rgb(217,196,159);
	text-decoration:none;
	padding:0 10px 1px 10px;
	float:left;
}
.botmenu a:hover{
	color:rgb(173,145,111);
}
.botmenu .lvl_0_act, .botmenu .lvl_0_on{
	color:rgb(173,145,111);
	font-weight:bold;
}






/*--- Treemenu ---*/
.tree{
	margin-left:20px;
}
.tree ul, .tree li{
	list-style:none;
	background-image:none;
	padding:0;
	margin:0;
	display:inline;
}
.tree a{
	color:rgb(173,145,111);
	border-bottom:1px dashed rgb(199,167,127);
	font-weight:bold;
	text-decoration:none;
	padding:6px 5px 7px 10px;
	clear:left;
	display:block;
	/*wg. IE6, ACHTUNG: dies rückt den Text in Firefox/NS in den Vordergrund*/
	position:relative;
}
.tree a:hover{
	color:black;
}
.tree .lvl_0_act, .tree .lvl_0_on{
	color:black;
}

.tree .subtree{
	border-bottom:1px dashed rgb(199,167,127);
	padding-bottom:4px;
}
.tree .subtree a{
	border-bottom:none;
	font-weight:normal;
	padding:2px 5px 3px 10px;
}
.tree .subtree .lvl_n_act, .tree .subtree .lvl_n_on{
	color:black;
	font-weight:bold;
}



/*--- Sitemap ---*/
/*Wird als normale UL ausgegeben und übernimmt also die allgemeine Formatierung (s.o. Listenformate)*/
.smap{
}






/*--- News ----*/
.news_liste{
	clear:both;
}
.news_liste h2{
	padding:0;
	margin:0 0 0.5em 0;
}
.news_liste p{
	padding:0;
	margin:0 0 0.5em 0;
}
.news_liste ul{
	margin:0;
	padding:0;
	list-style:none;
}
.news_liste li{
	margin:0 0 1em 0;
	padding:0;
	background-image:none;
}
.news_liste .liste_date{
	margin-bottom:0.5em;
}
.news_liste .liste_lnk{
	font-weight:bold;
	margin:0;
	padding:0;
}
.news_liste .liste_hr{
	border-top:1px dashed rgb(173,145,111);
	width:100%;
	height:1em;
	overflow:hidden;
	float:none;
	clear:both;
}


.news_teaser{
	margin-top:0.8em;
}
.news_teaser h3{
	padding:0;
	margin:0 0 0.5em 0;
}
.news_teaser p{
	padding:0;
	margin:0 0 0.5em 0;
}
.news_teaser ul{
	margin:0;
	padding:0;
	list-style:none;
}
.news_teaser li{
	margin:0 0 1em 0;
	padding:0;
	background-image:none;
}
.news_teaser .teaser_date{
	margin-bottom:0.5em;
}
.news_teaser .teaser_lnk{
	font-weight:bold;
	margin:0;
	padding:0;
}
.news_teaser .teaser_hr{
	border-top:1px dashed rgb(173,145,111);
	width:100%;
	height:1em;
	overflow:hidden;
	float:none;
	clear:both;
}


.news_detail{
}
.news_detail .detail_date{
	float:right;
}
.news_detail .backlink{
	margin-bottom:1.2em;
}





/*--- Datalist Paging ---*/
.lw_register_container{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:0.5em;
}
.lw_status_container{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:0.5em;
}
.lw_float_l{
	float:left;
}


.lw_suche_form{
	float:left;
	margin:0;
	padding:0;
}
.lw_suche_input{
	border:1px solid rgb(153,153,153);
	width:5em;
	height:1.3em;
	float:left;
	font-size:1.25em;
	margin:0 1px 0 0;
	padding:0;
}
.lw_suche_submit{
	border:1px solid rgb(153,153,153);
	width:1.55em;
	height:1.5em;
	float:left;
	font-size:1.2em;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image:url(../images/icon-lupe.gif);
	background-repeat:no-repeat;
	background-position:center center;
}


.lw_psize{
	float:left;
}
.lw_psize a{
	color:black;
	border:1px solid rgb(153,153,153);
	/*background-color:rgb(210,220,230);*/
	background-color:rgb(224,204,180);
	text-decoration:none;
	padding:0.15em 0.3em 0.25em 0.3em;
	margin-right:1px;
	float:left;
}
.lw_psize a:hover{
	color:black;
	/*background-color:rgb(230,245,255);*/
	background-color:rgb(244,236,222);
}
.lw_psize .but_psize_on, .lw_psize .but_psize_on:hover{
	color:white;
	/*background-color:rgb(0,51,153);*/
	background-color:rgb(173,145,111);
	font-weight:bold;
}


.lw_pregister{
	float:left;
}
.lw_pregister .spacer{
	float:left;
	display:none;
}
.lw_pregister a{
	color:black;
	border:1px solid rgb(153,153,153);
	/*background-color:rgb(230,230,230);*/
	background-color:rgb(244,236,222);
	text-decoration:none;
	padding:0.15em 0.3em 0.25em 0.3em;
	margin-right:1px;
	float:left;
}
.lw_pregister a:hover, .lw_pregister a:focus{
	/*background-color:rgb(255,204,0);*/
	color:white;
	background-color:rgb(173,145,111);
}
.lw_pregister .but_first, .lw_pregister .but_prev, .lw_pregister .but_next, .lw_pregister .but_last{
	/*color:white;*/
	/*background-color:rgb(0,153,0);*/
	color:black;
	background-color:rgb(224,204,180);
	font-weight:normal;
}
.lw_pregister .but_first:hover, .lw_pregister .but_first:focus
	, .lw_pregister .but_prev:hover, .lw_pregister .but_prev:focus
	, .lw_pregister .but_next:hover, .lw_pregister .but_next:focus
	, .lw_pregister .but_last:hover, .lw_pregister .but_last:focus
	{
	/*background-color:rgb(0,204,0);*/
	color:black;
	background-color:rgb(244,236,222);
}
.lw_pregister .but_page{
}
.lw_pregister .but_page_on{
	/*background-color:rgb(255,204,0);*/
	color:white;
	background-color:rgb(173,145,111);
	font-weight:bold;
}



.lw_datatable{
	border-left:1px solid rgb(153,153,153);
	border-top:1px solid rgb(153,153,153);
	background-color:White;
}
.lw_datatable td, .lw_datatable th{
	border-right:1px solid rgb(153,153,153);
	border-bottom:1px solid rgb(153,153,153);
}






/*--- Job ---*/
.job_liste .lw_datatable{
	margin-bottom:0.5em;
	background-color:rgb(252,250,245);
}
.job_liste .head{
	color:black;
	background-color:rgb(199,167,127);
	background-color:rgb(217,196,159);
}
.job_liste .job_lnk{
	text-decoration:underline;
}
.job_detail{
}
.job_detail .detail_date{
	float:right;
	font-weight:bold;
}
.job_detail .backlink{
	margin-bottom:1.2em;
}
.job_detail h1{
	font-size:1.4em;
}
.job_detail .kontakt_link{
	border:1px solid white;
	border-right:1px solid rgb(159,127,87);
	border-bottom:1px solid rgb(159,127,87);
	color:white;
	background-color:rgb(199,167,127);
	font-size:1.2em;
	font-weight:bold;
	padding:3px 5px 4px 5px;
	float:left;
	clear:both;
}
@media print{
	.job_detail .kontakt_link{
		display:none;
	}
}
.job_detail .kontakt_link:hover{
	color:black;
	background-color:rgb(224,204,180);
}














/*--- Formulare ---*/
.f_label{
	color:black;
}
.f_label_err{
	color:red;
	font-weight:bold;
}
.f_input{
}
.f_input_err{
	border:1px solid red;
}




#whh_info{
	display:none;
	position:absolute;
	top:0px;
	left:100px;
	background-color:white;
	border:1px solid black;
	width:220px;
	font-size:10px;
	padding:2px;
}

