/* Style Sheet - Hegele Wohnungsbau */

/* 
Null und Nichtig
Der finale CSS-Reset von Eric Meyer
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

{ 	
margin: 0; 	
padding: 0; 	
border: 0; 	
outline: 0; 	
font-weight: inherit; 	
font-style: inherit; 	
font-size: 100%; 	
font-family: inherit; 	
vertical-align: baseline;   	/* <td style="vertical-align: bottom;"> */
background: transparent; 
} 

/* remember to define focus styles! */ 

:focus 
{ 	
outline: 0; 
} 

body 
{ 	
line-height: 1; 	
color: black; 	
background: white; 
} 


ol, ul 
{ 	
list-style: none; 
} 


/* tables still need 'cellspacing="0"' in the markup */ 

table 
{ 	
border-collapse: collapse; 	
border-spacing: 0; 
} 

caption, th, td 
{ 	
text-align: left; 	
font-weight: normal; 
} 

blockquote:before, blockquote:after, q:before, q:after 
{ 	
content: ""; 
} 

blockquote, q 
{ 	
quotes: "" ""; 
} 
/* 
Null und Nichtig
Der finale CSS-Reset von Eric Meyer
ENDE */


body { 
	font: normal bold 10px/13px verdana arial helvetica sans-serif; 	/* style variant weight  size/height  font-family */
	}

/* ==============================
   1. DIV-Bereiche 
   =========================== */ 
   
#wrapper {
	width: 910px; 
	margin-top: 25px; 
	margin-left: 25px; 
	}

.staedte-box {
	float: right;
	width: 910px;
	background-color: #F0FAFF;
	}

.staedte-box p {
	color: #FFF;
	font: normal normal bold 12pt/14pt arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	background-color: #00338C;
	background-image:url(blauer-verlauf.jpg); background-position: top; background-repeat: repeat-y;
	width: 543px;
	padding: 2px 0px 2px 3px;
	margin: 0px 0px 0px 364px;
	}

.info-box {
	float: left;
	width: 910px;
	background-color: #F0FAFF;
	padding: 30px 0 30px 0;
	border-bottom: 1px solid #00338C;
	}

.bild-seite {
	float: left;
	width: 336px;
	}

.text-seite {
	float: right;
	width: 546px;
	}

/* ==============================
   2. Allgemeine HTML-Elemente 
   =========================== */

html {height: 101% } /* Firefox blendet immer Scrollbar ein */ 

h1 { 
	color: #0077D2;
	font: normal normal bold 12pt/13pt arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	margin: 0 0 4px 0;
	} 

h2 { 
	color: #0077D2;
	font: normal normal bold 12pt/14pt arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	margin: 3px 0 4px 0;
	} 

.dunkle-farbe { 
	color: #00338C;
	margin: 0 0 14px 0px;
	} 

/*	background: url(info.gif) no-repeat 0 10%; */

p { 
	color: #222;
	font: normal normal normal 11pt/15pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	margin: 0 10px 8px 0;
	} 

.maklergebuehr { 
	color: #444;
	font: normal normal bold 10pt/15pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	} 

.eigenleistung { 
	color: #222;
	font: normal normal normal 9pt/12pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	margin: 0px 0 12px 0;
	} 

.info-box li { 
	list-style-type: square;
	list-style-position:inside;
	color: #222;
	font: normal normal normal 11pt/15pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	margin: 0 0 5px 0;
	} 

.preis { 
	color: #0077D2;
	font: normal normal bold 14pt/14pt arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	padding-top: 6px;
	margin: 0px 0 4px 0;
	} 

.note { 
	font: normal normal normal 8pt/10pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	margin: 10px 0 0px 0;
	} 

.text-schmal {
	margin-right: 162px;
	}

#aktuelle-projekte H2.text-schmal { 
	text-transform:uppercase;	/* style variant weight  size/height  font-family */
	} 

.text-download {
	font: normal normal normal 9pt/14pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	text-align: left;
	margin: 2px 16px;
	}

.text-download  a { 
	display: block;
	font-weight: bold;
	line-height: 18pt;
	color:  #000;  
	text-align: left;
	margin-top: 5px;
	padding-left: 21px;
	text-decoration: none; 
	background: #F0FAFF url(acrobat.gif) no-repeat left 45%;
	} 

