﻿@charset "UTF-8";
html, body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.94em;
  line-height: 1.3em;
}
.head
{
  width: 1019px;
  height: 168px;
}

.head-links
{
   display: block;
  width: 180px;
  height: 123px;
   background: #D2D2D2;
}
.head-navi
{
  display: block;
  width: 660px;
  height: 31px;
  background: #56A409;
}
.head-navi-download
{
 margin-left : 185px;
  display: block;
  width: 660px;
  height: 20px;
  background: #ffffff;

}
.konditionen
{
	width:320px;
	float:left;
	display:block;
	margin-left:20px;
	padding-right:10px;
	font-size:0.9em;
	border-right: 1px dotted #999999;
}

.head-logo
{
  width: 180px;

}
.suchfeld
{
  width: 68px;
  height: 16px;
  font-size: 1em;
  border: 1px solid #98a09b;
  background: #dcdedd;
  color: #545454;
  padding-left: 2px;
  font-family: Arial, Helvetica, Sans-Serif;
}
.suchfeld-absenden
{
  margin-left:-3px;
  vertical-align: bottom;
}
.suchergebnisse
{
  width: 195px; 
  font-size: 0.9em;
  background-color: #E5ECA9; 
  border-top: 1px solid #7f7f84;
  border-bottom: 1px solid #7f7f84;
  width:100%;
}

.head-links-suche
{
  height: 23px;
   margin: 0;
  width: 180px;
  font-size: 0.80em;
  text-align: center;
  background: #D2D2D2;
}
.head-links-font
{
  background: #ECECEC;
  height: 23px;
  margin: 0;
  font-size: 0.80em;
  text-align: center;
  width: 180px;
}
.head-logo-farbe1
{
  background: #C7D400;
  width: 90px;
  height: 31px;
  float: left;
}
.head-logo-farbe2
{
  background: #E5ECA9;
  width: 90px;
  height: 31px;
  float: right;
}
.slogan
{
  font-size: 1em;
  color: #FFFFFF;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  padding-top: 6px;
}
.head-navi-links
{
  margin: 0;
  width: 660px;
  height: 137px;
  font-size: 0.87em;
}
.head-navi-links a
{
  color: #FFFFFF;
  width: 130px;
  height: 20px;
  display: block;
  float: left;
  text-decoration: none;
  background-repeat: no-repeat;
  background-color: #D2D2D2;
  background-position: top right;
  border-left: 1px solid #FFFFFF;
  text-align: center;
  padding-top: 118px;
  font-weight: bold;
}
.head-navi-links a:hover
{
  background-position: top left;
}
.head-navi-links a.selected
{
  background-position: top left;
}
.main-links p
{
  margin-bottom: 12px;
  margin-top: 0;
}
.main-links
{
  text-align: right;
  width: 150px;
  padding-right: 30px;
  float: left;
  border-right: 1px solid #bdca00;
  margin-right: -1px;
}
/* KRA 
line-height
*/
.main-links a
{
  text-decoration: none;
  font-size: 0.87em;
  color: #7f7f84;
  display: block;
  line-height: 1.2em;
  margin-bottom:1em;
}
/*
.main-links a
{
  text-decoration: none;
  font-size: 0.87em;
  color: #7f7f84;
  display: block;
  line-height: 20px;
}
*/

.main-links a:hover
{
  color: #549C1A;
}
.main-links a.active
{
  color: #549C1A;
}

.main-links-red a:hover
{
  color: #D30000;
}
.main-links-red a.active
{
  color: #D30000;
}
.main-links-purple a:hover
{
  color: #890087;
}
.main-links-purple a.active
{
  color: #890087;
}

.purple-link
{
 color:#890087;
 text-decoration:none;
}

.red-link
{
 color: #D30000;
 text-decoration:none; 
}
.green-link
{
 color: #56A409;
 text-decoration:none; 
}
.grey-link
{
 color: #7f7f84;
}


