/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
    font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Tahoma', 'Arial', 'Verdana', 'sans-serif';
    font-size: 75%;
    color: #fff;
    background: #5E7587 url(../assets/images/background.jpg) fixed 0 0;
    
    
    /* damit wird ein scrollbar erzwungen */
    margin: 0;
    padding-bottom: 1px;
    padding-top: 20px;
    height: 100%;
    width: 100%;
    /*
    position: absolute;
    */
    /* overflow-y: scroll;  */
    
  }

  

  
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, Arial, Verdana, sans-serif;
    font-weight:lighter;
    color:#003366;
    margin: 0 0 0 0;
  }

  /*
  h1 { font-size: 200%; letter-spacing: 0.1em; color: #ccc; padding: 0 0 10px 0; font-weight: bolder; 
	border-bottom: 1px dotted #036; margin-bottom: 10px; margin-top: 10px;}                       
  */
  h1 { font-size: 180%; font-weight: lighter; letter-spacing: 0.015em; margin: 0 0 0.5em 0; color: #036;}                       
  
 
  /*
  h2 { font-size: 180%; font-weight: lighter; letter-spacing: 0.015em; margin: 0 0 0.5em 0; color: #036;}                       
  */
  h2 { font-size: 115%; color: #666; border-bottom: 1px dotted  #666; font-style: italic; letter-spacing: 0.01em; margin-bottom: 10px; margin-top:20px; padding-bottom:5px; clear:left;}
  
  div h2:first-child {clear:none;margin-top:10px;}  
  
  h3 { font-size: 115%; color: #003366; font-weight: lighter; margin: 10px 0 0.2em 0; font-style: italic; clear: left; }                       
 
  /* wenn es aber eine erste Überschrift in h3 ist, muss das h3 nicht sein */
  h3:first-child  {
      clear: none;
      margin-top: 0px;
  }
                       
  h5 { font-size: 100%; color: #666; font-weight: bolder; margin: 0 0.5em 0.2em 0.8em; line-height: 140%; }                    
  h6 { font-size: 95%; color: #003366; font-weight: lighter; margin: 0.5em 0 0.6em 0; letter-spacing: -0.015em; text-align: right; border-bottom: 1px dotted #61788b;}   
  
  
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { font-size: 110%; line-height: 140%; letter-spacing: 0.015em; margin: 0 0 0 0; color: #333;}
 


  blockquote, cite  {
    /* font-family: Georgia, "Times New Roman", Times, serif; */
    /* font-style:italic; */
  }
  blockquote { font-size: 110%; margin: 0 20em 2em 3em; color: #036; padding-bottom: 10px; border-bottom: 1px dotted #036;}
  
  /*--- Druckkopf ------------------------------------------*/
  #printheader {
      display: none;
  }
  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #003366; text-decoration: none;}
  a:visited  { color: #333; }
  a:focus,
  a:hover  { color: #003366; background:transparent; text-decoration: none;}
  a:active { color: #003366; text-decoration: none; }  

  a img {
	border: none;
    text-decoration: none;
  }

  ul, ol { font-size: 110%; line-height: 160%; letter-spacing: 0.015em; padding: 0; margin: 0em 0em 1em 0; color: #333;} 
  ul ul { font-size: 95%; padding-left: 3px; margin-bottom:0;}
  
  
  li {  list-style-image: url(../assets/images/symbols/circle_small.gif); 
        list-style-position: inside;} 


/*--- Seitenaufbau ----------------------------------------------------------------------------------------- */

.univers {
	/*
    position: absolute;
	left: 5px;
    top: 10px;
    */
    min-width: 940px;
    max-width: 99em;
	margin: 15px 20px 0;
	background-color: transparent;
    overflow: hidden;
}


/*	********  Content Hintergrund ************************  */
.cont_base {
	/*
    position: absolute;
	top: 105px;
    */
    margin-top: 105px;
	left: 0px;
	/* min-height: 480px; */
	/* width: 735px; */
	margin-left: 260px;
	padding: 0;
	background-color: #fff;
    margin-bottom: 50px;
}

#pic_top { 
	float: right;
	border: none;
	margin: -22px -15px 10px 10px;
    padding: 0 0 10px 10px;
    background-color: white;
  /*  width: 350px; */
	}
    
#pic_top_left {
    float: left;
    border: none;
    margin:  0 10px 1px 0px;
    padding: 0 0 10px 0px;
    background-color: white;
}

.icon_upleft {
    float:left;
    margin-right:10px;
    margin-bottom:5px;
}	
	
/*	********  Content ************************  */
 #content { 
	/* width: 460px; */
	margin: 0; 
	padding: 0px 15px 0 15px; 
	background-color: transparent; 
    min-height: 400px;
    
    position: relative;
    top: -5px;
	}
    
 #content p {
     margin-top: 10px;
 }
 
 #content p.notopmargin {
     margin-top: 0;
 }
 
 #content a {
     color: #003366;
     letter-spacing: 0.015em;
 }

 #content  a[href]:after {
    content: url(../assets/images/symbols/link.gif);
 } 
 
 /*
 #content h3 a[href]:after {
 	 content: url(../assets/images/symbols/next.gif);
 }
 */
 
 #content a[target]:after {
     content: url(../assets/images/symbols/extern.gif);
 }
 #content a[target="_pdf"]:after {
     content: url(../assets/images/symbols/pdf.gif);
 }
 #content a.mlink:after {
     content: " "url(../assets/images/symbols/mail.gif);
 }

  #content .pagenav a[href]:after, 
 #content .picturediv a[href]:after, 
 #content h2.switcher a:after, #content a.lightbox:after {
     content: ""
 }

 #content a.lightbox {
    margin-right: -15px;
    
}

