/* 	main.css als Hauptstylesheet
	Erstellt am 13.07.08 von Annika Jürgens
	Unterteilt in folgende Abschnitte:
	
	- Basic: zurücksetzten der Browsereinstellungen, sowie 
	  Grundeinstellungen der CSS (font, IE Besonderheiten usw.)
	- Wrapper und Grundgerüst der Website
	- Navigation
	- Content/inhaltliche Einstellungen zu den einzelnen Unterseiten

*/

/* ____________________________ BASIC ________________________*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* font */
body {font:13px Arial, Tahoma, Helvetica, verdana, clean, sans-serif; *font-size:small; *font:x-small; font-weight: normal;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
	

/* ladebalken */

div#content div#ladebalken {position:absolute; top:0; left:0; display:block; height:100%; vertical-align:middle;  z-index: 1; width:100%; background:#fff; padding-top:230px; padding-left:290px;}

/* Allgemeine Einstellungen */

h1 {display:block; width:100%; text-align: left; padding-left:40px;}

h2 {
	font-size: 110%;
	color: #969595;
	background: #f2f2f2;
	padding: 2px;
	padding-left: 10px;
	text-transform: lowercase;
	border-top: 1px solid #969595;
	margin-bottom: 20px;
	}

p {
	margin-bottom: 40px;
	}

a, a:link {
	color: #969595;
	text-decoration: underline;
	}
	
a:hover, a:active, a:focus, a.active {
	color: #000;
	text-decoration: underline;
	}


/* ____________________________ WRAPPER & co. ________________________*/

html, body {height: 100%;}
body {text-align: center;} /* mittig setzen für IE */


#distance /* setzt den wrapper auch vertikal mittig*/
		{ 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-330px; /* half of container's height */
		float:left;
		}


#wrapper {
	/*border:1px solid #000;*/
	width: 800px; 
	height: 650px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	clear:left;
	}


/* ____________________________ Navigation ________________________*/

#navi {
	float:left;
	width:800px;
	display:block;
	/*border:1px solid #000;*/
	position:relative;
	margin-top: 20px;
	}

*html #navi li ul.subnavi2 {
	float:left;
	width:200px;
	display:block;
	}
	
*html #navi li ul.subnavi {
	float:left;
	width:800px;
	display:block;
	}
	
#navi li {
	float:left; 
	margin-right:40px;
	}

*html .subnavi li, *html .subnavi2 li {
	float:left; 
	display:inline;
	}
		
.abstand {
	width: 140px;
	/*width: 35px; neu*/
	}

#navi li.right {
	margin-right:0; 
	margin-left:40px;
	}

/* Subnavi */

#navi li ul.subnavi li, #navi li ul.subnavi2 li {
	margin:0;
	}

#navi li ul.subnavi {
	position:absolute; 
	top:30px; 
	left:0;
	}

#navi li ul.subnavi2 {
	position:absolute; 
	top:30px; 
	right:0;
	}

*html #navi li ul.subnavi2 {
	left: 625px;
	}
	
#navi li ul.subnavi li a, #navi li ul.subnavi2 li a {
	display:block;
	padding: 3px 10px;	
	}

#navi li ul.subnavi li a span, #navi li ul.subnavi2 li a span, #navi li ul.subnavi li a:hover span, #navi li ul.subnavi2 li a:hover span{
 	position: absolute; 
 	top:-6000px;
 	left:-6000px;
 	color:  #fff;
	font-size: 0px;
	text-decoration: none;
 }
 
#navi li ul.subnavi li a:hover, .subnavi2 li a:hover {
	background: #ccc;
	}
	
	
/* ____________________________ Content ________________________*/

#content {
	width: 800px;
	height: 480px;
	/*border:1px solid #000;*/
	position:relative;
	text-align: center;
	margin:0 auto;
	margin-top: 30px;
	overflow: hidden;
	z-index: 10;
		}
	
#content div, #content h2, #content p {
	text-align: left;
	}	
	
#content p {
	margin:0;
	}
		
	
/* Thumbs der Startseite */

.thumbs {
	width:720px;
	margin: 0 auto;
	text-align: center;
	}
	
/*.thumbs img {
	margin:0 ! important;
	padding: 0 ! important;
	border-collapse: collapse;
	float:left;
	display:inline;
	}*/

*html .thumbs {
	
	margin: 0;
	text-align: left;
	}
	
/* Formular */

#right {
	display:block;
	width: 50%;
	float:right;
	background: #fff;
	padding-left: 30px;
	text-align: right;
	}
	
*html #right h2 {width:102%; display:block;}	

#right img {
	margin-right: 10px;
	margin-top: 10px;
	}

#right form {
	border:1px solid #f2f2f2;
	padding:10px;
	text-align: left;
	}

label {
	display:block;
	float:left;
	width: 80px;
	margin-bottom: 10px;
	padding-left: 10px;
	}

#right br {
	clear:left;
	}	
	
input#absenden {
	margin-left: 270px;
	}

/* Vita */

img #right_pic {float:right; display:block; margin:0;}
#vita_table {float:left;width:485px; display:block;}
 
.vita {display:block; width:450px; margin-bottom:15px;}
.vita h3{color:#969595; padding:0 5px; border-left:5px solid #f2f2f2; /*font-size:90%; background: #f2f2f2; margin-bottom: 3px;*/}
.vita p {padding-left:10px;}
	
/* ____________________________ Footer ________________________*/


#footer {
	font-size: 80%;
	font-style: italic;
	color: #969595;
	margin: 120px auto 0 auto;
	text-align: center;
	
	}
#footer a {text-decoration:none;}