

/* CSS Document */
html {
margin:0;
padding:0;
height:100%;
width:100%;
}

body {
background:#FFFFFF url(bg.jpg) repeat-x;
margin:0;
padding:0;
height:100%;
width:100%;
font:75%/150% Arial, Helvetica, sans-serif;
color:#003453;
}


 a {color:#519bce; outline:none; font-weight:700;}
 a:hover {color:#f59c00;}


#maincell {
	background:url(mainbg.jpg) no-repeat left top;
	height:auto;
	width:990px;
	min-height:625px;
	display:table;
	margin: auto;
}



#header {
width:990px;
height:130px;
display:block;
float:left;
}

#logo {
	height:128px;
	width:247px;
	padding-left: 20px;
	float:left;

}



#search {
height:40px;
width:253px;
float:right;
padding-top:10px;
padding-right:18px;

}

#search .input {
background:url(searchbg.jpg) no-repeat;
height:25px;
width:249px;
color:#FFF;
border-style:none;
font-size:12px;
font-weight:500;
padding-left:14px;
padding-top:5px;
}

#search form {
margin:0;
padding:0;
}

#slogans {
height:auto;
display:block;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
padding-left:20px;
}

.slogtable {
width:500px;
height:295px;

}

#slogans h1 {
font-size:28px;
font-weight:800;
line-height:130%;
margin:0;
padding:0;
color:#FFF;
border:none;
text-align:center;
padding-top:30px;
padding-bottom:30px;

}

#contentcell {
	width:956px;
	height:auto
text-align:center;
	
	padding-left: 18px;
}

#contentbg {	width:954px;
	
	background: #e9f6fe;
	margin: auto;
	float: left;}

#ambiance {
	height:295px;
	width:954px;
	display:block;
	float:left;
	background: url(ambiancebg.jpg) no-repeat;

}


#tv {	
background: url(tvbg.jpg) no-repeat;
	display: block;
	height: 217px;
	width: 320px;
	margin-top:20px;
	margin-left:22px;
	float:left;
	padding-top:35px;
	padding-left:43px;
	}
.tvborder {border: 1px inset #FFFFFF; width:280px; height:175px;}

#rightcol {
width:304px;
height:auto;
display:table;
float:left;
}

#leftcol {
width:650px;
height:auto;
display:table;
float:left;
}



#content {
padding:20px;
padding-right:5px;
text-align:justify;
display:block;

}



h1,h2,h3,h4,h5,h6 {
color:#2475a4;
font:700 Arial, Helvetica, sans-serif;
text-align:left;
border-bottom:1px dotted #519bce;
padding-bottom:6px;
}

h1 {
font-size:160%;
line-height:120%;
}

h2 {
font-size:130%;
}

h3 {
font-size:100%;
}

h4,h5,h6 {
}

.rightblock {

padding:17px;
display:block;
float:left;
clear:left;
color:#fff;
font:100%/130% Arial, Helvetica, sans-serif;
width:238px;
margin-left:16px;
background:#013662;
display:inline;
margin-bottom:10px;


}

.rightblock a {
color:#00c8ff;
text-decoration:none;
}

.rightblock a:hover {
color:#fff;
}

.rightblock h2 {
color:#FFF;
margin:0;
padding-bottom:6px;
border:none;
}

a.orange {
color:#ff9000;
}

a.orange:hover {
color:#fff;
}

.mailblock {
padding:17px;
display:block;
float:left;
clear:left;
color:#fff;
font:100%/130% Arial, Helvetica, sans-serif;
width:238px;
margin-left:16px;
background:url(nieuwsbg.jpg) no-repeat left top;
display:inline;
margin-bottom:10px;
}

.mailblock a {
color:#00c8ff;
text-decoration:none;
}

.mailblock a:hover {
color:#fff;
}

.mailblock h2 {
color:#FFF;
margin:0;
padding:0;
padding-bottom:4px;
border:none;
}

.mailblock p{margin:0; padding:0;}

.newsblock {
padding:17px;
display:block;
float:left;
clear:left;
color:#fff;
font:100%/130% Arial, Helvetica, sans-serif;
width:238px;
margin-left:16px;
background:#0893be;
display:inline;
margin-top:15px;
margin-bottom:10px;
}