.text-download  a span { 
	font-weight: normal;
	} 

.text-download  a:hover, 
.text-download  a:focus { 
	color:  #000;  
	text-decoration: underline; 
	} 

.text-breit {
	margin-right: 16px;
	}

em { 
	font-style: normal; text-transform:uppercase;   
	}

/* ====================
   3. Sockel mit Navi unten 
   ===================== */

#sockel { 
	width: 910px;
	position: relative; float: left; clear: both; height: 100px; 
	} 

#copyright  { 
	position: absolute;  top: 14px;  left: 0px;
	} 

#copyright p, #copyright a { 
	color: #222;
	font: normal normal normal 11px/12px arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */ 
	text-decoration: none;
	} 

#copyright a:hover { 
	text-decoration: underline;
	} 

#logo  { 
	position: absolute;  top: 4px;  left: 266px;
	} 

#navi-unten { 
	position: absolute;  top: 14px;  left: 364px;
	} 

#navi-unten p, #navi-unten a { 
	color: #888;
	font: normal normal bold 14px/15px arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */ 
	text-decoration: none;
    margin-bottom: 5px;
	} 

#navi-unten a:hover, 
#navi-unten a:focus,
#startseite #navi-unten-startseite a, 
#aktuelle-projekte #navi-unten-projekte a, 
#vermietungen #navi-unten-vermietungen a, 
#referenzen #navi-unten-referenzen a, 
#qualitaet #navi-unten-qualitaet a, 
#impressum #navi-unten-impressum a 
{ 
	color:  #3688C6;  
	} 

#navi-unten p.email  { 
	text-align: center; margin: 0 0 4px 0; 
	} 

#sockel #navi-unten #anschrift  { 
	float: left;
	font: normal normal normal 11px/11px arial, helvetica, sans-serif 	/* style variant weight  size/height  font-family */ 
	} 

/* ====================
   4. Tabelle auf Startseite
   ===================== */

table caption { 
	color: #0077D2;
	font-weight: bold; 	
	padding-bottom: 4px;
	} 

table { 
	color: #222;
	font: normal normal normal 10pt/11pt verdana, arial, helvetica, sans-serif; 	/* style variant weight  size/height  font-family */
	width: 96%;
	} 

table th, table td { 
	text-align: right;
	padding: 0px 20px 1px 0;
	} 

table th { 
	color: white;
	font-weight: bold; 	
	background-color: #0077D2 
	} 
/*
table tr.blauer-balken { 
	background-color: #0077D2; 
	background-image:url(blauer-verlauf.jpg); background-position: top; background-repeat: repeat-y; 
	}
*/
table td { 
	padding-top: 4px;
	} 

/* ==============================
  5. Navigation oben 
  =========================== */

#navi-oben  { 
	float:right;
	font: normal normal bold 14px/21px verdana, arial, helvetica, sans-serif; 	/* font-style, font-variant, font-weight, font-size/line-height, font-family */
	background-color: #F0FAFF;
	margin-top: 16px;
	height: 40px;
	width: 910px;
	text-align: right;
	padding-top: 1px;
	border-bottom: 1px solid #00338C;
	}

#navi-oben li { 
	text-valign: middle;
	display: inline;
	list-style-type: none; 
	margin-left: 6px;
	}

#navi-oben li a { 
	color: #8A8A8A; 
	background-color: #F0F0F0; 
	text-decoration: none;
	/* background-image:url(navi-portfolio-passiv.gif); background-position: top; background-repeat: repeat-x;  */
	border-bottom: 3px solid #BBB;
	padding: 3px 20px 4px 21px;
	margin: 20px 0 0 0;
	}

#navi-oben a:hover, 
#navi-oben a:focus,
#startseite #navi-startseite a,
#referenzen #navi-referenzen a,
#vermietungen #navi-vermietungen a,
#aktuelle-projekte #navi-projekte a,
#qualitaet #navi-qualitaet a 	{
	color: #FFF; 
	background-color: #3993D5; 
	text-decoration: none;
	/* background-image:url(navi-hover.gif); background-position: top; background-repeat: repeat-x; */
	border-bottom: 3px solid #00338C;
	}