/*  
Theme Name: Stichting Open Media Theme
Theme URI: http://open-media.nl/
Description: Dit is het Wordpress thema voor de open-media.nl.
Author: Marten Timan
Author URI: http://open-media.nl/marten/

/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body { 
	font: 8pt/11pt sans-serif; 
	color: #555753; 
	background: #ccc; 
	margin: 0px; 
	text-align: center;
	}
	
p { 
	font: 8pt/11pt sans-serif; 
	margin-top: 0px; 
	text-align: left;
	}

.p1 {
	width:360px;
	padding: 5px;
	margin: 5px 0px 0px 10px;
}

.p2 {
	padding: 0px;
	margin: 20px 0px 0px 10px;
}

h1 { 
	font:  normal 22px sans-serif; 
	margin-bottom: 0px; 
	}
	
h2 { 
	font:  normal 15px sans-serif; 
	margin: 10px 0px 0px 0px; 
	padding-left: 15px;
	}

h2.pagetitle { 
	font:  bold 18px sans-serif; 
	margin: 10px 0px 0px 0px; 
	padding-left: 15px;
	}
	
h2.center{
	text-align: center;
	}


small {
	margin: 0px; 
	padding-left: 15px;
	}	
	
h3 { 
	font:  bold 10pt sans-serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #00510F;
	}
	
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}	
	
a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #41B427;

	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #41B427;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #69D151;
	}


/* specific divs */
#container { 
	background: #fff url(../img/bg.gif) repeat; 
	padding: 0px 0px 0px 10px; 
	border:1px solid  #4A6B70;
	text-align: left; 
	width: 710px; 
	margin-left: auto; 
	margin-right: auto;  
	
	}


/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon
{
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 20px;
}
 
 /* following rules are invisible to IE 5 \*/
#horizon
{
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 710px; 
}
 /* end IE 5 hack */ 
	 
 
#intro { 
	width: 700px;
	background: transparent;
	}
	
#pageHeader { 
	margin-bottom: 0px;
	height: 150px; 
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(../img/front.gif) no-repeat top left; 
	margin: 7px 0px 0px 0px; 
	width: 700px; 
	height: 200px; 
	float: none;
	}
	
#extrainfo { 
	
	background: #7AA0B3; 
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 270px; 
	color: #fff;
	border: 3px solid #4A6B70;
	}

#extrainfo ul {
		list-style: none;
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}
	
#cont_rechts {
	float: right;
	background: transparent;
	width: 296px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	}	

#projecten { 
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	

#projecten h3 {
	background: #E7EDEC;
	font: 22px sans-serif; 
	color: #00510F;
	width: 280px;
	border-bottom: dashed 1px #00510F;
	padding: 0px 0px 0px 15px;
}

#projecten p {
	margin: 0px 0px 0px 16px ;
}

.leesverder {
	margin: 0px 0px 0px 17px;
	padding: 0px;
}

#sidebar ul{
		list-style: none;
		background: transparent;
	}	
	
#nieuws {
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	width: 385px; 
	background: transparent;
	border-right: solid 1px #EEE;
	}
	
#nieuws h3 {
	background: #E7EDEC;
	font: 22px sans-serif; 
	color: #00510F;
	width: 370px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	border-bottom: dashed 1px #00510F;
}

#nieuws p {
	margin: 10px 0px 0px 0px ;
	padding: 0px 10px 0px 15px;
}


#over_stom {
	float: left;
	background: transparent;
	margin: 20px 10px 0px 0px;
	width: 700px;
	padding: 0px;
	}	

#over_stom h3 {
	background: #E7EDEC;
	font: 22px sans-serif; 
	color: #00510F;
	width: 685px;
	border-bottom: dashed 1px #00510F;
	padding-left: 15px;
	margin: 0px 0px 0px 0px; 
}

.p2 {
	font: 11px/12px sans-serif; 
	color: #000;
	padding: 5px;
	margin: 5px 0px 5px 10px;
	}
	
	
#preamble h3 {
	font: 12pt sans-serif; 
	font-weight: bold;
	height: 30px;
	color: #00510F;
	text-align:left;

	}
	
#preamble p {
	font: 8pt sans-serif; 
	color: #4A6B70;
	text-align:left;
	}

