/* CSS Document */

#content img{
	border:2px solid #797263;
	padding:0px;
margin-top: 2px;
margin-bottom: 8px;
margin-left: 12px;
margin-right: 12px;
padding: 0px;
}

#content img .left{
float:left;
}

#content img .right{
float:right;
}

#navcontainer
{
margin-bottom: 1em;
overflow: hidden;
width: 460px;
}

#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist li
{
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}




hr {#797263
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


input.groovybutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#EE7777;
   border-top-style:solid;
   border-top-color:#EE7777;
   border-top-width:4px;
   border-bottom-style:solid;
   border-bottom-color:#EE7777;
   border-bottom-width:4px;
   border-left-style:solid;
   border-left-color:#EE7777;
   border-left-width:4px;
   border-right-style:solid;
   border-right-color:#EE7777;
   border-right-width:4px;
}

input.groovybuttonoranje
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#FF8C00;
   border-top-style:solid;
   border-top-color:#FF8C00;
   border-top-width:4px;
   border-bottom-style:solid;
   border-bottom-color:#FF8C00;
   border-bottom-width:4px;
   border-left-style:solid;
   border-left-color:#FF8C00;
   border-left-width:4px;
   border-right-style:solid;
   border-right-color:#FF8C00;
   border-right-width:4px;
}


/* Algemene css */

.centeralign {text-align:center}

body {
background-image: url('background.jpg');
margin:0 auto;
padding:0;
text-align: center;
font-family: Arial, Helvetica, sans-serif normal;
}

.none {
display: none;
}


/*De css van de rijen*/
#bovenstuk{
width:751px;
background: #BBD9EE url(back0.png) repeat-x;
height: 155px;
}

#missionstatement{
width:751px;
background: #437776;
height: 170px;
}

#titel{
width:751px;
background: #437776 url(background/titel.png) repeat-x;
height: 100px;
}

#contact{
width:751px;
background: #437776;
height: 170px;
}

#contact2{
width:751px;
background: #887f6d;
}
#contactleft{
width:450px;
float:left;
background: #d5cab6;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 316px;
} 

#contactright{
width:301px;
float:right;
background: #887f6d;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 316px;
} 

#droge{
width:751px;
background: #d5cab6;
}

#drogeleft{
width:751px;
float:left;
background: #e8dcc8;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 3000px;
}

#drogemidden{
width:751px;
float:left;
background: #d5cab6;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 3000px;
}

#drogeright{
width:50px;
float:right;
background: #93b58a;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 3000px;
} 

#nieuws1{
width:751px;
background: #d5cab6;
height: 163px
}

#nieuws2{
width:751px;
background: #93b58a;
height: 163px
}

#meerbezoekers1{
width:751px;
background: #d5cab6;
height: 150px
}

#dripzone{
width:751px;
	text-align:left;
	padding:0;
background: #d5cab6;
	font:11px Arial, Helvetica, sans-serif normal;
}

#dripzoneleft{
width:481px;
float:left;
background: #d5cab6;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 800px;
}

#dripzoneright{
width:270px;
float:right;
background: #93b58a;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#dripzoneright1{
width:10px;
float:left;
background: #eee8da;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 800px;
}

#dripzoneright2{
width:230px;
float:right;
background: #93b58a;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 800px;
}

#meerbezoekers{
width:751px;
background: #d5cab6;
height: 150px
}

#meerbezoekers{
width:751px;
background: #d5cab6;
height: 150px
}

#meerbezoekers4{
width:751px;
background: #d5cab6;
height: 180px
}

#overseo-top{
width:751px;
background: #797263;
height: 40px
}

#hoofd{
width:751px;
background: #437776;
height: 20px
}

#overseo{
width:751px;
background: #d5cab6;
height: 150px
}

/*Overige css styles*/

.left {
float:left;
}

