

/* CSS Document */
html    { margin: 0; padding: 0; width: 100%; height: 100% }
body { color: #003453; font: 75%/150% Arial, Helvetica, sans-serif; background-image: url(bg.jpg); background-repeat: repeat-x; background-attachment: inherit; background-position: 0 0; cursor: auto; margin: 0; padding: 0; width: 100%; height: 100% }
a    { color: #519bce; font-size: 12px; font-weight: 700; text-transform: capitalize; outline: none medium }
 a:hover    { color: #c03; font-size: 12px; font-weight: 700; font-stretch: ultra-condensed }
#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 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  { color: #000; font-size: 11.9px; background-color: #f8f8f8; margin: 2px; padding: 2px 2px 2px 7px; border-style: solid; border-width: 6px 1px 8px; border-color: #06c }

#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;}
.tvborder  { color: #000; font-size: 11px; background-color: #fff; border-width: 1px; border-color: #ffffff; outline-color: #f30 }

#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 medium CSS_PROPERTY_UNDEF; text-align: left; padding-bottom: 6px; border-bottom: 1px dotted #519bce }

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: #000; font-size: 11px; background-color: #fff; margin: 2px; padding: 1px; border: solid 1px #9cc; outline-color: #fff }

a.orange:hover  { color: #000; font-size: 11px; background-color: #fff; margin: 2px; padding: 1px; border: solid 1px #9cc; outline-color: #fff }
.mailblock { color: #fff; font: 100%/130% Arial, Helvetica, sans-serif; background: url(nieuwsbg.jpg) no-repeat left top; display: inline; margin-bottom: 10px; margin-left: 16px; padding: 17px; width: 238px; float: left; clear: left }
.mailblock a { color: #00c8ff; text-decoration: none }
.mailblock a:hover { color: #fff }
.mailblock h2 { color: #fff; margin: 0; padding: 0 0 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 { color: #fff; background: url(inputbg.jpg) no-repeat; margin-bottom: 2px; padding-top: 2px; padding-left: 6px; width: 233px; height: 25px; border: none }
#nieuwsbrief .button { color: #ffffff; font: bold 12px/25px Arial, Helvetica, sans-serif; background: url(buttonbg.jpg) no-repeat; cursor: pointer; margin-right: 2px; width: 99px; height: 25px; float: right; border-style: none }
#footer {
	width:944px;
	height:32px;
	display: block;
	clear: both;
	float: left;
	background: url("footerbg.jpg"/*tpa=http://www.pixelate.nl/templates/images/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  { color: #000; font-size: 11px; background-color: #ccff7f; background-image: none; background-repeat: repeat; background-position: 0 0; margin: 2px; padding: 2px; border: solid 2px #360 }
.portfoliotbl h2  { color: #000; font-size: 11px; background-color: #ccff7f; background-image: none; background-repeat: repeat; background-position: 0 0; margin: 2px; padding: 2px; border: solid 2px #360 }
.portfoliotbl a.leesmeer  { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; background-color: #ccff7f; background-position: 0 0; margin: 2px; padding: 2px; border: solid 2px #360 }
	
.actleesmeer {border-bottom:1px dotted #519bce; padding-bottom:4px;}

.acttitle   { color: #000; background-color: #1569bd; margin: 1px; padding: 3px; right: auto; bottom: auto; width: auto; height: auto; overflow: auto; clip: auto; border: solid 2px #036; outline-color: #f30 }

.actdate  { color: #0893be; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-weight: normal; line-height: normal; background-color: #faffff; background-position: 3px 3px; padding-top: 4px; border: solid 1px }


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  { text-decoration: underline; background-color: transparent; cursor: help; padding-bottom: 1px; border-bottom: 0.07em solid #ff6d00 }
/* 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  { font-size: 12px; clear: left }

.pages a, .pages span  { font-size: 12px; background: #fff; display: block; float: left; border: solid 1px #fff }

.pages span.current   { color: #fff; font-size: 11px; background-color: #6fbbec; background-image: none; background-position: 0 0; border: solid 1px #300 }

.pages a  { font-size: 12px; text-decoration: none; border: solid 1px #f0eadf }

.pages a:hover  { color: #fff; font-size: 12px; background: #6fbbec; border: solid 1px #f0eadf }

.pages a.nextprev  { font-size: 12px }

.pages span.nextprev  { color: #666; font-size: 12px }

.pages span.nextprev  { color: #000; font-size: 12px; border: solid 1px #ddd }
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;
}
/*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 { color: #ffffff; font: bold 12px/20px "Trebuchet MS", Arial, verdana; background: url(buttonbg.jpg) no-repeat; cursor: pointer; margin-right: 2px; width: 99px; height: 25px; border-style: none }
.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  { font-size: 11px; background: white; overflow: hidden; border: solid 1px }
.suggestion_list ul  { font-size: 11px; background-position: 0 0; list-style-type: none }
.suggestion_list a  { color: navy; font-size: 11px; text-decoration: none; background-position: 0 0 }
.suggestion_list a:hover  { color: #fff; font-size: 11px; text-decoration: none; background: navy }
.suggestion_list .selected  { color: white; font-size: 11px; background: navy }
.suggestion_list .selected a  { color: white; font-size: 11px; background-position: 0 0 }
#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   { color: #1b4966; font-size: 11px; text-decoration: blink; background: #fff; padding: 3px; border: solid 1px #a5cfe9; outline-style: double; filter: alpha(opacity=75); 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   { color: #000; font-size: 11px; background-color: #fff; background-position: 0 0; list-style-position: outside; padding-left: 9px; border: solid 1px #a5cfe9; filter: alpha(opacity=75); 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: #3f9; margin: 2px; padding: 2px; border: double 2px #69f }
.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   { background-color: #ede6ff; margin: 6px 6px 2px; padding: 1px; border: solid 1px #ebebeb }
.images_mapname {
	     font-size: 9px;
	     color: #666666;
	     font-weight: bold;
	     text-align: center;
}
div#sidebar  { text-align: left; margin: 0 0 0 472px; width: 182px; voice-family: inherit }
.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;
}