@charset "UTF-8"; 

/* CSS Document 

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

*/


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

body 	{ font-size:62.5%; background:url(img/bg.jpg);  }
* 		{ margin:0; padding:0; font-size:1em; font-weight:normal; font-family:Verdana, sans-serif; color:black;}
a		{ color:black; border:0px; }
a:hover	{  }
input	{ width:300px; 		font-size:1.1em; font-family:Verdana, sans-serif; }
table	{ font-size:1em; font-family:Verdana, sans-serif; color:#666; }
th		{ color:#333; vertical-align:text-top; text-align:left; }
td		{ color:#666;  }
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:900px; margin-left:-450px; left:50%; margin-top: 50px;  }
#HEADER			{ width:100%; height:50px; background:url(img/logo.png) no-repeat; margin-bottom:20px;  }
#NAVIGATION		{ display:inline-block; float:left; width: 150px;  }
#MIDDLE			{ display:inline-block;  }
#FOOTER			{ clear: left; width:100%; }

#HEADER	a { text-decoration: none;}

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

#HEADER a	{ font-size:1.2em; }
#HEADER a:hover	{ text-decoration:underline; }

#TEXT	{ font-size:12px; color:#666; padding:10px; }
#TEXT a	{ font-size:12px; color:#666;  }

h1	{ font-size:12px; color:#FFF; line-height:24px; font-style:normal; text-align:right; }
h2	{ font-size:12px; color:#999; line-height:24px; margin: 12px 0;  }

#WORK ul	{ font-size:1.1em; }
#WORK dd	{ color:#666; }
#WORK p		{ color:#666; }

#NAVIGATION a			{ text-decoration:none; line-height: 2em; text-indent: 1em; font-size: 1.2em;  }
#NAVIGATION li li a		{ color:rgb(200,200,200); }

#ADDRESS								{ padding:10px; }
#ADDRESS p, #ADDRESS span, #ADDRESS a 	{ text-decoration: none; text-transform: none; font-style: normal; font-size: 12px; color:#666; }
#ADDRESS p { margin-bottom:12px; }

/*Kontaktformular*/

.kontaktForm { border:0px; margin:10px; font-size: 12px; color:#666; }
.kontaktForm dd { margin-bottom:10px;}
.kontaktForm p { font-size: 12px; color:#666; }
.kontaktForm label { font-size: 12px; color:#666; float:left; min-width:100px;  }
.kontaktForm legend { visibility:hidden;}
.kontaktForm em { color:white; }
.kontaktForm textarea  { width:100%; height:100px; background:#666; border:2px solid #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.kontaktForm input { background:#666; border:2px solid #666; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.kontaktForm .button { color:#FFF; }

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

#NAVIGATION				{ border: 1px  solid black; border-bottom: 0; }
#NAVIGATION	li a		{ background:#CCC; border-bottom: 1px solid black;  }
#NAVIGATION	li li a 	{ background:#333;	}
#NAVIGATION	li li a:hover 	{ background:#444;	}
#NAVIGATION a			{ display:block; width:150px;  }
#NAVIGATION a:hover		{ background:white; }

#NAVIGATION a.active	{ background: black; color:rgb(200,200,200); }
#NAVIGATION	a.hidden	{ display:none; visibility:hidden; }

/* ------- HORIZONTALE NAVIGATION ------ */

#CONTACT	{ position:absolute; right:0px; top:0px;}
#CONTACT li { float:left; margin-left:25px; }

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

#MIDDLE			{ background:black; -moz-border-radius: 3px; -webkit-border-radius: 3px;}


#WORK ul			{ float: left;  padding: 10px; background:black; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#WORK ul li			{ margin-bottom:-2px; }
#WORK li img		{ border: 1px solid black; }
#WORK li img:hover	{ border: 1px solid white; background: white; }
#WORK dt 			{ background: url(img/loader.gif) no-repeat center; min-height: 100px; min-width: 100px; }

#WORK a dd		{ margin-top: 5px; }
#WORK a dl 		{ display: none; }
    
#WORK a:hover dl	{   background:black; padding:10px; display:block; position: absolute; z-index: 99; top:70px; left:300px;
					-moz-border-radius: 3px; -webkit-border-radius: 3px; max-width:500px;  }

#WORK p	{   background:black; padding:10px; display:block; position: absolute; z-index: 99; top:70px; left:300px;
					-moz-border-radius: 3px; -webkit-border-radius: 3px; min-width:100px;   }

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

#FOOTER { display:none; visibility:hidden; text-align: center; margin-top: 20px;  }