@charset "utf-8";

/* CSS Document */



body						{ padding: 20px; margin: 0px auto 0px auto; min-width: 180px; max-width: 800px; font-family: Arial, Helvetica, sans-serif; }



a							{ color: #36F; }

a:hover						{ color: #EF7F01; }



#header						{ border-bottom: 1px solid #ccc; margin: 0px; padding: 0px 0px 7px 0px; margin: 0px 0px 10px 0px; }

#header a					{ font-size: 12px; text-decoration: none; color: #999; }

/* #header a:hover				{ color: #EF7F01; } */

#header span				{ font-size: 12px; text-decoration: none; color: #999; }



#logos .orange				{ background-image: url(orange.gif); display: block; width: 41px; height: 41px; float :left; margin: 0px 10px 0px 0px; }

#logos .drei				{ background-image: url(drei.gif); display: block; width: 41px; height: 41px; float :left; margin: 0px 10px 0px 0px; }



#content					{ margin: 20px 0px 0px 0px; }

#content h1, h2				{ font-size: 14px; margin: 0px 0px 5px 0px; color: #333; }

#content p					{ font-size: 12px; margin: 0px 0px 10px 0px; xcolor: #333; line-height: 16px; }

#content .adr				{ color: #666; }

#content .adr a				{ font-size: 11px; }



#content .screens			{  }

#content .screens span		{ display: block; width: 180px; height: 200px; float: left; margin: 10px 20px 10px 0px; }

#content .screens .or		{ background-image: url(screenOrange.jpg); }

#content .screens .dr		{ background-image: url(screenDrei.jpg); }







#footer						{ border-top: 1px solid #ccc; padding: 5px 0px 0px 0px; font-size: 10px; margin: 30px 0px 0px 0px; color: #999; }

#footer						{  }







/* Float clearing workaround also working on Mozilla */

.clearer 					{ clear:both; height:0px; overflow:hidden; margin-top:0px; }

/* * html .clearer 			{ height:1px; margin-top:-100px; } */



.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix 					{ display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix 			{ height: 1%; }

/* End hide from IE-mac */

/* End clearfix */