body{
	background-color : #333333;
	margin: 0;
	padding: 0;
	height: 100%;
}
html{
	height: 100%;
}

#headerBg{
	width : 100%;
	height : 32px;
	background-color : #646b4a;
}

#menu{
	color : #ccd0b7;
	font-family : 'Verdana';
	font-size : 10px;
	position: absolute;
	top:12px;
	right:20px
	
}

#menu A:hover{
	font-family: 'Verdana';
	font-size: 10px;
	color: #333333;
  	text-decoration: none;
}

#leftPlant{
	position: absolute;
	top:33px;
}
#rightPlant{
	position: absolute;
	top:35px;
	right:1px;
}
#headerPattern{
	background-image : url('../php/DataLoader.php?file=net/creative-code/website/images/hallo.gif'); 
	height : 21px; 
	width : 100%;
}
#footerPattern{
	background-image : url('../php/DataLoader.php?file=net/creative-code/website/images/footerpattern.gif'); 
	position:absolute;
	height : 19px; 
	width : 100%;
	bottom : 0px;
	visibility:hidden;
}

#content{
	padding: 10px;
	height:300px;
}

#contentTitel{
	position:absolute;
	top:50%;
	left:50%;
	width:320px;
	height:60px;
	
	margin-top : -30px;
	margin-left : -160px;

}

#contentSub{
	position:absolute;
	top:220px;
	left:30px;
	width:750px;
	height:400px;
}

#titel{
	font-family: 'Verdana';
	font-size: 33px;
	color: #ccd0b7;
	position: absolute;
}
#subtitel{
	font-family: 'Verdana';
	font-size: 10px;
	color: #ccd0b7;
	position: absolute;
	top:40px;
	left:40px;
}

#test{
	font-family: 'Verdana';
	font-size: 10px;
	color: #ccd0b7;
	position: absolute;
	top:57%;
	left:34%;
}
#footRightPlant{
	bottom : 0px; 
	position : absolute;
	right : 0px;
	visibility:hidden;
}
#activeLink{
	font-family: 'Verdana';
	font-size: 10px;
	color: #333333;
  	text-decoration: none;
}

#inactiveLink{
	font-family: 'Verdana';
	font-size: 10px;
	color: #ccd0b7;
  	text-decoration: none;
}

#activeSubLink{
	font-family: 'Verdana';
	font-size: 10px;
	color: #646b4a;
  	text-decoration: none;
}

#inactiveSubLink{
	font-family: 'Verdana';
	font-size: 10px;
	color: #ccd0b7;
  	text-decoration: none;
}

#inactiveSubLink:hover{
	font-family: 'Verdana';
	font-size: 10px;
	color: #646b4a;
  	text-decoration: none;
}
#subContent{
	position:absolute;
	top:0px;
	left:200px;
	width:550px;
	height:350px;

}
#referContentFirst{
	position:relative;
	top:-171px;
	left:200px;
	width:550px;
	height:350px;

}
#referContent{
	position:relative;
	top:410px;
	left:200px;
	width:550px;
	height:350px;

}

#subContentPic{
	position:absolute;
	z-index:10;
	top:10px;
}

#subContentText{
	position:absolute;
	top:5px;
	left:200px;
	font-family: 'Verdana';
	font-size: 10px;
	color: #ccd0b7;
	line-height:1.3em;
}

#subContentText A{

	color: #ccd0b7;

	
}

#pictureFrame{
	border-style:solid;
	border-color:#646b4a;
	border-width:5px;
 	width : 166px;
	height : 294px;
}

#pictureFrameIE{
	border-style:solid;
	border-color:#646b4a;
	border-width:0px;
 	width : 166px;
	height : 294px;
}

#mContainer {
	position:relative;
	width:500px;
	height:309px;
}

.mPhoto {
	position:absolute;
	top:0px;
	left:0px;
	-moz-opacity:0.0;
	filter:Alpha(opacity=0);
}