/***********************************************************************
  EFF Screen Styles
  --------------------------
***********************************************************************/

/***********************************************************************
  Allgemeine Element-Definitionen
***********************************************************************/

body { font-family: arial, helvetica, sans-serif;
    font-size: small;
    background-color: #fff; 
    color: #000; 
    border: 0em;
    padding: 0em;
    margin: 0em;
}

h1 {
    font-size: 120%;
    color: #333;
    margin-bottom: 0.4em;
}

h2 {
    font-size: 110%; 
	color: #666;
	margin-bottom: 0 em;
}

/*
Die folgende Definition wirkt sich auf alle durch Komma getrennten
Elemente aus. Es werden also fuer die Elemente h1 und h2
gemeinsame Eigenschaften definiert.
*/

h1,
h2 {
	margin-top: 0em;
	font-weight: bold;
}

/***********************************************************************
  Alles umschliessender Container
***********************************************************************/

/*
Das verwendete Design kommt gaenzlich ohne Tabellen aus. Der Textfluss
wird mit Hilfe sog. floats gebrochen (Bsp. "float: left;") und an
geeigneter Stelle wieder hergestellt (Bsp. "clear: both;").

Der Container beinhaltet saemtliche fuer das Layout wichtigen Elemente.
*/

#gesamt { 
	width: 800px;
	border: 1px solid black;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px;
}

/***********************************************************************
  Kopfbereich
***********************************************************************/  

/*
Fuer das Layout bieten sich konkretisierte CSS-Selektoren an.
Dadurch laesst sich die Position im Dokument besser ablesen
(von rechts nach links):
"Ein div mit der ID kopf, dass sich in einem div mit der ID gesamt
befindet."
*/

div#gesamt div#kopf { 
	background-color: #449abb;
    background-image: url(../bilder/banner.jpg);
    background-repeat: no-repeat; 
    height: 65px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    line-height: 90px;
    font-size: 300%; 
	overflow:hidden;
    letter-spacing: 5px; 
}

/*
Der fuehrende Elementname (div) ist optional, dient jedoch manchmal der
Eindeutigkeit und besseren Lesbarkeit:
*/


/***********************************************************************
  Allgemeine Klassendefinitionen
***********************************************************************/

/*
Die folgenden Klassendefinitionen koennen auf jedem beliebigen Element
verwendet werden, da sie an kein konkretes Element gebunden sind.
*/


.fett {
	font-weight: bold;
}

.unterschrift { 
    font-family: "trebuchet ms", "times new roman", times, serif; 
    font-size: 105%; 
    font-style: italic;
}

.right {
    text-align:right;
    padding: 0.3em 0.3em 0.3em 0.3em;
}

.bg_grau { 
    background-color: #CCCCCC;
}

.bg_halbgrau { 
    background-color: #EEEEEE;
}

.bg_leichtgrau { 
    background-color: #F5F5F5;
}

.text { 
    margin-right: 0.8em;
}	

.text_fett_rot {
	color:#F00;
	font-weight: bold;
}

.abstand { 
    margin-bottom: -1.4em;
}

.left { vertical-align:top;
    text-align: left;
    padding: 0.3em 0.3em 0.3em 0.3em;
    width: 110px;
}

.left_ueberschrift_foto {
	margin-left: 48px;
}

.left_navigation_foto {
	margin-left: 216px;
}

.name {
    font-family: "trebuchet ms", "times new roman", times, serif;
    font-size: 110%;
    font-weight: bold;
    color: #cc0000;
}

.small {
	font-size: 80%;
}	

.rahmen_fein{
	border: 1px solid black;
}


/***********************************************************************
  Hauptnavigation
***********************************************************************/

/*
Die Navigation ist mit Hilfe einer horizontalen Liste realisiert.
*/

#gesamt #navi {
    font-size: 115%;
    padding: 10px 0px 5px 0px;
	height: 100%;
	border-bottom: 1px solid #000;
	background-color: #666;
	background-image:url(../bilder/bg_navi.jpg);
    background-repeat: repeat-x;
}

#navlist {
    margin: 0px;
    padding: 0px;
}

#navlist li {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
}

#navlist a:link,
#navlist a:visited {
    line-height: 14px;
    font-weight: bold; 
    margin: 0 10px 4px 10px;
    text-decoration: none;
    color: #fff;
}

/*
Auf der aktuellen Seite wird der Navigationslink unterstrichen.
Das gleiche gilt fuer das "ueberfahren" von Links mit der Maus ("hovern").
*/

#navlist a:link#current,
#navlist a:visited#current,
#navlist a:hover {
    border-bottom: 3px solid  #2a3f55;
    padding-bottom: 2px;
    color: #fff;
}


/***********************************************************************
  Inhaltbereich  
***********************************************************************/

#gesamt #inhalt {
	background-color:#FFFFFF;
	color: #000;
 	/*background-image: url(../bilder/bg_inhalt.jpg);*/ 
    background-repeat: repeat-x;
    background-position: right bottom;
    padding: 30px 30px 0px 15px; 
    margin: 0px 0px 30px 0px;
    width: 550px;
    line-height: 1.3em;
}

/***********************************************************************
  Navigation im Inhaltbereich 
***********************************************************************/

#haupt a:link
 { color: #06F;
   text-decoration: none;
   border-bottom: thin dotted #990000;
}

#haupt a:visited,
#haupt a:hover,
#haupt a:active {
	color: #666;
	text-decoration: none;
	border-bottom: thin dotted #06F;
}

/***********************************************************************
  Bildbereich im Inhaltbereich
***********************************************************************/

#gesamt #inhalt #bilder {
    float: left;
    margin: 0px 15px 30px 0px;
    width: 134px;
}

/***********************************************************************
  Listen im Inhaltbereich
***********************************************************************/

