

/*----------------------------------------------------------------
   Original Build: 04.06.2005
Rebuild 11.2.08 2 validate, JPS
   Author: Ravid Aloni
---------------------
-------------------------------------------*/
/* Rahmen
----------------------------------------------------------------*/
.jps_wg_searchform_eingabe input{
  width:254px;
}
 
 
.csc-textpic-caption {
    font-weight: bold;
    font-size: 9px;
}
 
.csc-header h1 {
    font-size: 20px;
  color:#32988D;

    margin: 0px 0px 5px;
    letter-spacing:-0.04em;
    line-height: 120%;
}
 

/*  Kopf Menu    */
#jps_header_flash {
  height:195px;
  padding:0px;
  background:url(/fileadmin/templates/images/wg_startseite.jpg) left top no-repeat; 
}

#jps_header_logo_flash {
  height:175px;
  padding:0px;
  background:url(/fileadmin/templates/images/wg_logo.gif) left top no-repeat; 
}


-------------------------------------------*/
/* Kontaktformular
----------------------------------------------------------------*/

 
#mailform fieldset.csc-mailform .csc-mailform-field {
     padding: 5px 0px; 
}  
  
#mailform fieldset.csc-mailform .csc-mailform-field label {
    float: left ;
    font-weight: bold;
    width: 170px; 
}

.csc-mailform-field input{
    float: left ;
    font-weight: bold;
}


/* Menu, global
----------------------------------------------------------------*/
 
#menu { padding : 10px; }

#menu-area {
  background-color : #03438B;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #03438B;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #03438B;
}

a.menu1, a.menu2, a.menu3, a.menu4 {
  display : block;
  color : #ffffff;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  text-decoration : none;
  letter-spacing : 1px;
  font-size: 11px;
  font-weight: normal;
}
h1{
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 22px;
  color:#32988D;
  font-weight:normal;
    margin: 0px 0px 5px;
  letter-spacing:-0.04em;
  line-height: 120%;
}
/* Abstand Paragraphen in contenttable weg */
.contenttable p{
  margin:0px;
}

/* Tabelle links und oben ausrichten */
.contenttable tr {
  vertical-align:top;
  text-align:left;

}

/* Abstand der Elemente in der Dateiauswahl verkleinern */
.csc-uploads-fileName p {
  margin:0px;
}

/* H2 Layout rechte Seite auf weiß */
.csc-header h2 {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 20px;
    color:#ffffff;
    font-weight:normal;
    margin: 0px 0px 5px;
    letter-spacing:-0.04em;
    line-height: 120%;
}


h2{
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 20px;
  color:#4a555a;
  font-weight:normal;
    margin: 0px 0px 5px;
  letter-spacing:-0.04em;
  line-height: 120%;
}




.h2_right{
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 20px;
  color:#ffffff;
  font-weight:normal;
                padding: 5px; 
                margin: 5px 0px 5px;
  letter-spacing:-0.04em;
  line-height: 120%;

}



h3{
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 18px;
  color:#32988d;
  font-weight:normal;
    margin: 0px 0px 5px;
  letter-spacing:-0.04em;
  line-height: 120%;
}




.h3_right{
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 18px;
  color:#ffffff;
  font-weight:normal;
                padding: 5px; 
                margin: 5px 0px 5px;
  letter-spacing:-0.04em;
  line-height: 120%;

}

h6 {

        font-size : 11px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #4a555a;
  line-height: 120%;
                padding: 5px 0px 0px 10px; 
                margin: 0px 0px 0px 0px;
  color: #ffffff;
  }


a.l11, a.l21, a.l31, a.l41 a.l12, a.l22, a.l32, a.l42 { padding : 2px 2px 2px 0; }

a.l11, a.l12 { padding-left : 22px; background-image : url(../img/icon_menu_no_off.gif); background-repeat : no-repeat; background-position : 5px 6px; font-size : 11px;}

a.l21, a.l22 { padding-left : 40px; background-image : url(../img/icon_menu_no_off.gif); background-repeat : no-repeat; background-position : 22px 4px; font-size : 11px;}

a.l31, a.l32 { padding-left : 58px; background-image : url(../img/icon_menu_no_off.gif); background-repeat : no-repeat; background-position : 40px 4px; font-size : 11px;}

