/*########## Main container settings for structuring containers ###########*/

/*
* Outer Container: gets the with of the
* whole template
*/
#outer_container
{
   /*Set Template Width (variable or fix)*/
	width: 994px;
	
	/*Set Template margins here*/
	margin-top: 10px;
	
	/*Fix to activate hasLayout*/
	height: 1%;
}


/*
* Main Container: needed for background images
*/
#inner_container
{
   /*Background*/
	
   /*Position fixening*/
   position:relative;
	overflow:hidden;
}

/*########## Inner containers - general divisions ###########*/

/*
* Fix positioning all IEs
*/
#header_container, 
#main_container, 
#footer 
{
  clear:both;
  height: 1%;
}

/*Fix for IE 5.x*/
* html #header_container,
* html #main_container,
* html #footer
{
	width: 100%;
}

* html #header_container,
* html #main_container,
* html #footer
{
	wid\th: auto;
}
/*
* IE: activating hasLayout
*/
#header_container 
{ 
 /*Set margin from header to top here
 padding-top: 5px;*/
 
 /*Background image*/
 background-image: url(../images/main_header.jpg);
 background-repeat: no-repeat;
 height: 210px; 
 
 padding-left: 20px;
 padding-right: 22px;
 
 /*Position fixening*/
 position:relative; 
 z-index: 2;
}

#main_container
{
 /*Background image*/
 background-image: url(../images/main_body.jpg);
 background-repeat: repeat-y;
 
 /*Position fixening*/
 position:relative;
 z-index: 1;
 
 padding-left: 25px;
 padding-right: 23px;
 padding-top: 5px;
}

/*########## Part for main header divisions ###########*/
/*
* Header menu on top
*/
#header_top_menu
{
	height: 27px;
	padding-top: 3px;
}

/*
* Header Logo on left
*/
#header_logo
{
	/*Set Logo Height*/
	height: 125px;
	line-height: 125px;
}

/*
* Part for header main menu
*/
#header_main_menu_container
{
	height: 30px;
	margin: 0;
}

#header_main_menu
{
	 /*Position and width*/
	float: left;
	width: 700px;
	text-align: left;
	
	/*Set Logo Height*/
	height: 30px;
	line-height: 30px;
	
	/*fix 3 pixel jog bug*/
   margin-right: -3px;	
	text-align: left;

}

/*
* Part for search an font size selection
*/
#header_main_search_containter
{
   /*Flexible width - margin is width from #header_logo*/
	width: auto;
	margin-left: 710px;
	
	/*Set same height as #header_logo*/
	height: 30px;
	line-height: 30px;
	
	position: relative;
	z-index:999;
}
* html #header_right
{
 /*fix 3 pixel jog bug*/
 /*margin for IE 5/6 lesser 3 pixels*/
 margin-left: 707px;
}


/*
* search
*/
#header_main_search
{
   /*Position and width*/
	float: left;
	width: 120px;
	text-align: left;
	
	
	/*Set Logo Height*/
	height: 25px;
	line-height: 25px;
	
	/*fix 3 pixel jog bug*/
   margin-right: -3px;	
}

/*
* part for font size selection
*/
#header_main_font
{

   /*Flexible width - margin is width from #header_logo*/
	width: auto;
	margin-left: 140px;
	
	/*Set same height as #header_logo*/
	height: 25px;
	line-height: 25px;
	
	padding-top: 5px;

}
* html #header_main_font
{
 /*fix 3 pixel jog bug*/
 /*margin for IE 5/6 lesser 3 pixels*/
 margin-left: 137px;
}

/*########## Part for inner main divisions ###########*/

/*
* Left Column: width and floating direction
*/
#leftcol 
{
 /*Floating direction*/
 float: left; 
 
 /*Set the width of this columns here*/
 width: 220px; 
 z-index: 2;
 
 /*set background images here*/


 /*fix 3 pixel jog bug - reverse direction of floating*/
 margin-right: -3px;
 
 /*some padding for smaller menues*/
 padding: 0;
 padding-top: 10px;

}

/*
* Left Column: width and floating
*/
#rightcol
{
/*Floating direction*/
 float: right; 
 
 /*Set the width of this columns here*/
 width: 205px; 
 z-index: 2;

 /*fix 3 pixel jog bug - reverse direction of floating*/
 margin-left: -3px;
 /*some padding for smaller menues*/
 margin-right: 5px;
}

/*
* Main Column: width and marging expecting
* the same width like the left column and or the right column
*/
#maincol 
{ 
 /*Flexible width*/
 position: relative;
 z-index: 1;
 width: auto; 
 
 /*margin for gecko broswers and IE 7 - margin is same like for floating divisions*/
 margin-left: 220px;
 margin-right: 205px;
 
 text-align: left;
 /*set background images here*/
	
	/*padding*/
	padding-left: 5px;
	padding-right: 5px;
 
 /*fix 3 pixel jog bug*/
 height: 1%;
 
 background: transparent;
}

/*Special fix for 3 pixel jog bug - margins lesser 3 pixels on each side*/
* html #maincol
{
 /*fix 3 pixel jog bug*/
 /*margin for IE 5/6*/
 margin-left: 217px;
 margin-right: 202px;

}

/*
* Content Column: activate hasLayout and word-wrap to avoid expanding boxes
*/
#col_content
{
	position:relative;
	word-wrap: break-word;
}

/*########## Part for footer divisions ###########*/

/*
* Footer
*/
#footer
{
 /*set background images here*/
 background-image: url(../images/main_footer.jpg);
 background-repeat: no-repeat;
 
 /*set the height of the footer here*/
 height: 130px; 
 line-height:45px;
 
 /*special font settings*/
 font-size: 10px;
 color: White;
 
 /*some padding and or margins if needed
 padding-top: 5px;
 margin-top: 0px;*/
}

/*########## Part for everthing else ###########*/

/*
* Search field
*/
div.search
{
   /*width and margin*/
	padding: 0;
	margin: 0;
	margin-left: 0px;
	padding-top: 4px;
	
	/*the background of the search field*/
	border: none;

	/*set special line height for background image*/
	height: 30px;
	line-height: 30px;
}
/*
* Search field input section
*/
div.search input
{
   margin: 0;
	border: 0;
	/*important to float this input box*/
   position: relative;
	float: left;
	/*special padding*/
	padding-top: 7px;
	padding-left: 10px;
   background: transparent;
	border: none;
	font-size: 11px;
	color: Gray;
	width: 130px;
	
	border: none;
	/*do not set height*/
}


/*
* Contact Form
*/
div.contact_email
{
	padding-left: 30px;
	margin: 0;
}