/****************************************************************************
version:   1.0
author:    Simone Litterst
email:     design@simone-litterst.de
website:   http://www.simone-litterst.de/
 ****************************************************************************/


/*###########################################################################
       =Allgemeine Grundeinstellungen
  ###########################################################################*/

 
/* Kommentar: Verwendete Farben:
     #005093  Blau, Hintergrund Balken
     #E5E7E8 HellGrau, Hintergrund Navigation
     #222021  Dunkelgrau, Randlinien
	 #5A5A5A  Dunkelgrau, Fliesstext
*/

/* Werte fuer padding and margin werden alle auf Null gesetzt */
* {
  margin: 0;
  padding: 0;
}

p {
  padding:0px 0 10px 0;
}



/* Mit dieser Klasse können floating Bereiche zurückgesetzt werden */
.clear {
  clear:both;
}


/* Rahmen um Bilder sind unerwuenscht */
img {
  border: 0;
}

body {
	background-color:#FFFFFF;
}


/* ***Ueberschriften*** */
h1 {
padding:4% 0;
font-size: 160%;
color:#FAA521;
}
h2 {
padding:0px 0 5px 0;
font-size: 120%;
color:#FAA521;
}
div >h2 {
padding:10px 0 10px 0;
}
h3 {
color:#999999;
color:#707071;
padding-bottom:1%;
font-size: 100%;
}
.enlarge {
		font-weight: 600;
		font-size: 110%;
	}
	.sub {
	color: #707071;
	color: #232323;
  	font-weight: lighter;
	font-size: 80%;
	}

	.fett {
font-weight: bold;
}

.kursiv {
  font-family:Verdana,Arial,sans-serif;
  font-style: italic;
}

/* ***Links*** */

a {
		text-decoration: underline;
	}
a:link {
		color: #005093;
	}
a:visited {
		color: #005093;
	}
a:hover {
		color: #2F2D2E;
		text-decoration: underline;
	}
	
.textDoubleSpace {
line-height:1.8em;
}

.distance {
padding:0px 0 15px 0;
}
.distance1 {
padding:20px 0 0px 10px;
}	
.distance2 {
padding:10px 0 20px 0;
}
.distance3 {
padding:0px 0 25px 0;
}
.distance4 {
padding:30px 0 10px 0;
}
.distance5 {
padding:15px 0 10px 0;
}


/* ***Typographische Angaben*** */
body {
  color: #2F2D2E;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  text-decoration:none;
}
/*###########################################################################
       =#wrapper
  ###########################################################################*/

#wrapper {
	width:1024px;
	height:650px;
	position:relative;
	left:0;
	top:0;
	float:left;
}
/*###########################################################################
       =#head
  ###########################################################################*/
#logo {
	float:left;
	height:166px;
}
.text_hoeren {
	float:left;
	padding:30px 0 0 30px;
}
.image_right {
	float:right;
	height:166px;
}
.balken {
	background-color:#005093;
	height:36px;
	border-top:1px solid #222021;
	border-bottom:1px solid #222021; 
	border-right:1px solid #222021;
}
.seitenueberschrift {
  font-family: Verdana, Arial, sans-serif;
  color: #ffffff;
  font-weight: bold;
  line-height:2.5em;
  float:left;
  padding:0px 0 0 260px;
}
.seitenueberschrift_text {
  padding:0px 0 0 15px;
  border-left:1px solid #222021;
  float:right;
  width:314px;
}
/*###########################################################################
       =#mainNav
  ###########################################################################*/
  #wrapper_mainNav {
	width:230px;
	height:430px;
	float:left;
	background-color:#E5E7E8;
	position:relative;
}
#mainNav {
	float:left;
}
#wrapper_mainNav table {
	margin:40px 0 0 0px;
}
#wrapper_mainNav table td {
	padding:3px;
	line-height:1.4em;
}

.menuheaderaktiv {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em;
font-weight: bold; 
color: #005093; 
border: 1px #2F2D2E solid; 
background-color: #ffffff; 
clip:rect(auto)
}
.menuheader {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em;
font-weight: bold; 
color: #005093; 
border: 1px #E5E7E8 solid; 
background-color: #E5E7E8; 
clip:rect(auto)
}
.menucell {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em;
font-weight: bold; 
color: #005093; 
border: 1px #E5E7E8 solid; 
background-color: #FFFFFF; 
clip:rect(auto)
}
.menuheader a:link, .menuheader a:visited, .menuheader a:hover {  
text-decoration: none;
color: #005093
}

.menuheaderaktiv a:link, .menuheaderaktiv a:visited, .menuheaderaktiv a:hover {  
text-decoration: none; 
color: #005093
}

.menucell a:link, .menucell a:visited, .menucell a:hover { 
text-decoration: none; 
color: #005093
}