.newsblock a {
color:#fff;
text-decoration:underline;
}

.newsblock a:hover {
color:#013662;
}

.newsblock h2 {
color:#b2f5ff;
margin:0;
padding:0;
padding-bottom:4px;
border:none;
}

.newsblock p{margin:0; padding:0;}

#nieuwsbrief form {
margin:0;
padding:0;
}

#nieuwsbrief .input {
background:url(inputbg.jpg) no-repeat;
height:25px;
width:233px;
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
color:#FFF;
padding-top:2px;
padding-left:6px;
margin-bottom:2px;
}
#nieuwsbrief  .button {
	background: url(buttonbg.jpg) no-repeat;
	border-style: none;
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 25px;
	width: 99px;
	cursor:pointer;
	float:right;
	margin-right:2px;
}


#footer {
	width:944px;
	height:32px;
	display: block;
	clear: both;
	float: left;
	background: url(footerbg.jpg) no-repeat left top;
	line-height: 32px;
	text-align: left;
	padding-left: 10px;
	color:#FFF;
	font-size: 98%;	
	
	
}


#footer a {color:#FFF; text-decoration:none; font-weight:700;}

#footer a:hover {color:#042a51;}

#copyright {
	width:954px;
	height:32px;
	display: block;
	clear: both;
	float: left;
	background: #FFFFFF;
	line-height: 32px;
	text-align: right;
	color:#333333;
	font-size:90%;
}

