/* (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: 11px;
    color: #fff;
    background: none;
    
    
    /* damit wird ein scrollbar erzwungen */
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
  }

 /*--- printheader ---------------------------------- */
 #printheader {
     display: block;
     border-bottom: 2px solid #003366;
     margin-bottom: 20px;
     color: #333;
     padding: 0 0 10px 0;
     min-height: 100px; /* damit das Logo nicht über die Linie ragt */
 }
 
 #printheader img.logo {
     float: right;
 }
 
#printheader p {
     font-size: 100%;
}  
 
 
  
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Lucida Sans, Lucida Sans Unicode, Tahoma, Arial, Verdana, sans-serif;
    font-weight:lighter;
    color:#666;
    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:12px; padding-bottom:5px;}
  h2 { clear:left;}
  
  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: 20px;
  }
                       
  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;}
  

  /*--- 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;
  }

  ul { 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;}
  
  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;
   */
   width: 100%;
   min-width: 100%; /* überschreibt */
   max-width: 100%; /* überschreibt */
   margin: 0;
   padding: 0;
}


/*	********  Content Hintergrund ************************  */
.cont_base {
	/*
    position: absolute;
	top: 105px;
    */
    margin-top: 0px;
	left: 0px;
	margin-left: 0px;
	padding: 0;
	background-color: #fff;
    margin-bottom: 0px;
}

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

.icon_upleft {
    float:left;
    margin-right:10px;
    margin-bottom:5px;
}	
	
/*	********  Content ************************  */
 #content { 
	/* width: 460px; */
	margin: 0; 
	padding: 0; 
	background-color: transparent; 
    min-height: 400px;
    
    position: inherit;
	}
    
 #content p {
     margin-top: 10px;
 }
 
 #content a {
     color: #003366;
     letter-spacing: 0.015em;
 }
 /* im Gegensatz zur screen-Formatierung hier nicht nur in p's */
#content a[href]:after {
    /* content: url(../assets/images/symbols/link.gif); */
    content:" (link: "attr(href)")"; color:#003366;
} 

 #content a[name] {
     color: #333333;
     letter-spacing: normal;
 }
 
 #content li {
    text-indent: -12px;   
    padding-left: 12px;
 }
    /* 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 
    */
 #contentsmall {
     width: 100%;
 }
 #contentwide {
     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;
}

  .subnav {
      display: none;
      /*
      position: absolute;
      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 {
      display: none;
      /*
      position: relative;
      margin-bottom: 15px;
      bottom: -30px;
      */
    }


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

.mainnav {
    display: none;
/*
    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: 10px 0 10px 20px;
}

.focus_summary img {
    float: left; 
    margin-right: 10px;
    margin-bottom:10px;
}

.projektbeispiel_link {
    margin-top:5px;
}

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

/* Standort-Daten */
.standortlabel {
    width: 80px;
    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 {
    color: #888;
}

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

form table {
    width: 100%;
}

form textarea {
    width: 322px;
}

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

.text_folded {
    display:  block;
    color: black;
}

.switcher img {
    display: inline;
}

.switcher a {
    color: #182E7A;
}

.switcher_text {
    display: none;
}

.switcherjs_text {
    display: inline;
}