/*---------------Body-----------------  */

body {
  background-color: #bbbbbb;
  background-image:url(images/verlauf_HG.jpg); background-repeat:repeat-x;
  }
  
/* --------------Wrapper--------------  */

#wrapper {
  
  width: 900px
  margin: 0px;
  padding: 0px;
}

/* ---------------header--------------  */

#header {
  margin: 0px;
  padding: 0px;
  height: 300px;
  }
  
/* ----------------SUB NAV------------  */

#subnav {
	background-color: #0099FF;
	margin: 0px;
	padding: 0px;
  width: 900px;
  height: 50px;

}

#subnav a:link, #subnav a:visited {
  vertical-align: middle;
  font-weight: bold;
  font-family: Trebuchet MS;
	color: #ffffff;
	font-size: 16px;
  text-decoration: none;

	}
	
#subnav a:hover {
	color: #ee0000;
}


/*----------------main----------------  */

#main {
  position:relative;
  background:url(images/main_HG.png) repeat-x bottom;
  min-height:330px;
  width: 900px;
  background-color: #FFFFFF;
  text-align: left;
  font-weight: normal;
  font-family: Trebuchet MS;
	color: #000000;
	font-size: 14px;
  text-decoration: none;
  }



/* ---------------footer--------------  */

#footer {
  background-image:url(images/footer.png);
  width: 900px;
  height: 40px;
  font-weight: normal;
  font-family: Trebuchet MS;
  color: #000000;
  font-size: 11px;
  text-decoration: none;
}

#footer a:link, #footer a:visited {
  color: #000000;
  }
  
#footer a:hover {
  color: #007700;
  }
  
  
/******************************
* Links
******************************/

a:link {
  color: #0099ff;
  font-family: Verdana;
  background-color:transparent;
  text-decoration: none;
  font-weight: normal;
}
a:visited{
  color:#000000;
  font-family: Verdana;
  background-color:transparent;
  text-decoration: none;
  font-weight: normal;
}
a:active{
  color:#ee0000;
  font-family: Verdana;
  background-color:transparent;
  font-weight: normal;
}
a:hover{
  color:#ee0000;
  font-family: Verdana;
  text-decoration: none;
  font-weight: normal;
}

/*--------------toggle-------------  */

.button
{
  display:block;
  width:400px;
  height:20px;
  
}
#hiddenelement
{
  display:none;
  border:1px solid #0099ff;
  background-color:#bbbbbb;
}


/******************************
* Text
******************************/

p {
  text-align: left;
  font-weight: bold;
  font-family: Trebuchet MS;
	color: #000000;
	font-size: 18px;
  text-decoration: none;


h1 {
 font-family: Verdana;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 text-align: left;
 text-decoration: none;
 line-height: 1.5;
 }
 
h2 {
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 color: #000000;
 text-align: center;
 text-decoration: none;
 }
 
h3 {
 font-family: Verdana;
 font-size: 14px;
 font-weight: normal;
 color: #000000;
 text-align: center;
 text-decoration: none;
 }
 
top {
 font-family: Trebuchet MS;
 font-size: 12px;
 font-weight: bold;
 color: #0099ff;
 text-align: right;
 text-decoration: none;
 }

back {
 font-family: Verdana;
 font-size: 10px;
 font-weight: normal;
 text-align: center;
 text-decoration: none;
 }

h4 {
 font-family: Verdana;
 font-size: 16px;
 font-weight: bold;
 color: #000000;
 text-align: left;
 text-decoration: none;
 }
 
big {
 font-family: Verdana;
 font-size: 45px;
 font-weight: bold;
 color: #ff0000;
 text-align: left;
 text-decoration: none;
 }

h5 {
 font-family: Verdana;
 font-size: 22px;
 font-weight: normal;
 color: #704316;
 text-align: center;
 text-decoration: none;
 }
 
 
 /**********************hover Bilder**************/
#img {
border:none;
}

#box1{
height:150px;
width:113px;
padding:0;
margin:0px;
border:0px solid #704316;
font:bold 14px Trebuchet MS;
}
#box2{
height:150px;
width:200px;
padding:0;
margin:0px;
border:0px solid #704316;
font:bold 14px Trebuchet MS;
}
#box3{
height:348px;
width:262px;
padding:0;
margin:0px;
border:0px solid #704316;
font:bold 14px Trebuchet MS;
}

#box1: div{display:none; }

#box2: div{display:none; }

#box3: div{display:none; }

#box1:hover div{
background: #FFFFFF;
display:block;
width:377px;
position:fixed ;top:20px;right:20px;
border:2px dashed #704316;
padding:10px;
font:normal 14px Trebuchet MS;}

#box2:hover div{
background: #FFFFFF;
display:block;
width:500px;
position:relative ;top:20px;right:20px;
border:2px dashed #704316;
padding:10px;
font:normal 14px Trebuchet MS;}

#box3:hover div{
background: #FFFFFF;
display:block;
width:377px;
position:absolute ;top:20px;right:20px;
border:2px dashed #704316;
padding:10px;
font:normal 14px Trebuchet MS;}

#a3 { position:absolute; top:220px; left:200px; width:250px; height:250px;
      z-index:3; background-color:#ffa; }
#a4 { position:absolute; top:20px; left:20px; width:70px; height:70px;
      z-index:1; background-color:#ff5; }
#a5 { position:absolute; top:20px; right:20px; width:70px; height:70px;
      z-index:2; background-color:#dd2;