/*-----GLOBALS-----------------------------------------------*/

html, body {height: 100%;}
			
body {
margin: 0;
padding: 0;
font: 11px arial, helvetica, sans-serif;
background-color: #ffffff;
}			

* {	outline: none;}

:focus{outline: 0;}
img{outline:none;}

/*---IE6 fixes-------------*/
* html #rechts { height:400px; }
* html #rechterkolom { height:600px; }


.top5 ul {margin:0;}

.top5 li {
	list-style-type: decimal;
	margin-top: 15px;
	margin-left: 0px;
padding:0;
	}



/*-----THE DIVS------------------------*/
			
#container {
position: relative;
margin:0 auto;
width:950px;
min-height: 100%;
}
			
#leesvoor {
height:20px;			
text-align:right;
padding-right:10px;
padding-top:10px;
}
			
#hoofdmenu {
height:40px;		
width:950px;					
}
			
#header {
height:158px;				
color:#ffffff;
background: #a0a541 url('../images/header-bg.jpg') repeat-x;
}

#headertekst{
padding: 0px 0 0px 325px;
height:150px;
width:425px;
overflow:hidden;
}

#headertekst h2{
margin:20px 0 0 6px;
}


			
#linkerkolom {
position:absolute;
float:left;
width:280px;
margin-top:75px;
color:#666666;
}

#zitmug{height:330px; margin-bottom:20px;}

#menu{
min-height:300px;
background: #eaf1f6;
padding-top:15px;
padding-bottom:15px;
}
				
#rechts{
margin-top:15px;	
min-height:400px;
position:relative;
margin-left:325px;
width:625px;
}


	
#rechterkolom{
background: #eaf1f6 url('http://www.degroenemug.nl/media/random-pics/rotate.php') no-repeat right bottom;
width:175px;
min-height:670px;
float:right;
margin:0 2px 0 0;
_margin-right:1px;
}


#kolomtop{
background: #eaf1f6 url('http://www.degroenemug.nl/media/website-afbeeldingen/kolomtop.jpg') no-repeat top;
height:12px;
width:100%
}

#tekstballon{
width:162px;
margin: 70px auto 0 auto;
}



#inhoud{
float:left;
width:430px;
padding-bottom:20px;
color:#000000;
}

#inhoud h2{
margin:20px 0 0 0;
color:#a0a541;
text-transform: uppercase;
}


			



				
#footer {
clear:both;		
margin:0 auto;
padding:20px 0 0 0;
width: 100%;
background-color: #666666;
height:100px;
color:#ffffff;	
}
#footer h3{
border-bottom:1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
/*-----TEXT STYLES------------------------*/

h1{margin:0;}
h2{margin:0 0 10px 0;font: 16px arial, helvetica, sans-serif;font-weight: bold;}
h3{margin:0 0 10px 0;font: 11px arial, helvetica, sans-serif;font-weight: bold;}
h4{margin:0;font: 11px arial, helvetica, sans-serif;font-weight: bold;color:#a0a541;}
p {margin:0;}

/*-----LINKS STYLES------------------------*/

#footer a{
text-decoration: none;
color: #cccccc;
font-size: 10px;
}
#footer a:hover{
text-decoration: underline;
color: #cccccc;
font-size: 10px;
}

 a{color: #a0a541;}

/************ Rondehoeken *************/
.fluidroundblack {
border:1px solid white;
}

.fluidroundblack p{
margin: 6px;
padding: 2px;
}

.topfiller, .bottomfiller, .roundtop, .roundtopright,.roundbottom, .roundbottomright {
height:6px;
font-size:1px;
line-height:1px;
}

.bottomfiller, .topfiller {
width: 100%;
clear:both;
position:relative;
}

.roundtop { 
background: url(../images/circle.gif) no-repeat top left; 
width:6px;
float:left;
position:relative;
top:-1px;
left:-1px;    
}

.roundtopright { 
background: url(../images/circle.gif) no-repeat top right; 
float:right;
width:6px;
position:relative;
top:-1px;
left:1px;    
}

.roundbottom {
background: url(../images/circle.gif) no-repeat top left; 
background-position: 0 -6px ;
width:6px;
float:left;
position:relative; 
top:1px;
left:-1px;
}

.roundbottomright {
background: url(../images/circle.gif) no-repeat top right; 
background-position: -6px -6px ;
width:6px;
float:right;
position:relative; 
top:1px;
left:1px;
}

/************ Menu *************/


#topmenu{
width:900px;
}
#topmenu ul {
  margin: 0 0 0 3px;
  padding: 0;
  text-align: left;
}

#topmenu ul li {
  display: inline;
  margin: 0 10px 0 0;
  padding: 0;
}

#topmenu ul li a {
  color: #666666;
  text-decoration: none;
font-weight: bold;
font-size:14px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #a0a541;
padding-right:10px;
}

#topmenu ul li a.on {
  color: #a0a541;
  text-decoration: none;
  font-weight: bold;
  font-size:14px;
}

#topmenu ul li a:hover,
#topmenu ul li a.here {
  color: #a0a541;
  font-size:14px;
}

/************ Zoeken *************/

#search {
width:274px;
background: transparent url(../images/bg-search.jpg) no-repeat left top;
margin:10px 0 10px 0;
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
height:35px;
border:none;
}

#search legend {
	display: none;
}

#searchinput{
	font: 10px arial, helvetica, sans-serif;
	color: #666666;
margin-left:15px;
margin-right:5px;
	border: 0px solid #EDEBD5;
	width: 170px;

}

#searchsubmit {
	border: 0px solid #EDEBD5;
	font: bold 11px arial, helvetica, sans-serif;
	color: #ffffff;
	width: 69px;
	background: #FFFFFF url(../images/search-button.jpg) no-repeat left top;
margin-top:5px;
height:22px;
}