/***********************************************Farben*****************/
/*
#9AB6BD - helleres blau - Newstexte
#346D7B - dunkles blau - Newsdatum
#15363E - dunkles blau - Hintergrund
#0F404B - gruenblau - Box
*/

/***********************************************Abstï¿½de zurcksetzen**/

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;
}

.aufspanner {
	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.notizen_back {
	background-image: url(../images/head_notizen.gif);
}
#frame DIV.medien_back {
	background-image: url(../images/head_medien.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);
}
#frame DIV.impressum_back {  }



#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;
	padding-right: 10px;
	font-size : 12px;
	line-height: 16px;

}



#content UL, #content OL {
	padding: 0px;
	margin: 0px;

	font-family : Verdana,Arial,Helvetica,sans-serif;
}
#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;
}


/* formular formular formular formular formular formular formular formular formular formular formular formular formular  */
/* formular formular formular formular formular formular formular formular formular formular formular formular formular  */


#content FORM {
	margin:0px;
	padding:0px;
}
#content FORM INPUT.formInput{
    font-family : Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #000000;
}
#content FORM INPUT.formInput:focus { 
    background-color: #E9F2FC;
}

#content FORM TEXTAREA {
    height: 100px;
    font-family : Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #000000;
}
#content FORM TEXTAREA:focus { 
    background-color: #E9F2FC;
}

#content FORM INPUT.formSubmit {
	background-color: #237FDE;
	color: White;
}
#content FORM INPUT.formInput, #content FORM TEXTAREA, #content FORM INPUT.formSubmit {
	width: 220px;
	border: 0px;
}
#content FORM INPUT.newsletterInput {
    width: 220px;
    height: 16px;
    border: 0px;
    margin-left: 10px;
    font-family : Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #9AB6BD;
    background-color: #346D7B;
}
#content FORM.newsletterForm INPUT.newsletterSubmit { 
    display: none;
    margin-top: 3px;
    width: 80px;
    height: 16px;
    border: 0;
    background-color: #15363E;
    color: #9AB6BD;
    cursor: hand;
    text-decoration: underline;
}

#content FORM.newsletterForm DIV.newsletterLeft, #content FORM.newsletterForm DIV.newsletterRight { 
    padding-top: 3px;
    float: left;
    vertical-align: bottom;
}




/* 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;
}

/* links in Bigbox */
DIV.bigbox.std A, DIV.bigbox.std A:visited, DIV.bigbox.std A:active, DIV.bigbox.std A:hover {
	color : #01485A;	
}



/*********************************************************************************************************/
/* 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 DD,
DIV.bigbox DIV.left P {
	padding-top: 2px;
	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;
}

div.bigbox div.left P.caption {
    font-size: 10px;
    color: #7c989f;
    font-family : Verdana,Arial,Helvetica,sans-serif;	

    padding-left: 25px;
    padding-right: 20px;

}

DIV.bigbox.std DIV.left P.small,
DIV.bigbox.std DIV.right P.small,
DIV.bigbox.std DIV.left DD.csc-textpic-caption {
    font-size: 10px;
/*    color: #9AB6BD;*/
	 color: #7c989f;
    font-family : Verdana,Arial,Helvetica,sans-serif;	
}
DIV.bigbox.std DIV.left DD.csc-textpic-caption { 
    padding-top: 0px;
    padding-bottom: 23px;
}

 /* work extras */
DIV.bigbox.work DIV.left IMG,
DIV.bigbox DIV.left IMG,
DIV.bigbox DIV.left DIV.csc-textpic IMG {
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 0px;
} 
 
/* padding fix für Arbeiten */
DIV.user-guteaussichten-pi1-singleView DIV.left {
	padding-top: 0px;
}
/* padding-fix für Presse und Medien */
DIV.GUTE DIV.bigbox DIV.left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	padding-top: 5px;
}

DIV.PRESSE DIV.bigbox DIV.left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image,
DIV.MEDIEN DIV.bigbox DIV.left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	padding-top: 0px;
}

DIV.TERMINE DIV.bigbox DIV.left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	padding-top: 8px;
}

DIV.FÖRDERER DIV.bigbox DIV.left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	padding-top: 6px;
}

DIV.KONTAKT DIV.bigbox DIV.left DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	padding-top: 6px;
}

DIV.right .csc-textpic-image {
    margin-left: 10px;
}




/* right */
DIV.bigbox DIV.right {
	float: left;
	width: 450px;
}
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,
DIV.bigbox DIV.right P IMG.thumbActive {
	border: 1px solid #B9CDD2;
	margin-right: 5px;
	margin-bottom: 5px;
}
DIV.bigbox DIV.right P IMG.thumbActive { 
    border: 1px solid #A40000;
}


 /* 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 #0E3F4B;
	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;
    vertical-align: middle;
}

#foot DIV.nkv {
    float: left;
    padding-left: 18px;
}

#foot DIV.imprint {
    padding-top: 0px;
    float: right;
}



#foot DIV.info {
    float: left;
    padding-left: 70px;
    padding-top: 1px;
}
	
#foot DIV.info, #foot DIV.info A {
    font-size:10px;
}



/**** additions and modifications by zwn ********/
DIV.bigbox DIV.left P.yearlabel {
    font-family : Verdana,Arial,Helvetica,sans-serif;
    text-align: right;
    color: #346D7B;
    padding-right: 1px;
    padding-top: 0px;
    color: #9AB6BD;
    font-size : 13px;
}

DIV#foot A { 
    text-decoration: none;
}
DIV#foot A:hover { 
    text-decoration: underline;
}









#photogallery TABLE {
    width: auto;

    margin: 0px;
}
#content #photogallery {
    width: 620px;
}

#photogallery TABLE TD {
    padding: 0px;


}
