@charset "UTF-8";
/*	-------------------------------------------------------------
	www.bukma.de
	Gunkel_Consulting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Standard Style
	Filename:		basemod.css
	Version:		2.0
	Date:			Feb 07, 2008
	Author:			Mario Bone-Winkel bone-winkel@gunkel.com
	-------------------------------------------------------------	*/
@media all
{
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { 
	background-color: #8F8F8F; 
	color:#7b7b7b;
   }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: 850px; min-width: 850px; max-width:none; margin:40px auto; }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */

  #header {background: transparent url(/img/basics/header.jpg) no-repeat top left; height: 126px; width: 850px;}
  #header h2 {display: none;}  
  
  div#topheader {width: 100%;margin: 5px 0 5px 0; border:1px solid #FE9844; background-color:#FFCDA3;}
 
  #page {float:left; width:850px;}
  
  #main { 
  	background: #8F8F8F url(/img/basics/bg_mainarea.gif);
	float:left;
	min-height:460px;
	width: 100%;
   }

  #footer { 
  	background: transparent url(/img/basics/footer.jpg) no-repeat top left; 
	height: 33px;
	width: 850px;
	}

  div#w3c {
	color:#fff;
	font-size:65%;
	margin:0 auto 10px auto;
	padding:0;
	text-align:center;
	width:300px;
	}
	
  div#w3c a {
	color:#FEC344;
	text-decoration:underline;
	}
  div#w3c a:hover {
	color:#FFF;
	text-decoration:none;
	}	

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

   /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  #col1 { width: 660px; float:left; margin-left: 10px;}
  #col1_content {padding: 25px 15px 0 15px;}

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  #col2 { width: 163px; float:left;  margin-left: -823px;}
  #col2_content {padding-left: 0px; padding-right: 0px;}

  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3 { margin-left: 0px; margin-right: 10px; width: 170px; float:right;}
  #col3_content {padding-left: 15px; padding-right: 15px; padding-top:30px;}

  /*Men ausblenden*/
  .hidecol2 #col1 {width:660px; margin-left:10px;}
  .hidecol2 #col2 {display:none}  
 
  /*Randspalte ausblenden*/
  /*.hidecol3 #col1 {width:630px}*/
  /*.hidecol3 #col2 {margin-left:-840px} */
  .hidecol3 #col3 {display:none}  

  /*Alles ausblenden*/
  .hideall #col1 {width:660px; margin-left:0;}
  .hideall #col2 {display:none}   
  .hideall #col3 {display:none} 

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */


}