/***********************************************/

/* teer-und-feder.de             
	copyright by Katja Neppert, 
	www.pixelprogramm.de*/
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	font: normal 99.9% Arial, Helvetica, sans-serif;
	background-color: #ced1c6;
	}
html, body {
	min-height: 100%;
	margin:2px auto; /* main-Box zentrieren in IE 5 und hoeher */
	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */
}
h1 {
	font: bold 140%/100% Arial, Helvetica, sans-serif;
	color: #000;
	margin:0px;
	padding-bottom: 15px;
	text-align: right;
}

h2 {
	font:bold 90%/140% Arial, Helvetica, sans-serif;
	color: #000;
	margin:0px;
	text-align: right;
}

ul {
	list-style-position: inside;
	list-style-type: disc;
	margin: 0px 5px 0px -30px !important; 
	margin: 0px; 
	}
p, li {
	font: normal 75%/150% Arial, Helvetica, sans-serif !important;
	font: normal 80%/155% Arial, Helvetica, sans-serif ;	
	color: #000;
	margin:0px;
	text-align: right;
}
p {margin-bottom: 10px;}
p.schmal {padding-left:230px;}
html* p.schmal {padding-left:230px;}
#navi a:link, #navi a:visited, #ueber_uns a:link, #ueber_uns a:visited, #projekte a:link, #projekte a:visited, 
#kontakt a:link, #kontakt a:visited {
	color: #fff;  
	margin:4px 20px 10px 0 ;
	text-decoration: none;
	display:block; 
	}
#navi a:hover, #navi a:active, #navi a:focus, #ueber_uns a:hover, 
#ueber_uns a:active, #ueber_uns a:focus, #projekte a:hover, #projekte a:active, 
#projekte a:focus, #kontakt a:hover, #kontakt a:active, #kontakt a:focus { color: #675446;}

#navi a.aktiv:hover, #navi a.aktiv:visited, #navi a.aktiv:link, #navi a.aktiv:active, #navi a.aktiv:focus,
#ueber_uns a.aktiv:hover, #ueber_uns a.aktiv:active, #ueber_uns a.aktiv:focus, #projekte a.aktiv:hover, #projekte a.aktiv:active, 
#projekte a.aktiv:focus, #kontakt a.aktiv:hover, #kontakt a.aktiv:active, #kontakt a.aktiv:focus,
 #ueber_uns a.aktiv:link, #ueber_uns a.aktiv:visited, #projekte a.aktiv:link, #projekte a.aktiv:visited, 
#kontakt a.aktiv:link, #kontakt a.aktiv:visited{ color: #675446;}
td {text-align:left;}

/*andere  Link-Formate*/	
a:link, a:visited {
  font-size: 90%;	
  	color: #455365;
	font-weight: bold;
	line-height: 105%;
	margin: 0px;
	text-decoration: none;
	}
a:hover, a:active { text-decoration: underline;}
img {border:none;}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#screen{
	position:absolute;

	left:50%;
	width: 1024px; height:622px;
	margin-left: -512px;
	margin-top: 0px;
	z-index:1;
	background-color:#ffffff;
	overflow:visible;
	}
#hintergrund {
	position:absolute;
	left: 21px;
	top:/*235px;*/89px;
	width: 942px;
	height: 533px;
	z-index:2;
	}
#navi {
	position:absolute;
	top: 527px;
	left: 110px;
	width: 790px;
	height: 15px;
	color: #fff;
	font: bold 90% Arial, Helvetica, sans-serif;	
	overflow: visible; 
	padding: 0px; z-index:3;
                }
#home {position:absolute;
      right: 65px;
	  top:465px;
	  width: 74px;
	  height:96px;
	  z-index:4;
	  }
#inhalt{
	position:absolute;
	top: 20px;
	right: 50px;
	width: 600px;
	height: 400px;
	color: #fff;
	font: normal 90% Arial, Helvetica, sans-serif;	
	overflow: visible;
	padding: 0px; z-index:2;
	}
#ueber_uns {
	position:absolute;
	top: 442px;
	left: 87px;
	width: 183px;
	height: 75px;
	color: #fff;
	font: bold 90% Arial, Helvetica, sans-serif;
	overflow: visible;
	padding: 0px;
	z-index:3;
    }
#projekte {
	position:absolute;
	top: 468px;
	left: 197px;
	width: 183px;
	height: 52px;
	color: #fff;
	font: bold 90% Arial, Helvetica, sans-serif;
	overflow: visible;
	padding: 0px;
	z-index:3; 
    }
#kontakt {
	position:absolute;
	top: 485px;
	left: 760px;
	width: 183px;
	height: 47px;
	color: #fff;
	font: bold 90% Arial, Helvetica, sans-serif;
	overflow: visible;
	padding: 0px;
	z-index:3;
    }
#projekte td, #ueber_uns td, #kontakt td {text-align:center;}