/* Grundeinstellungen vornehmen */



body {

	font-family:  Verdana, Helvetica, Arial, sans-serif;

	font-size: 100%;

	padding: 0px;

	margin: 0px;

	color: #666666;

	background: #F5F2EB;

  /*background: #fff url(../images/bg.gif) repeat;*/

  text-align: center;

}





a {

  color: #cc0000;

  text-decoration: none;

}



a:hover {

  color: #000000;

  text-decoration: underline;

}



p {

	margin: 0px;

	padding: 0px;

}



h1 {

	font-family:  Verdana, Arial, Helvetica, sans-serif;



	color: #990000;

	font-size: 1.2em;

	font-weight: bold;

	margin: 10px 0px 10px 0px;

}



h2 {

  font-family:  Verdana, Arial, Helvetica, sans-serif;

  color: #666666;

  font-size: 1.1em;

  font-weight: bold;

  margin: 8px 0px 8px 0px;

}



h3 {

  font-family:  Arial, Helvetica, sans-serif;

  color: #7B6743;

  font-size: 1.1em;

  font-weight: bold;

  margin: 5px 0 5px 0;

}





h4, h4 a, h4 a:visited {

  font-family:  Arial, Helvetica, sans-serif;

  color: #cc0000;

  font-size: 1em;

  /*font-weight: bold;*/

  margin: 4px 0 5px 0;

}



h4 a:hover {

	text-decoration: none;

  color: #000000;

}



.h_bg {

  font-family:  Arial, Helvetica, sans-serif;

  font-size: 1em;

  font-weight: bold;

  height: 20px;

  color: #4C340E;

  margin: 1px 0 0 10px;

  padding: 2px 0px 2px 10px;

	background: #F1EDE4;

}



/* ----------------------------------------------------------------  */





/* Hauptbereich */



#site_center_780 {

  width: 780px;

  text-align: left;

  /*border: 1px solid #ff0000;*/

  margin-left: auto;

  margin-right: auto;

}



#main {

  position: relative;

  width: 780px;

	padding: 0px;

	margin: 0px;

	background: #fff url(../images/bg_main.gif) repeat-y;

	font-size: 0.7em;

  /*border: 1px solid #000;*/

}



#main_header {

	position: relative;

	height: 140px;

	padding: 0px;

	margin: 0px;

	background: #fff url(../images/bg_main_header.jpg) no-repeat;

  font-size: 0.7em;

}

#main_footer {

	/*position: absolute;*/

	padding: 30px 0px 0px 0px;

	margin: 0px;

	background: url(../images/bg_main_footer.gif) no-repeat;

  text-align: center;

  color: #99875E;

	font-size: 0.7em;

}



#main_nav {

  width: 780px;

  height: 22px;

  text-align: right;

}



/*-------------------------------------------------------------------------- */



#klanz {

	/*position: relative;*/

  width: 780px;

	padding: 0px;

	margin: 0px;

	background: #fff url(../images/bg_klanz.gif) repeat-y;

	font-size: 0.7em;

}



#klanz_header {

	position: relative;

	height: 140px;

	padding: 0px;

	margin: 0px;

	background: #fff url(../images/bg_klanz_header.jpg) no-repeat;

  font-size: 0.7em;

}

#klanz_footer {

	/*position: absolute;*/

	padding: 30px 0px 0px 0px;

	margin: 0px;

	background: url(../images/bg_klanz_footer.gif) no-repeat;

  text-align: center;

  color: #99875E;

	font-size: 0.7em;

}







/*--------------------------------------------------------------- HEADER --- */



#header_home {

  position: absolute;

	left: 10px;

	top: 8px;

}

#header_rubrik {

  position: absolute;

	left: 121px;

	top: 38px;

}



/* --------------------------------------------------------------- PRINT ---- */



#print_header {

	display: none;

}



/*--------------------------------------------------------------- BEILAGEN Banner --- */



.right_banner {

  text-align: center;

}



/* ---------------------------------------------------------------------------------------- */



#service_nav {

  	font-size: 0.6em;

}



