/* Standard-CSS für www.RuthLilianGehler.de */

/* Wichtige Farben
Name Farbe 1 		= #
Name Farbe 2		= #
*/

/* Hier werden alle html-Tags auf "Null" gesetzt und eine Standard-Schriftart vergeben */
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family:  Arial, Helvetica, sans-serif;
}


/* Hier allgemeingültige Formatierungen */
a:link {
   
}

a:visited {
   
}

a:hover {
   
}

a:active {
   
}

/* ---{Navigationsebene 1}--- */
a.e1:link {
	color: #999999;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}

a.e1:visited {
    color: #999999;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none; 
}

a.e1:hover {
    color: #000000;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}

a.e1:active {
    color: #000000;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}

/* ---{Highlightzustände}--- */
.e1_hightlight, a.e1_hightlight:link, a.e1_hightlight:visited, a.e1_hightlight:active {
	color: #000000;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}

/* ---{ENDE Navigationsebene 1}--- */


/* ---{Navigationsebene 2}--- */
a.e2:link {
	color: #999999;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}

a.e2:visited {
	color: #999999;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;   
}

a.e2:hover {
    color: #000000;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}

a.e2:active {
    color: #000000;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;
}


/* ---{Highlightzustände}--- */
.e2_hightlight, a.e2_hightlight:link, a.e2_hightlight:visited, a.e2_hightlight:active {
	color: #000000;
	font-size: 12px;
	padding-right: 12px;
	text-decoration:none;  
}

/* ---{ENDE Navigationsebene 2}--- */


/* ---{Nummerierung}--- */
a.e3:link {
	color: #999999;
	font-size: 12px;
	padding-left: 10px;
	text-decoration:none;
}

a.e3:visited {
    color: #999999;
	font-size: 12px;
	padding-left: 10px;
	text-decoration:none;  
}

a.e3:hover {
    color: #000000;
	font-size: 12px;
	padding-left: 10px;
	text-decoration:none;
}

a.e3:active {
    color: #000000;
	font-size: 12px;
	padding-left: 10px;
	text-decoration:none;
}

/* ---{Highlightzustände}--- */
.e3_hightlight, a.e3_hightlight:link, a.e3_hightlight:visited, a.e3_hightlight:active {
    color: #000000;
	font-size: 12px;
	padding-left: 10px;
	text-decoration:none; 
}

/* ---{ENDE Nummerierung}--- */


/* ---{titel_2_Ruth Lilian Gehler + Impressum}--- */

a.e4:link {
	color: #000000;
	font-size: 14px;
	padding-left: 10px;
	text-decoration:none;
}

a.e4:visited {
    color: #000000;
	font-size: 14px;
	padding-left: 10px;
	text-decoration:none;  
}

a.e4:hover {
    color: #999999;
	font-size: 14px;
	padding-left: 10px;
	text-decoration:none;
}

a.e4:active {
    color: #000000;
	font-size: 14px;
	padding-left: 10px;
	text-decoration:none;
}

/* ---{Highlightzustände}--- */
.e4_hightlight, a.e4_hightlight:link, a.e4_hightlight:visited, a.e4_hightlight:active {
    color: #000000;
	font-size: 14px;
	padding-left: 10px;
	text-decoration:none; 
}

/* ---{ENDE title_2_Ruth Lilian Gehler}--- */


html, body {
height: 100%;
width: 100%;
}

body {
	padding: 0px;
	font-size: 0.9em;
}

h1 {
	font-size: 1em;
}

h2 {
	font-size: 1em;
}

ul {
	line-height: 20px;
}


/* Sektionsweite Formatierungen */

#huelle {
	width: 960px;
	position: relative;
	text-align: left;
	height: 580px;
}

#rahmen {
	z-index: 10;
	width: 960px;
	height: 550px;
	float: left;
}

#bildbox {
	position: absolute;
	z-index: 30;
	height: 273px;
	width: 161px;
	float: left;
	top: 92px;
	left: 425px;
	font-size: 10px;
	line-height: 16px;
}

#bildbox_schraeg {
	height: 380px;
	width: 190px;
	position: absolute;
	z-index: 30;
	left: 220px;
	top: 80px;
}

#beschriftung {
    position: absolute;
	z-index: 40;
	height: 20px;
	width: 180px;
	top: 365px;
	left: 315px;
}

#beschriftung_oben {
    position: absolute;
	z-index: 40;
	height: 20px;
	width: 160px;
	top: 165px;
	left: 315px;
}

