/* Basisvorlage CSS
Gisela Goppel
www.giselagoppel.de
Start: 05.11.2008
Letzte Aenderung: 00.00.20xx
*/

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

/*
Farbton (Element): #b4b4b4
Farbton (Element): #3e3e3e
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {
background: #fff;
font-size: 62.5%;
}

body {

/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
background: transparent url(bilder/line-height.gif) top left;
*/
background: #fff;
font: normal normal 62.5% Verdana, Arial, sans-serif;
}

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

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

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

a:hover {
text-decoration: none;
color: #000;
}

/* 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.5em Verdana, Arial, sans-serif;
margin-top: 1.2em;
margin-bottom: 1.2em;
}

h1 {
font: 1.67em/0.9em Verdana, Arial, sans-serif;
margin-top: 0.9em;
margin-bottom: 0.9em;
}

h2 {
font: 1em/1.2em Verdana, Arial, sans-serif;
margin-top: 1em;
margin-bottom: 1em;
}

h3 {
font: 1.33em/1.13em Verdana, Arial, sans-serif;
margin-top: 1.13em;
margin-bottom: 1.13em;
display: inline;
width: 70%;
text-align: right;
}

h4 {
font: 1.17em/1.29em Verdana, Arial, sans-serif;
margin-top: 1.29em;
margin-bottom: 1.29em;
}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links, .imageflLeft {
float: left;
margin: 0 2.5em 0.5em 0;
text-align:right;
width: 265px;
height: 396px;
padding-top: 20px;
}

.rechts, .imageflRight {
float: right;
margin: 0 0 0.5em 0.5em;
}

.clear{
	clear: both;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

#wrapper {
margin: 0 auto;
width: 890px;
padding:0;
height: 434px;
margin-top: -217px;
margin-left: -430px;
top: 50%;
left: 50%;
position:absolute;
}

ul.navi1{
	line-height: 1.5em;
	position: absolute;
	padding-right: 20px;
	bottom: -5px;
	list-style-type: none;
	text-align: left;
	width: 200px;
	color: #3e3e3e;
	}
	
ul.navi1 li#link2{
	margin:25px 0;
}

ul.navi2{
	list-style-type: none;
	margin:5px 0;
}

li a.current{
	color: #000;
}

#header {
clear: both;
background: #FEBE7E;
}

#navigation {
float:left;
width:180px;
height:412px;
cursor:pointer;
margin-top: 20px;
position: relative;

}

#content {
float: left;
width: 605px;
/*background: #C1EAFF;*/
position: relative;
bottom: 20px;
}


#footer {
clear: both;
background: #FF8ACD;
}

.btblock{
height: 416px;
width: 100%;

}
.text{
width: 200px;
float: right;
padding-right: 10px;
}