/* Stylesheet "ViaTerra" :: v1.5 (23-04-2008) */
/* Coded by "WeCode"  */
/* 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) 2008 "ViaTerra" 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
		
*/ 







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

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
			
			body {
				background:url(../images/bg_body.jpg) repeat-x #FFFFFF;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				font-size:12px;
			}
			
			#container {
				margin: 0 auto;
				padding:0 15px;
				overflow:hidden;
				width:760px;
			}
			
			#header{
				position:relative;
			}
			
				#body_about #main{background:url(../images/bg_main_about.jpg) no-repeat #FFFFFF;}
				#body_destination #main{	background:url(../images/bg_main_about.jpg) no-repeat #FFFFFF;}
				#body_contact #main{background:url(../images/bg_main_about.jpg) no-repeat #FFFFFF;}
			
			#main {
				clear:both;
				min-height:424px;
				overflow:hidden;
				padding:282px 0 0 0;
				position:relative;
				width:760px;
			}
			
 			#footer{
				clear:both;
				margin:0 auto;
				width:760px;
			}
			
			.column {
				float:left;
				font-size:14px;
				margin-left:25px;
				width:240px;
			}

			.column.last{
				width:160px;
			}
			.column-3 {
				border-top:1px #c1dded solid;
				float:left;
				font-size:12px;
				margin-left:25px;
				width:700px;
			}			
			/*2 kolommen*/
				.columns-1-1 {
					background:url(../images/bg_cols_1-1.gif) no-repeat center bottom;
					padding:0 0 25px 0;
					overflow:hidden;
				}
				.columns-1-1 .column {
					padding: 0 20px 0 0;
					width:335px;
				}
				
			/*2 kolommen :: links smal en rechts breed*/
				.columns-1-2 {
					background:url(../images/bg_cols_1-2.gif) no-repeat center bottom;
					padding:0 0 25px 0;
					overflow:hidden;
				}
				.columns-1-2 .column {
					padding:0 10px 0 0;
					width:150px;
				}
				.columns-1-2 .last {
					padding-left:30px;
					width:480px;
				}

			/*2 kolommen :: links breed en rechts smal*/
				.columns-2-1 {
					background:url(../images/bg_cols_2-1.gif) no-repeat center bottom;
					padding:0 0 25px 0;
					overflow:hidden;
				}
				.columns-2-1 .column {
					width:500px;
					padding:0 0 0 0;
				}
				.columns-2-1 .last {
					font-size:12px;
					padding-left:35px;
					width:150px;
				}
				
			/*3 kolommen*/
				.columns-1-1-1 {
					background:url(../images/bg_cols_1-1-1.gif) no-repeat center bottom;
					padding:0 0 25px 0;
					overflow:hidden;
				}
				.columns-1-1-1 .column {
					padding:0 10px 0 0;
					width:240px;
				}
				.columns-1-1-1 .last {
					margin:0 0 0 0;
					padding:0 18px 0 24px;
					width:155px;
				}
			
		/************************/







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

		/* 2.1 - General Content Styles */

			a:link, a:visited {
				color:#2b8dd4;
				text-decoration:underline;
			}
			
			a:hover {
			}
							
		/************************/
	
		/* 2.2 - Heading Styles */
			
			h1, h2, h3, h4 {
				color:#042e6e;
				font-size:15px;
				letter-spacing:1px;
				margin:25px 0 10px 0;
			}
		
			h2 {
				color:#000;
				font-size:12px;
				margin:0 0 0 0;
			}

		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				line-height:25px;
				margin:0 0 18px 0;
 			}
			
			.column-3 p{
				line-height:18px;
			}
			
			p.summary {
				font-weight:bold;
			}	
			
			#header p{
				color:#123b77;
				float:right;
				font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
				font-size:17px;
				padding:30px 60px 0 0;
				width:400px;
			}
			
			#footer p{
				color:#21211e;
				float:right;
				font-size:9px;
				letter-spacing:1.5px;
				padding:20px 22px 0 0;
			}
			
			.columns-1-1-1 .last p, .threecols .last p {
				font-size:12px;
				line-height:18px;
				margin:0 0 12px 0;
			}

		/************************/
	
		/* 2.4 - Link Styles */
		
			a.pdf {
				background:url(../images/bg_a_pdf.gif) no-repeat left center;
				display:block;
				padding:0 0 0 25px;
			}
		
		/************************/







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

		/************************/
	
		/* 3.2 - Main Navigation */

			ul#langs{
				position:absolute;
				right:0;
				top:10px;
			}
			
			ul#langs li{
				display:inline;
			}
			
			ul#langs li a{
				color:#000000;
				font-weight:bold;
			}

		/************************/
		
			ul#navigation li {
				display:inline;
			}
		
			#main ul#navigation{
				background:url(../images/bg_navigation.gif) no-repeat #e61823;
				font-family:"Lucida Sans",Arial, Helvetica, sans-serif;
				font-size:13px;
				list-style-type:none;
				position:absolute;
				top:0;
				width:760px;
			}
		
			#main ul#navigation li a{
				text-decoration:none;
				color:#FFFFFF;
			}
			#main ul#navigation li a:hover, #main ul#navigation li.current a{
				text-decoration:underline;
				color:#FFFFFF;
			}	
			#main ul#navigation li{
				line-height:45px;
				margin-left:12px;
			}

		/************************/
			
			ul.destination {
				margin:0 0 25px 0;
				list-style:none;
				
			}
			
			ul.destination li{
				font-size:11px;
				font-weight: bold;
				color: #042e6e;
				margin-bottom: 10px;
			}
			ul.destination li ul {
				list-style:none;
				margin-left: 23px;
			}
			ul.destination li ul li a {
				font-weight: normal;
				font-size: smaller;
			}
			ul.destination li img {
				margin-right: 2px;
				vertical-align: middle;
			}
			


		/************************/
			
			ul.news{
				float:left;
				width:180px;
			}
			
		/************************/

			li.archive{
				background:url(../images/li_arrow_archive.png) no-repeat;
				font-size:9px;
				font-weight:bold;
				margin:25px 0 0 0;
				padding-left:13px;
			}

			/************************/
		
		/* 3.3 - Content Lists */
		
			ul.default li {
				list-style:disc;
				margin:0 0 0 14px;
				padding:0 0 0 20px;
			}
			
			ul.destinations li {
				list-style:disc;
				margin:0 0 0 14px;
				padding:0 0 0 20px;
				line-height: 24px;
			}
					
		/************************/







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

		/* 4.1 - General Image Styles */
		
			a img {
				border: none;
			}
			
			img.left {
				float:left;
				margin:0 10px 0 0;
			}
			
			img.right {
				float:right;
				margin:0 0 0 10px;
			}
			
			#header img, #footer img, p.summary img {
				float:left;
			}
			
			img.banner {
				margin:39px 0 0 0;
			}
			
		
		/************************/







