/* Stylesheet "Oranjebaret" :: v1 (25-06-2007) */
/* Designed by "cclair.nl"  */
/* Coded by "WeCode.fr"  */
/* 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 "Oranjebaret" 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
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Extra List
		
	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







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

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body {
				background: url(../images/bg_body.png) repeat-x top left #FFA041;
				color:#fff;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 18px;
			}
			
			#container {
				margin:0 auto;
				position:relative;
				width:800px;
			}
			
			#header {
				height:140px;
				padding:20px 0 0 0;
			}
			
			#main {
				background: url(../images/bg_main.gif) repeat-y top left;
				margin:0 0 18px 0;
				padding: 0 0 0 0;
				overflow:hidden;
				width:800px;
			}
			
			#sidebar {
				float:right;
				margin:0 0 0 0;
				width:232px;
			}
			
			#content {
				float:left;
				padding:0 32px 0 0;
				width:500px;
			}
			
			#footer {
				clear:both;
				padding:10px 0 20px 0;
			}		

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

		/* 1.3 - Shared Styles */

			#container .left {
				float:left;
			}

			#container .right {
				float:right;
			}

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

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

			#container .noborder {
				border: 0;
			}

			#container .nobackground {
				background:none;
			}			

			#container .block {
				display:block;
			}

			#container .clear {
				clear:both;
				height:0;
			}

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







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

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color:#fff;
				text-decoration:underline;
			}
			
			a:hover, a:active{
				background:#fff;
				color:#000;
				text-decoration:none;
			}
			
		/************************/
	
		/* 2.2 - Heading Styles */

			h1, h2 {
				font-family:Tahoma, Arial, Helvetica, sans-serif;
			}
			
			h1 {
				height:19px;
				margin:0 0 18px 0;
			}
			
			#body_home h1 {background:url(../images/bg_h1.gif) no-repeat;}
			#body_bestellen h1 {background:url(../images/bg_h1_bestellen.gif) no-repeat;}
			#body_bestellen_bevestiging h1 {background:url(../images/bg_h1_bestellen_bevestiging.gif) no-repeat;}
			#body_fotos h1 {background:url(../images/bg_h1_fotos.gif) no-repeat;}
			#body_persbericht h1 {background:url(../images/bg_h1_persbericht.gif) no-repeat;}
			#body_links h1 {background:url(../images/bg_h1_links.gif) no-repeat;}
			#body_memorabilia h1 {background:url(../images/bg_h1_memorabilia.gif) no-repeat;}
			#body_wilhelmus h1 {background:url(../images/bg_h1_wilhelmus.gif) no-repeat;}
			
			h1 span {
				display:none;
			}
			
			h2 {
				color:#fff;
				font-size:12px;
				font-weight:bold;
				margin:36px 0 9px 0;
			}
			
			#body_home h2 {
				margin:0 0 10px 0;
			}
			
			#container .li_left h2 a{
				color:#008fd5;
			}
			
			#container .li_middle h2 a{
				color:#8bc53b;
			}
			
			#container .li_right h2 a{
				color:#24903A;
			}
				
			h3 {
				color:#000;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight: bold;
				line-height:18px;
				margin:0 0 0 0;
			}
			
			
			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 18px 0;
			}
			
			p.form_tips {
				color:#FEDFC2;	
				font-style:italic;
				font-size:11px;
				margin:0;
			}
			
			span.special {	
				font-weight:bold;
				text-decoration:underline;
			}
			
			#footer p {
				border-top:1px solid #fec38f;
				color:#fedfc2;
				font-size:11px;
				padding:5px 0 0 0;
			}
					
		/************************/
	
		/* 2.4 - Link Styles */
		
			a.logo {
			}
			
			#header p a {
				color:#fff;
				text-decoration: underline;
			}
			
			#footer a {
				color:#fedfc2;
				text-decoration:underline;
			}
			
			#footer a:hover {
				background:none;
				color:#fff;
				text-decoration:underline;
			}





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

		/* 3.1 - General Lists */
		
			ul li {
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
			#header ul {
				float:right;
				margin:48px 0 0 0;
			}
			
			#header li {
				display:block;
				float:left;
				padding:0 0 0 0;
				margin:0 0 0 15px;
			}
										
			#header li a {
				color:#000;
				line-height:25px;
			}
			
			#header li.current a, #header li.current a:hover {
				color:#f95e1b;
				text-decoration:underline;
			}
			
			#header li a:hover {
				color:#000;
				text-decoration:underline;
			}

		/************************/
	
		/* 3.3 - Extra List */
			
			#content ul li {
				list-style:square;
				list-style-position:inside;
			}
			
		/************************/









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

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
		/************************/
	
		/* 4.2 - Image Buttons */
		
			#header .logo {
				float:left;
			}
			
			#sidebar img {
				border:2px solid #fff;
				margin:0 0 18px 0;
			}
			
			#sidebar a {
				background:none;
			}

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





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

		/* 4.1 - General Form Styles */
		
			form {
				margin:0 0 0 0;
			}
			
			fieldset {
				border:none;
				margin:0 0 18px 0;
				padding:0;
			}
			
			legend {
				display:none;
			}
			
			label {
				display:block;
				margin:9px 0 0 0;
			}
			
			input {
				border:1px solid #F9601C;
				width:180px;
			}
			
			input.short {
				width:60px;
			}
			
			input:focus, textarea:focus, select:focus{
				border:1px solid #999;
			}				
			
			.submit {
				color:#333;
				font-size:12px;
				display:block;
				font-weight: bold;
				margin:18px 0 0 0;
				width:auto;
			}
			
			.image_button {
				width:auto;
			}