/* -----------------------------------------------
Style-sheet für Architekten Wilke
--------------------------------------------------*/

/*** Reset Defaults ***/

*{
  margin:0;
  padding:0;
}

html{
	font-size:100.01%;
	height:100.1%;
}

body{
	color:#000000;
	background-color:#ffffff;
	font-family:'Trebuchet MS',Tahoma,Helvetica,Arial,Geneva,sans-serif;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
}

img{
	border:0 none;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
}

/* -----------------------------------------------
Festlegungen für das gesamte Dokument 
--------------------------------------------------*/
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  font-style:normal;
  color:#000000;
  background-color:#C5C1BE;
  text-align:center; /* für IE */
}

/* -----------------------------------------------
wrapper umfasst das gesamte Blatt 
--------------------------------------------------*/
#wrapper{
  position:absolute;
  top:0px;
  left:0px;
  width:820px;
  background-color:#C5C1BE;
  padding-top:1px; /*für Netscape, da sonst Hintergrund oben erscheint */
  text-align:left;
  min-height:1000px;
  float:right;
}
 
#wrapper p{
	margin-bottom:10px;
} 

/* -----------------------------------------------
Bereich links: Logo
--------------------------------------------------*/
#logo{ 
  width:240px;
  height:170px;
}

#logo img{
  width:130px;
  margin-left:50px;
  margin-top:30px;
}

/* -----------------------------------------------
Bereich links: Navigation oben, mitte, unten 
--------------------------------------------------*/  
#navi1{
  width:240px;
  min-height:400px;
  xmargin-left:30px;
}

#navi1 > ul, #navi_oben > ul{
  list-style-type:none;
  margin-bottom:25px;
  margin-left:50px;
}


#navi_oben > ul > li.menu-first a{
  display:none;
}


#navi1 li{

}

#navi1 li a{
  text-decoration:none;
  color:#000000;
  line-height:22px;
}

#navi1 li li {
  margin-left:20px;
  list-style-type:disc;
}

#navi1 a:hover{
  color:#C20177;
}


#navi1 li.menu-current a{
  xcolor:#C20177;
}

#navi1 li.menu-parent  li.menu-parent {
  color:#C20177;
}

#navi1 li.menu-parent  li.menu-parent a{
  color:#C20177;
}


/* -----------------------------------------------
Bereich Rechts: Content
--------------------------------------------------*/  
#content{
  width:580px;
  min-height:900px;
  xbackground-color:#003B53;
  xcolor:white; 
  background-color:#FFFFFF;
  color:#000000;  
  
  float:right;

}

#content a{
  xcolor:#FFFFFF;
  color:#000000;
  xtext-decoration:none;
}

#content a:hover{
  color:#C20177;
}


/* -----------------------------------------------
Bereich Rechts: Content Inhalt_ganz
--------------------------------------------------*/ 

#inhalt_ganz{
  margin-left:20px;
  margin-right:20px;
  margin-top:30px;
}

#inhalt_ganz h1{
  font-size:20px;
  xfont-variant:small-caps;
  margin-bottom:10px;
}

#inhalt_ganz h2{
  font-size:16px;
  margin-bottom:10px;
  margin-top:25px;
}

#inhalt_ganz p{
  line-height:18px;
}

#inhalt_ganz ul{
  margin-bottom:20px;
}

#inhalt_ganz ul li{
  margin-left:20px;
  margin-bottom:10px;
}

#inhalt_ganz img{
  margin-left:-20px;
}

/* -----------------------------------------------
Bereich Rechts: Content Inhalt_ganz_unten
--------------------------------------------------*/ 

#inhalt_ganz_unten{
 height:500px; 
 overflow:auto;
 margin-right:-20px;
 padding-right:20px;
}


/* -----------------------------------------------
Aufspringende Informationsbox
--------------------------------------------------*/

#versteckt #infobox #box_inhalt{
  width:800px;
  height:600px;
}