a.l41, a.l42 { padding-left : 76px; background-image : url(../img/icon_menu_no_off.gif); background-repeat : no-repeat; background-position : 58px 4px; font-size : 11px;}


.menuspc {
  border-top : 1px solid #ffffff;
  /*border-bottom : 1px solid #999999;*/
  padding : 2px 2px 2px 5px;
  color: #03438B;
  font-family : Verdana, Arial, sans-serif;
  text-decoration : none;
  letter-spacing : 1px;
  font-weight: bold;
background-color : #D2E6FC;
font-size: 12px;
}

/* Menu 1
----------------------------------------------------------------*/
 
a.border1 { border-top : 1px solid #ffffff;  }

a.no1:link, a.no1:visited { background-color: #03438B;  }

a.no1:hover, a.no1:active {
  background-color : #D2E6FC;
  color: #03438B;
}

a.act1 {
  background-color : #D2E6FC;
  background-image : url(../img/icon_menu_act.gif);
  color: #03438B;
}

a.actifsub1:link, a.actifsub1:visited {
  background-color : #03438B;
  background-image : url(../img/icon_menu_actifsub_off.gif);
  color: #FFFFFF;
}

a.actifsub1:hover, a.actifsub1:active {
  background-color : #D2E6FC;
  background-image : url(../img/icon_menu_actifsub_on.gif);
  color: #03438B;
}

a.ifsub1:link, a.ifsub1:visited {
  background-color : #03438B;
  background-image : url(../img/icon_menu_ifsub_off.gif);
  color: #FFFFFF;
}

a.ifsub1:hover, a.ifsub1:active {
  background-color : #D2E6FC;
  background-image : url(../img/icon_menu_ifsub_on.gif);
  color: #03438B;
}

a.curifsub1:link, a.curifsub1:visited {
  background-color : #D2E6FC;
  background-image : url(../img/icon_menu_curifsub_on.gif);
  color: #03438B;
}

a.curifsub1:hover, a.curifsub1:active {
  background-color : #D2E6FC;
  background-image : url(../img/icon_menu_curifsub_on.gif);
  color: #03438B;
}



/* Globals
----------------------------------------------------------------*/
 
body { 
  margin : 9px;
  padding : 0px; 
  background : #555555; 
  font-size : 13px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #555555;
  line-height: 150%;

}

td,p,ol, li,ul{
  font-size : 13px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #4a555a;
  line-height: 150%;
}



.textarea{
  font-size : 13px;
  font-family: Verdana, Arial, sans-serif;
    color: #32988d;
             BACKGROUND-COLOR: #ffffff
}

.input{
  font-size : 13px;
  font-family: Verdana, Arial, sans-serif;
  color: #32988d;
  height: 15px;
}



.select{
  font-size : 13px;
  font-family: Verdana, Arial, sans-serif;
  color: #32988d;
  height: 20px;

}
.button {
  font-size : 13px;
  color: #32988d;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  height: 22px;
  background-color: #FFFFFF;
  vertical-align: top;
  margin: 0px;
}


.small_text{
font-size : 11px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  line-height: 120%;
  padding: 5px;
  color: #4a555a;
  }



.right_text{
font-size : 11px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #4a555a;
  line-height: 120%;
  padding: 5px;
  color: #ffffff;
  }

.right_text_fett{
  font-size : 12px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #ffffff;
  line-height: 150%;
  padding: 5px;
  font-weight: bold;
  text-decoration: underline;
  }

/* Content Styles
----------------------------------------------------------------
*/
 
#content {padding : 10px 15px 20px; background-color: #ececee;  }

#content a:link   { 
    color: #32988d;
  border-bottom-width: 0px;
  border-bottom-style: dotted;
  border-bottom-color: #32988d;
  }
#content a:visited   { 
    color: #32988d;
  border-bottom-width: 0px;
  border-bottom-style: dotted;
  border-bottom-color: #32988d;
  }
#content a:hover  { 
  color: #32988d;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #32988d;
  }
#content a:active   { 
  color: #32988d;
  border-bottom-width: 0px;
  border-bottom-style: dotted;
  border-bottom-color: #32988d;
  }


