/*  
Theme Name: Beerd van Stokkum
Theme URI: http://www.beerdvanstokkum.nl
Description: wordpress weblog theme for Beerd van Stokkum
Author: Marten Timan / Atypisch 
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 12px Verdana, Arial, Sans-serif, Helvetica; 
	color: #3d758b; 
	background: #fff; 
	margin: 0; 
	padding:0;
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
    font-style: italic;
    font-family: Georgia;
	color: #6fcdff; 
	margin: 0; 
	padding: 0 0 10px 0;
}	

.header {
    color: #c3b6b6;
    font-style: normal;
}

.tagline-dark {
    color: #a59191;
    font-size: 24px;
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

p { 
	margin: 0;
	padding: 10px 0 15px 0;
	text-align: left;
	}
	
a img {
	border: 0;	
	}
	
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #0099b8;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #52c0db;
	}
    
.uitleg a:link, .uitleg a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #424242;
	}

.uitleg a:hover, .uitleg a:active { 
	text-decoration: none; 
	color: #b3b3b3;
	}    
	
h1 a:link, h1 a:visited { 
	font-weight: normal;
	font-size: 18px; 
	color: #0099b8; 
	margin: 0; 
	padding: 10px 0 0 0;
	}

h1 a:hover, h1 a:active { 
	text-decoration: none; 
	color: #52c0db;
	}
	

ol, ul, li {
    float: left;
	list-style: none;
    padding: 0;
	margin: 0;
}

blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
	}	
	
/* specific divs */
/* 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: 0px;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 1000px; 
}
 /* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
    }
	
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs { 
	position: absolute;
	top:0px;	
	padding: 0; 
	border: 0;
    z-index:1;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	}	

#header {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 1000px; 
    height: 100px;
	background: #fff url('images/header_shadow.gif') no-repeat bottom;
}

.header-tagline {
    position: absolute;
    top: 4px;
    left: 190px;
    padding: 0 10px 14px 10px;
    margin:0;
    height: 70px;
    width: 200px;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    font-family: Georgia;
    line-height: 28px;
}

.header-tagline a:link, .header-tagline a:visited {
    color: #c3c4c6;    
}

.header-tagline a:hover, .header-tagline a:active {
    color: #858080;    
}

.header-news {
    position: absolute;
    top: 10px;
    left: 483px;
    padding: 0 10px 14px 10px;
    margin:0;
    height: 60px;
    width: 255px;
    border-left: 1px #9d9a9a dotted;
}

.header-press {
    position: absolute;
    top: 10px;
    left: 780px;
    padding: 0 10px 14px 10px;
    margin:0;
    height: 60px;
    width: 200px;
    border-left: 1px #9d9a9a dotted;  
}

.header-news, .header-press {
    font-size: 10px;
    color: #c3b6b6;
    line-height: 17px;
}

.header-news a:link, .header-news a:visited,
.header-press a:link, .header-press a:visited {
    color: #858080;
}


.header-news a:hover, .header-news a:active,
.header-press a:hover, .header-press a:active {
    color: #bbbbbb;
}

/* items class for showing items in new template  */

.show_items {
    color: #c3b6b6;
    line-height: 17px;
}

.div_left {
    float: left;
    width: 70px;
}

.div_right {
    float: left;
}

.show_items .div_right { width: 170px; }
.header-news .div_right { float: left; width: 185px; }
.header-press .div_right { float: right; width: 130px; }

.div_clear {
    clear: both;
}

#wrap {
	float: left;
	width: 1000px;
	background: #fff;
	padding:10px 0 0 0;
	margin: 0;
}	
	
#content {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 279px; 
	}

.content_right_wrap {  
	float: right;
	padding: 34px 0 0 0; 
	margin: 0;
	text-align: left; 
	width: 518px;
    }
    
.content_right {  
	float: left;
	padding: 5px 0 0 0; 
	margin: 0;
	text-align: left; 
	width: 518px; 
    border-top: 1px dotted #00bae7;
    }    
    
    
.tekst_rechtsboven_abs {
    position: absolute;
    top: 125px;
    left: 480px;
    width: 500px;
    height: 30px;
    z-index: 9999;
    margin:0;
    padding:0 20px 0 0;
    text-align: right;
    background: url('images/pijltje_rechts.gif') no-repeat right top;
    }
    
#menu {  
	float: left;
	padding: 0; 
	margin: 0;  	
    }	

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

.sidebar_wrap {
    width: 265px;
    padding: 0 15px 15px 15px;
    margin:0;
}
   
.post {
	clear: both;
	padding: 0; 
	margin: 0;
	text-align: left; 
	}

.post p {
	text-align: left; 
    padding: 0 0 15px 0;
	line-height:  17px;
	}	
    
.post ul {
    padding: 0 0 10px 15px;
	}

.post ul li {
	list-style-type: disc;
    padding: 0 ;
	}    
    
.post ol {
    padding: 0 0 10px 20px;
	}    
    
.post ol li {
	list-style-type: decimal;
    padding: 0;
	}      
     
.post img {
    padding: 0 8px 0 8px;
}    

.mid {  
	float: left;
	padding: 15px 10px 10px 20px; 
	margin: -1px 0 0 0;
	border: 0;
	width: 245px; 
    min-height: 400px;
    background: url('images/bg_mid-left.gif') repeat-y left;
	}

.mid_top {
    float: left;
	padding: 0; 
	margin: 0;
	border: 0;
    height: 35px;
	width: 279px; 
    background:  url('images/bg_mid-top.gif') no-repeat bottom left;    
    }        
    
.sidebar {
	float: left;
	width:200px;
	padding: 0;
	margin:0;
    }   
    	
