*{
  	margin:0;
  	padding:0;
	font: 12px arial;
	
}

html>body .container {/* IE hack*/ 
	height: auto;
	background-color:#2e2e2e;
}


html, body {
	height: 100%; 
	background-color:#2e2e2e;
	font: 12px arial;
}

.header
{
	position:relative;
	color:#000;
	float:left;
	height:90px;
	width:850px;
	background-image:  url(../../../../images/back.png);
	background-repeat:repeat-x ;
	background-position:0% 0%;
}
.header .top
{
	position:relative;
	background-image:  url(../../../../images/images/bg.png);
	background-repeat: repeat-x;
    background-color:#237BC5;
	margin-left:10px;
	margin-right:10px;
	valign:top;
	height:9px;
}

.header .top .menu
{
	background-color:#666;
	float:right;
	valign:top;
	height:17px;
	border-left:#FFF 1px solid;
}
.navigatie{
	float: left;
	width:830px;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	background-image: url(../../../../images/image_09.png);
	background-repeat:repeat-x;
	height:18px;
}
.navigatie p{
	color:#73BE1C;
	font:11px arial;
	margin-left:20px;
	font-weight:bold;
}
.taal{
	float: left;
	width:830px;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	height:18px;
}

.taal p{
	float: left;
	margin-left:5px;
	height:18px;
}


.headimage{
	width:850px;
}
.content{
	float:left;
	width:600px;

}
.leftcontent{
	float:left;
	width:150px;
	
}

.leftcontent .nieuws{
	float:left;
	width:150px;
	background-image: url(../../../../images/niews_01.png);
	background-repeat:no-repeat;
	background-color:#B71434;
	margin-left:30px;
	height:45px;
}

.leftcontent .nieuwstext {
	float:left;
	position:relative;
	width:150px;
	margin-top:3px;
	margin-left:30px;
	background-image: url(../../../..images/image_01.png);
	valign:bottom;
	font:12px arial;
	
}
.leftcontent .nieuwstext .titel{
	float:left;
	width:150px;
	font:14px arial;
	color:#B71434;
}
.leftcontent .nieuwstext .datum{
	float:right;
	font:12px arial;
	color:#B71434;
	width:150px;
	text-align:right;
}

.rightcontent{
	float:left;
	width:450px;
	margin-left:5px;
	padding-left:5px;
	border-left: 2px #19743B solid;
}
.item{
	float:left;
	width:160px;
	padding:5px 0px 0px 25px;
	
}
.item .content{
	float:left;
	position:relative;
	width:160px;
	margin-top:3px;
	margin-left:3px;
	text-align:justify;
	font:11px arial;
}
.itemred{
	float:left;
	background-image: url(../../../../images/itemred_01.png);
	background-repeat:no-repeat;
	background-color:#B71434;
	height:45px;
	margin-left:30px;
}
.itemred p{
	width:500px;
	float:left;
	margin-top:25px;
	margin-left:30px;
	font: 16px arial;
	color:#FFF;
}
.itemblue{
	float:left;
	background-image: url(../../../../images/itemblue_01.png);
	background-repeat:no-repeat;
	background-color:#1463B7;
	height:45px;
	margin-left:30px;
}
.itemblue p{
	width:500px;
	float:left;
	margin-top:25px;
	margin-left:30px;
	font: 16px arial;
	color:#FFF;
}
.itemorange{
	float:left;
	background-image: url(../../../../images/itemorange_01.png);
	background-repeat:no-repeat;
	background-color:#DB5504;
	height:45px;
	margin-left:30px;
}
.itemorange p{
	width:500px;
	float:left;
	margin-top:25px;
	margin-left:30px;
	font: 16px arial;
	color:#FFF;
}
.itemgreen{
	float:left;
	background-image: url(../../../../images/itemgreen_01.png);
	background-repeat:no-repeat;
	background-color:#67B715;
	height:45px;
	font:14px arial;
	color:#FFF;
	margin-left:30px;
}
.itemgreen p{
	width:550px;
	float:left;
	margin-top:25px;
	margin-left:30px;
	font: 16px arial;
	color:#FFF;
}
.hrred{
	border-top:#67B715 1px dashed;
	width:550px;
	margin-left:30px;
}
.topmenu
{
	background:#666;
    color:white;
	font: 11px arial; 
    line-height:30px;  
    padding-right:10px;     
    padding-left:10px;
	border-right:#000 1px solid;
	border-left:#000 1px solid;
}

.topmenu a:link, .topmenu a:visited{
	text-decoration:none;
	color:white;font: 11px arial; 
  	font: bold 11px arial; 
}

.topmenu a:hover{
  	text-decoration:underline;
 }
 
 .container{
 	background-image: url(../../../../images/bg.png);
	background-color:#FFF;
  	width:850px;
	text-align:left;
	margin:0 auto;  
	position: relative;
	min-height: 100%; 
	height: auto !important; /* IE hack */
	height: 100%;
	voice-family: "\"}\""; /* IE hack */
	voice-family: inherit; /* deze hoort daar nog bij */
}

