/*	CSS by Marcus Brose
	Edited: 2008-31-03

	COLORS:
	Body Background: #eeeeee
	Wrap Background: #ffffff
	Red: #bf0000
	Gray: #b2b2b2
	*/

/* general
---------------------------------------------*/
* {	margin: 0; padding: 0; }
body { padding: 0px; margin: 0px; background-color:#eeeeee; text-align: center; font: 7pt/1.5em Verdana, Arial, sans-serif; }
div { text-align: left; }
h1 { color: #bf0000; font-size: 8pt; text-transform: uppercase; padding-left: 25px; padding-top: 34px; }
h2 { color: #bf0000; font-size: 8pt; padding-left: 25px; padding-top: 34px; }
ul { list-style-type: none; }

/* wrap
---------------------------------------------*/
#wrap {	width: 800px; height: 600px; display: block; overflow:hidden; margin: 0 auto; margin-top: 25px; background: #ffffff; border: 5px solid #ffffff; z-index: 1; position: relative; }
strong.red { color: #bf0000; }
/* animation
---------------------------------------------*/
#animation { border: 0px solid #000000; width: 800px; height: 275px; display: block; margin: -340px auto; z-index: 2; position: relative; }
* html #animation, *+html #animation { margin-top: -170px; }

/* header
---------------------------------------------*/
#header { width: 800px; height: 118px; background: url(/img/header.png) no-repeat #bf0000; clear: both;}

/* navigation
---------------------------------------------*/
#navi { width: 215px; height: 422px; background: url(/img/navigation.png) no-repeat #ffffff; float: left; }
#navi ul { margin-top: 34px;}
#navi li { margin-top: 10px;}
#navi a { color: #b2b2b2; text-decoration: none; }
#navi a:link, #navi a:visited { color: #b2b2b2; }
#navi a:active, #navi a:hover { color: #bf0000; font-weight: bold; }

/* content
---------------------------------------------*/
#content { margin-left: 215px; width: 580px; height: 422px; background: url(/img/content.png) no-repeat #ffffff; }
#content-flix { margin-left: 215px; width: 580px; height: 422px; background: url(/img/content-flix.png) no-repeat #ffffff; }
#content p.text, #content-flix p.text { padding-right: 215px; margin-left: 25px; margin-top: 12px; text-align: justify; }
#content p.tabtext, #content-flix p.tabtext { margin-left: 37px; margin-top: 12px; }
#content p.referenzen, #content-flix p.referenzen { margin-left: 25px; margin-top: 20px; }
ul.leistung { margin-left: 37px; margin-top: 12px; list-style-image: url(/img/red-dot.gif); }
ul.leistung li { margin-top: 3px; }

//label, input, submit, textarea { margin-left: 25px; margin-top: 12px; display:block; }
//label { width: 100px; height: 20px; }
//input, textarea { float: right; }
label { margin-top: 12px; margin-left: 25px; display: block; float: left; width: 60px; }
input, textarea { margin-top: 12px; margin-left: 25px; width: 125px; border: 1px solid #b2b2b2; font-size: 8pt; }
textarea { width: 250px; }
select { margin-top: 12px; margin-left: 25px; }

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  //clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}


/* sidebar
---------------------------------------------*/
//#sidebar { width: 215px; height:422px; background: url(/img/sidebar.png) no-repeat #ffffff; float: right; }

/* footer
---------------------------------------------*/
#footer { width: 800px; height: 60px; background: url(/img/footer.png) repeat #bf0000; clear: left; }
#footer ul { padding-top: 10px; padding-bottom: 10px;}
#footer li.logo { margin-left: 111px; margin-right: 25px; float: left;}
*html #footer li.logo { margin-left: 55px; }
#footer li.text { color: #ffffff; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color: #ffffff; text-decoration: none; }


/* clearfix zum Aufheben der Floatumgebung
---------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {	display: inline-block; z-index: 1; }

/* hides from ie-mac
---------------------------------------------*/
* html .clearfix {	height: 1%; }
.clearfix {	display: block; }