.footer {
	float: left;
	width:1000px;
	padding:0;
	margin:0;
	}	
	
/* navigatie boven - pages */
#navigation {
    float: left;
    width: 200px;
    margin:0;
    padding:0;
}

#navigation li {
    float: left;
    width: 200px;  
}


#mainmenu {
 float: left;
 font: 18px Georgia normal;
}

.page_item a {	
    float: left;
    margin: 0;
    font-size: 16px;
    font-family: Georgia;
    font-weight: normal;
    font-style: italic;
	padding: 5px 5px 5px 0;
	color: #403d3d; 
	text-decoration: none;
    width: 193px;
    height: 22px;
    background: url('images/menuitem.gif') no-repeat;
}

.page_item a:hover, .current_page_item a, .current_page_item a:visited, .current_page_parent a, .current_page_parent a:visited {
	width: 193px;
    background-position: 0 -32px;
	margin: 0;
    clear: both;
    height: 22px;
    padding: 5px 5px 5px 0;
	color: #00bae7;
}

/* Navigatie SUBMENU link*/
/* navigatie links - pages */

.submenu {
    padding:5px 0 0 0;
    margin:0;
    float: right;
}

.submenu ul {
    padding:0;
    margin:0;
    float: right;
}

.submenu li {
    float: right;
}

.submenu .page_item {
	float: left;
	padding: 0 ;
	margin: 0;
	border: 0;	
    width: 176px;
    height: 29px;
	text-align: left;
}

.submenu .page_item a, .submenu .page_item a:visited {	
	float:right;	
	margin: 0;
    font-size: 12px;
    font-family: Verdana, Arial;
    font-style: normal;
    font-weight: normal;
	padding: 4px 5px 4px 5px;
	color: #fff; 
	text-decoration: none;
    width: 160px;
    height 17px;
    background: url('images/bg_menu_links.gif') no-repeat;
}

/* repeat another time for brainless IE */
.submenu .page_item a {
	float: right;	
	margin: 0;
	padding: 4px 5px 4px 5px;
	height: 17px;
}

.submenu .page_item a:hover, .submenu .current_page_item a, .submenu .current_page_item a:visited, .submenu .current_page_parent a, .submenu .current_page_parent a:visited {
	float: right;	
    background-position: 0 -25px;
	margin: 0;
    padding: 4px 5px 4px 5px;
	color: #fff;
    width: 160px;
}

.menu_item {
    float: left;
    height: 25px;
    margin:0;
    padding:0;
    width: 198px;
}

/* the meta image class */
.meta_image {
    float: left;
    width: 24px;
    height: 25px;
    background: #fff;
}


/* Navigatie SUBMENU boven*/
/* navigatie boven - pages */

.submenu2 ul {
    padding:0;
    margin:0;
}

.submenu2 .tab_item {
    float:left;	
	padding: 0 ;
	margin: 0;
	border: 0;	
    height: 29px;
	text-align: center;
}

.submenu2 .tab_item a, .submenu2 .tab_item a:visited {	
	float:left;	
	margin: 0;
    font-size: 14px;
    font-family: Georgia;
    font-weight: normal;
    font-style: italic;
	padding: 7px 5px 5px 0;
	color: #fff; 
	text-decoration: none;
    width: 88px;
    height 17px;
    background: url('images/submenuitem.gif') no-repeat;
}

/* repeat another time for brainless IE */
.submenu2 .tab_item a {
	float:left;	
	margin: 0;
	padding: 7px 5px 5px 0;
	height: 17px;
}

.submenu2 .tab_item a:hover, .submenu2 .current_tab_item a, .submenu2 .current_tab_item a:visited  {
	float:left;	
    background-position: 0 -29px;
	margin: 0;
    padding: 7px 5px 5px 0;
	color: #fff;
}


/* align images  */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0;
margin: 0;
}

img.alignleft {
padding: 0;
margin: 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End align Images */


/* start forms */

select {
	width: 100px;
	}

#content textarea {
	width: 300px;
	padding: 2px;
	height:125px;
	border: 1px solid #523e2e;
	}
/* start forms */

select {
	padding: 2px;
	border: 1px solid #dededf;
	}
    
textarea {
	width: 460px;
	padding: 2px;
	height:125px;
	border: 1px solid #dededf;
	}
    
.fmtextarea {
    float: left;
    }    
    
.fieldwrap {
    float: left;
    width: 490px;  
    padding:5px 10px 5px 10px;
    margin:0;
    background: #ededed;
    }    
      
.fieldwrap input {
    float: right;
    width: 230px;
    display: block;
    line-height: 17px;
    vertical-align: top;
    border: 1px dotted #adafb2;
    }   
    
input hidden {
    border:0;    
    }    
    
label {
    float: left;
    display: block;
    line-height: 17px;
    vertical-align: top;
    text-align: left;
	padding-right: 20px;
	border: 0px;
    } 
    
.fullblock {
    float: left;
    text-align: left;    
    background: #ededed;
    width: 490px;
    padding:10px;
    } 
    
#fm_message  {
    float: left;
    width: 475px;
    padding:5px;    
    }    

.fieldwrap .fmverify {
    float: left;
    border: 1px dotted #adafb2;    
    padding:0;
    margin: 0 0 5px 0;
    }
    
#submit {
    clear: both;
    width: 100px;    
    border: 1px solid #adafb2;
    padding: 0;
    margin: 10px 0 10px 0;
    }    
	
/* einde forms */	

a.thickbox:hover {	
    background:#ededed;
}

a.thickbox, a.thickbox:hover {    
    float: left;
    padding:5px 0;
    text-align:left;
}