﻿/*@charset "utf-8";*/

html {
margin: 0;
padding: 0;
border: 0;
}

body {
	padding:0;
	margin:0;
	background: #ffffff;
	max-height:100%;
	overflow: hidden;} /* this has the effect of hiding the scroll bars in Internet Explorer.*/

body,td,th {
	/*font-type:"Verdana, Helvetica, sans-serif";
	font-style:normal;*/
	/*hallo ich bin ein kommentar*/
	/*font-variant: small-caps;*/
	font-size: 100.01%;
}


/* -----------------------------Schriften--------------------------------*/

h1 {
	margin:0;
	padding:0;
	font: normal normal 15px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:600;
	font-variant: small-caps;
	color: #000000;
	word-spacing: 0.05em;
	letter-spacing:0.05em;

}
h2 {
	margin:0;
	padding:0;
	font: normal normal 24px Verdana, Helvetica, sans-serif;
	font-weight:300;
	font-variant: small-caps;
	color: #000000;
	word-spacing: 0em;
	letter-spacing:0.05em;
	line-height:1.2em;}
h3 {
	margin:0;
	padding:0;
	font: normal normal 12px Verdana, Helvetica, sans-serif;
	font-weight:600;
	font-variant: small-caps;
	color: #000000;
	word-spacing: 0.05em;
	letter-spacing:0.05em;
	line-height:1em;}
h4 {	
	margin:0;
	padding:0;
	border:0;
	font: normal normal 24px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight: 300;
	font-variant: small-caps;
	color: #000000;
	word-spacing: 0.05em;
	letter-spacing:0.1em;}
h5 {}
h6 {}


/* form elements  START */

div input, input {
	font: normal normal 12px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	letter-spacing:0.1em;
}

div select, select {
	font: normal normal 12px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
}

div textarea, textarea {
	font: normal normal 12px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
}


/* form elements  END */









.nummer{
	padding-top:8px;
	font: normal normal 20px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:600;
	word-spacing:0;
}


	
.schrift2{
	font: normal normal 20px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:300;
	color:#000000;
		/*
	font-size:1.4em;
	font-weight:600;*/
	font-variant:small-caps;
	letter-spacing:0.2em;}

.Schrift14TrCap{
	font: normal normal 12px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-variant:small-caps;
	letter-spacing:0.1em;}

.Schrift14VeNoCap{
	font: normal normal 12px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	letter-spacing:0.1em;}

.SchriftTitel1{
	font: normal normal 16px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	/*font-variant:small-caps;*/
	letter-spacing:0.1em;}
	
.SchriftNormal1{	
	font: normal normal 16px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:600;
	color:#000000;
	font-variant:small-caps;
	letter-spacing:0.1em;}

.SchriftNormal1nosp{	
	font: normal normal 16px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:600;
	color:#000000;
	font-variant:small-caps;
	}

.SchriftHinweis{	
	font: normal normal 12px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:600;
	color:#FF3333;
	letter-spacing:0.1em;}


.caps{
font-variant:small-caps;}

.no_caps{
font-variant:normal;
}

.text_header1{
font-size:1.2em;}



/* -----------------------------Farben-----------------------------------*/

.blau_dunkel1{
background-color:#A8C0D8;
}

.blau_hell1{
background-color:#CFDCEA;
}

/* --------------------------------Elemente------------------------------------*/
/*
* html #kopfzeile_links, * html #kopfzeile_rechts {height:0;}*/

/* Grundgeruest */
#container00 {
	background-color:#FFFFFF;
	width: 750px;
	/*height:650px;*/
	height:620px;
	padding-bottom:20px;
	margin: 0;
	/*margin: 0 auto 0 auto;
	margin-left: auto;
    margin-right: auto;*/
}

#Wohnungssuche {
	background-color:#FFFFFF;
	width: 750px;
	/*height:650px;*/
	height:620px;
	padding-bottom:20px;
	margin: 0;
	/*
	margin: 0 auto 0 auto;
	margin-left: auto;
    margin-right: auto;*/
}

#container02 {
	background-color:#FFFFFF;
	width: 750px;
	/*height:650px;*/
	height:620px;
	padding-bottom:20px;
	margin: 0;
	/*margin: 0 auto 0 auto;
	margin-left: auto;
    margin-right: auto;*/
}

.titelfeld1{
	font: normal normal 24px Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:300;
	color::#A8C0D8;
	/*
	font-size:1.4em;
	font-weight:600;*/
	font-variant:small-caps;
	letter-spacing:0.2em;
	color: #000000;
	background-color: #A8C0D8;
}


.abstandp20{
padding-left:20px;
}

.abstandp10{
padding-left:10px;
}

.spacer20px{padding-top:20px;}
.spacer15px{padding-top:15px;}
.spacer10px{padding-top:10px;}
.spacer8px{padding-top:8px;}
.spacer7px{padding-top:7px;}
.spacer6px{padding-top:6px;}
.spacer5px{padding-top:5px;padding-left:5px;}

.spacertop{
width:900px;}

.paddingLR20{
padding-left:20px;
padding-right:20px;}

.padding10{
padding:10px;}

.angebotzeigen{
width:330px;}


/* --------------------------------Body Elemente - allgemeines Inhaltselement, seitenabhaengige Elemente------------------------------------*/

#inhalt{
text-align:center;
width:750px;}


/* --------------------------------Wohnraum------------------------------------*/

.InhaltLinks{
float:left;
width:360px;
height:450px;
}

.InhaltLinksNeuss{
float:left;
width:360px;
height:520px;
}
.WohnraumInhaltLinksOben{
background-color:#A8C0D8;
height:40px;}

.InhaltLinksMitte{
background-color:#CFDCEA;
height:350px;
padding-left:10px;
padding-right:10px;}

.InhaltLinksMitteNeuss{
background-color:#CFDCEA;
height:400px;
padding-left:10px;
padding-right:10px;}

.InhaltLinksUnten{
background-color:#A8C0D8;
height:40px;
padding-left:10px;
padding-right:10px;
padding-top:10px;}

.WohnraumInhaltKarte{
float:right;
width:388px;
position:relative;
/*right:30px;*/
z-index:20;}
/*
.WohnraumInhaltKarteKasten{
background-color:#009999;
width:200px;
height:40px;
position:relative;
z-index:40;}

.karte{}
*/
.FormularSuchen1{
/*position:relative;*/
float:left;
width:100px;
left:0px;}

.FormularSuchen2{
float:left;
	position:relative;
	width:110px;
	left:15px;
}

.FormularSuchen3{
position:relative;
width:100px;
left:15px;}

.FormularSuchen4{
float:left;
position:relative;
width:110px;
left:0px;}

.FormularSuchen5{
float:left;
position:relative;
width:80px;
left:2px;}

.FormularSuchen6{
float:left;
position:relative;
width:80px;
left:20px;}




/* ---------------------------------Verschiedene wieder verwertbare Klassen-------------------------------------------*/
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element
 vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */



/*zusaetzliche IE Hacks*/

/* float hacks von   */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
.clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */
/*ende float hacks*/

* html #logo{
position:relative;
left:0px;
width:261px;
height:98px;
}

* html #headerimage{
position:relative;
/*left:0px;*/
width:559px;
height:98px;
/*padding-left:0px;*/}

*html h1 {
font-weight:bold;}

* html .SchriftTitel1{font-weight:bold;}
	
* html .SchriftNormal1{	font-weight:bold;}

