/* 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;
}

.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;

 }