/*

  	-- -- -- -- -- -- --
  	Browser Fixes
  	-- -- -- -- -- -- --
  	
  	This file uses CSS filtering methods to fix various
  	layout bugs.

  	Each of the following three imported files is a 
  	separate, browser-specific CSS file that keeps all 
  	hacks out of the main style sheet.
  	
  	Over time, as supporting these browsers no longer
  	remains a priority, cleaning up the hacks is as
  	easy as deleting the @import statement below, or
  	simply no longer linking this file from the HTML.
  	
  */

  /* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html .wrapper {
    height: 0.1%;
  }

  /* 
   * IE5 mac - overrides the IE/Win hack 
   */

  /*\*//*/

  * html #threecolumn div {
  	height: auto;
  }

  /**/


  /* 
   * IE5/Win-specific CSS -ensures #container wraps all content on window resize
   */

  @media tty {
   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
  }/* */
  
  .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
  
  a img {border:0;}
  
  .transparent_50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
  }
  .transparent_80 {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  }
  body {
  	background:url(../images/layout/page_bg.gif) #e7e7e7 top left repeat-x;text-align:center;
  }
  
  .page {width:771px;margin:0px auto;}
  .pageHeader {height:20px;}
  .contentHeader {	background:url(../images/layout/contentHeader_bg.png) top left; width:770px;height:206px;padding:1px 0px 0px 1px;}
  .focus {background:url(../images/layout/contentHeader_server.jpg) top left;width:763px;height:201px;position:relative;}
  .focusBox {float:right; margin:68px 14px auto auto;
  	filter:alpha(opacity=88);
	-moz-opacity:0.88;
	-khtml-opacity: 0.88;
	opacity: 0.88;	
  }
  .focusBox:hover {
  	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	
  }
  
  .menu {position:absolute;left:104px;top:0px;text-decoration:none;}
  .menu a {
  	margin:0px;
  	padding:0px;
  	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;}
  .menu a:hover {filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;}
  
  .column {float:left;}
  
/* CONTENT BODY */  
  .contentBody {background:url(../images/layout/contentBody_bg.png) top left;clear:both;padding:8px 23px;color:#333;}
  .contentBox {background:url(../iimages/content/front_box.png) top left;float:left;text-align:left;}
  .frontpage .contentBox {width:360px;height:150px;}
  
  table, tr, td, th {border-style:solid;border-width:0px;}
  th {border-bottom:1px solid #333;padding-bottom:0px;}
  td, th {padding-left:20px;}
  
  .contentBox table {margin:10px auto 20px auto;}
  
  body { font-family:arial, verdana, tahoma, sans-serif;font-size:12px;}
  h1, h2, h3, h4, h5 {margin:10px 17px 10px 15px;font-family:Lucida Sans Unicode, Lucida Grande}
  h1 {color:#9d4841;font-size:36px;font-weight:normal;}
  h2 { font-weight:normal; color:#9d4841; margin-top:20px; }
  p {margin:15px 15px;text-align:left; }
  a {color:#666;}
  
  #iKontaktBox {width:100%;}
  #iKontaktBox a {display:block;margin:60px 0px 0px 70px;float:right;}
  
  .newslist {list-style:none;padding:0;}
  .newslist li {margin:10px 18px;}
  .newslist h3 {margin:0;font-size:12px;}
  .newslist p {margin:0;}
  .newslist p.date {color:#333;font-size:9px;margin-bottom:0px;margin-top:0px;padding:0;}
  
  
  
/* FOOTER */  
  .pageFooter {background:url(../images/layout/pageFooter_bg.png) top left no-repeat;padding-top:5px;padding-bottom:20px;text-align:center;color:#333;}
  .pageFooter p {text-align:center;}