@charset "UTF-8";

@media all
{


	/****************************
	* GENERAL
	****************************/	
	html, body {
		width: 100%;
		height : 100%;
		margin : 0px 0 1px 0;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		line-height: 1.35em;
		background: #3F5137;
	}
	
	a {
		text-decoration: underline;
		color: #990033;
	}
	
	a:hover {
		text-decoration: underline;
		color: #FFFFFF;
	}
	
	img {
		border: none;
		padding: 0;
		margin: 0;
	}
	
	h1, h2, h3, h4, h5, h6 {
		line-height: 1em;
		color: #c00;
		margin-top: 0;
		margin-bottom: 0.2em;
	}

	hr {
		height: 1px;
		background: #999;
		margin: 0 0 16px 0;
		border:none;
	}
	
	h1 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 14px;
		color: #FFFFFF;
	}
	h2 {
		font-size: 15px;
		color: #FFFFFF;
	}
	h3 {
		font-size: 14px;
	}
	h4 {
		font-size: 12px;
	}
	h5 {
		color: #000;
		font-size: 12px;
		line-height: 1.25em;
	}
		
	ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	ul li {
		margin: 0px;
		padding: 0px;
	}
	
	
	/****************************
	* CLEARFIX
	****************************/	
	.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 */

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }
	
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

	p {
		margin-top:0px;
		margin-bottom:1.5em;
	}
	
	strong {
	}
	
	table {
		border-collapse: collapse;
		empty-cells: show;
	}
	td, th {
		vertical-align: top;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	div#page_margins {
		width: 100%;
	}
	div#page {
		width: 880px;
		/*border: 1px solid grey;/**/
		margin: 0 auto;
		padding-bottom: 15px;
	}
	
	/****************************
	* HEADER
	****************************/	

	/* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
	#header {
		width: 100%;
		height: 385px;
		background: url('../gfx/header.jpg') no-repeat;
	}
	
	/****************************
	* MENU
	****************************/	
	#menu {
		width: 100%;
		height: 27px;
		background: #3F5137 url('../gfx/menu_bg.gif') repeat-x;
	}
	
  #menu ul {
    line-height: 1em;
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0px 0 0 90px;
    white-space: nowrap;
    font-size: 12px;
    text-transform: uppercase;/**/
  }

  #menu li {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    /*background: #e0ecf8 url("images/sliding_door/round/left.gif") no-repeat top left;/**/
    float: left;
    margin: 0;
    padding: 7px 39px 3px 0px;
    /*background: blue;/**/
  }
  
  #menu li a {
  	color: #000000;
  	text-decoration: none;
  }
  #menu li a:hover {
  	color: #000000;
  	text-decoration: underline;
  }
  #menu li.current a {
  	font-weight: underline;
  	color: #990033;
  }
  

	/****************************
	* CONTENT
	****************************/	
	#main {
		width: 100%;
		background: #3F5137 url('../gfx/main_bg.gif') repeat-y;
		padding: 28px 0 25px 0;
	}
	
	#left {
		width: 255px;
		padding: 0 52px 0 68px;
		float: left;
	}
	#left_content {
		width: auto;
		padding: 0px;
		position:relative;
	}
	#left_content div {
		padding-left: 15px;
	}
	
	#left_content #cover {
		padding-left: 0px;
	}
	#right_content {
		width: auto;
		margin: 0 45px 0 375px;
	}
	

	/****************************
	* FOOTER
	****************************/	
	#footer {
		width: auto;
		color: #576451;
		font-size: 10px;
		height: 17px;
		background: #BFD0B8 url('../gfx/footer_bg.gif') repeat-x;
		padding: 3px 19px 0;
	}
	#footer a {
		color: #576451;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer_left {
		width: 50%;
		float: left;
	}
	#footer .counter {
		margin-left: 20px;
	}
	#footer .counter img {
		vertical-align: middle;
	}
	
	#footer_right {
		width: 50%;
		text-align: right;
		float: left;
	}
	
	
}