.portfoliotbl {  background:#ffffff; margin-bottom:20px; border:1px inset #ffffff; width:}

.portfoliotbl td {padding:2px; color:#003453; }
.portfoliotbl h2 {color:#FFFFFF; margin:0; padding:4px; background:#0a95be;}
.portfoliotbl a.leesmeer{	background: url(buttonbg.jpg) no-repeat;
	border-style: none;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 25px;
	width: 99px;
	cursor:pointer;
	float:right;
	margin-right:2px;
	text-decoration:none; text-align:center; padding-top:1px; }
	
.actleesmeer {border-bottom:1px dotted #519bce; padding-bottom:4px;}

.acttitle {padding-top:4px;}

.actdate {
	padding-top:4px;
	font: italic 11px Arial, Helvetica, sans-serif;
	color: #0893be;
}


img {
        border:0;
}
a:active {
        color: #ba5205;
        text-decoration: none;
}
/* For the search and formum */
blockquote {
       
    
        background: #FFF;        
        margin: 0px 0px 16px;        
        padding: 10px;
        border: #0b94be 1px dotted;
}
blockquote h2 {
        color: #00858a;
}
blockquote p {
        margin: 0px;
}
abbr, acronym, span.abbr {
	    cursor: help;
	    padding-bottom: 1px;
	    border-bottom: #ff6d00 0.07em solid;
	    background-color: transparent;
	    text-decoration: underline;
}
/* this is to hide any text you need hiding */
.hideword {
	    display: none;
}

/* hides the second object from all versions of IE */
* html object.mov {
    	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    	display/**/: none;
}
/* divider pages colors */
.pages {
	    padding: 1em;
	    margin: 1em 0;
	    clear: left;
	    font-size: 85%;
}

.pages a, .pages span {
	    display: block;
	    float: left;
	    padding: 0.2em 0.5em;
	    margin-right: 0.1em;
	    border: 1px solid #fff;
	    background: #fff;
}

.pages span.current {
	    border: 1px solid #F0EADF;
	    font-weight: bold;
	    background: #6fbbec;
	    color: #fff;
}

.pages a {
	    border: 1px solid #F0EADF;
	    text-decoration: none;
}

.pages a:hover {
    	border: 1px solid #F0EADF;
		    background: #6fbbec;
	    color: #fff;
}

.pages a.nextprev {
    	font-weight: bold;
}

.pages span.nextprev {
    	color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #000;
}
div.feedback {
	    width: auto;
	    margin-bottom: 24px;
	    margin-right: 0px;
	    margin-left: 20px;
}
div.feedback blockquote {
	    margin: 0px;
	    padding: 0px;
	    border: 1px dashed #c9c2c1;
	    background-color: #fff;
}
div.feedback blockquote p {
	    margin: 10px;
	    padding: 0px;
}
div.feedback cite {
	    position: relative;
	    margin: 0px;
	    padding: 7px 0px 0px 15px;
	    top: 4px;
	    background: transparent url(../../cmsimg/tip.gif) no-repeat 20px 0;
}
/*QUOTE voor forum*/
.forum {
        border-right: #00858a 1px dashed;
        border-top: #00858a 1px dashed;
        padding-left: 4px;
        padding-top: 2px;
        padding-right: 4px;
        padding-bottom: 2px;
        border-left: #00858a 1px dashed;
        border-bottom: #00858a 1px dashed;
        font-style: italic;
}
/*highlight kleur zoeken*/
.highlight {
        BACKGROUND: #D0C1A2;
}
/*progress upload*/
div#subbut {
        width: 160px;
	    border: 0px;
	    display: inline;
}
div#subbutton {
        width: 160px;
	    border: 0px;
	    display: inline;
}
/*formulieren en bewerk boxen admin*/
.formulier_select {
        font-size: 11px;
        letter-spacing: 0.06em;
}
.formulier_attach {
        height: 20px;
        width: 243px;
        font-size:11px;
        color: #306;
        background-color: #fff;
        border: 1px solid #306;
}
.formulier_input {

}
.formulier_button {
	background: url(buttonbg.jpg) no-repeat;
	border-style: none;
	font: bold 12px/20px "Trebuchet MS", Arial, verdana;
	color: #FFFFFF;
	height: 25px;
	width: 99px;
	cursor:pointer;
	margin-right:2px;
}
.formulier_button2 {
	    cursor:pointer;
        border:outset 1px #ccc;
	    background:#999;
	    font-size:11px;
	    color:#000;
	    padding: 1px 1px;
	    background:url(formbg.png) repeat-x left top;
}
.formulier_area {

}
/*zoekbar*/
.input {
        font-size:11px;
        color: #306;
        background-color: #fff;
        border: 1px solid #306;
        margin: 0px 0px 5px;
}
.selectmenu {
	   font-size: 11px;
	   letter-spacing: 0.06em
}
.suggestion_list {
	    background: white;
	    border: 1px solid;
	    padding: 4px;
	    width: 86px;
	    overflow: hidden;
}
.suggestion_list ul {
	    padding: 0;
	    margin: 0;
	    list-style-type: none;
}
.suggestion_list a {
	    text-decoration: none;
	    color: navy;
}
.suggestion_list a:hover {
	    text-decoration: none;
	    color: #fff;
	    background: navy;
}
.suggestion_list .selected {
	    background: navy;
	    color: white;
}
.suggestion_list .selected a {
		color: white;
}
#autosuggest {
	    display: none;
	    z-index: 2;
}
/*zoekbar*/
#zoekbar {
    	margin-top: 10px;
}
#nieuwsbrief {
    	margin-top: 10px;
}
.sitemapdiv {
	    float: left;
	    width: 50%;
}
.sitemapdiv li {
		width:auto;
}
/*poll result kleuren*/
#poll, table, td {
}
.pollbarwidht {
    	width: 150px;
}
.graph .bar {
	    display: block;
	    position: relative;
	    background: #008081;
	    color: #008081;
	    height: 4px;
	    line-height: 4px;
}
/*tooltips admin*/
#dhtmltooltip {
        position: absolute;
        font: 11px/20px arial, helvetica, sans-serif;
        color: #000000;
        left: -300px;
        width: 150px;
        border: 1px solid black;
        padding: 2px;
        background-color: #ffffcc;
        visibility: hidden;
        z-index: 100;
}
/*tooltips admin*/
#dhtmlpointer {
        position:absolute;
        left: -300px;
        z-index: 101;
        visibility: hidden;
}
.albumtooltiph {
       padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#FFFFFF;
       width: 160px;
       opacity: .75;
	   filter: alpha(opacity=75);
}
.albumtooltipb {
       padding:3px;
	   font-weight:bold;
	   font-size: 11px;
	   color: #4B7A98;
	   border:1px solid #A5CFE9;
	   background:#EAE1D1;
       width: 160px;
       opacity: .75;
	   filter: alpha(opacity=75);
}
.kalendertiph {
       padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#F6F3EC;
       width: 120px;
       opacity: .75;
	   filter: alpha(opacity=75);
}
.kalendertipb {
       padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#F6F3EC;
       width: 120px;
       opacity: .75;
	   filter: alpha(opacity=75);
}
.feedbacktiph {
       padding:3px;
	   font-weight:bold;
	   font-size: 11px;
	   color: #4B7A98;
	   border:1px solid #A5CFE9;
	   background:#EAE1D1;
       width: 350px;
       opacity: .85;
	   filter: alpha(opacity=85);
}
.feedbacktipb {
       padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#FFFFFF;
       width: 350px;
       opacity: .85;
	   filter: alpha(opacity=85);
}
/* feedback */
.posthidden {
 		display:none
}
.postshown {
		display:inline
}
/* blogcss */
.blogheading,
.blogpagetitle,
a.blogpagetitle:link,
a.blogpagetitle:active,
a.blogpagetitle:visited {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size:16px;
	    color:#3973AC;
	    font-weight: bold;
	    padding-top: 25px;
	    background-color:inherit;
	    display:block;
}
.blogcreatedate {
	    color:#ccc;
	    font-size:10px;
	    padding: 0 0 15px 0;
	    line-height:8px;
	    background-color:inherit;
}
.blogmodifydate {
	    color:#ccc;
	    font-size:10px;
	    padding: 0;
	    background-color:inherit;
}
/* CSS Kalender */
.cellbg {
         background-color: #FFFFFF
}
.cellover {
         background-color: #DDD1B9;
         cursor: pointer;}
