/*
Original design: Inland (v1.0 - March 7th, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/inland/2c2b2b
Includes:  f2f2f2   url(img/blueline.png) repeat-x
jQuery v1.7.1 from http://jquery.org/fafafa    325476
Nivo Slider v2.7.1 by Gilbert Pellegrom - http://nivo.dev7studios.com/*{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}


body {background:url(achtergrond.jpg) repeat-y top center #fff; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0;}
wrapbg.gif
 */
/* HTML elements */
/* Main layout */




/******** General tags ********/
body{background:#fff url(achtergrond1.jpg) repeat-x; color:#325476;  font:76% Verdana,Tahoma,Arial,sans-serif; background:#; color:#303030; line-height:1.3em;}
a {text-decoration:none; color:#20526a; font-weight:bold;}
a:hover {text-decoration:underline; color:#20526a;}
a img {border:0;}
p {margin:0 0 18px 8px;}
h1{font-size:1.5em;}
h2 {font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:10px 0 8px 0;}
h3 {font-size:1.2em; margin:2px 0 8px 0;}
p,ul{margin:0 0 20px 0;}

/******** Main wrap ********/
#wrap {background:#ffffff url(achtergrond1.jpg) top left repeat-y; color:#303030; margin:0 auto; width:760px;}

/* Main wrappers */
#wrapper1240{background-color:#fff;margin:20px auto;width:1240px;}
#wrapper960{background-color:#fff;margin:35px auto;width:960px;}
#wrapper760{background-color:#fff;margin:20px auto;width:760px;}
#wrapper600{background-color:#fff;margin:0 auto;width:600px;}
#wrapperfluid{background-color:#fff;margin:0 auto;max-width:1260px;}

/* Layout IDs */
#header{clear:both; background:url(images/header.jpg) top left no-repeat; height:150px;}
#sitetitle{float:left;margin:30px 0 10px 30px;}
#sitetitle h1 {font-size:40px;color:#777;margin:0;padding:0;}
#header-image{height:200px;margin:0;padding:0;}
#content{padding:15px 30px;background-color:#fafafa;}
#extended{padding:15px 30px;background-color:#fff;}

/* Top links menu */
#toplinks{background-color:#ffffff;padding:0 30px;}
#toplinks ul{list-style:none;margin:0;text-align:right;}
#toplinks ul li{display:inline-block;font-size:11px;margin:15px 0 12px 15px;}
#toplinks ul li a{color:#ffcc00;}
#toplinks ul li a:hover{color:#ffffff;text-decoration:none;}

/* Top links menu */
a:link {color: #303030}     /* unvisited link */
a:visited {color: #339999}  /* visited link */
a:hover {color: #AF0854}   /* mouse over link */
a:active {color: #FFCC00}   /* selected link */
}

/******** Sitemenu, left sidebar ********/
#sidemenu {background:url(images/leftsidebg.jpg) top right repeat-y; border-bottom:1px solid #aaa; border-right:1px solid #aaa; clear:both; float:left; margin:0 0 10px 0; padding:1px 10px 5px; width:190px; }
#sitemenu {clear:both; float:left; width:135px; margin:0; padding:20px 0 0 15px;}
#sitemenu ul {list-style:none; width:135px; margin:0 0 20px 0; padding:0; font-size:1.2em; letter-spacing:-1px;}
#sitemenu li {margin-bottom:4px;}
#sitemenu li a {font-weight:bold; text-decoration:none; color:#20526a; display:block; height:1.1em; padding:2px 2px 2px 8px; border-left: 8px solid #70a2ba;}
#sitemenu li a:hover {color:#d88d44; text-decoration:none; border-left:8px solid #d88d44;}
#sitemenu .current {border-left:8px solid #d88d44;}
#sitemenu ul ul {font-size:0.8em; width:110px; font-weight:normal; margin:5px 0 8px 20px;}
#sitemenu ul ul li {margin-bottom:2px;}
#sitemenu ul ul li a {border:0; padding:2px;}
#sitemenu ul ul li a:hover {border:0; padding:2px; text-decoration:underline;}


/* Columns */
#sidebar{width:30.0%;}
#main{width:70.0%;}
#trio1{float:left;width:30.0%;}
#trio2{float:left;width:30.0%;}
#trio3{float:right;width:30.0%;}
.inner{margin:5px 30px;}
#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}
.left .inner{margin-left:0;}
.right .inner{margin-right:0;}

/* Footer */
#footer{clear:both;background-color:#fafafa;}
#footer p{color:#777; font-size:12px;margin:0;padding:15px 30px;text-align:center;}
#footer a{color:#777;}
#footer a:hover{color:#333;} 

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:all;margin:5px auto;}

/* Additional classes */
.shadow{background: url(images/shadow.jpg) top center no-repeat;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* Clearing fix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}

/* Alternate color scheme, add class="altcolors" to the body tag to apply */
.altcolors{background-color:#e6e8e8;}
.altcolors #wrapper600, .altcolors #wrapper760, .altcolors #wrapper960, .altcolors #wrapper1240, .altcolors #wrapperfluid {box-shadow: 0px 0px 28px #888;}
.altcolors #toplinks, .altcolors #footer{background-color:#eaecec;}
.altcolors #content{background-color:#f2f4f4;}

/* fotofooter  */
#quarters {clear:both; margin:0 0 20px 0;}
#quarters h2 {font-size:1.2em; color:#999fff; margin:5px 10px 10px 10px;}
#quarters p {font-size:0.9em; color:#ffff00; margin:0 10px 5px 10px;}
.q1,.q2,.q3,.q4 {width:210px; margin:0 20px 0 0; background-color:#000032; float:left;}
.q4 {margin:0px;}



/*
 jQuery Nivo Slider v2.7.1
 http://nivo.dev7studios.com
 Copyright 2011, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

/*
Skin Name: Nivo Slider Default Theme (modified)
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider, modified to work with the Inland One template.
Version: 1.0
Author: Gilbert Pellegrom (modified by Andreas Viklund)
Author URI: http://dev7studios.com
*/
.slider-wrapper .nivoSlider{position:relative;height:200px;background:#fafafa url(images/loading.gif) no-repeat 50% 50%;margin-bottom:15px;}
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.slider-wrapper .nivoSlider a{border:0;display:block;}
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:-41px;margin-left:-60px;/* Tweak this to center bullets */}
.slider-wrapper .nivo-controlNav a{display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.slider-wrapper .nivo-controlNav a.active{background-position:0 -22px;}
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav{left:15px;}
.slider-wrapper .nivo-caption{font-family:'Droid Sans',Helvetica,Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
.slider-wrapper .nivo-caption a:hover{color:#fff;}





