@charset "UTF-8";
/* CSS Document */

/* --- general overall settings --- allg. elementvorgaben --- */

* { margin:0; padding:0; border:0; list-style:none; } /* this concerned all browserelements and removes the border around the viewport in old versions of IE */
html { width:100%; height:100%; font-size:100%; } /* IE hack, which helps IE get its bearing back in terms of resizing */ 
html > body { font-size:16px; } /* IE can't read this and Safari moves to 16px, as do all other modern browsers */ 
html, body { 
	width:100%; height:100%; /* this allows to set a percentage height on the container-div later */ 
	font-size:62.5%; /* this takes 16px down to 10 (16 x 0.625 = 10). Apply text-size (1em=10px, 0.8em=8px, 1.6em=16px) */  
	font-family:Arial, sans-serif;
	background:#F8EAB1
		; /* page background colour */
	text-align:center; /* center the container in IE5x Browser */
	overflow:hidden; 
}
	
/* ---- settings for resizing background-image ----- */
	
#bg, #bg table, #bg td { 
	width:100%; 
	height:100%; 
	overflow:hidden; }
#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	z-index: 0; }
#bg img { 
	min-height:50%; 
	min-width:50%; 
	margin:0 auto; /* durch autom Ränder in Verbindung mit einer Breite wird dieses Element zentriert */
	display:block; }

/* ------------------------------------------------------------------- */

h1 { font-family:Arial, san-serif; font-size:1.4 em; color:#fff; letter-spacing:0.1em; margin:.8em 0 1em 0;}
h2 { font-family:Arial, san-serif; font-size:1.0 em; color:#666; letter-spacing:0.1em; margin:.8em 0 1em 0;}
h3 { font-family:Arial, san-serif; font-size:1.0 em; color:#999; margin:.8em 0 .4em 0;}
p  { font-family:Arial, san-serif; font-size:1.0 em; color:#333; }
.dropcap { float:left; font-family:Times,serif; font-style:italic; display:block; color:#800; margin: -0.205em 0.5em 0 -0.56em; height:2.75em; }
.dropcap-neu { float:left; font-family:Times,serif; font-style:italic; display:block; color:#800; margin: 0em 0em 0 0em; height:2.75em; }
.dropcap span { font-size:2.75em; line-height:1.0em; }
.dropcap + span { margin-left:0.5em; } 

/* ---------- follow a-style has to maintain list of order ----------- */
a:link 		{ color:#000; text-decoration:none; font-style: normal; }
a:visited 	{ color:#000; text-decoration:none; font-style: normal; }
a:hover, a:active, a:focus { color:#800; text-decoration:none; font-style: normal; }/* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
a img { border:none; }/* Dieser Selektor entfernt den blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist */

/* ------------------------------------------------------------------- */

#cont {
	position:absolute;z-index:10;
	top:0;left:0;
	overflow:auto;
	width:100%; height:100%; 	
}

.headline {
	display:none; border-left:solid 1px #800;  
	position:absolute;
	top:15%; right:2%; 
	width:60%; height:80;
	text-align:left;
	color:#333;
}
.headline div { padding:0em 2em 6em 2em; }
.headline img { height:45%; /* scale of the logo */	
				opacity:0.8; filter:alpha(opacity=80); 
				padding-top:1em; }
 
ul#textliste { width:100%; padding:0 0 0 1em; font-size:.9em; line-height:1.2em;}
ul#textliste li { display:block; }
ul#subtextliste { width:100%; padding:0 0 0 1em; }
ul#subtextliste li { display:block;  }

.vorwort { font-size:.9em; line-height:1.2em; }
.impressum { font-size:.75em; }
.impressum p:first-letter { float:left; font-weight:bold; color:#800; font-size:2em; width:.7em; }
.vita { font-size:.9em; line-height:1.2em; }
.location { background: #fff; }



/*--- layout divisions ---*/

#box { 
	position:absolute;z-index:60;
	min-height:98%; top: 1%;
	width: 29em; left:1%; 
	text-align:left; /* damit wird die Einstellung text-align:center im body-Element überschrieben*/
}

#logo {
    position:relative;
	top:1%;
	padding-bottom:18em;   /* Height of the footer */
    overflow:hidden; 
    width:100%;
    clear:both;
	text-align:center;
}
#boxfooter {
   position:absolute;
   bottom:0;
   width:100%;
   height:18em;   /* Height of the footer */
  
}

#adress { position:relative;
float:left; width:auto; font-size:.8em; text-align:right; padding:0 1em 0 0; }

#navcontainer {	position:relative; float:left; width:auto; }
 
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }/* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	
/* --------- Navigation styles ---------- */  

#navlist {  font-size:.9em; text-align:left; color:#666; font-weight:bold; }

#active li { display:none; }
#active:hover li { display:block; margin-left:1em; font-weight:normal;}

#navcontainer a { color:#000; width:auto; display: block; }
#navcontainer a:visited {color:#000; }
#navcontainer a:active  { color:#800; }
#navcontainer a:hover  { color: #800; }


/* --------- Footer styles ---------- */

#footerbox { position:absolute; z-index:80; bottom:1em; width:100%; height:2.5em; background-color:#800; }

.floatleft {float: left;
			width: auto;
			height: 2,5em; }

ul#navi { color:#fff; padding:1em 0 0 0; font-size:.8em; }
ul#navi li { display:inline; width:auto; }
ul#navi li a  { 
			padding: 0 1.5em  0 1.5em;
			color: #fff;
			text-decoration: none;
			border-right: 1px solid #fff; }
ul#navi li a:hover { background-color:#400; color:#fff}

/* ---------- CSS3 Styled Buttons ------------ */

.buttonstyle { padding: .5em; }
			
.addthis_share_btn a, .addthis_share_btn a:visited {
    background: #222 url(images/btn-overlay.png) repeat-x;
    display: inline-block; 
    padding: 6px 12px; 
    font-family: arial,helvetica,lucida,verdana,sans-serif;
    font-size: 12px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;	
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
.addthis_share_btn a:hover { background-color: #111; color: #fff; }
.addthis_share_btn a:active { top: 1px; }

.addthis_share_btn a span, .addthis_share_btn:visited a span {
    background: url(images/icon-addthis.gif) no-repeat left;
    padding: 1px 0 1px 18px;
}
.addthis_share_btn.at_magenta a, .addthis_share_btn.at_magenta a:visited { background-color: #a9014b; }
.addthis_share_btn.at_magenta a:hover { background-color: #630030; }

/* Button Pill */
.at_pill.addthis_share_btn a { border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;	}