/********************************************************************************************************
	created by:		Newmedia	http://www.newmedia.ch
	project:		inotec-licht.ch
	date:			02/2009, Gaby Wildhaber
	version:		4.1
	file:			layout.css
	function:		layout elements -style 
********************************************************************************************************/
/*--------------------------------
 csc Layout 
--------------------------------*/
@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
	
}

body 					
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 62.5%; 
	line-height: 62.5%;
	color: #ffffff;
	background-color: #333333; 
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:center;
	}
	*{
	font-size:1em;
	line-height: 1em;
}


#main_center_header {
	height:24px;
	width:1060px;
	background-image:url(../html/img/bg_content_header.jpg);
	margin-left:auto;
	margin-right:auto;	
}
#main_center {
    color: black; 
	background-image:url(../html/img/bg_content.jpg);
	background-repeat:repeat-y;
	margin: 0px; 
	padding: 0px;
    text-align: center;  /* Zentrierung im Internet Explorer */
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
}
  
* html #main_center
{
	height: 85%;
}  

 
	#main_page {
		margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
		width: 1022px;
		padding: 0;
		margin-right:21px;
		/*background: #ffffe0 url(hintergrund.gif) repeat-y;*/
		background-color: #000000;
	 }
	 
	 * html #main_page
	{
		margin-left:17px;
	}   
	 
		#main_top_flash {
			text-align: left;    /* Seiteninhalt wieder links ausrichten */
			color: #000000;
			background-color: #000000;
			height: 299px;
			background-image:url(../html/img/header_flash.jpg);
		}
		
		#headerflash {
			position:absolute;
		}
		
		.noflash {
			color:#FFFFFF;
		}
		
			#main_top {
				position:absolute;
				padding: 20px;
				/*background-color: #FFCCCC;*/
			 }
			* html #main_top {
				padding:0;
			 }		 
				#main_logo {
					text-align: left; 
					height: 68px;
					width:216px;
					color: #000000;
					background-image:url(../html/img/logo.gif);
				 }
				* html #main_logo {
					margin:20px;
				 }		 
				#search {
					margin-top:180px;*
					margin-top:180px;			
					margin-left:765px;*					
					margin-left:761px;					
					height:41px;
					text-align: right; 
					width:215px;*
					width:217px;
				} 
				* html #search {
					margin-left:783px;
				 }
									  
		#main_header {
			font-size:1em; 
			color:#CCCCCC;
			font-weight:normal;
			height:51px;
			margin:0pt auto;
			padding:0pt;
			text-align:right;
			width:1022px;
			background-image:url(../html/img/header_nav_lang.jpg);
			background-repeat:no-repeat;
		}  
		   * html #main_header {
		   /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
			margin-bottom: 0;
			}
			#breadcrumps {
				float:left;
				text-align: left; 
				padding-left:270px;	
				margin-top:6px;
				width:400px;
				color:#CCCCCC;
			}
			#main_shortcut {
				float:right;
				font-size:1em; 
				color:#CCCCCC;
				font-weight:normal;
				margin:0pt auto;
				padding:0pt;
				padding-left:950px;*
				padding-left:0;
				padding-right:25px;
				margin-top:6px;
				position:absolute;*
				position:static;
				text-align:right;
			}  		
	
		#main_content {
		}
		  * html #main_content {
		   /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		}
		
		#main_nav {
			float:left;
			text-align: left; 
			width:230px;
			margin:1px;
			margin-left:23px;*
			margin-left:20px;
			color:#CCCCCC;
		}
		  * html #main_nav {
			margin-left:10px;
			float:left;
		   /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		} 
		
		#content {
			float:left;
			text-align: left; 
			width:730px;
			margin: 1px;
			margin-left:20px;
		}  
		
		* html #content {
			margin-left:10px;
 		    width:730px;
		}

#main_center_footer {
	height:115px;
	width:1060px;
	background-image:url(../html/img/bg_content_footer_sujet.jpg);
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
}
	#footer{
		padding-left:290px;
		margin-top:0;*
		margin-top:50px;
		padding-top:50px;*
		padding-top:0;
	}