/*** $5 - Form Styles ***/
			
		/* 5.1 - General Form Styles */
			.asel {
				visibility: hidden;
			}

		
			form {
				font-size:12px;
				width:302px;
			}
		
			form br {
				clear:both;
			}
		 
			fieldset {
				border:0;
			}
		
			legend {
				display:none;
			}
		
			label {
				clear:both;
				font-size:1em;
				float: left;  
				width: 80px;  
				margin: 13px 12px 0 0 ;
				padding:0.3em 0 0 0;				
			}
		
			label.radio {
				clear:none;
				margin: 13px 25px 0 0 ;
				text-align:left;
				width:auto;
			}				
		
			input, textarea, select {
				background:url(../images/bg_input.png) repeat-y top right;
				border:1px solid #000;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1em;
				float:left;
				padding:0.3em;				
				margin: 12px 0 0 0;  
				width:150px;
			}
		
			input.radio {
				background:none;
				border:0;
				margin:18px 5px 0 0;
				width:auto;
			}
		
			input:focus, textarea:focus {
				background:#FFF7C0;
			}
		
			textarea {
				font-family:Arial, Helvetica, sans-serif;
				width:200px;
			}
		
			button {
				background:#fff;
				border:1px solid #000;
				clear:both;
				float:right;
				margin:24px 0 0 0;
			}