/*=======================================================
Stand: April 2008
datei: bildschirm.css
datum: 3.4.2008
Autor: T.Trölsch
Aufbau: 1.Kalibrierung und allg. Styles
		2.Styles für Layoutbereiche
		3.sonstige Styles
========================================*/

/*=================================
	1.Kalibrierung und allg. Styles
====================================*/
/*Allgemeine Selektoren*/

body
{ /* Gestaltet das HTML-Element mit dem namen body */
	Background-color:#999999; /*Hintergrundfarbe*/
	font-family: Arial,Helvetica, sans-serif;}
	


	/*====  wrapper===*/
	
#wrapper{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hintergrund.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	}
	
	#wrapper1{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hintergrund_d.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	}
	
	#wrapper2{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hintergrund_p.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/}
	
	#wrapper3{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hg_k.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/}
	
	#wrapper4{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/start.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/}

#wrapper5{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hg_b.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	}


#wrapper6{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hg_L.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	}
	
	#wrapper7{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/hg_e.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	}


#wrapper8{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	border: 0px solid black;
	background-image:url(images/404.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	}


/*==== Ende wrapper===*/
 
    #navibereich2{
   position:absolute;
   left: 830px;
    width:150px;
    height:600px;
    margin-top:445px;}
    
     #navibereich3{
   position:absolute;
   left: 830px;
    width:150px;
    height:600px;
    margin-top:333px;}
    
     #navibereich4{
   position:absolute;
   left: 830px;
    width:150px;
    height:600px;
    margin-top: 415px;}

/*====Textbereich===*/
    
  #textbereich{
    float:right;
    top: 0px;
    left: 0px;
    width:300px;
    height:100px;
    padding-top: 20px;
    margin-top: 10px;}
    
  #textbereich1{
    float:left;
    top: 0px;
    width:300px;
    height:100px;
    padding-left: 150px;
    padding-top:190px;
    margin-top: 30px;}
    
    #textbereich2{
    float:right;
    top: 0px;
    left: 0px;
    width:500px;
    height:100px;
    padding-top: 170px;
    margin-top: 5px;
    }
    
    #textbereich3{
    float:left;
    top: 0px;
    width:300px;
    height:300px;
    padding-top: 0;
    padding-left: 150px;
    margin-top: 10px;
        }
        
   #textbereich4{
    float:left;
    top: 0px;
    width:300px;
    height:100px;
    padding-left: 150px;
    padding-top:210px;
    margin-top: 30px;}
    
     #textbereich5{
    float:right;
    top: 0px;
    left: 0px;
    width:400px;
    height:100px;
    padding-top: 190px;
    margin-top: 5px;
    }
    
      #textbereich6{
    float:right;
    top: 0px;
    left: 0px;
    width:300px;
    height:100px;
    padding-top: 165px;}
    
     #textbereich7{
    float:left;
    top: 0px;
    width:300px;
    height:100px;
    padding-left: 240px;
    padding-top:260px;
   }

        
   /*==== Ende Textbereich===*/   
   


/*==== Boxen===*/
#box1{
    position:absolute;
    top: 5px;
    left: 90px;
    width:454px;
    height:365px;
    background-color: #999999;
    padding: 8px;
    margin-top: 160px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    #box2{
    position:absolute;
    top: 5px;
    left: 20px;
    width:600px;
    height:365px;
    background-color: #999999;
    padding: 8px;
    margin-top: 160px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    
     #box3{
    position:absolute;
    top: 12px;
    left: 90px;
    width:454px;
    height:365px;
    background-color: #999999;
    padding: 8px;
    margin-top: 152px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    #box4{
    position:absolute;
    top: 250px;
    left: 227px;
    width:200px;
    height:200px;
     padding: 8px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
      #box5{
    position:absolute;
    top: 165px;
    left: 20px;
    width:400px;
    height:365px;
    background-color: #999999;
    padding: 8px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    #box6{
    position:absolute;
    top: 5px;
    left: 90px;
    width:365px;
    height:365px;
    background-color: #999999;
    padding: 8px;
    margin-top: 160px;
    -moz-border-radius:10px;
   -khtml-border-radius:10px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
   
    
 


    
 /*====ende  Boxen===*/
   
    
/*==== Navigation/ Links===*/
   
a.link {
display:block;
width:56px;
height:54px;
border:0px solid #000000;
background-image:url(images/arrow1.gif);
}

a.link:hover {
background-image:url(images/arrow2.gif);
}

a.link2 {
display:block;
width:56px;
height:54px;
border:0px solid #000000;
background-image:url(images/arrow3.gif);
}

a.link2:hover {
background-image:url(images/arrow4.gif);
}

a.link3 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d2001.jpg);
}

a.link3:hover {
background-image:url(images/d01b.jpg);
}

a.link3a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d01c.jpg);
}

a.link4 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d2002.jpg);
}

a.link4:hover {
background-image:url(images/d01a.jpg);
}

a.link4a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d02.jpg);
}
a.link5 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d03.jpg);
}

a.link5:hover {
background-image:url(images/d03a.jpg);
}

a.link5a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d03b.jpg);
}

a.link6 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d07.jpg);
}

a.link6:hover {
background-image:url(images/d07a.jpg);
}

a.link6a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/d07b.jpg);
}

