@import url(../yaml/print/print_draft.css);
@import url(../yaml/core/base.css);

@media screen, projection
{
	
  /*********************************************************************************
  		HTML
	********************************************************************************/

   :-moz-any-link:focus {
      outline-style: none;
      outline-width: 0;
   }
 	
	body { 
		background: #000 url(../gfx/pattern_background.jpg) repeat top left fixed; 
		padding: 10px 0; 
		color: #DDD3B4;
		font-family: Georgia;
	}
	
	
	.active_language {
		color: #DDD3B4;
  		font-weight: bold;	
  }
	
	a {
		color: #DDD3B4;
		font-family: Tahoma;
		font-size: 10px;
		text-decoration: none;
	}
	
	a:hover {
		font-weight: bold;
	}

	h1,h3 {
		padding-bottom: 20px;
	}
	
	h2 {
		padding-bottom: 10px;
	}
	
  /*********************************************************************************
  		SEITEN AUSRICHTUNG
	********************************************************************************/
  .page_margins { 
  		margin: 0 auto; 
  	}
  
  .page_margins { 
	  width: 900px;
  }
  
  /*********************************************************************************
  		HEADER
   ********************************************************************************/
  
  #header { 
  		margin-top: -10px;
		color: #000;
		background: url(../gfx/transparent_bg.png); 
		height: 160px;
  }
  
  #header img {
  		margin-left: 40px;
  		margin-top: 40px;
  		margin-bottom: 10px;  	
  		height: 87px;
  		width: 152px;	
  }
  
  img.header_ending {
  		float: left;
  		padding-bottom: 15px;
  }
  
  /*********************************************************************************
  		TOP NAVIGATION
	********************************************************************************/
  #topnav a { 
  		
  		font-family: Georgia;	 
  }
  
  #top_main_nav {
  		text-align: right;
  		font-size: 13px;
  }

   #top_main_nav {
      font-size: 11px;
      position: absolute;
      top: 130px;
      right: 40px;
      z-index: 100;
   }

   #top_main_nav ul {
      margin: 0;
      margin-left: 10px;
   }

   #top_main_nav ul li {
      float: left;
      display: inline;
      position: relative;
      margin: 0;
   }

   #top_main_nav ul li a {
      margin: 0 15px;
      float: left;
      display: block;      
      text-decoration: none;
      height: 1%;
      font-weight: bold;
      text-align: left;
      font-size: 15px;
      font-family: Georgia;	
   }

   #top_main_nav ul li a.active {
      color: #de4176;
   }

   #top_main_nav ul li a:hover,
   #top_main_nav ul li.iehover a {
      color: #de4176;
   }

   #top_main_nav ul li:hover li a,
   #top_main_nav ul li.iehover li a {
      float: none;
      color: #DDD3B4;
   }

   #top_main_nav ul ul {
      width: 160px;
      margin: 0;
      padding: 1em 0;
      list-style: none;
      display: none;
      position: absolute;
      bottom: 10px;
      left: 0px;
   }

   #top_main_nav ul ul li {
      width: 100%;
      display: block;
   }
   
   #top_main_nav ul ul li a{
      font-family: Georgia;
      font-size: 11px;
      margin-left: 15px;
   }

   #top_main_nav ul li:hover li a:hover,
   #top_main_nav ul li:hover li:hover a,
   #top_main_nav ul li.iehover li a:hover,
   #top_main_nav ul li.iehover li.iehover a {
      color: #de4176;
   }

   #top_main_nav ul li:hover ul ul,
   #top_main_nav ul li.iehover ul ul {
      display: none;
   }

   #top_main_nav ul li:hover ul,
   #top_main_nav ul li.iehover ul {
      display: block;
   }
	
  /*********************************************************************************
  		HAUPT CONTAINER
	********************************************************************************/

	#main { 
  		margin: 10px 0; 
  		background: url(../gfx/transparent_bg.png);
 		height: 656px;
	}

	img.top_ending {
		position: absolute;
		margin-top: 5px;		
	}
	
	img.bottom_ending {
		position: absolute;
		margin-top: -10px;
	}
  
  /*********************************************************************************
 		RIGHT FRAME
  ********************************************************************************/
	#col2 { 
		float: right; 
		width: 220px;
	}
	
	#col2_content {
		width: 200px;
		padding-top: 21px;
		height: 500px;
	}
  
  /*********************************************************************************
 		CONTENT
  ********************************************************************************/
  
	#col3 {
		width: 720px; 
		margin: 0 240px 0 0;
		height: 610px;
	}
	
	#col3_content { 
		font-size: 12px;
		font-family: Trebuchet MS;
		padding: 21px 10px;
	}
	
	#startseite #frontpage img {
		float:left;
		padding-right:19px;
		padding-bottom:19px;
	}
	#startseite #frontpage {
		margin-left: 12px;
	}
	
	#startseite #footer_frontpage {
		
		width: 850px;  
		margin-top: 440px;
		margin-left: 12px;
	}

	#startseite #about {
		float:left;
		width:410px;
		line-height:20px;
		padding-right: 30px;
		margin-top:-3px;
	}

	#startseite #schnellkontakt {
		line-height:20px;
	}
	
	#welcome_box {
		background: url(../gfx/bg.png);
		height: 408px;
		margin-top: 5px;
		line-height: 20px;
		font-family: Tahoma;
		font-size: 11px;
		padding-left: 20px;
		
	}
	
	#welcome_box p {
		overflow: hidden;
		padding-bottom: 4px;
		width: 160px;
	}
	
	#zitat {
		padding-top: 130px;	
		padding-bottom: 5px;
	}
	
	#welcome_box h2, h3 {
		font-weight: bold;
		padding-top: 9px;
		margin-bottom: -15px;
	}
	
	#welcome_top {
		position: absolute;
		margin-top: 0px;
	}
	
	#welcome_bottom {
		position: absolute;
		margin-top: 0px;
	}
  
  	/*********************************************************************************
  		FOOTER
	********************************************************************************/
	#footer_frontpage a {
		font-weight: bold;
		font-size: 11px;
		padding-top: 5px;
	}
	
	.flink {
		line-height: 35px;
		margin-top: 10px;
	}
	
	#footer {
  		padding: 10px 20px;
  		font-size: 10px;
  		text-align: right; 
  	}

}