body { 
	font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	font-size: 100.01%;
	color: #6A686B; 
	padding: 0;
	text-align:center;
}

#wrapper {
	margin:0 auto;
	width:877px;
	margin-top: 30px; 
	margin-bottom: 2em; 
	text-align:left;
	letter-spacing:0.01em;
	position:relative;
}

#wrapperdetail {
	margin:0 auto;
	width:600px;
	margin-top: 30px; 
	margin-bottom: 2em; 
	text-align:left;
	letter-spacing:0.01em;
	font-size:70%;
}

#header, #footer, #left, #content, #Box { font-size: 70%; line-height:1.4em;}
#content { line-height: 1.8em; }

a { text-decoration:none; color: #073E42; }
a:link { text-decoration:none; color: #073E42; }
a:visited { color: #073E42; }

#content a:hover { text-decoration:none; }

#preamble a, #footer a, #breadcrumb a, .kontextitem a, #preamble a:visited, #footer a:visited, #breadcrumb a:visited, .kontextitem a:visited {
	color: #651314;
}

#header .kontext a, #header .kontext a:link, #header .kontext a:visited {
	color:#999;
}

#header .kontext a.aktiv, #header .kontext a.aktiv:link, #header .kontext a.aktiv:visited {
	color:#489107;
}

/****************************************************************
	Modul Content
 	Definiert 3 Spalten (Subnavigation, Content, rechte Spalte)
*****************************************************************/	

div#left { 
	float: left; 
	width: 520px; 
}	

div#content { 
	float:right;
	width: 319px !important; 
	width: 355px; 
	padding-left: 35px;
}	

div#Bilder {
	float:left;
	width:416px;
	height:412px;
	background-repeat:no-repeat;
	position:relative;
}

div#Bilder img {
	margin:0;
	padding:0;
	border-right:4px solid white;
	border-bottom:4px solid white;
}

div#Bilder div#Bildertext {
	position:absolute;
	top:208px;
	left:208px;
	margin: 10px;
	color:white;
}

div#Bilder a {
	display:block;
	width:204px;
	height:204px;
}

div#Bilder a:hover {
	background: url("../images/bg-mouseover.png");
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:50%;
}

div#mo_1, div#mo_2, div#mo_3, div#mo_4 {
	width:204px;
	height:204px;
	position:absolute;
	z-index:100;
	behavior: url(iepngfix.htc);
}

div#mo_1 { background: url("../images/anthrazit.gif"); }
div#mo_2 {margin-left:208px; background: url("../images/lightgreen.gif");}
div#mo_3 { margin-top:208px; background: url("../images/blue.gif");}
div#mo_4 { margin-top:208px; margin-left:208px; background: url("../images/darkgreen.gif");}

div#content ul {
	list-style-image: url(../images/bullet_go.gif);
	list-style-position: outside;
	padding:0 0 0 20px;
	margin:0;
}

div#content div.teaser {
	padding-bottom:2em;
}

div#content div.teaser h2 {
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:100%;
}

.Clear { clear: both; }	

/****************************************************************
	Modul Header
*****************************************************************/		
#header { 
	height:60px; 
}

#header .logo a {
	float:left;
	width:182px;
	height:46px;
	background: transparent url(../images/logo-FuP.gif);
}

#header .kontext {
	padding-top:15px;
}

#header .kontext a, #header .kontext a:visited, #header .kontext a:link {
	float:right;
	margin-left:12px;
}

#header .kontext a#home {
}

#header .kontext a#impressum {
	padding-left:20px;
	background: transparent url(../images/icon.gif) no-repeat 0 2px;
}

#header .kontext a#kontakt {
	padding-left:20px;
	background: transparent url(../images/icon.gif) no-repeat 0 2px;
}

span.serif {
	font-family: Times;
	font-weight:bold;
}

/****************************************************************
	Modul Hauptnavigation
*****************************************************************/	

div.element {
	float:left;
}

div.element a {
	display:block;
	border:1px solid #B9BABC;
	width:97px !important;
	width:100px;
	height:98px;
	margin-bottom:4px;
	padding-left:3px;
}

div.element a.act { color:white; }

div.element a#mnav-2.act { background-image: url("../images/bg-aktuelles.gif"); }
div.element a#mnav-3.act { background-image: url("../images/bg-wirueberuns.gif"); }
div.element a#mnav-4.act { background-image: url("../images/bg-leistungen.gif"); }
div.element a#mnav-5.act { background-image: url("../images/bg-projekte.gif"); }