.lightbox_preview {
    border: 1px solid #003366;
}

.lightbox_symbol {
    position: relative;
    top: -1px;
    left: -26px;
}

 #content h2.switcher {
     border-bottom: none;
     border-top: 1px dotted  #666;
     padding-top: 2px;
     padding-bottom: 3px;
 }
 
 #content a[name] {
     color: #333333;
     letter-spacing: normal;
 }
 
 #content h3 a[name] {
     color: #003366;
 }
 
 #content li {
    text-indent: -18px;   
    padding-left: 17px;
 }
    /* für Seiten ohne Bilder auf der rechten Seite kann der Inhalt in der Laufweite etwas reduziert werden
       in Prozent, damit es in Abhängigkeit vom content-Bereich bleibt 
    */
 #contentwide_schmal {
     /* width: 60%; */
     margin-right: 40%;
 }
 #contentwide_schmal p:first-child, #contentwide p:first-child {
    margin-top: 20px;   
 }
 #contentwide_breit {
     /* width: 85%; */
     margin-right: 15%;
 }
 
 #contentwide_fullsize {
    /* width: 100%;    */
 }
	
/*	********  HEADER ************************  */	
#notdienst {
    float:right;
    margin-top:3px;
    margin-right:10px;
    color: white;
    font-weight:bold;
    
    position: absolute;
    top: -30px;
    top: -45px; /* bei zweilzeiligem Text */
    right: 0;
    font-size: 1.2em;
    
    text-align: right;
}

#notdienst a {
    color: white;
}

/* turn over / blättern */
/* .subnav a#prevpage, .subnav a#nextpage { */
.subnav #prevpage, .subnav #nextpage {
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 1px; 
}

/* .subnav a#nextpage { */
.subnav #nextpage { 
 /* float: right;   */
 /* ändern für neue Darstellung des turn-overs */
 float: none;
 margin-top: 5px;
 position: relative;
 top: 1px;
 margin-left: 10px;
 border-left: 1px dotted #003366;
 padding-left: 20px;
}

/* das geht leider wegen der falschen Bildposition nicht = zu tief
.subnav a#prevpage:before {
    content: url(../assets/images/symbols/prev_tb.gif)" ";
}
*/

/* .subnav a#nextpage img,.subnav a#prevpage img { */
.subnav #nextpage img,.subnav #prevpage img {
  position: relative;
  top: 2px;   
}

/* .subnav a#prevpage { */
.subnav #prevpage {
 float: left;   
}

/* das geht leider wegen der falschen Bildposition nicht
.subnav a#nextpage:after {
    content: " "url(../assets/images/symbols/next.gif);
}
*/




/* subnav */

  .subnav {
      position: absolute;
      /* width: 730px; */
      background-image: url(../assets/images/w80.png);
      background-repeat: repeat;
      
      height: 22px;
      padding: 0;

    }

.subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.subnav li {
	/* width: 80px; */
	border-right: 1px dotted #036;
	float: left;
	padding: 0 6px 0 5px;
    display: block;
}

.subnav li a img {
  /*  margin-top: 4px; */
}

.subnav li a {
    
}

#head {
      
      position: relative;
      top: -33px;
      
      /*
      margin: 73px 0px 0px 260px;
      */
    }


#foot {
      position: relative;
      margin-bottom: 15px;
      bottom: -30px;
    }


/* ###### MainNav #################### */

.mainnav {
/*
    position: absolute;
	left: 0px;
	top: 0px;
*/
    float: left; 
/*    margin-top: -106px; */
	width: 250px;
	border: 0;
	
}

.mainnav ul {
	list-style-type: none;
	margin: 1px 0 0 0;
	padding: 0;
}


.mainnav li {
	display: block; 
	background-image: url(../assets/images/w80.png);
    background-repeat: repeat;
	margin-bottom: 10px;
}

.subnav li a { 
    display: block; 
    color: #003366;
}

.mainnav li a { 
 	display: block; 
	color: #003366;
	font-style: italic;
}

.mainnav li a {
    height: 20px;
    font-size: 12pt;
    text-align: right;
    padding-top: 7px;
    padding-bottom: 3px;
}

.subnav li a {
    padding-left:7px;
    padding-right: 5px;
    margin-left: 5px;
}

.subnav li.last {
    border: none;
}


