/*
**  Dateiversion: 10.05.07  
**  Datei       : rc-layout.css (Roessler Consult)
**  Funktion    : Structure and layout-stylesheets
**  Autor		: Peter Rozek - think green

**  Inhalt
	S T R U C T U R E - Generall
		SEARCH
		MAIN NAVIGATION 
		SUB NAVIGATION 	
	S T R U C T U R E - Homepage
	S T R U C T U R E - Inhalte

	F O R M A T I E R U N G E N	
	F O R M A T I E R U N G Footer
	F O R M A T I E R U N G Text-Navigation
	F O R M A T I E R U N G Suchergebnisliste
*/

/* S T R U C T U R E - General
------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 950px;
	padding-bottom: 1px;
}
#header {
	background: #A8A9A9 url("../images/bg_header.gif") no-repeat top left;
	height: 1%;
}
#logo {
	float: left;
	margin: 102px 350px 0 15px;
}
#keyvisual {
	border: solid #03D0BF;
	border-width: 10px 15px 0;
	clear: both;
	position: relative;
}
#keyvisualleft { float: left; }
#keyvisualright { float: left; width: 460px; }
#contentouter {
	background: #A8A9A9 url("../images/bg_contentouter.gif") no-repeat top right;
}
#preamble, #content, #explanation { margin: 0 15px; }
body#startseite #content {
	background: #D8DBDB url("../images/bg_content_index_2.gif") repeat-x top left;
	border-bottom: 1px solid #fff;
}
body#inhalte #content, body#inhalte #explanation, body#projekte #content {
	background: #E0E4E3 url("../images/bg_content_inhalte.gif") repeat-x top left;
	border-bottom: 1px solid #fff;
	height: 1%;
}
#footer {
	background: #A8A9A9 url("../images/bg_footer.gif") no-repeat bottom left;
	margin: 0 15px 104px;
}

/* SEARCH */
#suche { margin: 46px 0 0 0; }
#such_head_eingabe input.feld {
	background: #A8A9A9;
	color: #FFF;
	border: 1px solid #FFF;
	width: 214px;
	padding: 2px 3px;
	margin: 0 0 0 4px;
}
#such_head_eingabe input.knopp {

}
/* SEARCH End */

/* MAIN NAVIGATION */
#navi { clear: both;  }
#navi ul {
	float: right;
	margin: 0;
	padding: 0;
}
#navi ul li {
	border-right: 1px solid #03D0BF;
	float: left;
	padding: 5px 0 14px;
	margin: 0;
}
#navi ul li.noborder { border-right: 1px solid #D0D7D2; }
#navi li a, #navi li a:visited {
	background: #D0D7D2;
	border-top: 1px solid #D0D7D2; 
	color: #333;
	font-size: 12px;
	letter-spacing: -0.1px;
	text-decoration: none;
/*	text-transform: uppercase; */
	padding: 5px 10.85px 14px;
	margin: 0;
}
#navi li a:hover, #navi li a:focus, #navi li a:active {
	background: #F4FBF6;
	border-top: 1px solid #F4FBF6; 
	color: #03D0BF;
	text-decoration: none;
}
/* aktiver link */
#navi li a.active, #navi li a:visited.active {
	background: #F4FBF6;
	color: #03D0BF;
}
/* SUB NAVIGATION */
#subnavi {
	background: inherit;
	color: #fff;
	height: 1%;
	padding: 22px 0 0 0;
}
#subnavi ul {
	margin: 1px 0 0 0;
	padding: 0;
}
#subnavi ul li {
	display: inline;
	margin: 0 5px;
}
#subnavi li a, #subnavi li a:visited {
	background: #A8A9A9;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#subnavi li a:hover, #subnavi li a:focus, #subnavi li a:active {
	background: #A8A9A9;
	color: #03D0BF;
}
/* aktiver link */
#subnavi li a.active,
#subnavi li a:visited.active {
	background: #A8A9A9;
	color: #03D0BF;
}

/* S T R U C T U R E - Homepage
-------------------------------------------------*/
#preamble { background: #D8F8F3 url("../images/bg_preamble.gif") repeat-x bottom left; }
#preamble .columnleft {
	float: left;
	padding: 35px 20px 44px 32px;
	width: 407px; 
}
#preamble .columnright {
	float: left;
	padding: 35px 32px 44px 5px;
	width: 422px;	
}
#content .columnleft {
	float: left;
	padding: 40px 20px 41px 32px;
	width: 407px; 
}
#content .columnright {
	float: left;
	padding: 40px 32px 41px 5px;
	width: 422px;	
}
#participation {
	background: #D8DBDB url("../images/bg_participation.gif") repeat-x bottom left;
	border-top: 1px solid #E4E5E5;
	padding: 52px 32px 23px;
}

