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

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

* {	outline: none;}

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


/*-----THE DIVS------------------------*/
#main{
width:100%;
background-color: #FFFFFF;
}
			
#container {
position: relative;
margin:0 auto;
padding-bottom:30px !important;
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;
z-index:5;
float:left;
width:280px;
margin-top:75px;
color:#666666;
}

#zitmug{height:330px;}

#nieuwsbrief{
margin-top:25px;
width:100%;
float:left;
background: #eaf1f6 url('../images/bg-blue.jpg');
}

#nieuwsbrief h2{
margin-top:10px;
margin-left:10px;
color:#84b5ce;
border-bottom:0px;
}

#formulier{
margin:0 0 0 10px;
padding-right:30px;}


				
#rechtsboven{
position:relative;
margin:15px 0 0 325px;			
width:625px;
}
	
#video{
width:275px;
float:right;
margin:0 2px 0 0;
_margin-right:1px;
}
#filmarchief{
text-align:right;}

#filmarchief a{
color:#a0a541;}

#monitor{
width:330px;
background: #eaf1f6 url('../images/bg-blue.jpg');
color:#666666;
}

#monitor h2{
color:#84b5ce;
}

#tips{
margin-top:15px;
width:625px;
color:#ffffff;
background-color: #666666;
clear:both;
}

#tips a{color: #a0a541;}
			
#rechtsonder{
position:relative;
clear:both;
margin:15px 0 0 325px;			
width:625px;
background: #ffffff url('http://www.degroenemug.nl/media/random-pics/haarlemmers/rotate.php') no-repeat right bottom;
}

#aanbieding{
margin:15px 0 0 0;
width:350px;
color:#666666;
}

#aanbieding h2{
color:#a0a541;
border-bottom:1px;
border-bottom-style: dotted;
}

#aanbieding a{
color:#a0a541;
}
#agenda{
margin:20px 0 0 0;
width:350px;
}

#agenda h2{
padding-top:20px;
color:#a0a541;
border-bottom:1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
				
#footer {			
margin:0 auto;
padding:20px 0 0 0;
width: 950px;
min-height:125px;
_height:125px;
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;}
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;
}



/************ 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 *************/

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

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

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

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

#menu ul li a:hover,
#menu 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: 20px 0 0 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;
}

/************ ANYNEWS *************/

.nieuwsfoto {

margin:5px 10px 0 0;}

#nieuws{
margin-top:30px;
_margin-top:25px;
margin-left:1px;
}
#mynews h2{
color:#a0a541;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}
#mynews h4{
font-size: 11px;
font-weight: bold;
color:#000000;
margin:20px 0 0 0;
}



#mynews a{
color:#a0a541;
}