#gesamt #inhalt ul li { 
	padding-bottom: 15px;
    list-style-type: none;
	line-height:1.5em;
}

/***********************************************************************
  Infobereich rechts 
***********************************************************************/

#gesamt #info {
	background-color: #CCCCCC;
	background-image: url(../bilder/bg_info.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	float: right;
	width: 160px;
	margin: 0px;
	padding: 30px 20px 10px 20px;
	font-size: 86%;
}

/***********************************************************************
  Infobereich Listen 
***********************************************************************/

#gesamt #info ul li { 
    list-style-type: none;
    line-height: 1.2em;
    text-indent: -2.8em;
}

/***********************************************************************
  Infobereich Ueberschriften 
***********************************************************************/ 

#info h1 { margin-top: 1.5em;
   }
 
#info h2 { 
	margin-top: 1.5em;
	margin-bottom:-0.5em;
   }  


/***********************************************************************
  Fusszeile 
***********************************************************************/

#gesamt #fuss { 
    clear: both;
    height: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #449abb; 
	background-image:url(../bilder/bg_fuss_oben.gif); 
    background-repeat: repeat-x; 
    text-align: right;
    line-height: 27px;
    color: #fff;
}

div#bg_fuss { 
 background-image:url(../bilder/bg_fuss_unten.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding:0px;
	margin:0px; 
}

/***********************************************************************
  Tabellendefinitionen
***********************************************************************/

/* Foto-Tabelle */


table#foto_uebersicht{
	margin-left: 50px;
	width: 450px;
	border-color: #E6E6E6;
	border-spacing: 10px;
	background-color: #F4F4F4;
	text-align:center;
}

td#foto_uebersicht{
	border: 1px solid black;
}

table#foto_querformat {
	margin-left: 50px;
	width: 450px;
	border-color: #E6E6E6;
	border: thin solid;	
}

table#foto_hochformat {
	margin-left: 50px;
	width: 300px;
	border-color: #E6E6E6;
	border: thin solid;	
}

/* Kontakt-Tabelle */

table#kontakt {
	padding: 0px;
   	margin: 0px;
}


/***********************************************************************
  Formularfelder
***********************************************************************/

textarea,
select { font-size: 1em;
	width: 250px; 
	font-family: arial, helvetica, sans-serif; 
	border: 1px solid #aaa;
	padding: 1px 0px 2px 0px; }
	
select#infos {
    margin-top: 5px;
}

input {
    margin-top: 3px;
	font-family: arial, helvetica, sans-serif; 
    border: 1px solid #aaa;
    padding: 1px 0px 2px 0px;
}

input.radio{ 
	vertical-align: middle;
	margin: 0px 4px 1px 0px;
	border: 0px none;
}

option {
    border: 0px none;
}

input.button {
    font-size: 0.9em;
    border: 1px solid #666;
    background-color: #efefef;
	width:124px;
}


/***********************************************************************
  Bewerbungsformular
***********************************************************************/

#gesamt #bewerbung { 
	table: border: 0px;
}
#gesamt #bewerbung #spaltelinks {
	width: 235px;
}
#gesamt #bewerbung #einzugstermin {
	width:70px;
}				
#gesamt #bewerbung #zimmer {
	width:530px;
}	
#gesamt #bewerbung #anrede {
	width:70px;
}
#gesamt #bewerbung #name {
	width:250px;
}				
#gesamt #bewerbung #vorname {
	width:250px;
}
#gesamt #bewerbung #strasse {
	width:250px;
}
#gesamt #bewerbung #plz {
	width:40px;
}
#gesamt #bewerbung #stadt {
	width:250px;
}
#gesamt #bewerbung #telefon {
	width:200px;
}
#gesamt #bewerbung #mobil {
	width:200px;
}
#gesamt #bewerbung #email {
	width:250px;
}
#gesamt #bewerbung #passnr {
	width:250px;
}
#gesamt #bewerbung #geburtsdatum {
	width:70px;
}				
#gesamt #bewerbung #geburtsort {
	width:250px;
}
#gesamt #bewerbung #staat {
	width:250px;
}
#gesamt #bewerbung #religion_konfession {
	width:250px;
}
#gesamt #bewerbung #studienfach {
	width:250px;
}
#gesamt #bewerbung #hochschule {
	width:250px;
}
#gesamt #bewerbung #beginn_des_studiums {
	width:250px;
}
#gesamt #bewerbung #derzeit_kein_studium_sondern {
	width:250px;
}
#gesamt #bewerbung #bei_sprachkurs_welches_institut {
	width:250px;
}
#gesamt #bewerbung #fruehere_ausbildung {
	width:250px;
}
#gesamt #bewerbung #kontaktperson_name{
	width:250px;
}				
#gesamt #bewerbung #kontaktperson_vorname {
	width:250px;
}
#gesamt #bewerbung #kontaktperson_strasse {
	width:250px;
}
#gesamt #bewerbung #kontaktperson_plz {
	width:40px;
}
#gesamt #bewerbung #kontaktperson_stadt {
	width:250px;
}
#gesamt #bewerbung #kontaktperson_telefon {
	width:200px;
}
#gesamt #bewerbung #kontaktperson_mobil {
	width:200px;
}
#gesamt #bewerbung #kontaktperson_email {
	width:250px;
}
#gesamt #bewerbung #anmerkungen{
	width:500px;
}

#gesamt #bewerbung #stil1 {
	font-size: 85%;
	font-weight: bold;
}
		
#gesamt #bewerbung #bewerbung_signatur {
	font-size: 85%;
    text-align:right;
	padding: 0.3em 0.3em 0.3em 0.3em;
}
		
#gesamt #bewerbung #kleineschrift {
	font-size: 85%;