#main{
  	width:820px;
  	float:left;
  	position:relative;
  	display:inline;
   	background:#fff;
	font: 12px arial;
	margin-left:20px;
	margin-right:20px;
	color:#000;
}

#mid{
	width:100%;
	background-color:#eee;  
	font: 12px arial;
	color:black;
  	float:left;
	
}

#footer{
	width:100%;
	text-align: center;
	font:12px arial;
	height:30px;
	color:black;
	position: absolute; /* absoluut gepositioneerd aan de container */
	bottom: -1px;
	clear: both;
	
}
html>body #footer { /* IE hack*/
	position: absolute; 
	bottom: 0px;
	height: 30px;
	width: 850px;
	clear: both;
	color:black;
}


#rooster{
	color:#000; font: 12px arial; 
	float:left;
	padding-right:10px;     
    padding-left:10px;
}

#rooster a{
	text-decoration:none;
	
	color:#666;
}

#rooster a:hover{
	text-decoration:none;
	color:#000;
}

/* BUTTONS */
.buttons{
	margin-left:150px;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
#save{
	width:100%;
  	
	font: 13px arial;
  	position:relative;
  	margin-left:1px;
  	display:inline;
   	background:#eff0f5;
}
.select{
	width: 180px;
	margin-bottom: 5px;
}


.textarea{
	width: 250px;
	height: 150px;
}

.boxes{
	width: 1em;
}

.submitbutton{
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}

br{
	clear: left;
}
#titel{
	font: 14px arial;
	color:#000;
}
.t {background:  url(../../../../images/images/borderorange_02.gif) 0 0 repeat-x; width: 225px}
.b {background:  url(../../../../images/images/borderorange_08.gif) 0 100% repeat-x}
.l {background:  url(../../../../images/images/borderorange_04.gif) 0 0 repeat-y }
.r {background:  url(../../../../images/images/borderorange_06.gif) 100% 0 repeat-y}
.bl {background:  url(../../../../images/images/borderorange_07.gif) 0 100% no-repeat}
.br {background:  url(../../../../images/images/borderorange_09.gif) 100% 100% no-repeat}
.tl {background:  url(../../../../images/images/borderorange_01.gif) 0 0 no-repeat}
.tr {background:  url(../../../../images/images/borderorange_03.gif) 100% 0 no-repeat; padding:20px} 

.text {
	float:left;
	background:#FFF;
}
.textblue label{
	float: left;
	width: 100px;
	color:#0067B3;
	font-weight:bold;
	font-size:11px;
	margin-left:5px;
}

.textblue .content{
	float: left;
	width: 160px;
	color:#0067B3;
	font-size:12px;
	margin-left:5px;
}
.textorange label{
	float: left;
	width: 100px;
	color:#DF6107;
	font-size:12px;
	margin-left:5px;
}

.textorange .content{
	float: left;
	width: 160px;
	color:#DF6107;
	font-size:12px;
	margin-left:5px;
}
.textgreen label{
	float: left;
	width: 100px;
	color:#73BE1C;
	font-size:12px;
	margin-left:5px;
}

.textgreen .content{
	float: left;
	width: 160px;
	color:#73BE1C;
	font-size:12px;
	margin-left:5px;
}
.textred label{
	float: left;
	width: 100px;
	color:#BE1B3F;
	font-size:12px;
	margin-left:5px;
}

.textred .content{
	float: left;
	width: 160px;
	color:#BE1B3F;
	font-size:12px;
	margin-left:5px;
}

.tablered{
	background-color:#FFF;
	width:550px;
	border-top:#B71434 1px dashed;
	border-bottom:#B71434 1px dashed;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	color:#000;
	height:20px;
	margin-top:5px;
	
}
.tablered a{
	background-color:#FFF;
	width:550px;
	height:20px;
	text-decoration:none;
	color:#000;
	
}
.muisover
{
  background-color:#B71434;
  height:20px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight : bold;
  color:#000;
  cursor:pointer;
   text-decoration:none;
 
}
.muisover a
{
  background-color:#B71434;
  height:20px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
 text-decoration:none;
 cursor:pointer;
}
.muisuit
{
  background-color:#FFF;
  height:20px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
  
}
.muisuit a
{
  background-color:#FFF;
  height:20px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
  text-decoration:none;
}
.contact label{
	float: left;
	width: 150px;
	height:20px;
	color:#0067B3;
	font-size:12px;
	margin-left:40px;
	font-weight:bold;
}
.gastenboek{
	width:100%;
	background-color:#B0E24D;
	float:left;
	border:1px #2D4400 solid;
	font: 12px arial;
	color:#000;
}
.gastenboek .tekst{
	width:100%;
	background-color:#678A23;
	float:left;
	font: 12px arial;
	color:#fff;
	border-top:1px #2D4400 solid;
}
.contents{
	width:100%;
}

.contents .titel{
	width:100%;
	font:13px arial;
}
.contents .tekst{
	width:100%;
	font:11px arial;
}