/* Basisvorlage CSS
Jannis Gerlinger
www.alexander-klaussner.de
Start: 31.05.2011
Letzte Aenderung: 31.05.2011
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Links gelb): #eaca48
Farbton (Dunkelgrau): #8a8a8a
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	background: #000;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 75%;
	}

html>body {
	font-size: 13px;
	}

body {
	background: #000;
	font-size: 13px;
	}

a:link {
	color: #eaca48;
	text-decoration: none;
	}

a:visited {
	color: #eaca48;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
	}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.7em Tahoma, Geneva, sans-serif;
	margin-bottom: 1.5em;
	}

h1 {
	font: 1.67em/0.9em Tahoma, Geneva, sans-serif;
	margin-top: 1.2em;
	margin-bottom: 4px;
	}

h2 {
	font: 1.5em/1em Tahoma, Geneva, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	}


/* --------------------------------------------------------------------------------------- 
Navigation deutsch
--------------------------------------------------------------------------------------- */
#biografie a {
 	background: url(../_images/nav_biografie.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
	float: left;
 	height: 67px;
  	width: 92px;
	}		
	
#schwerpunkte a {
 	background: url(../_images/nav_schwerpunkte.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
	float: left;
 	height: 67px;
  	width: 134px;
	}
	
#vortraege a {
 	background: url(../_images/nav_vortraege.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
	float: left;
 	height: 67px;
  	width: 89px;
	}	
	
#medien a {
 	background: url(../_images/nav_medien.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
	float: left;
 	height: 67px;
  	width: 85px;
	}
		
#referenzen a {
 	background: url(../_images/nav_referenzen.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
	float: left;
 	height: 67px;
  	width: 108px;
	}	
		
#kontakt a {
 	background: url(../_images/nav_kontakt.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
	float: left;
 	height: 67px;
  	width: 90px;
	}	
	
#biografie a:hover, #schwerpunkte a:hover, #vortraege a:hover, #medien a:hover, #referenzen a:hover, #kontakt a:hover,
#biografie a.aktiv, #schwerpunkte a.aktiv, #vortraege a.aktiv, #medien a.aktiv, #referenzen a.aktiv, #kontakt a.aktiv  {
	background-position: 0 -67px;
	}	
	
/* --------------------------------------------------------------------------------------- 
Layoutelemente
--------------------------------------------------------------------------------------- */
#hintergrund {
	height: auto;	
	left: 0;	
	min-height: 100%;
	min-width: 1024px;	
	position: fixed;
	top: 0;
	width: 100%;	
	}	

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 1000;
	}

#header {
	float: right;
	margin: 50px 0 20px 0;
	width: 960px;
	}
	
#logo {
	float: left;
	width: 320px;
	}

#navigation {
	float: right;
	list-style-type: none;
	}

#navigation li {
	float: left;
	}

#content {
	float: right;
	width: 500px;
	}
	
.hauptinhalt {
	background: url(../_images/bg_box.png);
	padding: 10px 10px 1px 10px;
	text-align: justify;
	width: 492px;
	}
	
.hauptinhalt_flatter {
	background: url(../_images/bg_box.png);
	padding: 10px 10px 1px 10px;
	width: 492px;
	}
	
.kontaktbox_left {
	float: left;
	margin-right: 40px;
	width: 225px;
	}
	
.kontaktbox_right {
	float: left;
	width: 225px;
	}	

/* --------------------------------------------------------------------------------------- 
Listen
--------------------------------------------------------------------------------------- */
ul.content {
	list-style-position: inside;
	list-style-type: none;
	}

ul.content li.schwerpunkt {
	list-style-image: url(../_images/bulletpoint.png);
	margin-bottom: 26px;
	}
	
ul.content li.letzer_schwerpunkt {
	list-style-image: url(../_images/bulletpoint.png);
	margin-bottom: 10px;	
	}	

span.unterpunkt {
	color: #8a8a8a;
	line-height: 20px;
	margin-left: 20px;
	}
	
ul.content li.referenzen {
	list-style-image: url(../_images/bulletpoint.png);
	margin-bottom: 15px;
	}	

/* --------------------------------------------------------------------------------------- 
Absätze
--------------------------------------------------------------------------------------- */
p.clear {
	clear: both;
	}

/* --------------------------------------------------------------------------------------- 
Positionierung
--------------------------------------------------------------------------------------- */
.zitat {
	position: relative;
	top: 100px;
	}