.main
{
  border-left: 1px solid #bdca00;
  width: 659px;
  min-height: 166px;
  float: left;
  font-size: 1em;
   padding-bottom: 30px;
}
.main-container
{
  width: 1019px;
  margin-top: 30px;
}
.footer
{
  margin-left: 180px;
  text-align: center;
  font-size: 0.87em;
}
.shortcuts
{
  color: #7f7f84;
  width: 659px;
  padding-bottom: 5px;
}
.shortcuts a
{
  text-decoration: none;
  font-size: 1em;
  color: #7f7f84;
}
.copyright
{
  color: #FFFFFF;
  height: 16px;
  width: 660px;
  background: #56A409;
  padding: 8px 0px 6px 0px;
}
.title
{
  margin-left: 66px;
  line-height: 1.25em;
  display: block;
  font-size: 1em;
  font-weight: bold;
  color: #549C1A;
}
.title-grey
{
	margin-left: 0px; 
	font-weight: normal; 
	color: #7f7f84; 
	font-size:1.2em
}


.text, .textaktuelles
{
  margin-left: 132px;
  font-size: 0.87em;
  display: block;
  
}

.text {width: 320px;}
.textaktuelles{width: 440px;}

.textbreit
{
  margin-left: 132px;
  font-size: 0.87em;
  display: block;
  width: 528px;
}

.text a
{
  text-decoration: none;
}
.highlight
{
  font-weight: bold;
  color: #549C1A;
}
.text-dreispaltig
{
  font-size: 0.87em;
  display: block;
  width: 396px;
}
.dreispaltig-container
{
  display: block;
  width: 462px;
  margin-left: 132px;
  position: relative;
  margin-bottom: 15px;
}
.dreispaltig-container a
{
  font-size: 0.8em;
  color: #56A409;
  text-decoration: none;
  margin-bottom: 15px;
  display: block;
}
.download
{
 float:left;
 width:117px;
 height: 700px;
 padding-left:7px;
 padding-right:7px;
 border-right: 1px dotted #7F7F84
}
.main p
{
  margin: 0px 0px 15px 0px;
}
.trenner-main
{
  color: #bdca00;
  height: 1px;
  background-color: #bdca00;
  border-width: 0; /*width:594px;*/
  margin: 20px 0px 20px 66px;
}
.weiterfuehrenderlink
{
  display: block;
  text-align: right;
  float: right;
}
.weiterfuehrenderlink a
{
  min-height: 16px;
  display: block;
  color: #7F7F84;
  text-decoration: none;
  font-size: 0.8em;
  background-image: url('/bilder/go.gif');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 26px;
}
.pfeillink
{
  display: block;
  text-align: left;
  float: left;
}
.pfeillink a
{
  min-height: 16px;
  display: block;
  text-decoration: none;
  font-size: 1em;
  background-image: url('/bilder/go_klein.gif');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 16px;
}
label {
	padding-left:5px;
}

.kummerkasten {
	width:180px;
	float:left;
}

.linkbutton
{
  color: #549c1a;
  text-decoration: none;
  background-image: url('/bilder/go-button-lang.gif');
  background-position: 3px center;
  background-repeat: no-repeat;
  padding-left: 10px;
  width: 95px;
  float:left;
  min-height: 18px;
  font-weight:bold;
  text-align: left;
  padding-top: 1px;
  height: 19px;
}

.linkbutton-wohnungssuche
{
  color: #549c1a;
  text-decoration: none;
  background-image: url('/bilder/go-button.gif');
  background-position: 3px center;
  background-repeat: no-repeat;
  padding-left: 9px;
  display: block;
  min-height: 18px;
  font-weight:bold;
  text-align: left;
  padding-top: 0px;
  height: 19px;
}

.textbox-kontakt
{
 width:250px;
 font-family:Arial;
 font-size:1em;
}

.textbox-kummerkasten
{
 width:490px;
 height:60px;
 font-family:Arial;
 font-size:1em;
}



/* Eingabefeld Kasten */
.container-rahmen
{
  background-color: #C7D400;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 30px;
}

.suche-home-float
{
  float: left;
  display: block;
}

.input-zahl
{
  vertical-align: middle;
  width: 25px;
  border: 1px solid #C0C0C0;
  padding: 3px 5px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
}

.link-klein a
{
  color: #549c1a;
  font-size: 0.84em;
  text-decoration: none;
  display: block;
  padding-top: 6px;
}

.table-angebote
{
  vertical-align: top;
  display: block;
  border-bottom: 1px solid #7f7f84;
  margin-top: 3px;
  margin-bottom: 3px;
  border-top: 1px solid #7f7f84;
  height:200px;
}

td.first
{
  padding-top: 9px;
}

td.last
{
  padding-bottom: 9px;
}

td.left
{
  padding-left: 8px;
  padding-right: 5px;
  vertical-align: top;
  width: 50%;
}

