﻿@charset "UTF-8";


@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) basic layout elements
   * (de) Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
  	background: #fff; 
	padding: 0; 
	font-size: 0.75em; 
	font-family: arial,helvetica,sans-serif; 
	height: 100%; 
	text-align: center;}

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {  
  	min-width: 75.7em; 
	max-width: 75.7em; 
	width: 75.6em; 
	margin: 0 auto; 
	border: 0 #889 solid; 
	background: #fff url(../../img/kannte_r.jpg) repeat-y right; 
	padding: 0 1.5em 0 0; 
	text-align: left;}
	
  #page {
  	background: #fff; 
	border: 0 #fff solid;
    background-color: transparent;
    /*background-image: url(../../images/bg_col_right.gif);*/
    background-repeat: repeat-y;
    background-position: right;
   }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  /* (de) Hintergrundschatten */
 
   #language { 
	  position:relative;
	  border: 0;
	  height: 1px; 
	  min-width: 75.7em; 
	  max-width: 75.7em; 
	  width: 75.7em; 
	  margin: 0 auto;
	  padding: 0 1.5em 0 0; }
	  
   #flag { 
	  float: right; 
	  list-style-type: none; 
	  list-style-image: none; 
	  display: inline; 
	  border: none; 
	  margin: 5px 0 0 0; 
	  padding: 0;}
	  
  #flag li { 
	  display: inline; 
	  border: none; 
	  padding-left: 5px;}
	  	  
   #topBorder, #bottomBorder { 
	  height: 27px; 
	  min-width: 75.7em; 
	  max-width: 75.7em; 
	  width: 75.7em; 
	  margin: 0 auto;
	  padding: 0 1.5em 0 0; 
	  background: #fff url(../../img/er.gif) no-repeat right;}
  
  #bottomBorder { 
	  background: #fff url(../../img/er_u.gif) no-repeat right; 
	 }
    
  #topBorderLeft, #bottomBorderLeft { 
	  background: #fff url(../../img/el.gif) no-repeat; 
	  width: 21px; 
	  height: 27px;  
	  float: left;}
	  
  #bottomBorderLeft { 
	  background: #fff url(../../img/el_u.gif) no-repeat; 
	 }
	 
  #topBorderCenter, #bottomBorderCenter { 
	  background: #fff url(../../img/s.gif) repeat-x; 
	  width: 60.7em; 
	  height: 27px;  
	  float: left;}
	  
  #bottomBorderCenter { 
	  background: #fff url(../../img/s_u.gif) repeat-x; 
	 }
  
  
  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

  #main { 
	  background: #fff url(../../img/kannte_l.jpg) repeat-y top left; 
	  padding: 0.4em 0; 
	  padding-left: 21px; 
	  height: 100%; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container */

  #col1 { width: 13.75em; text-align:right; }
  #col1_content { padding: 0; border: 0 solid #f00; padding-top: 0.8em; }

  #col2 { width: 20em; }
  #col2_content { padding: 0; border: 0 solid #f00; padding-top: 0.8em; color: #fff; }

  #col3 { margin: 0 20em; margin-left: 13.75em; margin-right: 20em;}
  #col3_content { padding: 0 1.675em 0 3em !important;  overflow:hidden; width: 35em; border: 0 solid #f00; font-size: 1em; color: #000; padding-left: 2.5em; }


  /*------------------------------------------------------------------------------------------------------*/
  #header {
    color: #000; }
  #header div {
     float: left;
	 height: 120px;  }
  #headerRight {
     text-align: right;  }
  #headerLeft {
  	 width: 16.667em;
	 background: #fff url(../../img/signet_left.jpg) no-repeat;  }
  #headerRand {
  	 width: 21px;
	 background: #fff url(../../img/kannte_l.jpg) repeat-y top right;  }
  #headerCenter {
  	width: 37.167em;
    background: #fff url(../../img/signet_center.jpg) no-repeat;  }
  #headerRight {
  	width: 20em;
    background: #fff url(../../img/signet_right.jpg) no-repeat right;  }
  .hl {
  	height: 120px; 
	width: 16.667em; 
	display: block;}
  .hc {
  	height: 120px; 
	width: 37.167em;
	display: block; }	
  .hr {
  	height: 120px; 
	width: 20em;
	display: block; }	
  /* (de) hellgruener Streifen links oben */  
  #greenlemon {
  	float:left;
	background-color:#9BC34B;
	height:1.5em;
	width:9.25em; }
  
  /* (de) Fakultaetsfarbe links oben */  	
  #faculty {
  	float:left;
	background-color:#005133;
	height:4.5em;
	width:4.5em;  }	
  
  #faculty .uni {
	background-color:#005133;  }
  
  /* (de) rechte Spalte */  

  #greenbox {
	background-color:#9BC34B;
	display:block;
	height:100%;
	margin:0;
	padding:0;
	width:18.75em; 
	color: #000; 
	}
	
  #col2 .rechts, 
  #col2 .toprechts{
	width: 16.95em ;
	padding: 0.9em 0.9em 0.9em 0.9em;	
	border-bottom: 1px solid #e0efc6;
	color: #000; }

  #col2 .toprechts {
	border-top: 0 }
  
  #col2 a {
	color: #005133;
	text-decoration: none;
	word-wrap: break-word;	}
  
  #col2 a:hover {
	text-decoration: underline;	}
  
  #col2  a:active,
  #col2  a:active,
  #col2  a:focus {
		color: #f6ffe5;
		text-decoration: none;
		background-color: #000000;}	


	#col2 .schrift1, #col2 .schrift2 {
		margin-right: 0.333em;
		padding-right: 1.5em;
		display: inline;
		background: url(../../img/plus_r1.gif) no-repeat top right;
		}
	
	#col2 .schrift2 {		
		background: url(../../img/minus_r1.gif) no-repeat top right;	}
	#col2 .schrift1:hover {
		background: url(../../img/plus_r2.gif) no-repeat top right;	}
	#col2 .schrift2:hover {
		background: url(../../img/minus_r2.gif) no-repeat top right;	}
	

	
