/* Stylesheet "The Flying Pancake" :: v1 (30-10-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 "The Flying Pancake" 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 - Sidebar Lists
		
	$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:#ccc;
				color:#000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:16px;
				margin:0 0 0 0;
			}
			
			#box {
				background:url(../images/bg_box.gif) repeat-x #b7bdab;
				width:100%;
			}
			
			#wrapper {
				margin:0 auto;
				overflow:hidden;
				position:relative;
				width: 971px;
			}				
			
			#container {
				background:url(../images/bg_container.png) repeat-y;
				border-left:1px solid #fff;
				margin:0 auto;
				overflow:hidden;
				position:relative;
				width: 931px;
			}
			
			#header {
				background:url(../images/bg_header.gif) no-repeat;
				height:248px;
				position:relative;
			}
			
			#patch {
				background:url(../images/bg_patch.gif) no-repeat;
				height:22px;
				position:absolute;
				left:0;
				top:196px;
				width:22px;
				z-index:1;
			}
			
			#main {
				background:url(../images/bg_main.gif) repeat-y #cedac8;
				margin:0 0 0 307px;
				min-height:300px;
				outline:none;
				overflow:auto;
				width:624px;
			}
			
			#main.twocolumns, .twocolumns {
				background:url(../images/bg_main_twocols.gif) repeat-y #cedac8;
				padding:30px 10px 30px 10px;
				width:604px;				
			}
			
			.column {
				float:left;
				outline:none;
				padding:30px 10px 30px 10px;
				width:292px;
			}
			
			.second {
				margin: 0 0 0 0;
				_padding:30px 0 30px 10px;
				_width:282px;
			}
			
			#gallery {
				height:160px;
				left:307px;
				position:absolute;
				top:36px;
				width:624px;
			}
			
			#footer {
				background:#5d847c;
				border:1px solid #fff;
				border-width:1px 0 1px 0;
				clear:both;
				height:35px;
				width: 100%;
			}

			#cityguide_nav {
				left:0;
				position:absolute;
				text-align:right;
				top:278px;
				width:290px;
			}

			#extra_nav {
				left:70px;
				position:absolute;
				text-align:left;
				top:226px;
				width:290px;
			}
			
			#googlemap-preview {
				margin:0 0 18px 0;
			}
			
			ul.submenu {
				list-style-type:disc;
				margin:18px 0 18px 20px;
			}

			ul.submenu li {
				list-style-type: square;
			}
			
			.clear {
				clear:both;
			}





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

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

			#header h1 {
				display:none;
			}
			
			h1, h2, h3, h4 {
				font-size:13px;
				font-weight:bold;
			}

			#googlemap-preview h2 a {
				color:#000;
			}

		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin-bottom: 18px;
			}
			
			#footer p {
				color:#fff;
				font-size:10px;
				line-height:15px;
				margin:0 auto;
				text-align:right;
				width:931px;
			}
			
			#footer p.credits {
				font-weight:bold;
			}

		/************************/
	
		/* 2.4 - Link Styles */
		
			#footer a {
				color:#fff;
			}






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

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
			#header ul {
				background:url(../images/bg_nav.gif) repeat-x #666666;
				border:1px solid #fff;
				border-width:0 1px 0 1px;
				height:30px;
				left:308px;
				line-height:30px;
				position:absolute;
				text-align:right;
				top:218px;
				width:621px;
			}
			
			#header ul li {
				display:inline;
				margin:0 8px 8px 0;
			}
			
			#header ul li a {
				background:url(../images/bg_li_a.jpg) no-repeat center left;
				color:#fff;
				font-weight:bold;
				line-height:18px;
				padding:0 0 0 15px;
			}
			
			#header ul li.current a {	
				color:#628AC7;
			}
		
		/************************/
	
		/* 3.3 - Extra List */
		
			#lang {
				position:absolute;
				top:43px;
				right:0;
			}
			
			#lang a {
				display: block;
				height:11px;
				margin:0 0 5px 0;
				width:16px;
			}
			
			#lang a span {
				display:none;
			}
			
			#lang li#en a {
				background:url(../images/bg_lang_en.png) no-repeat top left;
			}
			
			#lang li#fr a {
				background:url(../images/bg_lang_fr.png) no-repeat top left;
			}
			
			#lang li#nl a {
				background:url(../images/bg_lang_nl.png) no-repeat top left;
			}
			
			#cityguide_nav li a {
				font-weight:bold;
			}
			
			#cityguide_nav li li a {
				font-weight:normal;
			}
	
			#extra_nav li a {
				background:url(../images/bg_li_a_extra_nav.gif) no-repeat center left;
				padding:0 0 0 16px;
			}
			
		/************************/







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

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
			#header a img {
				left:58px;
				position:absolute;
				top:52px;
			}
			
			#gallery img {
				border:1px solid #fff;
				border-width:0 0 0 1px;
				float:left;
				margin:0;
			}
			
			#googlemap-preview img {
				float:left;
				margin:0 9px 18px 0;
			}
			
			
			/************************/







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

				/* 5.1 - General Form Styles */

			#guestbook {
				padding:0 0 0 0;
				margin:  36px 0 0 0;
				list-style-position:inherit;
			}

			#guestbook li {
				list-style:none;
			}

			#guestbook li .title {
				font-weight:bold;
				margin:0 0 0 0;
			}

						fieldset {
							background:#F5F5F5;
							border:1px solid #ddd;
							margin:0 0 2em 0;
							*margin:1em 0 2em 0;
							padding:18px 18px 18px 18px;
							position: relative;
						}

						legend {
							border:1px solid #fff;
							background:#999;
							color:#fff;
							font-weight:bold;
							padding:3px 10px;
							position: absolute;
							top: -1em;
							left: .5em;
						}

						label {
							color:#5D847C;
							display:block;
							font-size:12px;
							font-weight:bold;
							margin:18px 0 0 0;
						}

						input, textarea {
							border:1px solid #DADADA;
							width:250px;
						}

						textarea {
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							width:450px;
						}

						label.radio {
							color:#000000;
							display:inline;
							font-size: inherit;
							font-weight:normal;
							margin:0 10px 0 0;
						}

						input.radio {
							border:0;	
							margin:0 0 0 0;
							width:auto;
						}

						input.sc {
							display:none;
						}

						option {
							padding:0 3px 0 3px;
						}

						optgroup {
							font-style:normal;
						}

						optgroup option {
							padding:0 3px 0 15px;
						}

						.form_characters_left {
							background:#F5F5F5;
							border:0;
							color:#999;
							margin:0 0 0 0;
							text-align:right;
							width:auto;
						}

						.form_characters_left_title {
							color:#999;
						}

						form p {	
							margin:18px 0 9px 0;
						}

						.submit {
							display:block;
							margin:36px 0 0 0;
						}

						.nomargin {
							margin: 0 0 0 0;
						}