/***********************************************Farben*****************/
/*
#9AB6BD - helleres blau - Newstexte
#346D7B - dunkles blau - Newsdatum
#15363E - dunkles blau - Hintergrund
#0F404B - gruenblau - Box
*/

/***********************************************Abstände zurücksetzen**/

BODY, P, H1, H2, H3, H4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

BODY {
	background : #15363E;
	color : #346D7B;
	font-family : 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-size : 13px;
	text-align: center;

	margin-top: 45px;
	margin-bottom: 45px;
}


.spacer{
	clear: both;
	font-size: 1px;

}

.macIE5fix {
	display: block;
	/* commented backslash hack v2 for mac ie5 \*/
	display: none;
	/* end hack */		
}

	
	

/* ********************************************************************************************** */
/* Links */
/* ********************************************************************************************** */


A, A:link, A:active, A:visited {
	font-size : 12px;
	color : #9AB6BD;
	text-decoration : none;
}
A:hover {
	text-decoration : underline;
}

/********************************************************************************************************/
/* layout layout layout layout layout layout layout layout layout layout layout layout layout layout    */
/********************************************************************************************************/

#frame {
	width: 727px;
	
	margin-right: auto;
	margin-left: auto;

	text-align: left;
}

/********************************************************************************************************/
/* Header Header Header Header Header Header Header Header Header Header Header Header Header Header    */
/********************************************************************************************************/

#header {
	width: 710px;

	margin-left: 1px;

	background-position: 7px 16px;
	background-repeat: no-repeat;
}

#frame DIV.home_back {
	background-image: url(../images/head_home.gif);
}
#frame DIV.guteaussichten_back {
	background-image: url(../images/head_guteaussichten.gif);
}
#frame DIV.arbeiten_back {
	background-image: url(../images/head_arbeiten.gif);
}
#frame DIV.events_back {
	background-image: url(../images/head_events.gif);
}
#frame DIV.presse_back {
	background-image: url(../images/head_presse.gif);
}
#frame DIV.foerderer_back {
	background-image: url(../images/head_foerderer.gif);
}
#frame DIV.kontakt_back {
	background-image: url(../images/head_kontakt.gif);
}



#header DIV.logo {
	float: left;

}

/* navigation navigation navigation navigation navigation navigation navigation navigation    */

#nav {
	float: right;
	width: 480px;
}

#nav UL {
	margin: 0px;
	padding: 0px;
}

#nav UL LI  {
	list-style: none;
	float: left;
}


#nav UL LI A, #nav UL LI A:visited, #nav UL LI A:active {
	display: block;
	padding-bottom: 5px;
	padding-left: 10px;

	text-decoration: none;
	color: #B3C9CE;
	font-size: 12px;

	padding-top: 3px;
	width: 10px;
	/* commented backslash hack v2 for mac ie5 \*/
	padding-top: 0px;
	width: auto;
	/* end hack */	
	
}

#nav UL LI.first A, #nav UL LI.first A:visited, #nav UL LI.first A:active {
	padding-left: 29px;
	
	background-image: url(../images/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	
	
}



#nav UL LI A.active, #nav UL LI A.active:visited, #nav UL LI A.active:active {
	background-image: url(../images/linkdot.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	color: #4D7F8C;
}

#nav UL LI.first A.active, #nav UL LI.first A.active:visited, #nav UL LI.first A.active:active {
	background-image: url(../images/pfeil_mit_punkt.gif);
	background-position: 0px 3px;
}



#nav UL LI A:hover {
	color: #4D7F8C;
}





#header DIV.headSpacer {
	clear: both;
	height: 41px;
	
}



#header H1 {
	margin: 0px;

	display: block;


	text-align: left;
	
	color:#1B5B6B;

	margin-left : 30px;
	padding-bottom : 0px;
	font-size : 24px;
	font-weight : normal;
	
	border-bottom: 1px solid #0E3F4B;

}




/********************************************************************************************************/
/* content content content content content content content content content content content content     */
/********************************************************************************************************/

#content {

}

#content A {
	text-decoration: underline;
}


#content H2 {
	margin-bottom: 10px;
	font-size : 25px;
	font-weight : normal;

}
#content H3 {
	font-family : Verdana,Arial,Helvetica,sans-serif;

	margin-top: 5px;
	margin-bottom: 10px;
	font-size : 12px;

}



