/* Stylesheet "WeCode.fr" :: v1.5 (11-06-2007) */
/* Coded by "WeCode.fr"  */
/* Designed by "cclair.nl"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "WeCode.fr" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Content Lists
		
	$4 - Image Styles
		$4.1 - General Image Styles

	$5 - Form Styles
		$5.1 - General Form Styles

	$6 - Table Styles
		$6.1 - General Table Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
			
			body {
				background:url(../images/bg_body.gif) repeat #f1b14d;
				color:#000;
				font-family:Verdana,Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:18px;
			}
			
			
			#container {
			background:url(../images/bg_main.png) repeat #fff;
			-moz-border-radius:20px;    
 			border-radius:     20px;
/*				background:#f1f1f1;
*/				margin: 30px auto ;
				overflow:hidden;
				width:900px;           
				-moz-box-shadow:  0px 0 20px #888;
				-webkit-box-shadow:0px 0 20px #888;   
			  box-shadow:       0px 0 20px #888; 
				
			}
		
			
			#header {
				background:url(../images/header.png) no-repeat ;
				-moz-border-radius-topleft: 20px;
				-moz-border-radius-topright:20px;    
	 			border-top-left-radius:     20px;
	 			border-top-right-radius:    20px;
				height:165px;
				position:relative;
			}
			
			#main {
				min-height:340px;
				padding:22px;          
				overflow:hidden;    
			}
			
			*html #main{
				height:340px;
			}
			
			
			#content{
				float:left;
				width:520px;
				margin:0 5px 0 0;
				padding:0 0 0 36px;
			}
			
			
			#sidebar{
/*				background:url(../images/img_sidebar_home.jpg) no-repeat;
*/				float:right;
				width:220px;
				min-height:225px;
			}
				
			*html #sidebar{
				height:225px;
			}
 
 			#footer{              
				background:#cb4709;  
				-moz-border-radius:10px;    
	 			border-radius:     10px;
				-moz-box-shadow:  0px 0 20px #aaa;
				-webkit-box-shadow:0px 0 20px #aaa;   
			  box-shadow:       0px 0 20px #aaa;    
			  background-image: -webkit-gradient(linear, 50% 0%, 0% 100%, from(#ffbb00), to(#cc4609));
				background-image: -moz-linear-gradient(center left , #cc4609 10%, #ffbb00 100%); 
      
	
				
/*				background:url(../images/bg_footer.gif) no-repeat top center ;
*/				clear:both; 
				margin: 0 auto 30px auto ;
								overflow:hidden;
								width:900px;           
				height:40px;
				line-height:30px;
			}
			
			
		/************************/







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */

			a:link, a:visited {
				color:#c62525;
				text-decoration:none;
			}
			
			a:hover {
				color:#000;
				text-decoration:underline;
			}
							
		/************************/
	
		/* 2.2 - Heading Styles */
			          
			h1, h2, h3, h4, h5, h6 {
				color:#c62525;
				
			}
			h1, h2 {
				font-size:14px;
				margin: 0 0 14px 0;
			}
			
			h2 {
				margin: 28px 0 14px 0;
			}
			h3, h4 {
				font-size:12px;
				margin: 0 0 0 0;
			}

		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 14px 0;
 			}
			
			
			#footer p {
				color:#fff;
				float:left; 
				padding: 5px 22px 0 22px;
			}
			#footer p#signup {   
				background:url(../images/bg_signup_a.png) no-repeat center left;
				float:right;
				padding:0 0 0 50px;
			}
					
		/************************/
	
		/* 2.4 - Link Styles */
		
			#footer a {
				color:#fff;
				text-decoration:none;
			}
			
			#footer p#signup a{   
				-moz-border-radius:10px;    
	 			border-radius:     10px;
				border:2px solid #fff;
				color:#000;
				font-weight:bold;
				font-size:14px;
				float:right;  
				display:block;
				padding:0 20px;  
				line-height:36px;
			}
		
		

		/************************/







