body { 
    font-family: "Trebuchet MS", Verdana, Arial, schreefloos;  
    font-size: 12px;
    background-color: #FFF;
    background-image: url(/bronnen/plaatjes/layout/bg.jpg); 
    margin: 0px;
    padding: 0px;
}
img {
    border:none 0;
}
#header {
        overflow: auto;
	background-image: url(/bronnen/plaatjes/layout/bg.jpg); 
	background-repeat: repeat;
	background-color: #FFF;
	border-bottom: #036 15px solid;
        padding: 10px 0;
	}
#header h1 {
        color: #336699;
        font-size: 3.2em;
        padding: 10px 15% 10px 50px;
        text-align:right;
}
#header img {
        padding-left: 15%;
}

#content {
	float:center; 
	background:#FFF;
}
.content { margin: 0px; padding: 10px;}

h1 {font-size: 1.8em; margin:0; padding:5px 0; color:#369;}
h2 {font-size: 1.4em; margin:0; padding:10px 0 5px 0; color:#036;}
h3 {font-size:1.3em; margin:0; padding:8px 0; color: #003366; }
p {font-size:1.2em; line-height: 1.2em; margin:0; padding:5px 0;}

   
.intro {
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 50px;
    color: #336699;
    font-size: 2.4em;
    padding-bottom: 10px;
}

#slider {
    width: 720px;
    margin: 0 auto;
    position: relative;
    border: #369 3px solid;
}

.scroll {
    height: 475px;
    width: 670px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #fff;
}

.scrollContainer div.panel {
    padding-left: 50px;
    padding-bottom: 10px;
    padding-right: 50px;
    padding-top: 10px;
    height: 400px;
    width: 620px;
}
.panel ul {
	font-size: 1.2em;
}
#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    font-size: 1.2em;
    padding-left: 50px;
    padding-top: 10px;
    list-style: none;
    margin: 0;
    padding-bottom: 10px;
    background-color: #369;
}

ul.navigation li {
    display: inline;
    border: 0px #FFF solid;
}

ul.navigation a {
    padding: 10px 7px;
    color: #FFF;
    text-decoration: none;
    background-color: #369;
}

ul.navigation a:hover {
    background-color: #036;
    color: #FFF;
}

ul.navigation a.selected {
    background-color: #FFF;
    color: #036;
    border-bottom: 12px solid #369;
}

ul.navigation a:focus {
    outline: none;
}


.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    z-index: 1;
    left: -25px;
}

.scrollButtons.right {
    z-index: 1;
    right: -25px;
}

.hide {
    display: none;
}

.scrollContainer div.panel a:link, .scrollContainer div.panel a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #036;
	color: #036;
}
.scrollContainer div.panel a:hover {
	text-decoration: none;
	background-color: #369;
	color: #FFF;
}
.scrollContainer div.panel ul {
	padding: 0px 0 0 20px;
	list-style-position: outside;
	list-style-image: url(/bronnen/plaatjes/layout/item_bullet.gif);
}
#footer {
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	clear:both; 
	background:#036;
	text-align: center
}
#footer  p {
	color:#FFF;
        margin: 10px 0;
        padding: 15px 5px;
	}
#footer a {
	text-decoration: none;
	color:#fff;
	}
#footer a:hover {
	border-bottom: 1px dotted #FFF;
	text-decoration:none;
	}
.tweet {
      padding: 5px;
      }
.tweet  h3{font-size:1.1em; margin:0; padding:5px 0; color: #003366; }


.panel .plaatje {
    padding:3px;
    border: 1px solid #036;
    float:right;
    margin: 0 10px;
}