/*=======================================================
Stand: November 2008
datei: bildschirm.css
datum: 8.11.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:white; /*Hintergrundfarbe*/
	font-family: Arial,Helvetica, sans-serif;}
	
	
	
/*====  wrapper===*/
	
	
    #wrapper{
	position:relative;
	width:955px; 
	height:560px;
	color: black;
	background-image:url(img/index.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
	}


#wrapper1{
	position:relative;
	width:970px; 
	height:570px;
	color: white;
	border: 0px solid black;
	background-image:url(img/HG-zeich.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
	}


	#wrapper2{
	position:relative;
	width:970px; 
	height:565px;
	color: white;
	border: 0px solid black;
	background-image:url(img/HG-kontakt.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
	}
	
	#wrapper3{
	position:relative;
	width:970px; 
	height:565px;
	color: white;
	border: 0px solid black;
	background-image:url(img/HG-objekte.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
	}


#wrapper4{
	position:relative;
	width:970px; 
	height:570px;
	color: white;
	border: 0px solid black;
	background-image:url(img/HG-bio.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
	}

#wrapper5{
	position:relative;
	width:970px; 
	height:580px;
	color: white;
	border: 0px solid black;
	background-image:url(img/HG-links.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
		}
#wrapper6{
	position:relative;
	width:970px; 
	height:580px;
	color: white;
	border: 0px solid black;
	background-image:url(img/HG-impr.jpg);
	margin-right: auto;/*Abstand rechts*/
	margin-top: 10px;/*Abstand rechts*/
		}

	

/*==== Ende wrapper===*/


/*==== Boxen===*/
#box1{
    position:absolute;
    left: 100px;
    width:630px;
    height:534px;
    padding: 8px;
    margin-top:6px;
    -moz-border-radius:0px;
   -khtml-border-radius:0px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    #box2{
    position:absolute;
    left: 70px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:10px;}
  /*hasLayout für IE6*/}
    
     #box3{
    position:absolute;
    left: 35px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:80px;
    -moz-border-radius:0px;
   -khtml-border-radius:0px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
  #box4{
    position:absolute;
    left: 35px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:120px;}
    
     
#box5{
    position:absolute;
    left: 35px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:80px;
    -moz-border-radius:0px;
   -khtml-border-radius:0px;
    *html div.box1{height:1%;}/*hasLayout für IE6*/}
    
    #box6{
    position:absolute;
    left: 30px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:80px;}
    
     #box7{
    position:absolute;
    left: 30px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:30px;}


  #box8{
    position:absolute;
    left: 30px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:50px;}

 
     #box9{
    position:absolute;
    left: 50px;
    width:630px;
    height:534px;
    padding: 0px;
    margin-top:460px;}


    
  /*====ende  Boxen===*/
   
/*====Textbereich===*/
    
  #textbereich{
   position:absolute;
   left: 30px;
    width:500px;
    height:100px;
    padding-top:480px;}
    
     #textbereich1{
   position:absolute;
   left: 530px;
    width:300px;
    height:100px;
    padding-top:70px;
    margin-top: 30px;}
    
     
     #textbereich2{
   position:absolute;
   left: 80px;
    width:450px;
    height:50px;
    padding-top:0px;
    margin-top: 80px;}
 
   #textbereich3{
   position:absolute;
   left: 530px;
   width:430px;
   height:60px;
   padding-top:475px;}
        
     #textbereich4{
   position:absolute;
   left: 530px;
    width:300px;
    height:500px;
    padding-top:420px;}
    
      
     #textbereich5{
   position:absolute;
   left: 200px;
    width:300px;
    height:500px;
    padding-top:50px;
    margin-top: 30px;}

  #textbereich6{
   position:absolute;
   left: 80px;
    width:480px;
    height:60px;
    padding-top:0px;
    margin-top: 80px;}


 #textbereich7{
   position:absolute;
   left: 530px;
    width:430px;
    height:60px;
   padding-top:450px;}

 #textbereich8{
   position:absolute;
   left: 30px;
    width:500px;
    height:100px;
    padding-top:430px;}


