@import "reset.css";

* { /* setzt alle Boxen auf 0 */
    padding: 0;
    margin: 0;
}

/*=====================
	Allgemeine Styles
	====================*/

html {
    height: 101%; /* erzwingt Scrollbar im Firefox */
}

body {
    color: white;
    text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
    font-family: Verdana,Helvetica,Arial,sans-serif;
    background-color: black;
}

div {
    text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

a {
   text-decoration: none;
   color: #dcb334;
}

h1, h2, h3, h4, h5, h6 {

  margin: 8px 0 8px 10px;
  font-weight: bold;
  font-size: 1.2em;
}

h3 {
  font-size: 1.1em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.9em;
}

h6 {
  font-size: 0.8em;
}

p {
  padding: 8px;
  font-size: 90%;
}



/*=====================
	Wrapper
	====================*/

div#Wrapper {
    /*position: relative;*/
 
    width: 960px; /* 960px = 60em */

    margin: 0 auto;

    color: white;

    background-color: black;

}



/*=====================
	SubWrapper, Curve, LineBottom
	====================*/

div#SubWrapper, div#Curve, div#LineBottom {
    color: black;

    background:url(../grafik/LinieLinks.gif) top left repeat-y;

    background-color: white;
}

div#LineBottom {
    background:url(../grafik/LinieUnten.gif) bottom left repeat-x;    
}

div#Curve {
    background:url(../grafik/Kurve.gif) bottom left no-repeat;    
}


/*=====================
	Versteckte Sprunglinks
	====================*/
.Versteckt { position:absolute; left:-10000px;}


/*=====================
	Header
	====================*/

#Header {
    position: relative;
    height: 160px;
    
    color: #dcb334;
    text-align: center;

    background:url(../grafik/hgoben.jpg) top left no-repeat;
}

#Header img {
  margin-top: 15px;
  margin-left: -15px;
}

#Header h1 a {
  color: #dcb334;
}

/*=====================
	GlobalMenu
	====================*/
	
span.GlobalMenu { 
 	position:absolute;
 	
  right: 10px;
  bottom: 10px;
  
  padding:0.5em;
  font-size: 0.8em;
  
}

/*=====================
  Rootline
	====================*/
	
span.Rootline { 
 	position:absolute;
 	 	
 	left: 10px;
  bottom: 10px;
  
  padding:0.5em;
  font-size: 0.8em;
}

.Rootline a, .GlobalMenu a {
    color: #dcb334;
}

	/*=====================
	Top Menu GlobalMenu
	====================*/

div#GlobalMenu {
  float: right;
}

/*=====================
	Navigation / Menu
	====================*/

#Menu {
  width: 160px; 
  float: left;
  font-size: 0.9em;
}

ul.MainNavi, ul.MainSubNavi {
  margin: 20px 15px;
}

ul.MainSubNavi {
  margin-top: 50px;
}

ul.MainNavi li, ul.MainSubNavi li{
  margin: 10px 0;
}

ul.MainNavi li a, ul.MainSubNavi li a { 
  display:block;

  padding:0.2em 0 0.2em 10px;

  text-decoration:none;

  color: black;
  font-weight: bold;

  border-left: 1px solid #dcb334;
  border-bottom: 1px solid #dcb334;
  -moz-border-radius-bottomleft: 5px;
}

ul.subnavi li a{
  margin-left: 10px;
  font-weight: normal;
  font-size: 0.8em;
}	
				
ul.MainNavi li a:hover, ul.MainSubNavi li a:hover {	
  background: #ddd;
  color: black;
  border-color:#ccc;
}
			
ul.MainNavi li a.active, ul.MainSubNavi li a.active {
  color: black; 
  background-color: #dcb334;
  border-color: orange;
}


/*=====================
	Advt
	====================*/

#Advt {
    width: 192px;
    float: right;
}

div#Advt h3 {
  margin: 5px 0;
  text-align: center;
}

div#AdSense, div#ActAdvt {
  margin: 5px 0;
  text-align: center;
}

/*=====================
	ContentWrapper
	====================*/

