﻿/* ----- Hintergrundbild, Schrifteinstellungen für die gesammte Seite ----- */
body 
{
	font-family: Verdana, Tahoma, Calibri;
	color: #003065;
	font-size: 70%;
	line-height: 18px;
	overflow: -moz-scrollbars-vertical;
	/*  overflow: scroll; */
	height: 100%;
	margin-bottom: 1px;
}

/* ----- Hyperlinks ----- */ 
a:link 
{
	color:#003065;
	text-decoration: underline;
}

a:visited /* Bereits besuchte Hyperlinks */
{
	color:#003065;
	text-decoration: underline;
}

a:hover /* Hyperlinks, über die der Mauszeiger "schwebt" */
{
	color:#7ab61d;
	text-decoration: underline;
}

a:active /* Hyperlinks mit Fokus */
{
	color:#7ab61d;
	text-decoration: underline;
}

h1 {
	color:#ffffff;
	font-size:9px;}
	
h1 span {
	display:none;}
	
h2 {
	color:#ffffff;
	font-size:10px;}
	
h2 span {
	display:none;}


/* ----- Header-Navigation (Home, Kontakt, Impressum, Sitemap, Datenschutz) ------ */

.linkline /* Zelle mit "Home | Kontakt | Impressum | Sitemap | Datenschutz" */
{
	color: #003065;
	padding-right: 12px;
}

.noul:link
{
	color:#003065;
	text-decoration: none;
}

.noul:visited 
{
	color:#003065;
	text-decoration: none;
}

.noul:hover
{
	color:#7ab61d;
	text-decoration: none;
}

.noul:active
{
	color:#7ab61d;
	text-decoration: none;
}

/* ----- Zweite Header-Navigation (News, Unternehmen, FAQ, Karriere) ----- */

.linkline_secondary
{
	font-family: TradeGothic, Verdana, Tahoma, Calibri;
	font-size: larger;
	color: #003065;
	font-weight: bold;
	padding-right: 12px;
}

/* ----- Seitliche Navigation (Mieter, Vermieter, Smartkaution, Login) ----- */

.leftnav
{
	border: solid 1px #9FB2C0;
	vertical-align: top;
}

/* ----- Tabelle, in der sich die seitliche Navigation befindet ------ */

.leftnavtable
{
	margin-left:7px;
	margin-right:6px;
	margin-top:10px;
	margin-bottom: 4px;
}

/* ----- FLASH-Eyecatch direkt über dem Contentbereich ----- */

.eyecatch
{
	background-color:#F4F4F4;
	border: solid 1px #DDE4E9;
	vertical-align: top;
}

/*#headerContainer 
{
	position:relative;
	margin:auto;
	width:700px;
	height:219px;
}*/

.eyecatch_extend /* Seitliche "Fortführung" des Eyecatchs über den Contentbereich hinaus in Form eines farbigen Balkens */
{
	background-color:#DDE4E9;
	border: solid 1px #DDE4E9;
	width:100%;
	height: 219px;
}

/* ----- Sekundäre Navigation ("Vorteile | Ablauf") ----- */

.secondarynav
{
	background: url(images/buttons/gradient_green.gif) repeat left top;
}

/* ----- Inhaltsbereich ----- */

.content
{
	padding-left: 32px;
	padding-right: 12px;
	padding-top: 35px;
	padding-bottom: 40px;
	vertical-align: top;
}

.content1
{
	padding-left: 15px;
	padding-right: 12px;
	padding-top: 35px;
	padding-bottom: 40px;
	vertical-align: top;
}

.content_noeyecatch
{
	padding-left: 32px;
	padding-right: 12px;
	padding-top: 20px;
	padding-bottom: 40px;
	/*background-color:#F4F4F4;*/
	border: solid 1px #DDE4E9;
	vertical-align: top;
}

.tr_form
{
	color: Black;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	/*background-color: #D5DCE1;*/
}

.tr_form_e
{
	height: 2px;
}

.td_form
{
	padding-left: 4px;
}

.inputbox
{
	background-color:#ecf0f3;
	text-decoration:none;
	border: solid 1px #DDE4E9;
	text-align:left;
	font-family: Verdana;
	font-size: 11px;
}

.inputbox2
{
	background-color:#e6f2d2;
	text-decoration:none;
	border: solid 1px #cde6a5;
	text-align:left;
	font-family: Verdana;
	font-size: 11px;
}

