/* wulffsche-wohnsiedlung.info */
/* HANSA – Grundstücksverwaltung GmbH */
/*
COLORS:
Dark blue: #003366
Cyan: #0099ff;
Kampagnen Grün: #77b241;
Beige HG f5f5f5
*/
html { height: 100% } /* Permanente Scrollbalken */ 

body {
	min-height: 101%;  /* Permanente Scrollbalken */ 
  	background-color: #fff;
	font-size: 0.8em;
	font-family:  'Lucida Grande', Verdana, Arial, sans-serif;
	line-height: 1.4em;
  	color:#000000;  
  	padding: 0;
  	margin: 0;
	outline: none;
  	}

/* L I N K S ------------------------------------------------------------------- */
a {color: #0099ff; text-decoration: none; }
a:visited {color:#0099ff;}
a:hover {color: #003366;}
a:active { color:#003366; text-decoration: underline;}


.link_impressum, .link_impressum:link { color: #fff; text-decoration: none; }
.link_impressum:visited {color:#fff;}
.link_impressum:hover {color: #0099ff;}
.link_impressum:active { color:#0099ff; text-decoration: underline;}
/* F O N T ------------------------------------------------------------------- */

h1, h2, h3 { text-transform: uppercase; color: #003366; font-weight: normal }
h1 { font-size : 1.5em; line-height:1em; margin: 0 0 15px 0 }
h2 { font-size : 1.2em; margin: 0; }
h3 { font-size : 1.0em; margin: 5px 0; line-height: 120%; color:#000000; font-weight: bold; } /* head NEWS */
h4 { font-size : 1.1em; margin: 0; text-transform: none;  }
h5 { font-size : 0.8em; margin: 0; color:#666666; text-transform: none; }/* NEWS Date */

pre, code{ font-size: 1.3em;}

.bu { font-style:italic; color:#0099FF; font-size: 0.9em; line-height: 140%}

p, li{
	padding:  0;
	margin:0 0 15px;
}

li{ margin:0 0 5px; }
tr p{	font-size: 0.9em; line-height: 1.4em; } 

ul{ list-style: outside; padding-left: 20px}

.warnung{ color: #0099ff }

/* M E N U E ------------------------------------------------------------------- */



ul#Navigation {
	width: 1060px;
    margin: 0 auto 50px auto; padding: 5px 0;
    text-align: left;
  }
  ul#Navigation li {
  display: inline;
  list-style: none;
  margin: 1.6em 0; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
 	text-transform: uppercase;
    padding: 0.5em 1em;
    text-decoration: none; font-weight: bold;
    color: #333333; background-color: #ccc;
  }

  ul#Navigation a:hover, ul#Navigation span {
    border-color: #003366;
    color: white; background-color: #003366;
  }


/* SUB M E N U E ------------------------------------------------------------------- */

ul#Subnavigation {
	width: 930px;
    margin: 0 auto 10px auto; padding: 0 0;
    text-align: left;
  }
  ul#Subnavigation li {
  display:inline;
  list-style: none;
  margin: 1em 0; padding: 0;
  }

  ul#Subnavigation a, ul#Subnavigation span {
    padding: 0.4em 1.0em;
    text-decoration: none; font-weight: bold;
    color: #fff; background-color: #77b241;
  }
  * html ul#Subnavigation a, * html ul#Subnavigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Subnavigation a:hover, ul#Subnavigation span {
    color: white; background-color: #003366;
  }

  .clr{ clear:left; }


/* L A Y O U T ------------------------------------------------------------------- */

#banner {
	width: 100%; 
	background-color:#003366;

}

#banner p{
	vertical-align: middle;
	text-align: center;
	width: 930px;
	margin: 0 auto;
	padding: 30px 0;
}

#content {
	width: 930px;
	margin: 0 auto;
	padding: 0;
}

#content_box1{
	width: 580px;
	margin: 0;
	padding: 0 20px 50px 0 ;
	float: left;
}

#content_box2{
	width: 285px;
	margin: 0;
	padding: 0;
	float: right;
}


#footer {
	width: 100%; 
	background-color:#003366;
}

#footer p{
	text-align:center;
	font-size: 0.8em;
	color: #fff;
	width: 900px;
	margin: 0 auto;
	padding: 8px 0;
}

/* N E W S ------------------------------------------------------------------- */

.news{ background-color:#EEEEEE; padding: 12px; width: 570px; margin: 8px 0; }
.news p{ font-size: 1em; line-height:130%; margin:0 }

.info_box_right {background-color:#EEEEEE; padding: 12px; width: 270px; margin: 5px 0; float: right;}
.info_box_right p{ font-size: 0.9em; line-height:130%; margin:0 }



/*----- F O R M U L A R E ---------------------------------------------------------*/
.Button { 
	background-color:#003366; 
	color:#fff;
	border: 0;
	padding: 5px 5px;
	font-weight:bold;
	font-size: 10px;
	}
	
.Button:hover { 
	background-color:#0099ff; 
	color:#fff;
	border: 0;
	padding: 5px 5px;
	font-weight:bold;
	font-size: 10px;
	cursor: auto;
	}
input, textarea { border: 2px solid #ddd; padding: 3px}
.warnung_border { border: 1px solid #0099FF; padding: 3px}


/* the overlayed element --------------------------------------------------------- */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	width:740px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 20px 5px #000;
	-webkit-box-shadow: 0 0 20px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.img { border: 0;}