span.navinvisable {
	font-family: Times, Arial, Verdana, Helvetica;	
	font-weight:bold;
	text-transform:uppercase;
}

/****************************************************************
	Modul Subnavigation
*****************************************************************/	

#navisub {
	width:100%;
}

div#navisub .element a {
	display:block;
	width:173px !important;
	width:174px;
	height:23px;
	border-right:1px solid white;	
}

div#navisub .element a.last {
	width:173px;
	border-right:0px;	
}

/****************************************************************
	Modul Allgemeine Tags
 	Definiert p, h1-h5, etc.
*****************************************************************/			

h1, h2, h3, h4, h5, h6 { font-weight:bold; }	
h1 { font-size:150%; margin-top:0; }
h2, h4, h5, h6 { font-size:110%; }
h3 { font-size:100%; margin:0; padding:0; }

h1 { font-family: Times, Arial, Verdana, Helvetica; }

#wrapperdetail h2 {
	padding:0;
	margin:0;
}

img { border:none; }
p { margin-top:0; }

cite {
	font-family: Times, Arial, Verdana, Helvetica;	
	font-size:130%;
	line-height:1.5em;
	letter-spacing: .01em;
	width:310px;
}

div.author {
	padding-top: 1em;
	font-family: Times, Arial, Verdana, Helvetica;
	font-size:120%;
}

strong.blaettern {
	font-size:110%;
}

span.linkColor {
	color:#073E42;
}

.internalLink {
	padding-left:16px;
	background: transparent url(../images/icon_data.gif) no-repeat left center !important;
}

.pdf {
	padding-left:16px;
	background: transparent url(../images/icon_pdf.gif) no-repeat left center !important;
}

/* externe links */
.extern { 
	padding-left:13px;
	background: transparent url(../images/link_ext.gif) no-repeat left center !important;
}

/* E-Mail - Links */
.maillink { 
	padding-left:13px;
	background: transparent url(../images/icon_kontakt.gif) no-repeat left center !important;
}
.nowrap {
	/*display: inline-block;*/
	white-space: nowrap;
}

.invisable {
	display:none;
}

#content ul {
	list-style-image: url(../images/bullet_go.gif);
	list-style-position: outside;
	padding:0 0 2em 20px;
	margin:0;
}	

hr.Clearer {
	clear:both;
	height:1px;
	border:0;
	color: #fff;
}


/****************************************************************
	Modul Box
*****************************************************************/		

div#Box {
	position:absolute;
	z-index:1000;
	top:160px;
	float:left;
	background: url("../images/bg-box.png") no-repeat bottom right !important;
	background: url("../images/shadow.gif") no-repeat bottom right;
	behavior: url(iepngfix.htc);
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

div#Box div#innerBox {
	background: none !important;
	background: url("../images/shadow2.gif") no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}

div#Box div#innerBox div#innerBox2 {
	background-color: #fff;
	border: 1px solid #8A8A8A;
	padding: 10px;
	margin: -6px 5px 6px -6px !important;
	margin: 0;
}

div#Box div#innerBox div#innerBox2 img {
	padding-bottom:1em;
}

div#Box div#innerBox div#innerBox2 p {
	width:265px;
}

img#FuP-klein {
	position:absolute;
	right: 15px;
	bottom:25px;
	float:right;
}

a#close {
	position:absolute;
	right: 15px;
	bottom:15px;
	padding-left:15px;
	background: transparent url(../images/icon.gif) no-repeat 0 2px;
}


/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		

#content img {
	border					:	0px;
}


/****************************************************************
	Modul Blaettern
*****************************************************************/	

div#Blaettern {
	background:transparent url(../images/icon.gif) no-repeat 0 50%;
	padding-left:20px;
	position:absolute;
	bottom:0;
	right:0;
}

div#Blaettern strong {
	color:#7C0503;
}

/****************************************************************
	Modul Footer
*****************************************************************/	
#footer {
position:absolute;
top:500px;
	width: 335px !important;
	width: 348px;
	padding:0;
	color: #073E42;
	font-size:69%;
}

#wrapperdetail #footer {
	padding-top:2em;
	font-size:100%;
}

/****************************************************************
	Modul IFrame Modal
*****************************************************************/	
#modal_container {  
    padding:5px;  
	background-color:#fff;  
    border:1px solid #666;  
    overflow:auto;  
    font-family:"Lucida Grande",Verdana;  
    font-size:12px;  
    color:#333;  
    text-align:left;  
} 

#modal_overlay {  
    background-color:#000;  
}