#content UL, #content OL {
	padding: 0px;
	margin: 0px;
}
#content LI {
	padding-bottom: 10px;

	margin-left: 30px;
}


/* table table table table table table table table table table table table table table */
/* table table table table table table table table table table table table table table */


#content TABLE {
	margin-left: 31px;

	width: 680px;
}

#content TABLE TH, #content TABLE TD {
	padding-top: 8px;
	padding-bottom: 9px;

	/* commented backslash hack v2 for mac ie5 \*/
	padding-top: 6px;
	padding-bottom: 7px;
	/* end hack */	

}

#content TABLE TH {
	font-size:11px;
	text-align : left;


	font-weight:normal;
	color:#346D7B;

	border-bottom: 1px solid #0E3F4B;
}

#content TABLE TD {
	color:#9AB6BD;
	font-size:11px;
}

#content TABLE TD A {
	text-decoration: none;
}
#content TABLE TD A.active {
	color: #4D7F8C; 
}
#content TABLE TD A:hover {
	text-decoration: underline;
}

#content TABLE TD.icon {
	width: 90px;
}

#content TABLE TD.numeration {
	font-size:9px;
	color:#346D7B;
}

#content TABLE TD.submenu {
	width: 200px;	
}
#content TABLE TD.pfeil {
	width: 30px;	
}

#content TABLE TR.last TD {
	border-bottom: 1px solid #0E3F4B;
}


/* bigbox  bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox */
/* bigbox  bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox bigbox */

DIV.bigbox {

	margin-top : 29px;
	margin-left : 30px;

	
	background-repeat: repeat-y;

}

DIV.bigbox DIV.head {
	font-size: 1px;
	height: 11px;
	background-repeat: no-repeat;
}

DIV.bigbox DIV.foot {
	font-size: 1px;
	background-repeat: no-repeat;
}


/* *******  */

DIV.bigbox.green {
	background-image: url(../images/bigbox_torus_green.gif);
}
DIV.bigbox.green DIV.head {
	background-image: url(../images/bigbox_head_green.gif);
	padding-top: 15px;
}
DIV.bigbox.green DIV.foot {
	background-image: url(../images/bigbox_foot_green.gif);
	height: 9px;
}


DIV.bigbox.std, DIV.bigbox.home{
	background-image: url(../images/bigbox_torus_std.gif);
	color: #01485A;

}
DIV.bigbox.std DIV.head {
	background-image: url(../images/bigbox_head_std.gif);
	padding-top: 15px;
}
DIV.bigbox.home DIV.head {
	background-image: url(../images/bigbox_head_std.gif);
}

DIV.bigbox.std DIV.foot {
	background-image: url(../images/bigbox_foot_std.gif);
	height: 69px;
}

DIV.bigbox.home DIV.foot {
	background-image: url(../images/bigbox_foot_work.gif);
	height: 9px;
}

DIV.bigbox.work {
	background-image: url(../images/bigbox_torus_std.gif);
}
DIV.bigbox.work DIV.head {
	background-image: url(../images/bigbox_head_std.gif);
}

DIV.bigbox.work DIV.foot {
	background-image: url(../images/bigbox_foot_work.gif);
	height: 9px;
}

/*********************************************************************************************************/
/* left and right - left and right - left and right - left and right - left and right - left and right   */
/*********************************************************************************************************/

/* left */
DIV.bigbox DIV.left {
	float: left;
	width: 220px;
	padding-left: 0px;

}
DIV.bigbox.work DIV.left {
 /* work bigbox bekommt eine eigene weite */
	width: 542px;
}

DIV.bigbox DIV.left P {
	padding-left: 10px;	
}


DIV.bigbox DIV.left P.label {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	text-align: right;
	color: #346D7B;
	padding-right: 1px;

}

DIV.bigbox.std DIV.left P.label {
	color: #9AB6BD;
}

DIV.bigbox DIV.left P.labeltoH2 {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	text-align: right;
	color: #346D7B;
	padding-right: 1px;

	margin-top: 14px;	
	font-size: 10px;
}



 /* work extras */