a.link7 {
display:block;
width:56px;
height:54px;
border:0px solid #000000;
background-image:url(images/dot.gif);
}
a.link8 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z01a.jpg);
}

a.link8:hover {
background-image:url(images/z01.jpg);
}

a.link8a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z01b.jpg);
}

a.link9 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z02.jpg);
}

a.link9:hover {
background-image:url(images/z02a.jpg);}

a.link9a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z02b.jpg);
}

a.link10 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z05.jpg);
}

a.link10:hover {
background-image:url(images/z05a.jpg);}

a.link10a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z05b.jpg);
}

a.link11 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z06.jpg);
}

a.link11:hover {
background-image:url(images/z06a.jpg);}

a.link11a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z06b.jpg);
}

a.link12 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z07.jpg);
}

a.link12:hover {
background-image:url(images/z07a.jpg);}

a.link12a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z07b.jpg);
}

a.link13 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z08.jpg);
}

a.link13:hover {
background-image:url(images/z08a.jpg);}

a.link13a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/Z2009.jpg);
}

a.link13a:hover {
background-image:url(images/Z2009a.jpg);}

a.link13b {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/Z2009b.jpg);
}

a.link13c {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z08b.jpg);
}

a.link14 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/trend1.jpg);
}

a.link14:hover {
background-image:url(images/trend1a.jpg);}

a.link15 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z08.jpg);
}

a.link15:hover {
background-image:url(images/z08a.jpg);}

a.link16 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/trend1.jpg);
}

a.link16:hover {
background-image:url(images/trend1a.jpg);}

a.link16a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/trend1b.jpg);
}

a.link17 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/tr1.jpg);
}

a.link17:hover {
background-image:url(images/tr1a.jpg);}

a.link17a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/tr1b.jpg);
}

a.link18 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/nat1.jpg);
}

a.link18:hover {
background-image:url(images/nat1a.jpg);}

a.link18a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/nat1b.jpg);
}


a.link19 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/haus1.jpg);
}

a.link19:hover {
background-image:url(images/haus1a.jpg);}

a.link19a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/haus1b.jpg);
}


a.link20 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/otto1.jpg);
}

a.link20:hover {
background-image:url(images/otto1a.jpg);}

a.link20a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/otto1b.jpg);
}

a.link21 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w1.jpg);
}

a.link21:hover {
background-image:url(images/w1a.jpg);}

a.link21a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w1b.jpg);
}

a.link22 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2003c.jpg);
}

a.link22:hover {
background-image:url(images/w2003b.jpg);}

a.link22a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2003a.jpg);
}

a.link23 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2005c.jpg);
}

a.link23:hover {
background-image:url(images/w2005b.jpg);}


a.link23a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2005a.jpg);
}

a.link24 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2006c.jpg);
}

a.link24:hover {
background-image:url(images/w2006b.jpg);}


a.link24a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2006a.jpg);
}

a.link25 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2009c.jpg);
}

a.link25:hover {
background-image:url(images/w2009b.jpg);}


a.link25a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/w2009a.jpg);
}

a.link26 {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z10.jpg);
}

a.link26a {
display:block;
width:125px;
height:25px;
margin-top:3px;
background-image:url(images/z10b.jpg);
}

a.link26a:hover {
background-image:url(images/z10a.jpg);}


   /*==== Ende link===*/ 
   
  
 a.hover:link,a.hover:hover, a.hover:active, {
  display:inline;
  width:150px;
  height:50px;center no-repeat;
  background:url(start.jpg);  }
a.hover:hover {
  background:url(start_over.jpg)}
  
  
p {font-family:arial, sans-serif; color:white;}
h1 {  font-size:10px; font-family:arial, sans-serif;letter-spacing:0.1em; margin-left:50px; }
h2 { color:black; font-size:20px; font-family:arial, sans-serif;letter-spacing:0.1em; margin-left:100px; }
h3 { color:black; font-size:15px; font-family:arial,sans-serif;}
<!--a{text-decoration:none; font-size:12px; font-family:Trebuchet MS,sans-serif;}
a:link { color: white;}
a:active { color:#dc143c; }
a:visited { color:#CDC5BF; }
a:hover {color:#FF6600;}

a.navi{text-decoration:none; font-size:13px; font-family:Trebuchet MS,sans-serif;}
a.navi:link { color:#a0522d; }
a.navi:visited { color:	#a0522d; }
a.navi:hover {color:#F0F8ff;}

a.navi1{text-decoration:none; font-size:13px;color:	#ff0000; font-family:Trebuchet MS,sans-serif;}

a.navi2{text-decoration:none; font-size:13px;color:#FF6600; font-family:Trebuchet MS,sans-serif;}

a.navi3{text-decoration:none; font-size:13px; color:white;font-family:Trebuchet MS,sans-serif;}
a.navi3:hover {color:#FF6600;}


/*====  ende Navigation/ Links===*/

/*======Fussbereich======*/

#fussbereich{
    clear: both;
    width: 955px;
    color: #808080;
	background-color: white;
	margin-top: 0px;/*Abstand rechts*/
	margin-left: 50px;/*Abstand rechts*/
	padding-top: 2px;
	padding-bottom:2px; }
	/*======Fussbereich======*/




/*=================================
	ENDE
====================================*/