/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
		ul li{
			list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
		#header ul {      
			background:#fff;  
			-moz-border-radius:5px;    
 			border-radius:     5px;
			left:20px;
			position:absolute;
			top:118px;
			width:840px;   
			padding: 0 0;
			
		}
		
		#header ul.submenu {      
			background:#ffc61a;  
		  background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#ffc61a), to(#fbba00));
			background-image: -moz-linear-gradient(center bottom , #fbba00 10%, #ffc61a 100%); 
			left:15px;
			top:24px; 
			width:800px;   
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright:5px;    
			-moz-border-radius-topleft: 0;
			-moz-border-radius-topright:0;    
 			border-bottom-left-radius:     5px;
 			border-bottom-right-radius:    5px;
 			border-top-left-radius:     0;
 			border-top-right-radius:    0; 
			border:3px solid #e7b96e;
			border-top:0;            
			font-size:11px;
		}
		#header ul li {
			float:left;
			display:block;
			margin:0 0 0 0; 
			padding:3px 4px;
		}         
		
		#header li.current {
			background:#ffc61a;  
		  background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#ffc61a), to(#edc789));
			background-image: -moz-linear-gradient(center bottom , #edc789 10%, #ffc61a 100%); 
		}
		
		#header li a, #header li.current li a {
			background:none;
			color:#000;            
			padding:3px;
			
			text-decoration:none;
		}
		                                       
		#header li.current a, #header li.current a:hover {  
			font-weight:bold;
			text-decoration:none;
		}	

		#header li a:hover {
			background:none;
			text-decoration:underline;
		}		                 
		
		#header li.current li a {
			font-weight:normal;
		}

		#header li.current li a:hover {
			font-weight:normal;
			text-decoration:underline;
		}
		        
		#header li:first-child {
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-topleft:5px;    
 			border-top-left-radius:     5px;
 			border-top-right-radius:    5px;
		}


		/************************/
	
		/* 3.3 - Content Lists */
		
			#content ul {
				margin: 0 0 14px 0;
			}
			#content ul ul {
				margin: 0 0 0 0;
			}
			#content li {
				list-style:square;
				margin:0 0 0 14px;
			}
			#content li li {
				list-style:disc;
				margin:0 0 0 24px;
			}					
		
			
		/************************/

		#sidebar p {
			margin:1.2em 0 0 1.5em;
			font-weight:bold;
			color:#001d6a;
		}
		
		#sidebar form {
		margin:0 0 0 1.5em;
		}
		#sidebar form p {
		color:#ff5700;
		font-size:9px;
		margin-top:5px;
		}
		#sidebar form .champ {
		width:14em;
		}





/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
			}
					
			a img {
				border: none;
			}
			
		
		/************************/



/*** $5 - Form Styles ***/

		
			
		/* 5.1 - General Form Styles */
		
			form#zelftest {
				margin:22px 0 22px 0;
			}
			
			form#zelftest button {
				margin: 22px 0 0 0;
			}
			
			form .row {
				border-bottom:1px solid #fff;
				clear:both;
				padding:12px 0;
			}
			
			label {
				float:left;
				margin:0 12px 0 0;
				text-align:right;
				width:180px;
			}
			
			label.radio {
				float:none;
				text-align:left;
				width:auto;
			}

			input {
			}
			
			input.sc {
				display:none;
			}
		/************************/



/*** $6 - Table Styles ***/



		/* 6.1 - General Table Styles */

			table {
				border-collapse:collapse;
				border:1px solid #bbb;
				font-size:11px;
				margin: 0 0 14px 0;
			}
			table#test {
				font-size:inherit;
			}
			th, td {
				background:#ccc;
				border:1px solid #bbb;
				text-align:left;
				padding:10px;
				vertical-align:top;
			}
			
			td {
				background:#fefefe;
				border:1px solid #ddd;
			}
			
			table .options {
				text-align:center;
				width:90px;
			}
			
			table .number {
				font-family:Georgia;
				font-size:14px;
				font-weight:bold;
				font-style:italic;
				text-align:right;
			}