/*  
Theme Name: Ovaal
Theme URI: http://www.ovaal.nl
Description: wordpress weblog theme for www.ovaal.nl
Author: Marten Timan / Atypisch 
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 12px Arial, Sans-serif, Helvetica; 
	color: #424242; 
	background: #fff url('images/bg.gif') repeat-x; 
	margin: 0; 
	padding:0;
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	color: #424242; 
	margin: 0; 
	padding: 0 0 10px 0;
}	

h1 { 
    font-size: 16px;
}

h2 { 
    font-size: 15px;
}

h3 { 
    font-size: 14px;
}

h4 { 
    font-size: 13px;
}

h5 { 
    font-size: 12px;
}

h6 { 
    font-size: 11px;
}

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: #f26420;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #e68354;
	}    

#groen a:hover, #groen a:active { 
	text-decoration: none; 
	color: #c4e14e;
	}    
    
#groen .current_page_item a, #groen .current_page_parent a {
    color: #b2d134;
    }    
    
#rood a:hover, #rood a:active { 
	text-decoration: none; 
	color: #e68354;
	}    
    
#rood .current_page_item a, #rood .current_page_parent a {
    color: #f26420;
    }

#blauw a:hover, #blauw a:active { 
	text-decoration: none; 
	color: #43446b;
	}    
    
#blauw .current_page_item a, #blauw .current_page_parent a {
    color: #131443;
    }    
	
em, small {
	margin: 0;
	padding: 0; 
	color: #424242; 
	}
	
strong {
	color: #424242; 
	}

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: 40px 0 0 40px; 
	margin: 0;
	border: 0;
	text-align: left; 
	width: 960px; 
	background: #fff;
}

#wrap {
	float: left;
	width: 850px;
	padding:0;
	margin: 0;
}	

#home-groen {
    position: absolute;
    top: 280px;
    left: 120px;
    width: 126px;
    height: 57px;
    padding:0;
    margin:0;
    z-index: 3;
}

#home-groen a:link, #home-groen a:visited {
    position: absolute;
    padding:0;
    margin:0;
    width: 126px;
    height: 57px;
    /*background: url('images/home-innovatie.gif') no-repeat;*/
	background: url('images/home-finance.gif') no-repeat;
}

#home-groen a:hover, #home-groen a:active {
    background-position: 0 -57px;
}

#home-rood {
    position: absolute;
    top: 210px;
    left: 365px;
    width: 204px;
    height: 85px;
    padding:0;
    margin:0;
    z-index: 3;
}

#home-rood a:link, #home-rood a:visited {
    position: absolute;
    padding:0;
    margin:0;
    width: 204px;
    height: 85px;
    background: url('images/home-people.gif') no-repeat;
}

#home-rood a:hover, #home-rood a:active {
    background-position: 0 -85px;
}

#home-blauw {
    position: absolute;
    top: 260px;
    left: 615px;
    width: 201px;
    height: 58px;
    padding:0;
    margin:0;
    z-index: 3;
}

#home-blauw a:link, #home-blauw a:visited {
    position: absolute;
    padding:0;
    margin:0;
    width: 201px;
    height: 58px;
    background: url('images/home-bedrijfssoftware.gif') no-repeat;
}

#home-blauw a:hover, #home-blauw a:active {
    background-position: 0 -58px;
}

#ovaal-groen {
    position: absolute;
    top: 346px;
    left: 40px;
    height: 287px;
    width: 293px;
    background: url('images/ovaal-groen.gif');
    z-index:1;
}

#ovaal-rood {
    position: absolute;
    top: 346px;
    left: 40px;
    height: 287px;
    width: 293px;
    background: url('images/ovaal-rood.gif');
    z-index:1;
}

#ovaal-blauw {
    position: absolute;
    top: 346px;
    left: 40px;
    height: 287px;
    width: 293px;
    background: url('images/ovaal-blauw.gif');
    z-index:1;
}

#ovaal-samen {
    position: absolute;
    top: 346px;
    left: 40px;
    height: 287px;
    width: 293px;
    background: url('images/ovaal-samen.gif');
    z-index:1;
}

#ovaal-samen_groot {
    position: absolute;
    top: 334px;
    left: 80px;
    height: 307px;
    width: 704px;
    background: url('images/ovaal-samen_groot.gif');
    z-index:2;
}

.contact {
    position: absolute;
    top: 280px;
    left:40px;
    padding: 0 0 0 5px;
    margin:0;
    width: 704px;
    z-index: 3;
    color: #58595b;
}

#content {  
	float: right;
	padding: 50px 20px 20px 20px; 
	margin: 0;
    background: #fff;
	text-align: left; 
	width: 460px; 
	}
    
#menu {  
	float: left;
	padding: 5px 0 0 40px; 
	margin: 0; 
    width: 960px;
    font: 14px; 
    letter-spacing: 2px;	
    }

#menu ul {
    list-style: none;
    display: block;
    clear: both;
    padding:0;
    margin:0;
    }

.subpage {
    padding: 0 0 0 7px;
    }    
    
.subpage ul {
    list-style: none;
    float: left;
    padding:0;
    background: url('images/separator.gif') no-repeat left top;    
    }
    
.subpage li {
    padding: 0 10px 0 10px;
    background: url('images/separator.gif') no-repeat right top;
    }    
    
.post {
	clear: both;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 460px;
	}

.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: 0; 
	margin: 0;
	border: 0;
	width: 460px; 
	}

.sidebar {
	float: left;
	padding:0;
	margin:0;
    }

.sidebar_pages {
	float: left;
	padding: 3px 0 0 0;
	margin:0;
    }   
	
.footer {
	float: left;
	width:994px;
	padding:0;
	margin:0;
	}	
	
/* navigatie boven - pages */
.page_item {
    float:left;	
	padding: 0 ;
	margin: 0;
	border: 0;	
    height: 25px;
	text-align: left;
}

.page_item a, .page_item a:visited {	
	float:left;	
	margin: 0;
    font-size: 14px; 
	padding: 0 5px 0 5px;
	color: #a6a8aa; 
	text-decoration: none;
}

.page_item a {
	float:left;	
	margin: 0;
	padding: 0 5px 0 5px;
}

.page_item a:hover {
	float:left;	
	margin: 0;
    padding: 0 5px 0 5px;
	color: #838383;
}

.current_page_item a, .current_page_item a:visited  {
	float:left;	
	margin: 0;
    padding: 0 5px 0 5px;
	color: #58595b;
}

/* 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 {
	padding: 2px;
	border: 1px solid #dededf;
	}

label {
    width: 460px;   
    }    
    
input {
    width: 460px;
	padding: 2px;
	border: 1px solid #dededf;
    }
    
#content textarea {
	width: 460px;
	padding: 2px;
	height:125px;
	border: 1px solid #dededf;
	}

#submit {
    width: 100px;    
    }    
	
/* einde forms */