/* CSS Document */

Body {
	margin: 			0px;
	background-image: 	url(gfx/bgpattern.jpg);
	padding: 			0px;
	
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#42625A;
}

br{
	margin: 			0px;
	padding: 			0px;
	border: 			0px;
}
img {
	border: 			0px;
	padding: 			0px;
	margin: 			0px;
	behavior: 			url(iepngfix.htc);
}

h1{
	margin:				0px;
	margin-bottom:		15px;
	padding:			0px;
	
	font-size:			14px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#42625A;
}

h2{
	margin:				0px;
	margin-bottom:		15px;
	padding:			0px;
	
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#42625A;
}

a:hover, a:visited, a:link, a:active{
	text-decoration: 	underline;
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#42625A;
}
a:hover, a:visited, a:link, a:active IMG{
	text-decoration: 	none;
}

/** lautout definitions */
#mainContainer{
	position: 			absolute;
	
	width:				637px;
	height:				695px;
	
	left: 				50%;
	margin-left:		-319px; /* half of width! */
	
	margin-top:			30px;
}

#headContainer{
	width:				637px;
	height:				176px;
	
	background-image:url(gfx/head.gif)
}

#centerContainer{
	width:				637px;
	height:				519px;
}

/** the 3 parts */
#leftBox{
	position:			absolute;

	width:				452px;
	height:				519px;
	
	background-image:	url(gfx/leftbg.jpg);
	background-repeat:	repeat-y;
	
	float:				left;

	border-bottom:		2px #42625A solid;
	
	overflow:			hidden;
}

#menuContainer{
	width:				452px;
	height:				28px;
}

#contentContainer{
	width:				452px;
	height:				485px;
}

#verticalLineContainer{
	position:			absolute;
	margin-left:		452px;

	width:				9px;
	height:				519px;
	
	background-image:	url(gfx/line.jpg);
	background-repeat:	repeat-y;
	
	float:				left;
	
	border-bottom:		2px #42625A solid;
}

#rightContainer{
	position:			absolute;
	margin-left:		461px;

	width:				176px;
	height:				519px;
}

#rightFooter{
	width:				176px;
	height:				176px;
	
	background-image:url(gfx/rightFooter.gif)
}


.clearDiv {
	clear: 				left;
}


/**
* Menuespezifikationen
*/
.spaceToRight {
	margin:				0px;
	margin-right:		15px;
}

/**
* latest Projekts on the right Side
*/

#latestContainer{
	width:				176px;
	height:				343px;
	
	background-image:	url(gfx/rightbg.jpg);
	background-repeat:	repeat-y;
	
	text-align:			center;
}

.latestProjectBox{
	width:				130px;
	height:				130px;
	
	margin-top:			19px;
	margin-left:		22px;
	margin-right:		24px;
	
	border:				1px #42625A solid;
	text-align:			left;
	
	overflow:			hidden;
}

/**
* content
*/
#content{
	width:				415px;
	height:				415px;
	
	margin-top:			19px;
	margin-left:		13px;
	margin-right:		12px;
	padding:			5px;
	
	border:				1px #42625A solid;
	
	overflow:			auto;
}

#copyrightMarker{
	width:				427px;
	
	margin-top:			25px;
	margin-left:		13px;
	margin-right:		12px;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			9px;
	color:				#42625A;
}
.stdFont{
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#42625A;
}

/**
* Projekte
*/
.projektBox{
	width:				350px;
	
	margin-left: 		20px;
	margin-bottom:		15px;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			9px;
	color:				#42625A;
}

.projektBoxInformation{
	width:				100%;	
}

.projektBoxInformation TABLE{
	width:				100%;
}

.projektBoxInformationLeft{
	text-align:			left;
}

.projektBoxInformationRight{
	text-align:			right;
}

.projektBoxLine{
	width:				100%;
	height:				1px;
	
	margin-top:			3px;
	
	background-image:	url(gfx/line_13x1.jpg);
	background-repeat:	repeat-x;
}

#overviewTBL{
	width: 				350px;
	margin-top:			20px;
	margin-bottom:		20px;
	margin-left:		20px;
}

.abstand{
	height:				8px;
}