DIV.bigbox.work DIV.left IMG {
	margin-top: 0px;
	margin-bottom: 5px;
} 
 




/* right */
DIV.bigbox DIV.right {
	float: left;
	width: 460px;
}
DIV.bigbox.work DIV.right {
 /* work bigbox bekommt eine eigene weite */
	width: 138px;
}

DIV.bigbox DIV.right P, DIV.bigbox DIV.right H2, DIV.bigbox DIV.right H3 {
	margin-left: 10px;
}
DIV.bigbox DIV.right P {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	color: #9AB6BD;
	padding-right: 10px;
}
DIV.bigbox.work DIV.right P {
	padding-right: 0px;
}
DIV.bigbox.green DIV.right P {
	color: #9AB6BD;
}
DIV.bigbox.green DIV.right H2 {
	color: #9AB6BD;
}
DIV.bigbox.std DIV.right P {
	color: #01485A;
}
DIV.bigbox DIV.right P.reddot {

	padding-left: 10px;
	font-size: 10px;

	background-image: url(../images/linkdotleft.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
}




 /* work extras */
DIV.bigbox DIV.right DIV.page {
	margin-left: 10px;
	width: 118px;
	height: 33px;
	background-color: #14343C;
	margin-bottom: 5px;


	padding-top: 5px;
	/* commented backslash hack v2 for mac ie5 \*/
	padding-top: 2px;
	text-align: center;
	/* end hack */	
}
#content DIV.bigbox DIV.right DIV.page A, #content DIV.bigbox DIV.right DIV.page A:visited {
	font-size: 25px;
	text-decoration: none;
}

DIV.bigbox DIV.right DIV.page A.left {
	padding-left: 15px;

	margin-left: 11px;
	/* commented backslash hack v2 for mac ie5 \*/
	margin-left: 0px;
	padding-left: 15px;
	/* end hack */	

	background-image: url(../images/arbeiten_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left center; 
}
DIV.bigbox DIV.right DIV.page A.right {
	color: #1A5969;
	padding-right: 15px;
	background-image: url(../images/arbeiten_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right center; 

}

DIV.bigbox DIV.right P IMG.thumb {
	border: 1px solid #B9CDD2;
	margin-right: 5px;
	margin-bottom: 5px;
}



 /* video extras */
DIV.bigbox DIV.right P A.mp, DIV.bigbox DIV.right P A.qt {
	width: 300px;
	display: block;
	
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left center; 	
}

DIV.bigbox DIV.right P A.mp {
	background-image: url(../images/video_mp.gif);
}
DIV.bigbox DIV.right P A.qt {
	background-image: url(../images/video_qt.gif);
}




/*********************************************************************************************************/
/* fullwidth fullwidth fullwidth fullwidth fullwidth fullwidth fullwidth fullwidth fullwidth fullwidth   */
/*********************************************************************************************************/

/* HR */
DIV.bigbox DIV.hr {
	clear: both;
	border-top: 1px solid #01485A;
	width: 449px;

	margin-top: 20px;
	padding-bottom: 20px;
	margin-left: 231px;

}




DIV.bigbox DIV.fullwidth {
	font-size: 11px;
	
	width: 669px;
	
	margin-left: 0px;
	margin-top: 3px;
	padding-left: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #0E3F4B;

	color: #9BB6BD;
}

DIV.bigbox DIV.fullwidth SPAN.label {
	width: 60px;
	display: block;
	float: left;

	color: #346D79;
}

DIV.bigbox DIV.fullwidth SPAN.field {
	display: block;
}






/********************************************************************************************************/
/* foot foot foot foot foot foot foot foot foot foot foot foot foot foot foot foot    */
/********************************************************************************************************/

DIV.hr {
	margin-left : 31px;
	margin-top: 29px;
	border-top: 1px solid #0E3F4B;		
	width: 680px;
}
DIV.hr HR {
	display: none;
}


#foot {
	margin-left : 14px;
	margin-right : 16px;
	padding-top: 9px;
}

#foot DIV.nkv {
	float: left;
}

#foot DIV.imprint {
	float: right;
}



#foot DIV.info {
	float: left;
	padding-left: 16px;
}
	
#foot DIV.info, #foot DIV.info A {
	font-size:10px;
}