td.right
{
  padding-right: 8px;
  vertical-align: top;
  width: 50%;
}
td img 
{
display: block;
}
img 
{
border:0;
}

.suchedropdown
{
  width: 110px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
}

.sparen
{
  color: #e50008;
  font-weight:bold ;
}

.verein
{
  color: #a1008a;
  font-weight:bold ;
}


.login-container
{
  
  height: 65px;
  width: 100%;
  display: block;
  text-align: left;
  font-size: 0.87em;
  border-top: 1px solid #7f7f84;
  border-bottom: 1px solid #7f7f84;
}

.lupe-overlay
{
  display: block;
  position: relative;
  bottom: 2px;
  right: 2px;
  height: 25px;
  width: 25px;
}

.suchergebnis-infos
{
  line-height:10px;
   display:block; 
   padding-bottom:2px;
}

.suchergebnis-infos a
{
     font-size: 0.87em;
  color: #7f7f84;
  text-decoration: none;
  margin-bottom: 3px;
  display: block;
}

/* Forum CSS */

.forum-container
{
  padding-left: 2%;
  width: 98%;
  font-size: 0.87em;
}

.forum-container table td
{
  font-size: 0.84em;
}

.forum-container a
{
  color: #549C1A;
  text-decoration: none;
}

.hervorgehoben
{
  background: #e5eca9;
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
  margin-bottom: 4px;
}
/* KRA, evtl. besser ueber Klasse */
li
{
  margin-bottom: 0.5em;
}

.marginalie
{
  float: right;
  display: block;
  font-size: 0.87em;
  /*width:198px;*/
  width:180px;
  /*background:red; */
}

/* KRA Container für Elemente, zu denen rechts Marginalien angezeigt werden sollen */

.main-floatleft
{
  width:478px;
 float: left; 
 display: block  
}

/* KRA Formulare */
.inputbox
{
 font-family:Arial, Helvetica, Sans-Serif;
 font-size:1em;
 border:none;
 padding:3px 5px;
 width:160px;
 margin-top:4px;
}

/*********** PRIVATBEREICH ********************/


.main-privat
{
  border-left: 1px solid #bdca00;
  width: 659px;
  min-height: 166px;
  float: left;
  font-size: 1em;
   padding-bottom: 30px;
}


/* Container für Privatbereich, ohne linken Rand */
.main-floatleft-privat
{
  width:527px;
  float: left; 
  display: block  
}



.privattext
{
  margin-left: 10px;
  font-size: 0.87em;
  display: block;
  width: 527px; 
}


.marginalie-privat
{
  float: right;
  display: block;
  font-size: 0.87em;
  /*width:198px;*/
  width:120px;
  /*background:red; */
}



/* rahmen Tabelle */
.rahmen { border-width:1px;
          border-style:solid;
          border-color:#A2A8A4;
}
/* Tabellenzelle Grau */
.tabelle-grau
{
  background: #ececec;
  vertical-align: top;
  padding-left: 5px;
}

/* Tabellenzelle weiß */
.tabelle-weiss
{
  background: #ffffff;
  vertical-align: top;
  text-align:left;
  padding-left: 5px;
}

.tabelle-stammdaten-rechts
{
  vertical-align: top;
  width: 50%;
  padding-left: 8px;
}
.redalert
{
  color:Red;
  font-weight:bolder;
}

/* TAB50 Tabulator mit 50px Einrückung */
.tab50
{
 width:50px;
 display:block;
 float:left;
}

.bildunterschrift
{
  display: block;
  font-size: 1.0em;
  float:left;
  font-style:italic
}
.trennlinie
{
  color: #C7D400; 
  background-color: #C7D400; 
  height: 2px;
}
.subtitle
{
  font-weight:bold;
}

ul, .aufzaehlung
{
  list-style-position: outside; 
  list-style-type:square;
  padding-left: 15px; 
  margin-left: 0px; 
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.rahmen-table { border: 1px solid #c0c0c0; padding: 4px; }
div.item-head {background-color:#56A409; color: #FFFFFF; font-weight: bold; width: 210px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding: 4px; display: block; height: 16px; padding-left: 4px; overflow: visible; }
div.item-main { display: block; padding-top: 5px; color: #000000; }

/* Startseite */
.linie
{
  border:0;
  height:3px;
  margin-left:0px;
  margin-bottom:5px;
  color: #549C1A; 
  background-color: #549C1A;   
}


}