#ContentWrapper {
    min-width: 608px; /* 608px = 38em*/
    width: 608px;

    margin-top: 0;
    margin-left: 160px;
    margin-bottom: 0;
    margin-right: 192px;
    
}


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

#Content {
  min-height: 550px;
  overflow: auto; /* Scrollbar im Content wenn zuviel Text vorhanden */
  font-size: 90%;
  
  border-bottom: 1px dotted #aaa;
}

div#Content ul, div#Content ol, div#Content table {
  margin: 0 5px;
  padding: 8px;
  font-size: 90%;
}

div#Content ul {
  list-style-type: disc;
}

div#Content ol {
  list-style-type: decimal;
}

div#Content caption {
  text-align: center;
}		

div.content2sp_33-66, div.content2sp_66-33, div.content1sp_100, div.content3sp_33-34-33 { 	
  padding: 1em 0;
  width: 100%;
  float: right;
}

div.w33 { 	
  width: 33%;
}

div.w67 { 	
  width: 67%;
}

div.w34 { 	
  width: 33%; 
	margin: 0 33%;
}

div.links { 	
  float:left; 
}

div.rechts { 	
  float:right; 
}

div.c_pad { 	
  padding: 8px; 
}

div.bord_right {
  border-right: 1px dotted #aaa;
}

div.bord_left {
  border-left: 1px dotted #aaa;
}

div.bord_bottom {
  border-bottom: 1px dotted #aaa;
}

/*=====================
	SubContent
	====================*/

div#SubContent {
  margin: 20px 0 0 0;
  height: 50px;
  text-align: center;
}

div#SubContent h3{
  margin: 0;
}
/*=====================
	Formular
	====================*/

form {
  background-color: #eee;
  margin: 0 auto;
  width: 370px;
  padding: 20px;
  border: 1px solid grey;
}

fieldset {
  padding: 1em 0;
  border: 1px solid grey;
}

legend {
  margin-left: 15px;
  padding: 0 5px;
}

label, input, select { 
  display: block;
  float: left;
  margin: 2px 0;
}

form br { 
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { 
  float: none;
  width: auto;
}

label {
  cursor: pointer;
}

#AbOne label {
 text-align: right;
 padding-right: 1em;
 width: 110px; /* Breite.*/ 
}

#AbTwo label {
  text-align: right;
  padding-right: 1em;
  width: 110px; /* Breite.*/
}

#AbTwo .cb {
  padding-right: 1em;
  margin: 2px 1em 2px 0;
}

#AbTwo .labelSpez {
  width: auto; /* Breite.*/
}

#AbThree input, .cbSpez {
  padding-right: 1em;
  margin: 4px 1em 2px 20px;
}

#AbFour textarea{
  margin: 0 1em;
  width: 340px;
  height: 7em;
}

#AbFive label {
 width: 200px; /* Breite.*/ 
}

#AbFive span {
 width: 95px; /* Breite.*/
 height: 60px; /* Höhe */ 
}

#AbFive label,#AbFive input,#AbFive select { 
  display: block;
  float: left;
  margin: 2px 1em;
}

/*=====================
	Footer
	====================*/

div#Footer {
  margin-top: 25px;
  color: #dcb334;
  font-size: 0.7em;
}

div#Footer a{
  text-decoration: none;
  color: #dcb334;
  padding: 5px 0;
}

div#SiteUp, div#ImpreSite{
  display: inline;
  float: right;
  padding: 5px 0;
  text-align: right;
}

div#Search form {
  
  background-color: black;
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
}

div#Search, div#Copy{
  display: inline;
  float: left;
  padding: 5px 0;
}

div#Search {
  padding-top: 0;
}

div#Search input {
  float:left;
  margin-right:5px; 
}

div#FooterTwo {
  clear: both;
  padding: 10px 0;
  border-top: 1px solid white;
}

div#MainNavigation, div#Schools, div#History, div#Lead {
  float: left;
  width: 25%;
  height: 100px;
  margin: 0;
}

div#FooterThree {
  clear: both;
  border-top: 1px solid white;
}