.partner
{
	padding-top: 16px;
	padding-bottom: 16px;
}
.partnertable
{
	padding: 10px 16px 10px 16px;
	border-width: 1px;
	border-color: #acacac;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.newspics
{
	padding-left: 10px;
	padding-right: 10px;
}

.imgfaq
{
	margin-left: -4px;
}

.fwfbg
{
	background-color: #FFFFFF;
}

.fwfdiv
{
	width: 550px;
	height: 610px;
	display:none;
	position:absolute;
	top:20%;
	left:35%;
	z-index:999;	/* immer im Vordergrund */
}

/* ----- Mietkautionsrechner ----- */

.calculator
{
	padding-top: 35px;
	/*padding-bottom: 12px;*/
	margin-left:7px;
	margin-right:6px;
}

.calc_control	/* Steuerelemente (z.B. Textbox) des Mietkautionsrechners */
{
	border-color: Gray;
	border-width: 1px;
}

.calc_control_input	/* Steuerelemente (z.B. Textbox) des Mietkautionsrechners */
{
	border-color: Gray;
	border-width: 1px;
	text-align: right;
	padding-right: 3px;
	border-right: solid 0px white;
}

.calc_control_input_eur	/* Steuerelemente (z.B. Textbox) des Mietkautionsrechners */
{
	border-color: Gray;
	border-width: 1px;
	text-align:center;
	margin-left:-4px;
	border-left: solid 0px white;
}

.calcresult
{
	text-align: right;
}

.calc_text
{
	color:Navy;
	font-size:80%;
	text-align: center;
}

.calc_neuberechnen
{
	margin-right: 70px;
	margin-bottom: 10px;
}

.calc_neuberechnen_einrueck
{
	margin-right: 10px;
	margin-bottom: 10px;
}

#lblCalcResult	/* Textfeld mit der Ergebnisanzeige */
{
	text-align: right;
}

/* ----- Fußzeile ----- */

.footer
{
	border-top: solid 1px #7AA52E;
}

/* ----- Login DIV ----- */

.werbung_overlay, .login_overlay
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.werbung_overlay_img, .login_overlay_img	/* Ein Pixel großes, auf die ganze Seite erweitertes, halbtransparentes Hintergrundbild */
{
	opacity: 0.85;
	filter:alpha(opacity=85);	/* für Internet Explorer */
}

.login_box
{
	width:358px;
	height:150px;
	background-color:#C0C0C0;
	padding:30px;
	top:250px;
	left:40%;
	text-align:left;
	position: absolute;
	border: solid 1px #DDE4E9;
}

.werbung_box
{
	width:521px;
	height:391px;
	background-color:#C0C0C0;
	top:250px;
	left:40%;
	text-align:left;
	position: absolute;
	border: solid 1px #DDE4E9;
	background:url(./images/werbeeinblendung.jpg);
}

.werbung_box div.message
{
  width:481px;
  position:absolute;
  top: 200px;  
  left:20px;
  font-size:17px;
  font-weight:bold;
  line-height:22px;
}

.werbung_box div.close_window
{
  position:absolute;
  top: 350px;  
  left:20px;
  font-size:12px;
  font-weight:bold;
  line-height:22px;
}

.werbung_box div.close_window a
{
    text-decoration:none;    
}

/* ----- Text-Formatierungen ----- */

.subhead /* Überschrift */
{
	color: #7ab51d;
	font-weight: bold;
}

.subsubhead /* Unter-Überschrift */
{
	color: #7ab51d;
	padding:0px;
	margin: 30px 0px 0px 0px;    
}

.subsubhead2 /* Unter-Überschrift */
{
	/*color: navy;*/
	font-weight: bold;
	font-size: larger;
}
p.no-margin
{
    margin-top:0px;    
}


p.half-margin
{
    padding-top: 0px;    
    margin-top:4px;
}
p.subhead-no-margin
{
    color: #7ab51d;
	font-weight: bold;
    margin:0px;    
}
.finalizer /* letzter paragraph eines Infotextes (wird auf manchen Seiten verwendet) */
{
	font-style: italic;
}

.halflineheight	/* für die Zeile nach Subheads */
{
	font-size:2px;
	line-height: 4px;
}

.smallfont
{
	font-size: 80%;
}

.downloads_header
{
	line-height: 200%;
	font-weight: bold;
}

.downloads_linkline
{
	line-height: 150%;
}

/* */

.headline /* default.aspx Tebellenzellen mit Überschrift */
{
	font-weight: bold;
	color:#7ab51d;
}

#gewinnspiel {
	width:952px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:0px;}
	
#gewinnspiel span {
	display:none;}
	
#teaser {
	width:303px;
	height:142px;
	position:absolute;
	margin-left:300px;
	margin-right:350px;
	margin-top:20px;
	padding:0px;}
	
#gewinnspiel1 {
	width:952px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:0px;}
	
#gewinnspiel1 span {
	display:none;}
	
#teaser1 {
	width:303px;
	height:142px;
	position:absolute;
	margin-left:302px;
	margin-right:350px;
	margin-top:37px;