/* S T R U C T U R E - Inhalte
-------------------------------------------------*/
body#inhalte #keyvisual { background: #ECFCF9; }
body#kontakt #keyvisual { background: #ECFCF9 url("../images/bg_keyvisualkontakt.gif") no-repeat bottom left; }
body#projekte #keyvisual { background: #ECFCF9 url("../images/bg_keyvisualprojekte.gif") no-repeat bottom left; }
body#kontakt #keyvisual, body#projekte #keyvisual {
	border: solid #03D0BF;
	border-width: 10px 0 0;
	padding: 0 15px 0;
	clear: both;
	position: relative; 
}
.quickSummary {
	background: #D3F4EE url("../images/bg_quickSummary.gif") repeat-x bottom left;
	border-bottom: 1px solid #FFF;
	padding: 21px 20px 20px 44px;
	margin: 24px 0 0 0;
	height: 168px;
	width: 396px;
	overflow: hidden; 
}
body#kontakt .quickSummary {
	border: 0;
	margin: 26px 0 0 0;
}
body#projekte .quickSummary {
	border: 0;
	margin: 23px 0 0 0;
	overflow: auto;	
}
.geo-coordination { background: #BCD9D5 url("../images/bg_geo-coordination.gif") no-repeat bottom left; }
.benefits { background: #BCD9D5 url("../images/bg_benefits.gif") repeat-x bottom left; overflow: auto;}
.geo-coordination, .benefits {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 1px 15px;
	padding: 20px 0 0 44px;
	height: 115px;
	width: 416px;
}
.imagecontainer {
	border-bottom: 1px solid #FFF;
	float: left;
	padding: 1px 0 0 0;
	width: 460px;
	position: relative;
}
.projektzeichnung {
	display: none;
/* position: absolute;
	bottom: 0;
	left: 0;
	filter: alpha(opacity=70); transparenz fuer die karte - leider nicht valide
	height: 136px;
*/}
#projektauswahl {
	background: #B9BCBB url("../images/bg_projektauswahl.gif") repeat-y 0 0;
	clear: both;
	padding: 0 15px;
}
.columnleft_inhalte {
	float: left;
	text-align: right;
	padding: 37px 20px 41px 30px;
	width: 170px; 	
}
.columnright_inhalte {
	background: url("../images/bg_content_leistung_kreise.gif") no-repeat 0 30px;
	float: left;
	padding: 66px 5px 41px 5px;
	width: 690px;
}
#explanation .columnleft_inhalte {
	float: left;
	text-align: right;
	padding: 57px 17px 41px 30px;
	width: 173px; 	
}
#explanation .columnright_inhalte {
	background-image: none;
	padding: 48px 5px 41px 5px;
}
.col1 {
	float: left;
	text-align: right;
	padding: 5px 14px 0 0;
	width: 206px;
}
.col2 {
	float: left;
	padding: 6px 0 21px 19px;
	width: 435px;
}
body#projekte .col2 { padding: 6px 0 0 19px; }

/* F O R M A T I E R U N G E N
-------------------------------------------------*/
#participation p {
	color: #636965;
	padding: 42px 0 0 0;
}
.quickSummary h2 {
	background: transparent;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}
.quickSummary p { margin: 0 0 10px 0; }
.quickSummary ul.bullet {
	list-style-image: url("../images/list_style_bullet.gif");
	margin: 20px 0 10px 22px;
}
.quickSummary ul.bullet li {
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 0 0 0 2px;
}
.quickSummary ul.liste li {
	margin: 0 0 5px 0;	
}
.benefits h3 { 
	font-size: 12px;
	font-weight: bold;
}
.benefits ul { margin: 10px 0 0 0; }
.benefits ul li { margin: 0 0 4px 0; }
span.l1 {
	display: block;
	width: 316px;
	float: left;
}
ul.coordination { margin: 22px 0 0 69px; }
ul.coordination li { margin: 0 0 10px 0; }
.columnleft_inhalte h2 {
	background: inherit;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1px;
	padding: 0 0 3px 0;
}
.columnleft_inhalte h3, .col2 h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.columnleft_inhalte ul {
	list-style: none !important;
	margin: 15px 0 0 0 !important;
}
.columnleft_inhalte ul li {
	color: #FFF;
}
.columnleft_inhalte li a {
	background: transparent url("../images/morelink.gif") no-repeat center right;
	color: #FFF;
	text-decoration: none;
	padding: 0 15px 0 0;
}
.col1 h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.4px;
	margin: 0 8px 0 0;
}
.col1 p { margin: 9px 8px 0 10px !important; }
.col1 img { margin: 0 8px 0 0; }
.col1 img.signet-fh-osnabrueck { margin: 57px 8px 0 0; }
#explanation h2, #explanation h3 {
	background: transparent;
	color: #333;
	font-size: 14px;
	margin: 0;
}
#explanation h2 { padding: 0 0 10px; } 
#explanation h3 { padding: 3px 0 10px; }