/*footer*/
#footer a:link { color : #ffffff; }
#footer a:visited { color : #ffffff; }

/*breadcrumbs*/
.bread { padding : 3px 0px 0px 15px; font-size : 11px; color: #666666;  }
.bread  a:link { color: #666666; }
.bread a:visited { color: #666666; }
.bread  a:hover { color: #666666; }
.bread  a:active  { color: #666666; }


/* Footer
----------------------------------------------------------------*/
 
.footer {

  font-size : 11px;
  padding : 0px 0px 0px 20px;
  color: #ffffff;

}

.tools { border-top : 1px dotted #03438b; padding : 3px 0px 0px 0px; }

/* Cases, Decoration, Divider, Spacer
----------------------------------------------------------------*/
 
#trenner-oben { background-color : #a3a3a3; }

#trenner-unten { background-color : #a3a3a3; }

/* Header, e1e1e1, Search
----------------------------------------------------------------*/
 
#header {
  float : left;
  display : inline;
  width: 200px;
  background-color: #03438B;
}

#header-area { background-color : #03438B; }

#logo {
  float : none;
  /*padding : 0px 0px 0px 0px;*/
  display : inline;
  /*background-color: #ffffff;*/
  width: 200px;
  /*border: 1px solid #03438B;*/
}

#suche { float : right; margin : 10px; height : 20px; position : relative; }

.tx-indexedsearch-caption, .tx-indexedsearch-input, .tx-indexedsearch-searchbtn { padding-right : 5px; display : inline; }

/* Login
----------------------------------------------------------------*/
 
#login { float : left; display : inline; }

.klogin-header, .klogin-header { font-size : x-small; }

.klogin-header-normal { }

.klogin-box input#user, .klogin-box input#pwd { width : 45px; border : 1px solid #8da038; padding : 3px; background-color : #eef4d1; font-size : xx-small; height : 13px; }

/* Event-Extension (julle_events)
----------------------------------------------------------------*/
 
.tx-julleevents-pi1-singleView td p { display : inline; }

.tx-julleevents-pi1-singleView table { border : 1px solid #e6e6e6; padding : 5px; background-color : #03438B; }

.tx-julleevents-pi1-editAdd-HCell p { font-weight : bold; }

/* Debug
----------------------------------------------------------------*/
 
/*
.userdef:before { color : #ffffff; background-color : #ff0000; content : "userdef"; }

*/

/*kill spac between header and content*/    
.csc-firstHeader {margin: 0 0 0 0;}
.imgtext-table {margin: 0 0 0 0;}


/*table*/
.maarechet_header {color: #FFFFFF}

.maarechet_tbl { border-collapse:collapse; } 
.td_maarechet { border:1px #004382 solid; } 

/*galerie*/
.gal_img {
border: 1px solid #32988d;

text-align:center;
padding: 0px;

}


#div.timg { display: inline; }
div.timg img{ border: 1px solid #32988d;
}


/*links*/
a{
  text-decoration: none;
  border-bottom: #32988d 0px dashed;
}

a:link, a:visited {
  color: #ffffff;
  text-decoration: none;
  border-bottom: #32988d 0px dashed;
}
a:hover, a:active {
  color: #c1c1c1;
  text-decoration: none;
  border-bottom: #32988d 0px dashed;
}

.betonung {
  color: #32988d;
  font-weight: bold;
  }

.konklu{
  color: #32988d;
  font-style: italic;
  }


/*resonanz*/
.res_img {
  width: 100px;

  border: 1px solid #32988D;

}


/*vor-nach*/
.vor-nach_img {
  width: 200px;

  border: 1px solid #32988D;

}


.new_img_big {
  width: 320px;

  border: 1px solid #32988D;

}

.imagemap {
  width: 240px;
                height: 296px;
  border: 1px solid #ffffff;

}


.ausschnitt {
  width: 435px;

  border: 1px solid #32988D;

}
.marker-layer {
    color: #FFFFFF;
    background-color: #FFFFFF;
  }


a.ticker{
  font-size : 13px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #ececee;
  line-height: 150%;
                font-weight: bold;
}

.ticker a:link{
  font-size : 13px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #ececee;
  line-height: 150%;
                font-weight: bold;
}

