@charset "utf-8";

/* Farben
dunkelgrün:				#2b402b
hellgrün Bildränder:	#e5eae3
hellgrün Hintergrund:	#bad1ba
hellgrün Navigation:	#e1ece1
orange Links:			#FF6633


*/

/* Ränder */

* {border: 0; padding: 0; margin: 0; outline: 0;}
body {min-height: 101%; 
	  color:#2b402b; 
	  text-align:center;
	  background-color:#bad1ba; 
	  background-image: url(pics/bg_body.jpg); 
	  background-repeat:repeat-x;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	  font-size: 80%;
	  }
#container {width: 930px; text-align:left;  margin: 10px auto;}	/*  margin: 30px auto; */
#content {width: 800px; height: 800px;position: relative; left: 60px; text-align:center; border: 1px solid transparent}
#navi {position:absolute; z-index: 100;}

/* Bilder */
#widder {position: absolute; top:340px; left: 30px;}
#fische {position: absolute; top:208px; left: 73px;}
#wassermann {position: absolute; top:117px; left: 208px;}
#steinbock {position: absolute; top:93px; left: 351px;}
#schuetze {position: absolute; top:118px; left: 492px;}
#skorpion {position: absolute; top:208px; left: 627px;}
#waage {position: absolute; top:340px; left: 665px;}
#jungfrau {position: absolute; top:475px; left: 624px;}
#loewe {position: absolute; top:568px; left: 492px;}
#krebs {position: absolute; top:590px; left: 351px;}
#zwillinge {position: absolute; top:568px; left: 213px;}
#stier {position: absolute; top:475px; left: 77px;}

/* Grosse Bilder */
div.hide {display:none; position: absolute; width: 360px; height: 300px; border: 5px solid #e5eae3; background-color: #fff; top:243px; left: 223px; }


/* Inhalt */
h1 {font-size: 20px; width: 360px; line-height: 1.6em; margin: 270px auto 0 auto; position:relative; z-index: 1001}
h2 {font-size: 24px; margin: 40px auto 0 auto; position:relative; z-index: 1000}
.small {font-weight:normal; font-size:20px;}
p {margin: 0 85px 20px 0; line-height: 1.4em; }
a {text-decoration:none; color: #2b402b}
a:hover, a:focus {text-decoration: underline; color: #990033;}

div.em-wide {width: 930px; float:left;background-image:url(pics/bg_em.jpg); background-repeat:repeat-x; background-position:bottom; margin-bottom: 500px;}
div.em-wide div {width: 410px; float:left; padding: 30px 0 30px 40px;}
div.em-wide ul, div.em-wide p {margin-left: 20px;}


/* Navigation */
ul#navi-main {list-style-type:none; float:left; width: 930px;}
#navi li {float:left;}
li#home {width: 66px;}
li#historie {width: 87px;}
li#angebot {width: 116px;}
li#referenzen {width: 110px;}
li#profil {width: 66px;}
ul#navi-main li#impressum {width: 86px; float:right;}
#navi a {color: #2b402b; text-decoration: none; padding: 4px 0 4px 8px;font-weight: bold; display: block; float:left;}
#navi a:hover, #navi a:focus {text-decoration:underline; color: #990033}