.logo2 {
float:left;
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

.logo3 {
float:right;
margin:10px 30px 0px 0px;
padding:0px 0px 0px 0px;
}

.right {
float:right;
}

h1 {
color: sienna;
font-size:1.6em;
font: Arial, Helvetica, sans-serif normal;
text-align: left;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

#rightbar h1 {
color: #D3D3D3;
font-size:2em;
font: Arial, Helvetica, sans-serif normal;
text-align: center;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

#missionstatement h2 {
color:#ebebeb;
font-size:1.4em;
font: sans-serif;
text-align: center;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

#overseo-top h4 {
color:#cec9bf;
font-size:1.4em;
font: sans-serif;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

#bovenstuk h1 {
color: Slategray;
font-family: Times new roman, Arial, Helvetica, sans-serif normal;
font-size:2em;
font: sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align: left;
margin-left: 50px;
padding-top: 50px;
}

#bovenstuk h2 {
color: Sienna;
font-size:1em;
font: sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align: left;
margin-left: 0px;
}

#hoofd h1 {
color:aliceblue;
font-size:16pt;
font: sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align: right;
}

#missionstatement h2{
color:#ebebeb;
font-size:1.4em;
font: sans-serif;
text-align: center;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

#titel h2 {
font: Arial, Helvetica, sans-serif normal;
color:#ebebeb;
text-align: center;
font-size:1.7em;
font: sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-top:6px;
}

#contact h2{
color: white;
font-size:1.2em;
font-weight:500;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:24px 0px 0px 0px;
padding-bottom: 5px;
}

#contactright h3{
color: #cec9bf;
font-size:1.1em;
font-weight:500;
text-align: center;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
margin-bottom: 5px;
}

.contacttext{
color: #cec9bf;
font-size:0.9em;
font-weight:400;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
margin-bottom: 5px;
}


/*Voor nieuws 1*/

#nieuws1 h3{
color: #5b4d41;
font-size:1.1em;
font-weight:500;
text-align: center;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
margin-bottom: 5px;
}

#meerbezoekers h3{
color: #5b4d41;
font-size:1.1em;
font-weight:500;
text-align: center;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-bottom: 5px;
}

#meerbezoekers1 h3{
color: #5b4d41;
font-size:1.1em;
font-weight:500;
text-align: center;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
margin-bottom: 5px;
}

#meerbezoekers4 h3{
color: #5b4d41;
font-size:1.1em;
font-weight:500;
text-align: center;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-bottom: 5px;
}

#nieuws1 a{
color: #5b4d41;
font-weight:700;
}

#meerbezoekers a{
color: #5b4d41;
font-weight:700;
}

#meerbezoekers1 a{
color: #5b4d41;
font-weight:700;
}

#meerbezoekers4 a{
color: #5b4d41;
font-weight:700;
}

.text1 {
color: #5b4d41;
font-size:10.5pt;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-left: 5px;
margin-right: 5px;
}

/*Voor nieuws 2*/


#nieuws2 h3{
color: #5b4d41;
font-size:1.1em;
font-weight:500;
text-align: center;
font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
margin-bottom: 5px;
}

.text2 {
color: #5b4d41;
font-size:0.9em;
font-weight:500;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#nieuws2 a{
color: #5b4d41;
font-weight:700;
}

/*Nog meer*/

h4 {
color: darkgray;
font-size:1em;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
margin:20px 0px 0px 0px;
padding:0px 0px 0px px;
}

.overseo {
color: #7D7B6A;
font-size: 11pt;
font-weight:bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
margin-left: 6px;
}

.copyright {
color: #8b7a5b;
font-size: 8pt;
font-weight:450;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:16px 10px 10px 0px;
margin-left: 6px;
}

.photo {
margin:155px 0px 0px 0px;
padding:0px;
}

.photo2 {
margin:10px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.logo {
margin-left: 15px;
margin-top: 5px;

}

.photie {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.righter{
margin:0px 25px 0px 5px;
padding:0px 0px 0px 0px;
}

.righter2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.righter3{
margin:3px 65px 0px 0px;
padding:0px 0px 0px 0px;
}

.lager{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.login{
margin:15px -25px 0px 0px;
padding:0px 0px 0px 0px;
}

.readmore {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 5px;
margin-right: 40px;
}

a {
text-decoration: none;
}

#contactright a {
color: Gainsboro;
font-weight:700;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
text-decoration: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#contactright a:hover {
text-decoration:underline;
}

/*** Footer ***/

#footer {
clear:both;
color: Gainsboro;
font-size:0.9em;
text-align:right;
width:751px;
background: #504634;
height: 15px;
font-weight:600;
font-family: Arial, Helvetica, sans-serif;
margin:0 auto;
padding:3px 0;
}

#footer a {
color: Gainsboro;
font-weight:700;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
text-decoration: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer a:hover {
text-decoration:underline;
}

/*** Sitemap ***/

#drogemidden a {
color: Dimgray;
font-weight:700;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
text-decoration: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#drogemidden a:hover {
text-decoration:underline;
}