/* forms */

  legend {
    display: block;
    font-weight: bold;}
	
  legend.hd {
    font-size: 0;
    height: 0;}
	
  fieldset, fieldset.s1, fieldset.s2, fieldset.s3    {
    page-break-inside: avoid;
	border: none;
	margin: 0;
	padding: 0;}

  fieldset.s3   {
    	margin: 0 0.833em 0.417em 1em;
		
	}	
  
  select   {
    	margin: 0.167em 0.167em 0.5em 0.417em;
		border: 1px solid #bbb;
		padding: 0.083em 0.083em 0.083em 0;
		font-size: 0.9em;
		font-family: verdana,arial,sans-serif;
		color: #000;
		}
			
 #col3 select   {
    	font-size: 0.9em;
		border: 1px solid #bbb;}
		
  fieldset.s1 {
	margin-top: 0.667em;}
  
  
  input[type=button], input[type=image], input[type=submit], select, button {
    cursor: pointer;}

  #col2 label {
	color: #000000;
	margin: 3.333em 0 0 0.667em;
	padding: 0;}

  .text {
	width:  10em;
	border: 1px solid #bbbbbb;
	font-size: 0.9em;
	vertical-align: top; 
	color: #666666;
	background-color: #ffffff;
	height: 1.3em;
	margin:  0.083em 1.25em 0  0  ;
	padding:  0 0 0 0.167em ;
	float: right;	}

  .text2 {
	width: 14em;
	height: 1.3em;
	border: 1px solid #759f09;
	font-size: 1em;
	color: #000;
	margin: 0 0 0 0.667em; 
	padding: 0.1em 0 0 0.2em;
	background-color: #9bc34b;}
 
  .text3 {
	width: 14em;
	height: 1.3em;
	margin: 0 0.167em 0 0.417em;
	border: 1px solid #bbb;
	padding: 0.167em 0.083em 0.083em 0.167em;
	font-size: 0.9em;
	font-family: verdana,arial,sans-serif;
	color: #000;
	vertical-align: top;
	}


	
  .submit, .submit2, .submit4 {
	border: 0;
	margin: 0; 
	padding: 0;
	vertical-align: middle; }

  .submit {
	margin-right: 0.583em;
	float: right;}
  
  .submit4 {
	float: none;
	margin: 0; 
	padding: 0;
	vertical-align: top;}
  
  .submit2 {
	margin: 0.5em 0 0.333em 0.7em; 
	padding: 0 1em 0.1em 1em;
	height: 1.7em;
	font-size: 0.9em;
	color: #000000;
	background-color: #b1d960;
	float: left;
	border: 0px solid #b1d960 ;
	vertical-align: top;
	}
	
  .submit3 {
	border: 1px solid #bbbbbb;
	margin: 0 0.167em 0.083em 0.167em; 
	padding: 0 0.167em 0 0.167em; 
	height: 1.6em;
	font-size: 1em;
	color: #000000;
	background-color: #bbb;
	vertical-align: middle;
	}
	
  #col2 form {
	line-height: 1.5em;
	margin: 0 0 0.333em 0;
	padding: 0;
	}
	
	
  .breite115, .breite120 {
	clear: both;
	width: 9.583em;	
	display: inline;
	float: left;
	margin: 0.167em 0 0 0;
	padding: 0.167em 0 0.167em 0;
	vertical-align: top;
		
	}
  .breite120{
	width: 10em;	
		
	}
	
/* box with hidden jump links */

  .hidden {
  	top: -10000px;
	left:-10000px;
	position:absolute;  }
	
  .jump {
	position: absolute;
	width: 75.6em; /* fix by mgledi */
	z-index: 100;
	font-size: 1em;
	line-height: 1.6; 
	top: 13px;	}

  .hd ,.jump a  {
    left: -400em;
    overflow: hidden;
    position: absolute;
   	height: auto;
   	width: auto;
	color: #ffffff;}

  .jump a:active, .jump a:focus {
	display: block;
	background-color: #000000;
	left: 0.083em;
	top: 13px;
	padding: 0.25em 0.5em;
	color: #ffffff;
	text-decoration: none; }

}