.login {
	float:right;
	text-align:left;
	color:#005093;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 0.9em;
  	font-weight: bold;
	margin:290px 0 0px 0;
	margin:320px 0 0px 0;
	width:184px;
}
form#login input {
	margin: 3px 0px 0px 0;
}
.textfield {
	padding: 1px 3px 1px 3px;
	color: #000000;
	background-color: #ffffff;
	border: 1px #222021 solid;
	width:176px;
}

/*###########################################################################
       =#Content
  ###########################################################################*/

#content_wrapper {
	float:left;
	height:370px;
	width:403px; /*?*/
	overflow:auto;
	padding:30px;
}
/*###########################################################################
       =#Content Expanded
  ###########################################################################*/

#content_wrapper_expanded {
	float:left;
	height:370px;
	width:734px; 
	overflow:auto;
	padding:30px;
}


/*###########################################################################
       =#Home
  ###########################################################################*/
.content_home {
	padding:60px 30px;
	float:left;
}
/*###########################################################################
       =#Architektur, Beratung, Forschung
  ###########################################################################*/
.aufzaehlung {
	margin-left:10px;
line-height:25px;

}
.indent {
text-indent:-10px;
margin-left:10px;
line-height:20px;
padding:10px 0 10px 10px;
}
#aufzaehlung_beratung .indent {
padding:0px 0 20px 0px;
}


/*###########################################################################
       =#Kontakt
  ###########################################################################*/

form#kontaktformular {
 padding-top:10px;
}
div >form#kontaktformular {
 padding-top:20px;
}
fieldset {
 margin: 0;
 padding: 0;
 border :  solid 0 transparent;
}
legend {  
 display: none;
}
label {  
 float: left;
 width: 195px;
}
p.fieldset {
 margin: 0 0 -8px 0;  
}
input[type="text"], textarea {
 border: 1px solid #222021;
 padding: .1em .2em .1em .2em;
}
.submit {
  	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #005093;
  border: 0;
  margin:2px 0 0 195px;
  cursor:pointer;
}

.anfahrt {
	margin:40px 0px 10px 0;
}

/*###########################################################################
       =#Container Right
  ###########################################################################*/

#container_right_wrapper {
	float:right;
	height:369px;
	width:309px;
	overflow:auto;
	padding:30px 10px;
	border-left: 1px #222021 solid;
	border-right: 1px #222021 solid;
	border-bottom: 1px #222021 solid;
}
#container_right_wrapper .header {
	font-weight: bold;
	margin:20px 0px 2px 0;
}
#container_right_wrapper .header_first {
	font-weight: bold;
	margin:15px 0px 2px 0;
}

/*###########################################################################
       =#Referenzen
  ###########################################################################*/
#content_wrapper_references {
	float:left;
	height:370px;
	width:734px; 
	padding:0 0 0 30px;
}
#content_wrapper_references .image {
	padding:94px 30px 0 0;
	padding:78px 30px 0 0;
	float:left;
}
#content_wrapper_references .text {
	padding:78px 0 0 0;
	margin-right:-30px;
}
/*###########################################################################
       =#Kontakt
  ###########################################################################*/

form#kontaktformular {
 padding-top:10px;
}
div >form#kontaktformular {
 padding-top:20px;
}
fieldset {
 margin: 0;
 padding: 0;
 border :  solid 0 transparent;
}
legend {  
 display: none;
}
label {  
 float: left;
 width: 195px;
}
p.fieldset {
 margin: 0 0 -8px 0;  
}
input[type="text"], textarea {
 border: 1px solid #87888B;
 padding: .1em .2em .1em .2em;
}
.submit {
  	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #005093;
  border: 0;
  margin:2px 0 0 195px;
  cursor:pointer;
}
/*###########################################################################
       =#Impressum
  ###########################################################################*/
.impressum h3 {
  	padding-bottom:2px;
}
div >.impressum h3 {
  	padding-bottom:1%;
}
/*.impressum {
  	overflow:auto;
	height:380px;
}
div >.impressum {
  	overflow:hidden;
	height:100%;
}


/*###########################################################################
       =#footer
  ###########################################################################*/
#footer {
	line-height:1.8em;
	color:#005093;
	font-weight:bold;
}
#footer .impressum {
	padding-left:42px;
		float:left;
}
#footer a {
	text-decoration:none;
		color:#005093;
	font-weight:bold;
}
#footer a:visited {
	text-decoration:none;
	color:#005093;
font-weight:bold;
}
#footer a:hover {
	text-decoration:none;
	color:#5A5A5A;
}
#footer .date {
	/*padding-right:110px;
	padding-right:10px;*/
		float:right;
}
#footer .copyright {
	padding-right:10px;
	padding-left:583px;
		float:left;
}