.celltoday {
         background-color: #000080
}
.cellevent {
         background-color: #D7E1F5
}
.normaltext {
         color: #000000;
         font-weight: normal;
         font-size: 10px;
}
.eventtitle {
        color: #000080;
        font-weight: normal;
        font-size: 10px;
        font-weight: bold;
}
.eventheading {
        color: #000080;
        font-weight: normal;
        font-size: 14px;
        font-weight: bold;
}
.regheading {
        color: #000000;
        font-weight: normal;
        font-size: 13px;
}
.kalendertable {
        border-color: Navy;
        font-size: 16px;
}
.kalenderdatum {
        background-color: #F6F3EC;
        padding:2px;
        margin:0;
        width:200px;
        height:140px;
}
.kalendermaand td {
        background-color: #F6F3EC;
        padding:2px;
        margin:0;
        width:200px;
}
.kalenderweek tr {
        height: 30px;
        cursor: pointer;
}
/* Fotoalbum2 */
.images_map_cell {
	     font-family: Helvetica, Arial, sans-serif;
	     padding: 4px 4px 8px 4px;
	     border-style: solid;
	     border-color: #DDDDDD;
	     text-align: center;
	     vertical-align: top;
	     border-width: 1px;
}
.images_thumbnail_cell {
	     font-family: Helvetica, Arial, sans-serif;
	     padding: 4px 4px 8px 4px;
	     border-style: solid;
	     border-color: #DDDDDD;
	     text-align: center;
	     vertical-align: top;
	     border: none;
}
.images_thumb_border {
	     padding: 0px;
	     border-width: 1px;
	     border-style: solid;
	     border-color: #999999;
	     margin: 6px 6px 2px 6px;
}
.images_mapname {
	     font-size: 9px;
	     color: #666666;
	     font-weight: bold;
	     text-align: center;
}
div#sidebar {
	    margin: 0px 0px 0px 472px;
	    width: 154px;
	    text-align: left;
	    voice-family: "\"}\"";
	    voice-family: inherit;
	    width: 182px;
}
.dhtmlgoodies_tree, #floatingContainer{
	    margin:0px;
	    padding:0px;
}
.dhtmlgoodies_tree ul{  /* Sub menu groups */
	    margin-left:20px;   /* Left spacing */
	    padding-left:0px;
	    display:none;   /* Initially hide sub nodes */

}
#floatingContainer ul{
	    margin-left:20px;   /* Left spacing */
	    padding-left:0px;
}
.dhtmlgoodies_tree li,#floatingContainer li{    /* Nodes */
	    list-style-type:none;
	    vertical-align:middle;
	    margin-left:5px;
}
.dhtmlgoodies_tree li a,#floatingContainer li a {    /* Node links */
	    padding-left:1px;
	    margin-left:2px;
	    line-height:21px;
}