/* Stylesheet "A. Wiersma Architectenbureau" :: v1 (18-12-2007) */
/* Coded by "WeCode.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 "A. Wiersma Architectenbureau" and may not be used by anyone but us. */ 

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







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

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body { 
			    background: #fff;
			    font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 18px;
			}
			
			#container {
				width: 980px;
				margin: 0 auto;
			}
			
			#header { 
				background: url(../images/logodef.jpg) no-repeat 72px 38px;
				height: 80px;
				padding: 139px 0 0 0;
			}
			
			#main {
				padding: 0 0 0 75px;
			}
			
			#content { 			   
				padding: 36px 40px 0 25px;
				border: #868686 1px solid;
				border-width: 1px 0 0 1px;
				float: left;
				height:295px;
				position:relative;
				width: 330px;
			}
			
			#text {
				bottom:18px;
				left:25px;
				position:absolute;
				width: 300px;
			}
			
			#sidebar { 			    
				width: 450px;
				margin: 0 0 0 20px;
				float: left;
			}

			#footer { 
				height: 30px;
				background: url(../images/corner.gif) no-repeat -6px top;
				margin: 0 0 0 75px;
				padding: 7px 0 0 30px;
				color: #808080;
				clear: both;
			}

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

		/* 1.3 - Shared Styles */

			#container .left {
				float:left;
			}

			#container .right {
				float:right;
			}

			#container .nopadding {
				padding: 0 0 0 0;
			}

			#container .nomargin {
				margin: 0 0 0 0;
			}

			#container .noborder {
				border: 0;
			}

			#container .nobackground {
				background:none;
			}			

			#container .block {
				display:block;
			}

			#container .clear {
				clear:both;
			}

			#container .center {
				text-align:center;
			}







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

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color: #000;
			}
			
			a:hover, a:active{
				color: #000;
			}
			
		/************************/
	
		/* 2.2 - Heading Styles */

			h1, h2 {
				font-size: 12px;
			}
			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin: 0 0 18px 0;
			}  
						
		/************************/


        /* 2.4 - Link Styles */
		
			#footer a {
				color: #808080;
				text-decoration:none;
			}
	
			#footer a:hover {
				text-decoration:underline;
			}
			
		/************************/







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

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
				display: inline;
				
			}

		/************************/
	
		/* 3.2 - Main Navigation */
		
			#header ul { 
				background: url(../images/line.gif) repeat-x 0px 18px;
				height: 30px;
				padding: 0 0 0 15px;
				text-transform: uppercase;
				position:relative;
				z-index:0;
			}
			
			#header li {
				display:block;
				float:left;				margin: 0 0 0 60px;
			}
			
			#header ul ul{ 
				background: none;
				padding: 10px 0 0 0;
				position:absolute;
				left:0;
				text-align:center;
				top: 20px;
				width:917px;
				_width:932px;
			}
			
			#header li li {
				display:inline;
				float:none;
				margin:0 5px 0 60px;
			}
										
			#header li a{
				color: #808080;
				display:block;
				float:left;
				text-decoration: none;
			}
						
			#header li a:hover, #header li.current a,  #header ul ul li.current a {
				background: url(../images/bg_li_a.gif) repeat-x 0 18px;
				color: #a40f0b;
				padding: 0 0 10px 0;
				z-index:1;
			}
			
			#header li li a {
				display:inline;
				float:none;
			}
			
			#header li.current li a {
				background:none;
				color: #808080;
			}
			
			#header ul ul li a:hover, #header ul ul li.current a {
				color: #a40f0b;
				background:none;
			}

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





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

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
			#sidebar a:link, #sidebar a:visited {
				background:none;
				color:#fff;
				text-decoration:none;
			}