/*** Contact form ***/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 300px;
  max-width: 500px;
  width: 400px;
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:13pt; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color: #5b4d41;
	
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#submit {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	float:right;
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/*- Menu Tabs--------------------------- */ 


    #tabs {
      float:right;
	width:100%;
      background: #BBD9EE;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
	#tabs a {
      float:right;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs .active {

      float:left;
      display:block;
      background:url("tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  color:lightslategray !important;
}

  #tabs .active2 {
      float:right;
      background:url("tableft2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}

    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }



/* CSS Document */



#dripzone h1,h3,h4,h5,h6{
	margin-left:30px;
}

#dripzone h2{
	color:#FFF;
	height:30px;
	margin:0px 0 -10px 0px;
	padding:15px 0 0 30px;
}

h3{
color: gray;
font-size:1.3em;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px px;
margin-top:10px;
}


#dripzone a{
	color:#797263;
	text-decoration:none;
	font-weight:bold;
	margin:0 1px;
	padding:0 2px;
}

#dripzone a:hover{
	border:1px solid #797263;
	margin:0;
}

#dripzone b{
	color:#000;
	font-size:12px;
}

#dripzone em,i{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:12px;
}

#dripzone blockquote{
	line-height:16px;
	font-size:12px;
	width:320px;
	margin-left:70px;
	padding:5px 10px;
	border-left:3px solid #006666;
	background-color:#EEE;	
}

#dripzone #dripzine blockquote {
border:1px solid #dadada;
width:350px;
font-size:1em;
margin-left:30px;
padding:5px 10px;
font-family: Arial, Helvetica, sans-serif normal;
}

#dripzone #main ul{
	list-style:none;
	line-height:19px;
	font-size:12pt;
	font-weight:400;
	color: Dimgray;
	font-family: Georgia, Arial, "Times New Roman", serif;
}

#dripzone #main li{
 	background:url(img/drip.jpg) no-repeat top left transparent;
	padding-left:20px;
}

#dripzone #main .drip2 li{
 	background:url(img/drip2.jpg) no-repeat top left transparent;
	padding-left:20px;
	margin-left:-10px;
}

#dripzone #main li img{
 	vertical-align:middle;
	padding-right:10px;
 	border:0;
}

#dripzone #header{
	background:url(img/header.jpg) no-repeat top left #121212;
	
	top:0;left:0;
	height:144px;
	width:800px;
}

#dripzone #header h1{
	color:#FFF;
	font:40px Arial, Helvetica, sans-serif lighter;
	text-align:right;
	padding-right:350px;
}

#dripzone .h1bold{
	font-weight:bolder;
}

#dripzone #main{
	
	top:144px;left:0;
	width:430px;
	color:#000
}

#dripzone #main p{
	margin-left:30px;
	line-height:16px;
}

#dripzone #main p.gek{
	margin-left:30px;
	line-height:16px;
	color: #5b4d41;
font-size:11pt;

text-align: left;
font-family: Arial, Helvetica, sans-serif;
}



#dripzone #main img{
	border:2px solid #797263;
	padding:2px;
}

#dripzone #main a.imglink{
	border:none;
	margin:0;
	padding:0;
}

#dripzone #main a.imglink:hover img.floatright{
	border:4px solid #797263;
	margin:4px 0 4px 10px;
	padding:0;
}

#dripzone img.floatright{
	float:right;
	margin:4px 0 4px 0px;
}

#dripzone img.floatleft{
	float:left;
	margin:4px 10px 4px 0px;
}

#dripzone #sidebar{

	top:144px;left:470px;
	width:200px;
	color:#FFF;
}

#dripzone #sidebar h3{
	color:#FFF;
	
	letter-spacing:1px;
	margin:0 0 -10px 0;
	padding:2px 4px;
font: bold 2em/1em "Times New Roman", "MS Serif", "New York", serif;

border-bottom: solid #FFE4B5 medium;
}

#dripzone #sidebar ul{
	color:#FFF;
	list-style-type:none;
	list-style-image:none;
	margin-left:-42px;
}

