html, body 					{ width:100%; height:100%; }
html>body #wrap	 	{ width:100%; } /* FF,Opera */ * html #wrap { height:100%; } /* IE */
body 							{ margin: 0; padding: 0; font:82% Verdana, sans-serif; line-height:1.35em; color:#999999; text-align: center; background: #212121;}
#container 				{ margin: 0em auto; }

h1								{ margin: 0 0 1em 0; padding: 0 0 0 20px; font-size:100%; color:#fff; font-weight: bold;   }
h2								{ margin: 1em 0 1em 1em; padding-left: 35px; font-size:92%; color:#fff; font-weight: bold;   }

.text									{ width: 500px; margin: 1em 1em 1em 1em; padding-left: 35px; font-size:92%; color:#fff; text-align: justify; }

#content						{ width: 850px; margin-top: 20px;   }
#topline						{ float: left; width: 850px; margin: 10px 0 10px 0; padding: 5px 0 5px 0; border-bottom: #333333 1px solid;  }
#logo 							{ float: left; margin: 0; padding: 0; width: 200px; }

/* Navigation */
#box_nav					{ float: right; margin: 2.5em 0 0 0; padding: 0; width: 600px;  }
#nav							{ float: right; margin: 0; padding: 0; text-align: right; font:100% century gothic, Verdana, sans-serif;}
#nav li 						{ float: left; margin: 0 0 0 1em; padding: 0; list-style: none; text-transform: uppercase; }
#nav li a 					{ color: #999999; font-weight: bold; text-decoration: none; }
#nav li a:hover 			{ text-decoration: none; color: #fff; }
#nav li.active a			{ color: #fff; font-weight: bold; text-decoration: none; }

/*Footer*/
#footer						{ width: 850px; float: left; clear: both; margin: 0; padding: 5px 0 0 0; font-size: 82%; color: #333333; border-top: 1px solid; border-top-color: #333333;}
#footer p.copyright	{ float: right; color:#767573; margin: 0; padding: 0 5px 0 0;  }
#date 							{ float: left; margin: 0; padding: 0 0 0 5px; color: #767573; width: 250px; }

a:link,	a:hover 			{ color:#fff; background: #212121;  }
a: visited					{ text-decoration:none; background: #c1832a;}

/* Referenz Box */
.refhead 					{ display:block; width:100%; margin:0 auto; text-align:left; }
.refhead img				{ margin-right:1px; border: none; }
.refbox						{ font-size:82%; width:100%; height:180px; }
.refbox p 					{ display:none; color:#fff; background:#c1832a; margin:1px 0; padding:4px; border: #fff 1px solid; }
.refbox .thumb 			{ float:left; margin:3px 5px 3px 5px;  }
.refbox .thumb a		{ display:block; padding:2px; border:#9c9a9a 1px solid; }
.refbox .thumb img	{ width:150px; height:100px; }
.trans							{ filter:alpha(opacity= 80); opacity:0.8; }	/* IE */
.trans:hover				{ filter:alpha(opacity=100); opacity:1.0; }	/* IE */
.refbox	.thumb a		{ -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; }	/* FF */
.refbox	.thumb a:hover	{ -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }	/* FF */