/*RESET*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}


/*Hier legen wir die Hintergrundfarbe als auch die Schriftart, -farbe und -größe der Seite fest*/
body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	
	/* font-size: 100.01%; legt die Standradgröße aller Schriften und Boxen fest, 
	und bietet mit dieser Einstellung die Möglichkeit auch im IE6 und Firefox 
	skalierbare HTML-Elemente zu erzeugen.Um später Pixelgrößen auszurechnen 
	benutzt man die Regel "Pixel:16=em" also z.B. "780:16=48.75em" um eine skalierbare 
	Box für ein auf 800x600 optimiertes Layout zu erzeugen oder 12:16=0.75em für 
	eine Schriftgröße von 12px */
	
	font-size: 100.01%;
	color: #1f1f1f;
	background-color: #eeebda;
	background-image:url(../img/bg_lisa_1000x1000.jpg);
	background-repeat:no-repeat;	
	margin:0px;
	padding:0px;
	text-align:center;
}

.main-box {
	margin: 0px auto;
	text-align:left;
}


/*wichtige Einstellung, um Überschriften und Paragraphen richtig 
darzustellen und die Abstände festzulegen*/

h1, h2, h3, h4, h5 {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

p {
	margin: 0;
	padding: 0;
	line-height:20px;
	text-align:justify;
}

/*Schriftart, -farbe, und Auszeichnung von Links über das gesamte Dokument*/

a {
	color: #cc7434;
	font-size: 14px;
	text-decoration:none;
}

a:hover {
	color: #cc7434;
	font-size: 14px;
	text-decoration:underline;
}

.biglink {
	font-size: 14px;
	font-weight:bold;
	font-family: Times New Roman;
}

ul, li  {
margin-top: 5px;
font-size: 14px;
text-align:justify;
line-height:20px;
}


.nobull {
margin-top: 5px;
font-size: 14px;
text-align:justify;
line-height:20px;
list-style-type: none;
}


li  {
margin-bottom: 5px;
margin-left:20px;
}

/*Formatierung der wichtigsten Inhaltselemente*/

p , table, tr, td {font-size: 14px;}

.big {font-size:18px;}
.bigbold {font-size:18px; font-weight:bold;}
.center_middlebold {font-size:16px; font-weight:bold; text-align:center;}
.small {font-size:11px;}

h1 {display:block; font-weight:300; font-size: 24px; color:#cc7434; padding-top:20px; padding-bottom:10px; font-family: Times New Roman;} 
h2 {display:block; font-weight:300; font-size: 18px; color:#cc7434; font-family: Times New Roman;} 
h3 {display:block; font-weight:900; font-size: 14px; color:#485620; padding-top:10px;} 
h4 {display:block; font-weight:100; font-size: 18px; color:#485620; font-family: Times New Roman;} 
h5 {display:block; font-weight:300; font-size: 10px; color:#3B3B3B;} 

/*Grundlegene Elemente zur Positionierung*/
.left {float:left;} /*Element wird links ausgerichtet, Folgeelemente fließen um dieses Element */
.right {float:right;} /*Element wird rechts ausgerichtet, Folgeelemente fließen um dieses Element */

/*Grundlegene Elemente zur Positionierung von Bildern im Text mit nötigen Abständen zum Text*/
.img-left {
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-bottom: 10px;
}
.img-right {
	float:right;
	margin-left:10px;
	margin-bottom: 10px;
}

.img-padding {
clear:both;
padding: 5px;
}

.img-mrgtop {
margin: 5px 0px 0px 0px;
}


.img-std {
	clear:both;
	padding: 0;
	margin-bottom: 5px;
}

.img-logo {
	clear:both;
	padding-left: 5px;
	padding-top: 5px;
}

.fett {
font-weight:bold;
font-size: 14px;
margin: 0;
padding: 0;
}

.klein {
font-size: 11px;
margin: 0;
padding: 0;
}

.spende {
font-size: 11px;
margin: 15px 0 5px 0;
padding: 0;
text-align:center;
background-color: #F1F1F1;
}

.box {
font-size: 14px;
margin: 0;
padding: 10px;
border: 0px solid #000000;
background-color: #E4F2C5;
}

.box2 {
font-size: 14px;
font-weight:bold;
text-align:left;
margin: 0;
padding: 10px;
border: 0px solid #000000;
background-color: #E4F2C5;
}

.underline {
text-decoration:underline;
font-size: 14px;
margin: 0;
padding: 0;
}


.kursiv {
font-style:italic;
font-size: 14px;
}

strong {
font-weight:bold;
}

.orange {
color:#cc7434; 
}

.center {
text-align:justify; 
}

.clear {clear:both;}


.spenden {
line-height:18px;
margin-top: 20px;
padding: 5px;
border: 0px dashed #000000;
background-color: #f0f0f0;
}

.dlicon {
vertical-align: middle; 
margin: 0 5px 0 0;
border-width: 0;
}


/*Anweisungen für den Header (Höhe, Hintergrundfarbe, Rahmen unten)*/
#header {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height:140px;
	width: 100.01%;
	background-image:url(../img/head_tile_50x140.png);
	background-repeat:repeat-x;
}


/*Die Navigation als ungeordnete Liste (ul = unordered list) - Da eine Navigation in aller Regel 
eine Liste von Links darstellt, ist man sich einig, dass Listen das beste Element darstellt, 
um Seitennavigationen darzustellen.*/

#nav {
	position:absolute;
	margin-top: 106px; 
	margin-left: 146px;
	z-index: 3;
	font-family: Verdana;
}

/*wichtige Einstellung, um Listen mit Links richtig darzustellen und die Abstände 
zwischen den Listenpunkten nicht zu groß darzustellen (hauptsächlich für IE).
Hier allerdings nur für die Listennavigation, da im Contentbereich die Standarddarstellung 
(mit Listenpunkten) gewünscht ist.*/

#nav ul, #nav li, #nav ul li a {
	font-size: 11px;
	float:left;
	height:1%;
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/*Legt die Fontgröße der ersten Navigationebene fest*/
#nav ul li {
	font-size: 11px;
}


/*Hier wird nun das aussehen der Links in der ersten Ebene (wird auf alle Unterebenen vererbt) festgelegt*/

#nav ul li a {
	color:#ffffff;
	padding-right:12px;
	border-bottom:0px solid #EFEFEF;
	text-decoration:none;
}

/*Dies ändert die Mouseover-Farbe (Hintergrund und Linkfarbe*/
#nav ul li a:hover {
	color:#1f1f1f;
	text-decoration:none;
}

/*Legt die Fontgröße der zweiten Navigationebene fest - 
Erklärung: Da es die zweite ul ebene ist, beinflussen wir den Wert mit "ul ul",
was unter css eben die zweite Ebene anspricht, wenn tags verschachtelt sind.*/

#nav ul ul li {
	font-size: 11px;
}


#nav ul ul li a {
	padding-left:20px;
}



/*Anweisungen für den Contentbereich (Höhe, Hintergrundfarbe, Rahmen unten)*/
#content {
	position:absolute;
	margin-left:146px;
	margin-top: 110px;
	display:block;
	width:500px; 
	min-height:500px;
	background-color:#ffffff;
	padding: 16px;
	z-index: 1;

}

#stelle {
	text-align:left;
	background-color:#ffffff;
	padding: 10px;
}


/*Anweisungen für den Footer (Höhe, Hintergrundfarbe, Rahmen unten)*/

#footer {
	position:relative;
	margin-left:146px;
	display:block;
	width:500px; 
	min-height:50px;
	background-color:#ffffff;
	padding: 16px;
	z-index: 1;
}

#footer p {
	padding-top: 20px;
	color: #1f1f1f;
	font-size: 14px;
	font-weight: 200;
}

#footer a {
	color: #47453f;
	font-weight:200;
}