#textspalte_1 {
	position: absolute;
	z-index: 50;
	float: left;
	height: 290px;
	width: 200px;;
	top: 96px;
	left: 411px;
	line-height: 16px;
}

.textspalte_1 {
	font-size: 11px;
	margin-left: 20px;
}


#textspalte_2 {
	position: absolute;
	z-index: 50;
	float: left;
	height: 293px;
	width: 140px;
	left: 555px;
	top: 96px;
	line-height: 16px;
	color: #000000;
}


.textspalte_2 {
	font-size: 11px;
	color: #999999;
	margin-left: 20px;
}


#textspalte_3 {
    position: absolute;
	z-index: 50;
	float: left;
	height: 290px;
	width: 270px;
	left: 680px;
	top: 96px;
	line-height: 16px;
}

.textspalte_3 {
	font-size: 11px;
	margin-left: 10px;
}

#textspalte_4 {
	z-index: 50;
	height: 290px;
	width: 130px;
	position: absolute;
	left: 810px;
	top: 130px;
}

.textspalte_4 {
	font-size: 11px;
	line-height: 16px;
}


.inputtext {
	width: 435px;
}

.inputtextarea {
	width: 435px;
	line-height: 16px;
}

#textbox {
	height: 250px;
	width: 220px;
	top: 102px;
	position: absolute;
	left: 0px;
	z-index: 20;
}

.text {
	font-size: 11px;
	margin-left: 20px;
	margin-right: 20px;
}

#datum {
	height: 15px;
	width: 220px;
	font-size: 10px;
	z-index: 25;
	margin-top: 6px;
}
.datum {
	font-size: 10px;
	color: #999999;
	margin-left: 20px;
}

#titelbox {
	height: 80px;
	width: 220px;
	position: absolute;
	top: 374px;
	left: 0px;
}

#titel_2 {
	height: 25px;
	width: 200px;
	position: absolute;
	z-index: 20;
	left: 7px;
	top: 350px;
	font-size: 14px;
}

.titel {
	font-size: 14px;
	margin-left: 20px;
}

.fach_profp {
	font-size: 11px;
	color: #999999;
	margin-left: 20px;
	margin-top: 6px;
	z-index: 20;
}


#navigation_1 {
	margin-top: 15px;
	font-size: 12px;
	width: 410px;
	height: 15px;
	float: left;
}

.navigatin_1li {
	display: inline;
	font-size: 12px;
	color: #999999;
}

#navigation_2 {
	float: left;
	height: 15px;
	width: 180px;
	margin-left: 20px;
	margin-top: 15px;
}

.navigation_2li {
	font-size: 12px;
	color: #999999;
	display: inline;
}

#seitenanzahl {
	float: left;
	height: 15px;
	width: 50px;
	margin-top: 18px;
	font-size: 12px;
	color: #999999;
}

.seitenanzahl {
	color: #999999;
	font-size: 12px;
}

.seitenanzahl_schwarz {
	color: #000000;
	font-size: 12px;
}

#vo_rue {
	float: left;
	height: 15px;
	width: 30px;
	margin-top: 18px;
	margin-left: 20px;
}

#nummerierung {
	float: left;
	width: 250px;
	margin-top: 15px;
	font-size: 12px;
	height: 20px;
}

.nummerierungli {
	display: inline;
	font-size: 12px;
	color: #999999;
}

a.mail:link {
	color: #000000;
	text-decoration: none;
}

#links {
	height: 15px;
	width: 220px;
	z-index: 70;
	margin-top: 6px;
	position: absolute;
	left: 810px;
	top: 130px;
}
.links {
	font-size: 11px;
	color: #000000;
}