#dripzone #sidebar li{
	line-height:18px;
}

#dripzone #sidebar a{
	color:#FFF;
}

#dripzone #sidebar a:hover,.blogfoot a:hover{
	border:1px solid #FFF !important;
}

#dripzone #sidebar p{
	line-height:16px;
}

#dripzone .poptitle{
	font-size:12px;
}

#dripzone .popcom{
	color:#797263;
}

#dripzone .menu ul{
	
	top:113px;
	margin-left:-30px;
	line-height:normal;
 	list-style-image:none;
}

#dripzone .menu li{
	display:inline;
	list-style-type:none;
	font-size:24px;
	font-weight:bolder;
	padding-left:10px;
}

#dripzone .menu a{
	color:#FFF;
	text-decoration:none;
	padding:40px 0 0 0;
	margin:0;
}

#dripzone .menu a:hover{
	background:url(img/splat.gif) top center no-repeat transparent;
	border:0;
}

#dripzone .blogline{
	background-color:#797263;
	color:#FFF;
	padding:4px 0;
	font-weight:bold;

	top:-20px;
	margin-bottom:-20px;
}

#dripzone .blogitem{
	padding:1px 10px;
}

#dripzone .blogitem a{
	color:#FFF;
}

#dripzone .blogitem a:hover,.blogitem a:hover .hidelink{
	color:#FFF;
	border:0;
	margin:1px;
}

#dripzone .hidelink{
	color:#797263;
	font-weight:normal;
}

#dripzone .blogfoot{

	top:0;
	text-align:right;
	margin-bottom:20px;
}

#dripzone .blogfoot a{
	margin:2px;
}

#dripzone .footer{
	color:#FFF;
	background-color:#121212;

	left:-20px;
	margin:0 -45px 0 0;
	padding:10px;
}





.phplmbodytable	{
	background-color: #EBECE4;
}








#drogeleft a:link, a:visited, a:active{
	color:#333;
	text-decoration:underline;
}
#drogeleft a:hover{
	text-decoration:underline;
}

#drogeleft #wrap_top{
	background:  url('i/tab_top_bg.gif') top center no-repeat;
	height:5px;
}

#drogeleft #main{
	background:#fff;
	margin:0;
	overflow:hidden;
}

#drogeleft #head{
	margin:0;
	padding: 10px 5px 17px 5px;
	background:  url('i/title.jpg') no-repeat;
	background-position: 50% 100%;
	height:140px;
}
#drogeleft #head .navbar{
	padding:0;
	margin:0;
}
#drogeleft #head .navbar li{
	display:inline;
}
#drogeleft #head .navbar li a{
	padding: 0 10px;
	font-weight:bold;
	font-size: 11px;
}
#drogeleft #head h1.title{
	color:#fff;
	font-size: 18px;
	text-transform:uppercase;
	text-align:right;
	margin:0;
	padding: 125px 10px 0 0;
}

#drogeleft #content{
margin-left:35px;
width: 500px;
float:left;
color: #5b4d41;
font-size:10.5pt;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#drogeleft #content .entry{
	border-bottom: #ddd 1px solid;
	text-align:justify;
}
#drogeleft #content .entry p{
	margin: 0.2em 0 1.2em 0;
}
#drogeleft #content .entry h2{
	margin:25px 0 0 0;
}
#drogeleft #content .entry .links{
	margin:-8px 0 2px 0;
	text-align:right;
	letter-spacing:1px;
	font-size: 8px;
	color:#666;
}

#drogeleft #rightbar{
	padding: 10px 10px 10px 0;

	float:right;
}
#drogeleft #rightbar .box{
	margin: 5px 0 20px 0;
}
#drogeleft #rightbar .box h2{
	margin:0 0 2px 0;
	padding: 0;
	font-size: 13px;
	letter-spacing:1px;
	font-variant: small-caps;
	border-bottom: #666 1px solid;
}
#drogeleft #rightbar .box ul{
	margin:0;
	padding:0;
	list-style:none;
}
#drogeleft #rightbar .box li{
	padding: 2px 0;
}
#drogeleft #rightbar #desc.box{
	background:#eee;
	padding:10px;
}

#drogeleft #footer{
	clear:both;
	text-align:right;
	background: #ddd;
	padding: 10px;
	font-size:8px;
	color:#333;
}