#textbereich9{
   position:absolute;
   left: 30px;
    width:500px;
    height:100px;
    padding-top:450px;}
    
    #textbereich10{
   position:absolute;
   left: 530px;
   width:430px;
   height:60px;
   padding-top:465px;}
    

         
   /*==== Ende Textbereich===*/   
   
    #navibereich2{
   position:absolute;
   left: 800px;
    width:150px;
    height:600px;
    margin-top: 70px;}

   
    
/*==== Navigation/ Links===*/
   
a.link{
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/charles.jpg);
}

a.link:hover {
background-image:url(img/charles2.jpg);
}

a.link2 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/diana.jpg);
}

a.link2:hover {
background-image:url(img/diana2.jpg);
}

a.link3 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/chicks.jpg);
}

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


a.link4 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/object.jpg);
}

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

a.link5 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/chicks2.jpg);
}
a.link6 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/hors.jpg);
}

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

a.link7 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/fonor.jpg);
}

a.link7:hover {
background-image:url(img/fonor1.jpg);
}

a.link8 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/tier.jpg);
}

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

a.link9 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/nackel.jpg);
}

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

a.link10 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/diana3.jpg);
}

a.link11 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/charles3.jpg);
}

a.link12 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/object2.jpg);
}

a.link13 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/hors3.jpg);
}

a.link14 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/fonor2.jpg);
}

a.link15 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/tier3.jpg);
}

a.link16 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/weiter.jpg);
}
a.link16:hover {
background-image:url(img/weiter1.jpg);
}

a.link17 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/nackel2.jpg);
}

a.link18 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/mosi1.jpg);
}
a.link18:hover {
background-image:url(img/mosi2.jpg);
}

a.link19 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/mosi3.jpg);}

a.link20 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/cooking2.jpg);
}
a.link20:hover {
background-image:url(img/cooking1.jpg);
}

a.link21 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/cooking3.jpg);}

a.link22 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/berger.jpg);
}
a.link22:hover {
background-image:url(img/berger2.jpg);
}

a.link23 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/berger3.jpg);}

a.link24 {
display:block;
width:150px;
height:35px;
border:0px solid #000000;
background-image:url(img/weiter2.jpg);
}
a.link24:hover {
background-image:url(img/weiter3.jpg);
}




 /*==== Navigation/ Links===*/
 
 a.hover:link, a.hover:visited, 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:Lucida Grande, sans-serif; color:white;}
p1{font-family:Lucida Grande, sans-serif; color:#C0C0C0;}

h1 {  font-size:10px; font-family:Lucida Grande, sans-serif;letter-spacing:0.1em; margin-left:50px; }
h2 { color:black; font-size:20px; font-family:Lucida Grande, sans-serif;letter-spacing:0.1em; margin-left:100px; }
h3 { color:black; font-size:15px; font-family:Lucida Grande,sans-serif;}
<!--a{text-decoration:none; font-size:12px; font-family:Lucida Grande,sans-serif;}
a:link { color: black;}
a:hover {color:#C0C0C0;}
a:visited { color:#C0C0C0; }

a.navi{ color:#C0C0C0; text-decoration:none; font-size:13px; font-family:arial,sans-serif;}
a.navi:link { color:#808080; }
a.navi:visited { color:	#C0C0C0; }
a.navi:active {color:#C0C0C0;}
a.navi:hover {color:#808080;}


a.navi1{text-decoration:none; font-size:13px;color:#FF00FF; font-family:arial,sans-serif;}
a.navi aus:{ color:#C0C0C0; }
a.navi:visited { color:#C0C0C0; }
a.navi aus:active {color:#C0C0C0;}
a.navi aus :hover {color:#808080;}





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

/* Menu */

#menu {
	width: 940px;
	height: 26px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
}

#menu ul {
	margin: 0px 0px 0px 80px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	height: 26px;
	margin-bottom: 0px;
	padding: 10px 20px 0px 40px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family:Lucida Grande, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:  	#696969;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	color:  	#dcdcdc;	
	text-decoration: none;}

#menu .current_page_item a {

	color: 	#ff1493;
}



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

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




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