/* ----------------------------------------------------------------------------- 3 Spalten */



/* linke Spalte */

.LeftCol {

  float: left;

	position: relative;

  width: 210px;

  margin: 0px;

  padding: 0px;

}



.MainCol {

	position: relative;

	margin: 0px 195px 0px 220px;

	padding: 0px 0px 0px 0px;

  line-height: 1.3em;

}



.RightCol {

	float: right;

	position: relative;

	width: 185px;

	margin: -80px 0px 0px 0px;

	padding: 0px;

  color: #7B6743;

  font-size: 0.9em;

  font-family:  Arial, Helvetica, sans-serif;

}



/* ----------------------------------------------------------------------------- 1 Hauptspalte */



.MainCol1 {

	position: relative;

	margin: 0px 195px 0px 10px;

	padding: 0px 0px 0px 0px;

  line-height: 1.3em;

}



.LeftCol2 {

  float: left;

	position: relative;

  width: 220px;

  margin: -57px 0px 0px 0px;

  padding: 0px;

}



.MainCol2 {

	position: relative;

	margin: 0px 195px 0px 220px;

	padding: 0px 0px 0px 0px;

  line-height: 1.3em;

}



.LeftCol3 {

  float: left;

	position: relative;

  width: 150px;

  margin: 0px 0px 0px 0px;

  padding: 0px;

}



.MainCol3 {

	position: relative;

	margin: 0px 195px 0px 150px;

	padding: 0px 0px 0px 0px;

  line-height: 1.3em;

}



.width_365 {

  position: relative;

  float: left;

  width: 364px;

}



.width_575 {

  position: relative;

  float: left;

  width: 575px;

}



.width_435 {

  position: relative;

  float: left;

  width: 435px;

}



/* -------------------------------------------------------------------------------------- PADDING */



.padding10 {

  padding: 10px 0px 0px 10px;

}



.padding20 {

  padding: 5px 0px 5px 20px;

}



.padding10hell {

  padding: 10px 10px 10px 10px;

  margin: 1px 0px 1px 10px;

	background: #F1EDE4;

  /*color: #C9BB97;*/

}



.padding10mittel {

  padding: 10px 10px 10px 10px;

  margin: 1px 0px 1px 10px;

	background: #E3DBCA;

  /*color: #C9BB97;*/

}



.padding10klanz {

  padding: 10px 10px 10px 10px;

  margin: 1px 0px 1px 10px;

	background: #E6CE7F;

}



.padding0klanz {

  padding: 10px 0px 0px 0px;

  margin: 1px 0px 1px 10px;

	background: #E6CE7F;

}



.paddingbox_gelb {

  padding: 10px 10px 10px 10px;

	/*background: #F3EACD;*/

  background: #E3DBCA;

  color: #333333;

  border: 2px solid #F7A600;

}



.paddingbox_grau {

  padding: 10px 10px 10px 10px;

	background: #f5f5f5;

  border-bottom: 1px solid #fff;

}



.paddingbox_dunkel {

  position: relative;

  padding: 10px 10px 10px 10px;

	background: #D5CAB0;

  border-bottom: 1px solid #fff;

}



.paddingbox_mittel {

  position: relative;

  margin: 1px 0px 0px 0px;

  padding: 10px;

	background: #E3DBCA;

  /*border-bottom: 1px solid #fff;*/

}





.paddingbox_hell {

  position: relative;

  margin: 1px 0px 0px 0px;

  padding: 10px;

	background: #F1EDE4;

  /*border-bottom: 1px solid #fff;*/

}



.bg_hell {

	background: #F1EDE4;
	height:30px;

}



.bg_klanz {

	background: #fff;

}





/* --------------------------------------------------------------------------------------------- RECHTS--- */



