/***********************************************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-top: 3px;
}
  
#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;


}