@charset "UTF-8"; 

/* CSS Document 

file			: screen.css
initial author 	: Thomas Bielich
last editor 	: Thomas Bielich
firstVersion 	: 10.04.2009
lastUpdate 		: 22.05.2009

*/


/* ======= BASIS FORMATIERUNG ====== */

body 	{ font-size:62.5%; background:white;  }
* 		{ margin:0; padding:0; font-size:1em; font-weight:normal; font-family:Arial, sans-serif; color:black;}
a		{ color:black; outline:none; border: 0px; }
a:hover	{  color:rgb(242,188,0);
 }
input	{ width:300px; 		font-size:1.1em; font-family:Arial, sans-serif; }
table	{ line-height:1.2em; font-size:1.1em; font-family:Arial, sans-serif; color:#666; width:100%; }
th		{ vertical-align:top; padding:10px; text-align:left; }
td		{ vertical-align:top; padding:10px 10px 10px 0; }
ul 		{ margin:0; padding:0; list-style-type:none; }
li 		{ margin:0; padding:0; }
a img 	{ border: 0px; }

/* ======= POSITIONIERUNG & GRÖSSE ======== */

#CENTER			{ position:absolute; width:800px; margin-left:-400px; left:50%;   }
#HEADER			{ width:100%;    }
#HEADER img { position:absolute; left:0px; top:20px;  }
#NAVIGATION		{  }
#NAVIGATION_2	{ position:absolute; right:0px; top:40px; }
#MIDDLE			{ width:100%;  overflow-x:auto; overflow-y: hidden; margin-top:80px;  }
#FOOTER			{ width:100%; margin-top:10px; padding-bottom:50px;  }

#HEADER	a { text-decoration: none; vertical-align:bottom; }

/* ======= PHOTOS ======= */

#aboutMe_img 		{ background: transparent; width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 99; text-align: center;}
#aboutMe_img img 	{ position: relative; top:50px; cursor:url(lupe.gif), move; }

/* ======= SCHRIFTGESTALTUNG ======= */

h1 { font-family: Arial, sans-serif; 	font-size:1.8em; letter-spacing:0.15em; color:black; font-weight:bold; display: inline;   }
h2 { font-family: Arial, sans-serif; 	font-size:1.4em; letter-spacing:0.12em; color:black; font-weight:bold;  display: inline; }
h3 { font-family: Arial, sans-serif; 	 letter-spacing:0.12em; color:black; font-weight:bold;  display: block; line-height: 1.4em; }
h4 { font-family: Arial, sans-serif; 	 letter-spacing:0.12em; color:black; font-weight:bold;  display: block; }
h5 { font-family: Arial, sans-serif; 	 letter-spacing:0.12em; color:black; font-weight:bold; text-transform: uppercase; 
text-align:justify; }

#NAVIGATION  a			{ font-family:Arial, sans-serif; font-size: 1.4em; font-weight: normal; margin-right:50px; }
#HIDDEN { font-family:Arial, sans-serif; font-size: 1.4em; font-weight: normal; position:absolute; right:0px; margin:0px; color:#666; }
#NAVIGATION  #END { margin:0px;}
#NAVIGATION  a.active	{ color:rgb(242,188,0);
 }
#NAVIGATION li 			{ display: inline-block; float: left; }

 a.OFF			{ color: gray; }	
 a.OFF:hover	{ border: 0px; }	

#NAVIGATION_2  a			{ font-family:Arial, sans-serif; font-size: 1.4em; font-weight: normal; margin-left:15px; }
#NAVIGATION_2  a.active		{ color:rgb(242,188,0);
 }
#NAVIGATION_2 li 			{ display: inline-block; float: left; }



/* ------- VERTIKALE NAVIGATION ------- */

#NAVIGATION				{  }
#NAVIGATION a			{ display:block; text-decoration:none;  }

#NAVIGATION_2			{    }
#NAVIGATION_2 a			{ display:block; text-decoration:none;  }


/* ======= MIDDLE ======== */

#MIDDLE .TEXT {width:535px; margin-bottom:100px; letter-spacing:0.2px; }
#MIDDLE .TEXT p { margin-top:20px; }
#MIDDLE .TEXT, .PREISE	{ font-size:12px; color: black;  }

#MIDDLE .FRAGE { padding:10px 0px 0px 0px;}
#MIDDLE .PREISE { width:800px; }
#MIDDLE .PREISE span { color:rgb(242,188,0); }
#MIDDLE .PREISE li { list-style-type: disc; list-style-position:inside; }
#MIDDLE .PREISE img { margin-bottom:10px;}
.FRAGE { margin-top:12px;}

address.vcard	{ text-decoration: none; text-transform: none; font-style: normal;}

#CONTENT	{ white-space: nowrap; }
#CONTENT p	{ min-height: 525px; margin-bottom: 20px; }
#CONTENT img  { display: inline; margin-right: 5px;  }


/* ======= FOOTER ======== */

#FOOTER {    }

/*Kontaktformular*/

.kontaktForm { border:0px; }
.kontaktForm legend { visibility:hidden;}
.kontaktForm em { color:rgb(242,188,0); }
.kontaktForm textarea  { width:100%; height:100px; }