#supportingText 
	{	
	float: left;
	background: transparent;	
	width: 700px;
	left: auto; 
	margin-bottom: 0px;
	}
	


#oudnieuws { 
	clear: both;
	margin: 0px 0px 0px 0px ;
	/*border-right: solid 1px #EEE;*/
	width: 400px;
	list-style: none;
}

#oudnieuws h3 {
	font: 22px sans-serif; 
	color: #00510F;
	width: 340px;
	border-bottom: dashed 1px #00510F;

}

#oudnieuws p {
	margin: 0px 0px 0px 0px ;
}

#oudnieuws ul {
	margin: 0px 0px 0px 0px ;
	list-style: none;
}
#requirements { 
	clear: both;
	background: #4A6B70;
	margin-top: 30px;
	border-bottom: solid 10px #7AA0B3;
	border-top: solid 5px #7AA0B3;
}	

#requirements h3 {
	margin: 5px;
	font: 22px sans-serif; 
	font-weight:bold;
	letter-spacing:  -0.5px ;
	color: #FFF;
	border-bottom: solid 1px #7AA0B3;
	padding-left: 10px;

}

#requirements p {
	font: 11px/12px sans-serif; 
	color: #FFF;
	padding: 5px;
	margin: 5px 0px 5px 10px ;
	
	}
#requirements a:link {
	font: 11px/12px sans-serif; 
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
	}
	
#requirements a:hover {
	font: 11px/12px sans-serif; 
	font-weight: bold;
	color: #FFF;

}

#footer { 
	margin: 0px 0px 0px 0px ;
	text-align: left; 
	width: 690px;
	background: #EEE;
	padding: 5px;
	}
	
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}


#lselect { 
	
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;
	width:690px;

}
#lselect h3 {
	display: none;
}
#larchives { 

	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;		
}
#larchives h3 {
	display: none;
}
	
#onder { 
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;		
	width:690px;
	text-align: center;
}
	

#searchform input {
	padding: 0px;
	margin: 0px;
	}


	
.invoerveld {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #48A727;
}	

#zoek {
	background: transparent url(../img/search.gif) no-repeat right; 
	width: 700px;
	height:25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#zoek_veld {
	float: right;
	height:25px;
	margin: 2px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	


#hoofdmenu 
{
	float:left;
	background: #48A727;
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 25px;
	display: block; 
	line-height: 25px;
}
  
#hoofdmenu ul 
{
  margin:0px;
  padding:0px;
  list-style:none;
}
  
#hoofdmenu li 
{
  display:inline;
  margin:0px;
  padding:0px;
}


#hoofdmenu a 
{
  float:left;
  display:block;
  background:#1C5809 url("/wp-content/themes/img/movers/hoofdmenu_right.gif") no-repeat right top;
  padding:0px 10px 0px 10px;
  padding-bottom:0px;
  margin:0px 0px 0px 2px;
  font-weight: bold;
  font-family: 'Trebuchet MS','Verdana','Times New Roman';
  font-size:13px;
  text-decoration: none;
  color:#fff;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#hoofdmenu a span 
{
	float:none;
	padding-bottom:0px;
}
/* End IE5-Mac hack */

#hoofdmenu a:hover 
{
  color:#fff;
}
  
#hoofdmenu #current a 
{  
  background-position:0% -300px;
  border: 0px solid #81A3AB;
}
  
#hoofdmenu #current a span
{
  background-position:50% -300px ;
  padding-bottom:0px;
  color:#fff;
}
  
#hoofdmenu a:hover 
{
  background-position:0% -150px;
   border: 0px solid #fff;
}
  
#hoofdmenu a:hover span 
{
  background-position:100% -150px;
}
	

#wiewatwaar
{
	float: left;
	width: 400px;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

#contact
{
	background: #48A727;
	color: #000;
	float: right;
	width: 272px;
	border: 2px dashed #000;
	margin: 10px 0px 20px 0px;
	padding: 10px;
}

#contact ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#contact a:link, #contact a:visited 
{ 
	color: #fff;
}

#contact a:hover, #contact a:active 
{ 
	color: #00510F;
}


#searchsubmit 
{
	border: 0px;		
    color:	#fff;
	background: #48A727;
	padding: 0px;
	height: 17px;
	margin: 0px 0px 0px 0px;
}

img.menu
{
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	width: 25px;
	height: 25px;
}