/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:848px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:153px; 
  background-image: url(bilder/pe_04.jpg) 
 width:100%;
} 
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width: 848px;
	background-image: url(bilder/hintergrund.jpg);
	height: 500px;
 }
 
 #maincol2{
	float: left;
	display:inline;
	position: relative;
	width: 848px;
	height:770px;
	background-image: url(bilder/hintergrund2.jpg);
 }
 
  #maincol3{
	float: left;
	display:inline;
	position: relative;
	width: 848px;
	height:630px;
	background-image: url(bilder/hintergrund2.jpg);
 }
#footer{
	height:90px;
	clear:both;
 } 
 
h1 {
	font-family		: verdana, arial, helvetica, sans-serif;
	font-size		: 16px;
	font-color		: #404345;
	line-height		: 16px;
	vertical-align	: top;
	font-weight     : bold;
	margin-top		: 0px;
	margin-bottom	: 12px;
	color: #3399FF;
}

h3 {
	font-size		: 12px;
}

p {
	margin-top		: 0px;
	margin-bottom	: 12px;
	padding			: 0px;
	color: #FFFFFF;
}

.marked {
	background-color: #DCDEE1;
}

.standard {
	font-family		: verdana, arial, helvetica, sans-serif;
	font-size		: 12px;
	font-color		: #404345;
	line-height		: 18px;
	color: #FFFFFF;
}

li.bulletpoints {
	list-style-image: url(bilder/bullet.gif);
	margin-bottom: 5px;
	color: #FFFFFF;
}

ul {
	margin-top: 10px;
	margin-left: 3px;
	padding-left: 15px;
	margin-bottom: 20px;
}


/* link classes */
a.menuLink {
	color           : #FFFFFF;
	text-decoration : none;
	display			: block;
	width			: 120px;
	
}
a.menuLink2 {
	color           : #FFFFFF;
	text-decoration : none;
	display			: block;
	width			: 380px;
	
}

a.textLink {
	color           : #FFFFFF;
	text-decoration : none;
	
}

a.metaLink {
	color           : #FFFFFF;
	text-decoration : none;
	display			: block;
	width			: 80px;
	font-size		: 12px;
}  

a:link.textLink {
	color			: #FFFFFF;
	text-decoration : none;
}
  
a:visited.textLink {
	color			: #FFFFFF;
	text-decoration	: none;
}
  
a:active.textLink {
	background-color: #F4F4F5;  
	color			: #325188;
	text-decoration	: none;
}  

a:hover.textLink {
	color			: #3399FF;
	text-decoration : none;
}

/* stuff at the top */
#logo {
	position		: absolute;
	top				: -2px;
	left			: 0px;
	width			: 112px;
	height			: 60px;
}

#logo img {
	border			: none;
}

#address {
	position		: absolute;
	top				: 667px;
	left			: 691px;
	color: #FFFFFF;
}

#ruler {
	position		: absolute;
	top				: 635px;
	left			: 48px;
	height			: 120px;
}

/* main area */
#main {
	position		: absolute;
	top				: 172px;
	left			: 208px;
	width			: 848px;
	height: 549px;
}

#mainImage {
	position		: relative;
	top				: 4px;
	left			: 0px;
	height			: 630px;
	width			: 375px;
	float			: left;
	
	}
	
	#mainImage2 {
	position		: relative;
	top				: 4px;
	left			: 16px;
	height			: 760px;
	width			: 355px;
	float			: left;
}

	#mainImage3 {
	position		: relative;
	top				: 4px;
	left			: 16px;
	height			: 473px;
	width			: 365px;
	float			: left;
}

#mainText {
	position		: relative;
	top				: 4px;
	left			: 0px;
	height			: 630px;
	width			: 470px;
	float			: right;
}

#impText {
	position		: relative;
	top				: 4px;
	left			: 0px;
	height			: 760px;
	width			: 470px;
	float			: right;
}
#mainText3 {
	position		: relative;
	top				: 4px;
	left			: 0px;
	height			: 473px;
	width			: 440px;
	float			: right;
}

#Image1 {
	position		: relative;
	top				: 4px;
	left			: 0px;
	height			: 473px;
	width			: 380px;
	float			: left;
}
/* teaser images plus text captions */
#teasers {
	position		: absolute;
	top				: 260px;
	left			: 699px;
	height			: 237px;
	width			: 152px;
	background-color: #F4F4F5;
}

#teasers table {
	margin			: 4px;
	margin-top		: 8px;
	margin-bottom	: 9px;
}

#teasers td {
	border			: 2px solid #F4F4F5;
	border-collapse : collapse;
}

#teasers img {
	border			: 1px solid #F4F4F5;
}

#teasersHeader {
	background-color: #DCDEE1;
	text-align		: center;
	vertical-align	: top;
	height			: 24px;
	line-height		: 24px;
	width			: 152px;	
}

#teasersText {
	margin-left		: 7px;
	font-family 	: verdana, arial, helvetica, sans-serif;
	font-size   	: 9px;
	font-style  	: italic;
	font-color  	: #404345;	
}

/* left navigation */
#navigation {
	position		: absolute;
	top				: 49px;
	left			: 339px;
	height			: 57px;
	width			: 111px;
	background-color: #AAAAAA;
	padding			: 4px;
}

#navigation table {
	margin-top		: 0px;
	border-collapse	: collapse;
}

#navigation td {
	height			: 20px;
	vertical-align	: middle;
	padding-left	: 2px;
	padding-top		: 0px;
	padding-bottom	: 0px;
}

#navigation td.subnav a{
	padding-left	: 10px;
	width			: 94px;
	overflow		: hidden;
}

#navigation td.subnavi2{
	padding-left	: 12px;
	overflow		: hidden;
}

#metaNavTable {
	position		: absolute;
	bottom			: 28px;
	left: -392px;
	width: 198px;
}

/* search form */
input.button { 
	background-color:#F4F4F5;
	color:#404345;
	border: 1px solid #DCDEE1; 
	font-family:Verdana;
	font-size:10px;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */