/* **********************************************************
Stylesheet für die Bewerbungs-Homepage von Mirjam Eppenberger  
Stand: Ende Kapitel "Ordnung halten" 
Datei: bildschirm.css
Datum: 18. November 2011
Autor: Hansjörg Watzl / VISAR Visual Arts 

Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles 
        3. Styles für Layoutbereiche    
        4. Sonstige Styles 

************************************************************* */


/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */

* { padding: 0; margin: 0; }
html { overflow-y: scroll; }

/* Abstände nach unten */ 
h2, h3, h4, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
/* ggfs. weitere Abstände restaurieren */ 


/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */

body { 
  background-color: #E9E9E9; 
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small;  
}

h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

address {
  color: #7A7A7A;
  text-align: center;   
  font-size: 9px;      
  font-style: normal;  
  
}

  address a#mail {
    border: 0;
    display: inline;
    font-weight: normal;
    text-decoration: none;
    color: #7A7A7A; 
  }

  address a#mail:hover,
  address a#mail:focus {
    background: none;
    border: 0;
    display: inline;
    font-weight: normal;
    color: #7A7A7A; 
    text-decoration: underline; 
  }


/* Hyperlinks gestalten */ 
/* blau: #5D6692 lila: #A47F90 */
a { 
	color: #5D6692;
	text-decoration: none;
}

/* Allgemeine Klassen und IDs */ 

.firma_fett {
	font-weight: bold;
}
.LebenslaufReferenz {
	margin-bottom: 10px;
	padding: 5px; 
	background-color: rgb(255, 229, 229); 
	border: 2px dotted red;	
}

.bildlinks { 
  float:left; 
  padding: 3px; 
  border: 5px solid #ccc; 
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.bildrechts {
  float:right; 
  padding: 3px; 
  border: 5px solid #ccc; 
  margin-bottom: 10px;
  margin-left: 10px; 
}
.clearing { 
  clear: both; 
} 

/* ====================================== 
   3.  Styles für die Layoutbereiche 
====================================== */

div#wrapper { 
  background: #E9E9E9 url(images/bg_navibereich.png) no-repeat left 50px; 
  color: black; 
  width: 900px; 
  margin: 10px auto; 
}

div#kopfbereich {
  position: relative; 
  background: #E9E9E9 url(images/bg_kopfbereich.png) repeat-y left top;
  /*background: none repeat scroll 0 0 #80CCFF;  */
  color: black;
  padding: 10px 20px 10px 20px;
  height: 80px;
}
  
div#navibereich {
  float: left; 
  width: 160px; 
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 200px;  
}
  div#navibereich ul { 
    width: 160px; 
    border-top: 1px solid #A47F90;    
  }
  div#navibereich li {
    list-style-type: none;  
    /*border-left: 1px solid #d90000;*/ 
    border-bottom: 1px solid #A47F90; 
    margin: 0;
  }  
  div#navibereich a {
    display: block;  
    text-decoration: none;
    color: #5D6692; 
    font-weight: bold;
    /*background-color: #80CCFF;*/
    padding: 4px; 
    border-left: 5px solid white;   
  }
  div#navibereich li.sie-sind-hier a {
    color: white; 
    background-color: #5D6692; 
    /*border-left-color: #FDF9D9;*/
    border-left: 10px solid #FDF9D9; 
    border-bottom: none;      
  }
  div#navibereich a:hover,
  div#navibereich a:focus {
    color: white; 
    background-color: #5D6692; 
    border-left-color: #A47F90; 
    border-bottom: none;    
  }
  div#navibereich a:active {
    color: black; 
    background-color: #d9d9d9;     
  }
  
  div#navibereich .protected {
    display: block;  
    text-decoration: none;
    color: #5D6692; 
    font-weight: bold;
    /*background-color: #80CCFF;*/
    padding: 4px; 
    border-left: 5px solid white;   
  }
    
  div#navibereich .sie-sind-hier_protected {
    display: block;  
    text-decoration: none;
    font-weight: bold;
    padding: 4px; 
    color: white; 
    background-color: #5D6692; 
    border-left: 10px solid #FDF9D9; 
    border-bottom: none;      
  }

div#textbereich_home {
  background: #E9E9E9 url(images/bg_textbereich_home.jpg) no-repeat left top;
  height: 646px;
  padding: 20px 130px 0 20px; 
  margin-left: 200px; 
}

  div#textbereich_home h2 {
    color: #5D6692;
  }

div#textbereich_home a { 
	color: #5D6692;
	text-decoration: none;
}
div#textbereich_home a:link { 
	color: #5D6692;
	border-bottom: 1px dotted #5D6692;
	text-decoration: none;
}
div#textbereich_home a:visited {
  color: #5D6692;
  border-bottom: 1px dotted #5D6692;
	text-decoration: none;
}
div#textbereich_home a:hover,
div#textbereich_home a:focus { 
	border-bottom: 1px solid #A47F90; 
  color: #A47F90;
	text-decoration: none; 
}
div#textbereich_home a:active {
  border-bottom: 1px solid #A47F90; 
  text-decoration: none; 
  background-color: #D9D9D9;
}



div#textbereich {
  background: #E9E9E9 url(images/bg_textbereich.png) repeat-y left top;
  padding: 20px; 
  margin-left: 200px; 
}
  div#textbereich h2 {
    color: #5D6692;
  }

  div#textbereich h3 {
    color: #A47F90;
    border-bottom: 1px dotted #A47F90;
  }
  
  div#textbereich ul {
    margin-left: 10px;
  }
  div#textbereich li {
    list-style-image:url(images/haekchen.png)
  }

/* blau: #5D6692 lila: #A47F90 */
div#textbereich a { 
	color: #5D6692;
	text-decoration: none;
}
div#textbereich a:link { 
	color: #5D6692;
	border-bottom: 1px dotted #5D6692;
	text-decoration: none;
}
div#textbereich a:visited {
  color: #5D6692;
  border-bottom: 1px dotted #5D6692;
	text-decoration: none;
}
div#textbereich a:hover,
div#textbereich a:focus { 
	border-bottom: 1px solid #A47F90; 
  color: #A47F90;
	text-decoration: none; 
}
div#textbereich a:active {
  border-bottom: 1px solid #A47F90; 
  text-decoration: none; 
  background-color: #D9D9D9;
}

  
div#fussbereich {
  clear: both; 
  color: black; 
  background: #E9E9E9 url(images/bg_fussbereich.png) repeat-y left top;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  height: 35px; 
  margin-top: 0;  
}



  
  /* ====================================== 
     4. Sonstige Styles 
  ====================================== */
form {  
  padding: 10px; 
  border-bottom: 1px dotted #8c8c8c;
  margin-bottom: 20px;
  text-align: center;
}
label { 
  display: block; 
  cursor: pointer;   
}
input#passwort { 
  width: 138px;
  border: 1px solid #8c8c8c;
  margin-bottom: 10px;
}

input:focus {
  background-color: #FDF9D9; 
}

div#angemeldet {
  padding: 10px 10px 0px 10px; 
  border-bottom: 1px dotted #8c8c8c;
  margin-bottom: 20px;
  text-align: center;
}

  div#angemeldet p {
    margin-bottom: 5px;
  }

  div#angemeldet span {
    font-style: italic;
  }

  div#angemeldet a.logoutlink {
    border: 0;
    display: inline;
    font-weight: normal;
    text-decoration: none;
    color: #5D6692; 
  }

  div#angemeldet a.logoutlink:hover,
  div#angemeldet a.logoutlink:focus {
    background: none;
    border: 0;
    display: inline;
    font-weight: normal;
    color: #A47F90; 
    text-decoration: underline; 
  }
#falsches-passwort {
  color: red;
}

blockquote {
	/* #FDF9D9 Gelb*/
	background: url(images/quote.gif) no-repeat 5px 5px; 
	padding: 1em 1em 0 40px; 
	border-top: 3px solid #A47F90;
	margin-bottom: 25px;
	margin-left: 0; /* keine Zentrierung */
}
blockquote cite {
	display: block; 
	font-size: 90%; 
	font-style: normal; 
	letter-spacing: 1px; 
	text-align: right;
	background: url(images/unquote.gif) no-repeat right bottom;
	padding: 10px 40px 0 0; 
}

.figure {
  border: 1px solid #BFBFBF;
  float: right;
  box-shadow: 4px 4px 10px #888;
  padding: 3px; 
  margin: 5px 0 5px 10px   
}

.figcaption {
  display: block; 
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 85% ; 
  font-style: italic; 
}

#portrait-mirjam {
  border: 1px solid #BFBFBF;
  float: right;
  box-shadow: 4px 4px 10px #888;
  padding: 0;
  margin: 0 100px 0 0;
}


/* blau: #5D6692 lila: #A47F90 */
div#textbereich a.zeugnisse { 
	color: black;
	border-bottom: 1px dotted black; 
}
div#textbereich a:visited.zeugnisse {
  color: #5D6692;
  border-bottom: 1px dotted #5D6692;
	text-decoration: none;
}
div#textbereich a:hover.zeugnisse,
div#textbereich a:focus.zeugnisse { 
	border-bottom: 1px solid #A47F90; 
  color: #A47F90;
	text-decoration: none; 
}
div#textbereich a:active.zeugnisse {
  border-bottom: 1px solid #A47F90; 
  text-decoration: none; 
  background-color: #D9D9D9;
}


/* Sternchen-Hack für hasLayout im IE6 */ 
* html div.galerie { height: 1%; }  

/* ======================================= 
   Ende des Stylesheet bildschirm.css  
   ======================================= */