.mainnav li:hover, .subnav li:hover {
	background-color: #fff;
	color: #003366;
	display: block;
}


.mainnav li.active, .subnav li.active {
	background-color: #fff;
	color: #003366;
    
}


.mainnav li img, .subnav li img {
    position: relative;
    visibility: hidden;
    display: none;
    float: left;
}



.mainnav li img {
	top: 0px;
	left: -15px;
}

.subnav li img {
    top: 7px;
    left: 0px;
}

.subnav li img.menuicon {
    top: 1px;
    left: 0px;
    padding-bottom: 4px;
}


/* img.menuicon: Icons im Menu (z.B. home) würde ohne diese Zeile nicht dargestellt */
.mainnav li.active img, .subnav li.active img, .subnav li a img.menuicon  {
	visibility: visible;
    display: inline-block;
}



.teaser img {
	float:right;
}


/* spezielle content-Formatierung */


.focus_summary {
    margin: 0 0 10px 20px;
}

#content .focus_summary p:first-child {
    margin-top: 0px;   
}
/*
.focus_summary img {
    float: left; 
    margin-right: 10px;
    margin-bottom:10px;
}
*/
/**** Bilderbereich **/
.picturediv {
 margin-top: 20px;   
}

.picturediv img{
 /* float: left; */
 /*margin-right: 10px; */
}

.projektbeispiel_link {
    margin-top:5px;
}

.projektbeispiel_link a {
    font-size: 100%;
}

/* Standort-Daten */
.standortlabel {
    width: 70px;
    display: inline-block;
}

/* Stellenausschreibungen */
.nextsymbol {
    position: relative;
    display: inline-block;                                                       
    top: 2px;
    left: 2px;
}

.stellestandort, .ausbildungsdauer {
    font-size: 90%;
}

/* Seitenwechsel Pagination z.B. bei Stellenbeschreibung */
.ditto_next_off, .ditto_page_off, .ditto_previous_off {
    color: #888;
}

/* content-Tabellen */
#content table td  {
    color:   #333;
    padding: 2px 5px 2px 2px;
    border-bottom: 1px dotted #003366;
}

#content form table td {
    border-bottom: none;
}

/* kontaktformular */
form {
    color: black;
}

form table {
    width: 100%;
}

form textarea {
    width: 322px;
}

.errors {
     color: white;
     background-color: #003366;
     padding: 4px;
     opacity: 0.5;
}


/* switch */
.folderarrow {
    margin-bottom: -2px;
    margin-right: 5px;
}

.text_folded {
    display:  none;
    color: black;
    margin-top: -5px;
    min-height: 60px;
}

.text_folded p {
    margin-top: 0;
}

/* standorte */
#standorte h3 {
    border-top: 1px solid #003366;
    padding-top: 5px;
}

#standorte h3:first-child {
    border-top: none;   
}

.standortadr {
    border-right: 1px dotted #666;  
    float: left; 
    padding-right:10px;
    padding-left:0;
    margin-bottom:20px;
    min-width: 320px;
}

/* Form für Routenplaner */
/* saddr ist google-Param für Start-Adresse, und diese wird im Formular eingegeben */
input[name=saddr] {
 width: 245px;   
}
.switcher img {
    display: inline;
}

.switcher a {
    color: #182E7A;
}

.switcher_text {
    display: none;
}

.switcherjs_text {
    display: inline;
}

/* textauszeichnung */
.unterschrift {
    color: #003366;
    
}

/*  calendar container element */
div#tcal {
    position: absolute;
    visibility: hidden;
    z-index: 100;
    width: 158px;
    padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
    width: 100%;
    border: 1px solid silver;
    border-collapse: collapse;
    background-color: #919EA7;
}
/* navigation table */
div#tcal table.ctrl {
    border-bottom: 0;
    background-color: white;
}
/* navigation buttons */
div#tcal table.ctrl td {
    width: 15px;
    height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
    background-color: white;
    color: black;
    border: 0;
}
/* week days header */
div#tcal th {
    border: 1px solid silver;
    border-collapse: collapse;
    text-align: center;
    padding: 3px 0;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 10px;
    background-color: gray;
    color: white;
}
/* date cells */
div#tcal td {
    border: 0;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 0;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    width: 22px;
    cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */

div#tcal td.past {
	color: #c2cbd2;
}
div#tcal td.off {
	cursor: default;
}

div#tcal td.othermonth {
    color: silver;
}
div#tcal td.weekend {
    background-color: #b4bfc6;
    color: #666666;
}
div#tcal td.today {
    border: 1px solid red;
}
div#tcal td.selected {
    background-color: #FFB3BE;
}

/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
    position: absolute;
    visibility: hidden;
    z-index: 98;
    border: 0;
}
/* transparent shadow */
div#tcalShade {
    position: absolute;
    visibility: hidden;
    z-index: 99;
}
div#tcalShade table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
}
div#tcalShade table td {
    border: 0;
    border-collapse: collapse;
    padding: 0;
}