.right_klanz2 {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_klanz2.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_klanz2_head {

	padding: 3px 5px 3px 10px;

	background: url(../images/bg_right_klanz2.gif) repeat-y;

  border-bottom: 1px solid #fff;

}

.right_klanz1 {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_klanz1.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_klanz_rubrik_list {

	padding: 0px 0px 10px 0px;

	background: url(../images/bg_right_klanz2.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_gelb {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_gelb.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_beige0 {

	padding: 10px 5px 0px 10px;

  border-bottom: 1px solid #fff;

}



.right_beige1 {

  position: relative;

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_beige1.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_auktion {

  position: relative;

	background: url(../images/bg_right_beige1.gif) repeat-y;

  border-bottom: 1px solid #fff;

}





.right_beige1_print {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_beige1.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_beige2 {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_beige2.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_beige2_print {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_beige2.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_beige3 {

	padding: 10px 5px 0px 10px;

	background: url(../images/bg_right_beige3.gif) repeat-y;

  border-bottom: 1px solid #fff;

}



.right_titel {

    /*border: 1px solid #cc0000;*/

    border: 1px solid #D9CEB2;

    margin-bottom: 1px;

}



.right_beilagen {

	padding: 10px 5px 0px 10px;

	 background: url(../images/bg_right_beilagen_1.jpg) no-repeat;

  border-bottom: 1px solid #fff;

}



.right_ansprechpartner {

	padding: 10px 5px 0px 70px;

	background: url(../images/bg_right_ansprechpartner.jpg) no-repeat;

  border-bottom: 1px solid #fff;

}



/* --------------------------------------------------------------------------------------------------- */



.bild_l {

  float: left;

  position: relative;

  margin: 0px 10px 0px 0px;

  border: 1px solid #D5CAB0;

}



.bild_r {

  float: right;

  position: relative;

  margin: 0px 0px 10px 10px;

  border: 1px solid #D5CAB0;

}



.right {

  text-align: right;

}



/* ------------------------------------------------------------------------------- NEWS  */



.news_date {

  margin: 4px 0px 0px 0px;

	background: #F1EDE4;

  font-size: 9px;

  text-align: right;

  color: #C9BB97;

}



.ausbildung_frage_azubi {

  position: absolute; 

  left: -210px; 

  margin-top: 10px; 

  width: 200px;

}



.ausbildung_hell {

  position: relative;

  margin: 0px 0px 0px 0px;

  padding: 10px;

	background: #F1EDE4;

  border-bottom: 1px solid #fff;

}



.stellenbox_mittel {

  position: relative;

  margin: 0px;

  padding: 10px;

	background: #E3DBCA;

  border-top: 1px solid #fff;

}





.stellenbox_hell {

  position: relative;

  margin: 0px;

  padding: 10px;

	background: #F1EDE4;

  border-top: 1px solid #fff;

}



.stellen_text {

  position: relative;

  margin: 0px 0px 0px 70px;

}



.stellen_plz {

  width: 65px;

  float: left;

  position: relative;

}



.stellenbox_hell .stellen_plz {

  color: #111111;

}



.stellenbox_mittel .stellen_text {

  margin: 0px 60px 0px 70px;

}



.stellen_email {

  position: relative;

  width: 55px;

  float: right;

}





/* -------------------------------------------------------------------------------- Kleinanzeigen Aufgeben */



.klanz_aufg_reiter {

  position: relative;

  

}



.klanz_aufg_n {

  float: left;

  height: 22px;

  width: 80px;

  margin: 0 1px 0 0;

  padding: 3px 0 0 0;

	background: url(../images/nav/reiter_n.gif) no-repeat;

  text-align: center;

}



.klanz_aufg_a {

  float: left;

  height: 22px;

  width: 80px;

  margin: 0 1px 0 0;

  padding: 3px 0 0 0;

	background: url(../images/nav/reiter_a.gif) no-repeat;

  text-align: center;

}



.klanz_aufg_100_n {

  float: left;

  height: 22px;

  width: 100px;

  margin: 0 1px 0 0;

  padding: 3px 0 0 0;

	background: url(../images/nav/reiter_100_n.gif) no-repeat;

  text-align: center;

}



.klanz_aufg_100_a {

  float: left;

  height: 22px;

  width: 100px;

  margin: 0 1px 0 0;

  padding: 3px 0 0 0;

	background: url(../images/nav/reiter_100_a.gif) no-repeat;

  text-align: center;

}



/*--------------------------------------------------------------------------------------------- TABELLEN */



.table grau {

	border: 0;

	background: #cccccc;

  vertical-align: top;

}

td, th {

	empty-cells: show;

	font-size: 11px;

}



th {

	font-weight: bold;

	text-align: center;

}



.tab_head {

  padding: 5px;

	background: #E3DBCA;

  text-align: center;

  padding: 4px;

}



.tab_hell {

	background: #F1EDE4;

}



.tab_verlauf {

	background: #F1EDE4 url(../images/bg_auflagen.gif) repeat-y;

}



.tab_hgrau {

	background: #f5f5f5;

}



.tab_weiss {

	background: #ffffff;

}



.tab_gelb {

	background: #F39C00;

  color: #333333;

}





/* ------------------------------------------------------------------------------- GESCHICHTE */



.geschichte {

  width: 574px;

  position: relative;

  float: right;

	background: url(../images/bg_geschichte.gif) repeat-y;

  /*float: left;

  padding: 10px 10px 10px 10px;

	background: #F1EDE4;

  border-bottom: 1px solid #fff;*/

}



.ges_jahr {

  width: 575px;

  text-align: center;

  clear: both;

  /*float: left;

  padding: 10px 10px 10px 10px;

	background: #F1EDE4;

  border-bottom: 1px solid #fff;*/

}



.ges_links {

  margin: 0 0 0 2px;

  width: 400px;

  float: left;

  padding: 10px 10px 10px 10px;

	background: #F1EDE4;

  border: 1px solid #D5CAB0;

  /*border-bottom: 1px solid #f7a600;*/

}



.ges_rechts {

  margin: 0;

  width: 400px;

  float: right;

  padding: 10px 10px 10px 10px;

	background: #F1EDE4;

  border: 1px solid #D5CAB0;

  /*border-bottom: 1px solid #D5CAB0;*/

}







/* ------------------------------------------------------------------------------- FORMULARE */



label { 

    position: relative;

    float: left; 

    text-align: right; 

    margin-right: 3px; 

    width: 110px; 

} 



label.left90 { 

    width: 90px; 

} 



label.left50 { 

    width: 50px; 

} 



/* wenn select auch ein float:left; bekommt - bockt firefox */



input[type=text] { 

    float: left; 

} 



select {

  position: relative;

}



/*

input.right { 

    float: left; 

    width: auto; 

    clear: both; 

    margin-left: 5.3em; 

    margin-right: .3em; 

} 



input[type=checkbox].right, input[type=radio].right, input[type=submit].right { 

margin-left: 6.3em; 

} */



  

form br { 

  clear: both; 

  margin-top: 2px;

} 





.textfeld_muss  { /* text felder */

  /*margin-top: 2px;*/

	background-color: #FFD67F;

}



.textfeld  { /* text felder */

  /*margin-top: 2px;*/

	background-color: #F1EDE4;

}



/*--------------------------------------------------------*/



.padding10 {

	padding : 10px;

}



.popup {

  padding: 10px;

  margin-left: auto;

  margin-right: auto;

	font-size: 0.7em;

}



.index_top {

  position: absolute;

	left: 555px;

	top: -140px;

  z-index: 50;

}



.index_teaser_big {

  width: 570px;

  position: absolute;

	left: 220px;

	top: -140px;

  z-index: 70;

  /*border: 1px solid #660000;*/

}



.footer_copyright, .footer_copyright a, .footer_copyright a:visited {

  color: #D5CAB0;

}



.footer_print {

  display: none;

}



.todo {

  background: #33FF00;

}



.red {

  color: #cc0000;

}



.dark {

  color: #111111;

}



.light {

  color: #999999;

}



.yellow {

  color: #F7A600;

}



.bg_yellow {

  background: #f7a600;

}



.subnav, .subnav a, .subnav a:visited {

  background: #f7a600;

  color: #000000;

}



.bg_gelb {

 	/*background-color: #FFD67F;*/

  color: #cc0000;

  font-weight: bold;

}

.clear {

  clear: both;

}



.no_print {

    position: relative;

}



/* ------------------------------------------ AKTIONEN -------- */



.port_index_teaser {

  width: 60px;

  float: left;

  margin: 4px; 

  border: 1px solid #e5e5e5;

	background: #F5F2EB;

  font-size: 10px;

  text-align: justify; 

}



a img.port_index_teaser         {border-color: #e5e5e5;}

a:visited img.port_index_teaser {border-color: #e5e5e5;}

a:active img.port_index_teaser  {border-color: #e5e5e5;}

a:hover img.port_index_teaser   {border-color: #f7a600;}



.auto_anzeigeintro {

  

  position: relative;

  min-height: 115px;

  margin-bottom: 3px;

  

}



.line {

  margin: 10px 0px 10px 0px;

  border-top: 1px solid #D5CAB0;

}



.auto_haus {

  padding: 3px 0 3px 0;

}



.counter {

    float: right;

    padding: 7px 0px 0px 0px;

    width: 240px;

    font-weight: bold;



 }
 
 .btn_lesen, .btn_aufgeben {
 	width: 179px;
 	height: 24px;
 }
 
  .btn_lesen a, .btn_aufgeben a {
 	display: block;
 	height: 24px;
 	text-indent: -3000em;
 }
 
  .btn_lesen a {
 	background: transparent url(/images/btn_klanz_lesen.gif) 0px 0px;
 }
 
 .btn_lesen a:hover {
 	background-position: 0px -24px;
 }
 
  .btn_aufgeben a {
 	background: transparent url(/images/btn_klanz_aufgeben.gif) 0px 0px;
 }
 
 .btn_aufgeben a:hover {
 	background-position: 0px -24px;
 }
 
.btn_wrap {
	background: #e2dac5 url(/images/bg_right_index.gif) repeat-y top left;
}


.yearBrowser {
background:url("/images/yearselect_bg.gif") repeat scroll 0 0 transparent;
color:#563F18;
font-size:11px;
height:24px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
text-align:center;
font-weight:bold;
}

.yearforward {
background:url("/images/yearbrowser.png") repeat scroll -21px 0 transparent;
border:medium none;
height:21px;
position:absolute;
right:1px;
top:1px;
width:21px;
cursor:pointer;
}

.yearforward_hover {
background:url("/images/yearbrowser.png") repeat scroll -21px -21px transparent;
border:medium none;
height:21px;
position:absolute;
right:1px;
top:1px;
width:21px;
cursor:pointer;
}

.yearback {
background:url("/images/yearbrowser.png") repeat scroll 0 0 transparent;
border:medium none;
height:21px;
left:1px;
position:absolute;
top:1px;
width:21px;
cursor:pointer;
}

.yearback_hover {
background:url("/images/yearbrowser.png") repeat scroll 0 -21px transparent;
border:medium none;
height:21px;
left:1px;
position:absolute;
top:1px;
width:21px;
cursor:pointer;
}

.yearname {
position:relative;
top:5px;
}

a.month {
background:url("/images/month_bg.gif") repeat scroll 0 -24px transparent;
color:#563F18;
display:block;
font-size:12px;
margin:0 0 1px;
padding:4px 0;
text-align:center;
}

a.month_active {
background:url("/images/month_bg.gif") repeat scroll 0 0px transparent;
color:#563F18;
display:block;
font-size:12px;
margin:0 0 1px;
padding:4px 0;
text-align:center;
}
 
.topbar {
background:none repeat scroll 0 0 #F1EDE4;
height:16px;
padding:3px;
}

.leserbrief {
background:none repeat scroll 0 0 #F8F5F0;
border:1px solid #D5C9AF;
height:auto;
margin:10px 0;
padding:5px;
position:relative;
}

.leserbrief .topic {
background:none;
border:medium none;
font-weight:bold;
height:auto;
margin:0;
padding:0 0 0 9px;
width:282px;
}

.leserbrief .date {
background:none;
border:medium none;
height:auto;
margin:0 0;
padding:5px 5px 0 0;
position:absolute;
right:0;
top:0;
color:#D5C9AF;
}

.leserbrief .text {
background:none;
border:medium none;
height:auto;
margin:5px 0 0 0;
letter-spacing:0.03em;
line-height:17px;
padding:0 10px;
position:relative;
overflow:hidden;
}

.leserbrief .text .fader {
background:url("/images/bgfade.png") repeat-x scroll 0 0px transparent;
border:medium none;
bottom:0;
height:45px;
left:-3px;
margin:0;
padding:0;
position:absolute;
width:359px;
}

.leserbrief .text .fader_invisible {
background:none;
border:medium none;
bottom:0;
height:45px;
left:-3px;
margin:0;
padding:0;
position:absolute;
width:359px;
}

.leserbrief .text .fader_selector .toggle_button  {
position:absolute;
right:2px;
bottom:0px;
}

.leserbrief_hr {
background:none repeat scroll 0 0 #D5C9AF;
border:medium none;
height:1px;
}

.leserbrief .name {
color:#D5C9AF;
}

.leserbrief .articletopic {
font-weight:bold;
}

ul#leserbrief_slider li {
	display:block;
	/*width:320px;*/
	height:140px;
	/*background:#f8f5f0;*/
	padding:0px;
	margin:0px;
	list-style-type: none;
	position:relative;
}

ul#leserbrief_slider {
	padding:0px;
	margin:0px;
}

ul#leserbrief_slider li div.topic { 
background:none repeat scroll 0 0 transparent;
font-weight:bold;
margin-bottom:5px;
width:245px;
}

ul#leserbrief_slider li div.date { 
color: #99875E;
position:absolute;
right:0;
top:0;
}

ul#leserbrief_slider li div.more { 
bottom:0;
position:absolute;
right:0;
}

.leserbrief_container {
/*background:none repeat scroll 0 0 #F8F5F0;
border:1px solid #D4CAAF;*/
padding: 12px 0px;
}

.leserbrief_container .bx-wrapper a.bx-next {
background:none repeat scroll 0 0 green;
top:-29px;
display:block;
height:16px;
right:0px;
position:absolute;
text-indent:-9999px;
width:27px;
background:url("/images/button_next.gif") repeat scroll 0 0 transparent;
}

.leserbrief_container .bx-wrapper a.bx-next:hover {
background:none repeat scroll 0 0 green;
top:-29px;
display:block;
height:16px;
right:0px;
position:absolute;
text-indent:-9999px;
width:27px;
background:url("/images/button_next.gif") repeat scroll 0 -16px transparent;
}

.leserbrief_container .bx-wrapper a.bx-prev {
background:none repeat scroll 0 0 green;
top:-29px;
display:block;
height:16px;
position:absolute;
left:288px;
text-indent:-9999px;
width:27px;
background:url("/images/button_prev.gif") repeat scroll 0px 0px transparent;
}

.leserbrief_container .bx-wrapper a.bx-prev:hover {
background:none repeat scroll 0 0 green;
top:-29px;
display:block;
height:16px;
position:absolute;
left:288px;
text-indent:-9999px;
width:27px;
background:url("/images/button_prev.gif") repeat scroll 0px -16px transparent;
}

.bottom_spacer {
height:25px;
}

.teaser_leserbriefe {
margin-right: 10px; 
background: none repeat scroll 0pt 0pt rgb(241, 237, 228);
}

.teaser_leserbriefe .topic {
padding:10px;
display:block;
}

.teaser_leserbriefe .brief a {
background:none repeat scroll 0 0 #E0D7BF;
color:#666666;
display:block;
margin-bottom:2px;
padding:5px 10px;
}

.teaser_leserbriefe .brief a:hover {
background:none repeat scroll 0 0 #D5CAB0;
color:#666666;
display:block;
margin-bottom:2px;
padding:5px 10px;
text-decoration: none;
}

.leserbrief .text p {
margin-bottom:9px;
text-indent:8px;
}