/* F O R M A T I E R U N G Footer
-------------------------------------------------*/
#footer ul {
	background: inherit;
	color: #fff;
	padding: 8px 0 27px;
}
#footer ul li {
	color: #fff;
	font-size: 10px;
	display: inline;
/*	text-transform: uppercase; */
	padding: 0 13px 0;
	vertical-align: bottom;
}
#footer ul li.first { padding: 0 15px 0 4px; }
#footer ul li.last { padding: 0 4px 0 15px; }
#footer li a, #footer li a:visited {
	background: inherit;
	color: #FFF;
	text-decoration: none;
}
#footer li a:hover, #footer li a:focus, #footer li a:active {
	text-decoration: underline;
}

/* F O R M A T I E R U N G Text-Navigation
-------------------------------------------------*/
#projektauswahl ul { float: right; }
#projektauswahl ul li {
	background: #CBD3CD;
	border: solid #FFF;
	border-width: 1px 0 1px 1px;
	float: left;
	font-size: 14px;
	padding: 3px 0;
}
#projektauswahl li a {
	background: inherit;
	color: #333;
	text-decoration: none;
	padding: 3px 7px;
}
#projektauswahl li a.active {
	background: #04D8C7;
	color: #FFF;
}

.mehrlink {
	text-align: right;
	margin: 0 10px 0 0;
	padding: 0;
}
.mehrlink a, .mehrlink a:visited {
	background: transparent url("../images/morelink.gif") no-repeat center left;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 15px;
}

.mehrlink a:hover, .mehrlink a:focus, .mehrlink a:active {
	color: #03D0BF;
}

.pdf a, .pdf a:visited {
	background: transparent url("../images/pdf.gif") no-repeat center left;
	color: #333;
	text-decoration: none;
	padding: 0 0 0 15px;
}
/*
.pdf a:hover, .pdf a:focus, .pdf aactive {
	muss noch
}
*/
.servicelink {
	padding: 6px 0 5px 10px;
	height: 14px;
	width: 450px;
}
.projekte {
	text-align: right;
	padding: 4px 5px 4px 0 !important;
}
.servicelink a, .servicelink a:visited {
	background: transparent;
	color: #B6B4B4;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
/*
.servicelink a:hover, .servicelink a:focus, .servicelink a:active {
	muss noch
}
*/
.servicelink a.active, .servicelink a.active, .servicelink a.print {
	background: transparent;
	color: #333 !important;
}


/*
ERGÄNZUNGEN VON ZWEX
Suchergebnisliste - Anfang
*/

.search_overview {
	width: 550px;
	float: left;
}
.article_term {
	margin-bottom: 14px;
}
.search_hnavi,
.search_fnavi {
	font-size: 12px;
	border-bottom: 1px solid #930;
	height: 15px;
	margin-bottom: 14px;
}
.search_hnavi ul li,
.search_fnavi ul li {
	float: left;
	display: inline;
	margin-right: 10px;
}
.article {
	border-bottom: 1px solid #930;
	margin-bottom: 14px;
	padding-bottom: 10px;
}
.article p {
	font-size: 12px;
	line-height: 16px;
}
.article .more {
	font-size: 12px;
}
.content .span_suche_treffer {
	background-color: #FFDE59;
}

/* 
Suchergebnisliste - Ende
*/

/*
Homepage, aktuelles Projekt - Anfang
*/

#startseite #content .columnleft img {
	float: left;
	margin: 0 26px 0 0;
}
/*
Homepage, aktuelles Projekt - Ende
*/

/*
Homepage-Wetterblock - Anfang
*/

.wetter {
	float: left;
	border: 1px solid #fff;
	margin-right: 26px;
	padding: 4px;
	background-color: #d8dbdb;
}

/*
Homepage-Wetterblock - Ende
*/

/*
Projektjahres-Navi - Anfang
*/

body#projekte #content .columnleft_inhalte ul li a:hover,
body#projekte #content .columnleft_inhalte ul li a:focus,
body#projekte #content .columnleft_inhalte ul li a:active,
body#projekte #content .columnleft_inhalte ul li a.active:link,
body#projekte #content .columnleft_inhalte ul li a.active:visited {
	color: #03D0BF;
} 

/*
Projektjahres-Navi - Ende
*/

/* Ergänzungen für Backend - Anfang */



/* Ergänzungen für Backend - Ende */