/* Start of CMSMS style sheet 'base' */
/*

    Fokkedejong.nl
    Author: Jeroen Beeksma
	
*/

/* ====== BODY =*/

body{
	background: url(/images/body_bg.jpg) repeat-x;
	background-color: #2a89bf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76,1%;
	margin: 0;
	padding: 0;
}

/* ====== #WRAP =*/

#wrap{
	width: 900px;
	margin: 0 auto;
	padding: 0;
        position: relative;
}

#wrap-bottom{
	background: url(/images/wrap_bottom.png) no-repeat;
	width: 900px;
	height: 25px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* ====== #NAV =*/


#nav {
	padding: 0;
	margin: 0;
}

#nav ul {	
	background: url(/images/nav_bg.png) no-repeat;
	height: 56px;
	width: 880px;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	list-style: none;
}

#nav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 25px;
	display: inline;
}
 
#nav a {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	color: #fff;
	font-size: 80%;
	text-decoration: none;
	margin: 15px 15px 0;
}

#nav a {background:url("/uploads/images/bg_nav_left.gif") no-repeat left top;}

#nav a span {
	float: left;
	display: block;
	padding: 0 8px 0 0;
	margin: 0;
	background:url("/uploads/images/bg_nav_right.gif") no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover, #nav ul li.c a {
	background-position:0% -25px;
}

#nav a:hover span {
	background-position:100% -25px;
	color: #002f79;
}

#nav ul li.c a {
	background-position:0 -25px;
	border-width:0;
        font-size: strong;
}

#nav ul li.c a span {
	background-position:100% -25px;
	color: #002f79;
}

#nav ul li.c h3 {
	font-size: 80%;
	padding: 0;
	margin: 0;
}

/* ====== #HEADER =*/

#header{
	background: url(/images/header.png) no-repeat;
	width: 900px;
	height: 305px;
	margin: 0;
	padding: 15px 0 0 0;
	clear: both;
}

/* SLIDER */

img{ border: none;}

#slider{
	position: absolute;
	height: 400px;
	margin: 5px 0 0 20px;
	padding: 0;
	z-index: 100;
	overflow: hidden;
}	

#slider ul, #slider li{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 860px;
    overflow: hidden;
}

#slider li{ 
	position: relative;
	height: 280px;
}	
		
#prevBtn, #slider1prev{ 
	display:block;
	width: 37px;
	height: 46x;
	position: absolute;
	left: 20px;
	top: 200px;
	z-index: 110;
}				
		
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display: block;
	position: relative;
	width: 37px;
	height: 46px;
	background:url(/images/prev.png) no-repeat 0 0;	
}
	
#nextBtn,
#slider1next{ 
	display:block;
	width: 37px;
	height: 46px;
	position: absolute;
	right: 20px;
	top: 200px;
	z-index: 110;
}	
#nextBtn a, #slider1next a{ 
	background:url(/images/next.png) no-repeat 0 0;	
}

#corners{
	position: absolute;
	height: 280px;
	width: 860px;
	margin: 5px 0 0 20px;
	padding: 0;
	z-index: 100;
}	

/* ====== #CONTENT =*/

#content{
	background-color: #fff;
	width: 900px;
	margin: 0;
	padding: 0;
}
	
/* ====== #LEFT =*/

#left{
	width: 575px;
	float: left;
	margin: 0 30px 0 15px;
	padding: 0;
}

/* ====== #RIGHT =*/

#right{
	width: 260px;
	float: left;
	margin: 0;
	padding: 0;
}

#right a{
        color: #888888;
        text-decoration: none;
}

#right a:hover{
        color: #888888;
        text-decoration: underline;
}
	
	

/* ====== TEKST OPMAAK =*/

a{ 
	color: #002f79;
	text-decoration: none;
}

p{
	color: #888888;
	font-size: 80%;
        line-height: 22px;
}

#left ul li{
        font-size: 80%;
        color: #888888;
        margin: 0 0 5px 0;
}

#left ul li a{
       color: #888888;
       margin: 0 0 5px 0;
       text-decoration: none;
}

h1{
	background: url(/images/h1_bg.png) no-repeat;
	width: 560px;
	height: 45px;
	color: #fff;
	font-size: 90%;
	line-height: 30px;
	padding: 0 0 0 30px;
	margin: 0;
}

h2{
	background: url(/images/h2_bg.png) no-repeat;
	width: 245px;
	height: 46px;
	color: #fff;
	font-size: 90%;
	line-height: 30px;
	padding: 0 0 0 30px;
	margin: 0;
}

/* ====== #SOCIAL MEDIA */
#facebook{
	background: url(uploads/images/facebook.jpg) no-repeat;
	height: 48px;
	width: 220px;
	margin: 20px 0 0 5px;
	clear: both;
	padding: 70px 0 0 30px;
}

#twitter{
	background: url(uploads/images/twitter.jpg) no-repeat;
	height: 46px;
	width: 220px;
	margin: 20px 0 20px 5px;
	padding: 72px 0 0 30px;
}


/* ====== #CLEARFIX =*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix{
	display: block;
}
	
/* ====== #FOOTER =*/

#footer{
	background: url(/images/footer_bg.png) no-repeat;
	width: 900px;
	height: 56px;
	margin: 0;
	padding: 0;
	clear: both;
}

#footer p{
	text-align: center;
	color: #fff;
	font-size: 70%;
	line-height: 56px;
}
/* End of 'base' */