* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	/* color: #33cc33;	/* test für nicht zugewiesene styles */
}
html{
}
body{
	background-color:#333333; 
	text-align: center;	/* zentriert für IE5 */
}
html,body, div{
  scrollbar-base-color:#333333;
  scrollbar-3d-light-color:#cccccc;
  scrollbar-arrow-color:#999999;
  scrollbar-darkshadow-color:#999999;
  scrollbar-face-color:#333333;
  scrollbar-highlight-color:#999999999;
  scrollbar-shadow-color:#333333;
  scrollbar-track-color:#666666;
}

h1, h2, h3, h4, p, div, td, li{
	color: #c0c0c0;
	line-height: 15px;
}
h1{
	font-size: 18px;
	margin-bottom: 18px;
}
h2{
	font-size: 15px;
	margin-bottom: 15px;
}
h3{
	font-size: 13px;
	margin-bottom: 13px;
}
h4{
	margin-bottom: 2px;
}

p{
	margin-bottom: 12px;
}
form{
	margin-bottom: 12px;
}
li{
	list-style-type:none;
	margin-bottom:2px;
}
a{
	text-decoration:none;
	color: #c0c0c0;
/*	font-weight: bold; */
}
a:link{}
a:visited{}
a:hover{color: #f0f0f0;}
a:active{color: #f0f0f0;}
a.aktiv{
	color: #f0f0f0;
}

a.text{
	text-decoration:none;
	color: #f0f0f0;
/*	font-weight: bold; */
}
a.text:link{}
a.text:visited{}
a.text:hover{color: #c0c0c0;}
a.text:active{color: #c0c0c0;}

td{
	vertical-align:top;
}

/******** Layout ********/
#wrapper{
	position:absolute; 
	width:780px;
	height:455px;
	top:50%;
	left:50%;
	margin-left:-375px;
	margin-top:-228px; 
	text-align: left;	/* body zentriert aufheben */

/*	background-color: #ccffcc; */
/*	border: 1px solid #ccffcc; */
}

#navi{
	position:absolute; 
	top:420px;
	left:0px; 
	width:750px;
	height:35px;

/*	background-color: #ccffff; */
/*	border: 1px solid #ccffff; */
}

#main{
	position:absolute; 
	top:0px;
	left:0px; 
	width:780px;
	height:420px;
	overflow:auto;

	background-image:url(../img/magde_back.jpg);
	background-repeat:repeat-y;

/*	background-color: #ffffcc; */
/*	border: 1px solid #ffffcc; */
}

/** navi **/
#navi_start{
	position:absolute; 
	top:12px;
}
#navi_start a{
	font-weight:bold;
	font-size:16px;
}

#navi_main{
	position:absolute; 
	top: 12px;
	right:0px;
	text-align: right;
	
/*	background-color: #ffccff; */
/*	border: 1px solid #ffccff; */
}
#navi_main a{
	font-weight:bold;
	margin-left:25px;
}


/** aktuell **/
.akt_titel{
	color:#f0f0f0;
	font-weight:bold;
}


/** projekte **/
#main_text{
	position:absolute;
	top:35px;
	left:15px;
	width:760px;
	z-index:10;

	height:350px;
	overflow:auto;
}

#main_text_navi{
	width:350px;
}
#main_text_navi li li{
	margin-left: 4px;
	padding-left: 4px;
}
#main_text_titel{
	font-size:12px;
	font-weight:bold;
	width:350px;
	margin-bottom:8px;
}
#main_text_content{
	width:180px;
}

#main_text_werk{
	position:absolute;
	top:400px;
	left:15px;
	width:180px;
	z-index:50;
}


#main_bild{
	position:absolute;
	top:35px;
	left:200px;
	width:550px;
	height:385px;
	z-index:20;
}
#main_bild_img{
	position:absolute;
	right:0px;
	bottom:35px;
}
#main_bild_text{
	position:absolute;
	width:170px;
	right:365px;
	bottom:70px;
	text-align:right;
}
#main_bild_fotograf{
	color:#999999;
	position:absolute;
	width:350px;
	top:360px;
	right:0px;
	text-align:right;
	overflow:hidden;
}
#main_bild_navi{
	position:absolute;
	width:100px;
	right:365px;
	bottom:35px;
	text-align:right;
	
	background-color:#333333;
}


/** leistungen **/
#leistungen{
	position:absolute;
	top:70px;
	left:15px;
	width:735px;
}
.leist_titel{
	width:180px;
	text-align:right;
	font-weight:bold;
	color:#f0f0f0;
	float:left;
}
.leist_text{
	margin-left:280px;
	text-align:justify;	
}
.leist_text td{
	text-align:left;	
}
.leist_clear{
	clear:left;
	height:15px;
}


/** vita **/
#vita{
	position:absolute;
	top:185px;
	left:15px;
	width:735px;
	height:235px;
	z-index:10;
}
#vita_navi{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	text-align:right;
	font-weight:bold;
}
#vita_bild{
	position:absolute;
	top:0px;
	right:0px;
}
#vita_fotograf{
	color:#999999;
	position:absolute;
	bottom:0px;
	right:0px;
	width:350px;
	height:25px;
	text-align:right;
	overflow:hidden;
}

#vita_info{
	position:absolute;
	top:20px;
	left:220px;
	width:365px;
	z-index:20;
}


/** kontakt **/
#kontakt{
	position:absolute;
	top:185px;
	left:15px;
	width:735px;
}
#kontakt_titel{
	width:180px;
	text-align:right;
	font-weight:bold;
	color:#f0f0f0;
	float:left;
}
#kontakt_text{
	margin-left:280px;
}