@import url("mailform.css");

* { font-family:Tretbuchet MS, Tahoma, Verdana, Helvetica, Arialcursive; font-size:10pt; color:#000000; }
 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 

 body { background:#333355; background-image:url("../images/bgpattern.png"); padding-bottom:25px; }
 
#ueberalles { background-image:url("../images/fadebg.png"); background-repeat:repeat-x; width:100% height:100%; padding-top:50px; }

#pagewidth{
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:200px; 
  background:url("../images/header.png") no-repeat; 
 width:800px;
}
#menu{
 position:relative;
 margin-top:-37px; 
 height:37px; 
 display:block;
 width:800px;
}  

#wrapper { 	background-color:#fff; background-image:url("../images/pagebg.png"); background-repeat:no-repeat; background-position:top left;
width:800px;
}

#leftcol{
 width:180px; 
 float:left; 
 position:relative;
 font-weight:bold; 
 padding-top:50px; 
 text-align:center; 
 }
 
 #leftcol img { border:0px; background-color:#fff; }
 #leftcol a { color:#000; text-decoration: none; font-size:8pt; }
#twocols{
 width:620px; 
 float:right; 
 position:relative; 
  }
 
 
#rightcol{
 width:20px; 
 float:right; 
 position:relative; 
 }
 
#maincol{

 padding:20px;
 float: left; 
 display:inline; 
 position: relative; 
 width:560px; 
 }
* html #maincol { width:600px; }

#maincol a { color:#d40000; text-decoration:none; font-weight:bold; }
#maincol a:hover { color:#d40000; text-decoration:underline; font-weight:bold; }

#maincol img { margin:10px; border:0px; float:right; max-width:300px;}

#maincol h1 { padding-top:10px; padding-bottom:5px;  text-align:left; line-height:8pt; color:#d40000; font-size:14pt; letter-spacing:0.03em;  }
#maincol h2 { color:#333344; font-size:10pt; letter-spacing:0.01em; border-bottom:1px dotted #000000; width:40%;}
 
#footer{
 height:30px; 
  background-color:#bebebe; 
  background-image:url("../images/footerbg.png");
 clear:both;
 font-size:10px!important;;
 text-align:right;
 } 
 
 #footer span { padding-right:40px; line-height:35px;font-size:10px; font-size:10px!important; color:#333; }
* html #footer span { line-height:30px; } 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{
	display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



	  
	  
    #tabsB {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
	margin:0;
	padding:12px 10px 0 200px;
	/*padding:10px 10px 0 50px;*/
	list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
    #tabsB span {
      float:left;
      background:url("../images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
  
      }
    #tabsB span a {
      float:left;
      display:block;
      background:url("../images/tabrightB.gif") no-repeat right top;
      padding:5px 12px 4px 6px;
    /*  padding:5px 15px 4px 6px;*/
      color:#666;
	      text-decoration:none;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB span a {float:none;}
    /* End IE5-Mac hack */
    #tabsB span a:hover{
      color:#000;
      }
    #tabsB span:hover {
      background-position:0% -42px;
      }
    #tabsB span a:hover{
      background-position:100% -42px;
      }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	
	
	
/* image highlight */

.hl img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.hl:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}