/*
CSS for: Plaatseendakkapel.nl
Version: 2.0
Author: Fiendo - Geert Hoekzema
Website: http://fiendo.nl
*/

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-size:75%;
	font-family:Arial, verdana, sans-serif;
	font-weight:normal;
	background:#52a4cd url("../images/backgroundGradient.gif") repeat-x scroll left top; 
}

div#wrapper {
	position:relative;
	width:100%;
	height:100%;
	background:transparent url("../images/backgroundImage.jpg") no-repeat scroll center top; 
}
div#main-holder { 
	position:relative;
	margin:0 auto;
	width:828px;
	background:transparent url("../images/contentBackground.gif") repeat-y scroll center top; 
	min-height:100%;
	line-height:1.5em;
}
div#header {
	position:relative;
	width:100%;
	height:126px;
	background:transparent url("../images/header.gif") no-repeat scroll center top; 
}

div#contentLeft {
	width:586px;
	float:left;
	margin:15px 20px;
}
div#contentRight {
	width:180px;
	padding:0 10px;
	float:right;
	margin:15px 0px;
}

/* ========== HEADER ========== */
div#header h1{
	position:absolute;
	top:25px;
	left:60px;
	margin:0;
	font-family:"Arial Rounded MT Bold", arial, Verdana, sans-serif;
	color:#004362;
	font-weight:normal;
	font-size:2.2em;
	line-height:1em;
}
	

/* ========== NAVIGATION ========== */

ul#main-navigation { 
	margin:0;
	padding:0;
	position:relative;
	top:82px;
	list-style-type:none;
	text-align:justify;
	padding:0 15px;
	color:#32718d;
	text-align:justify;
	white-space:nowrap;
}
ul#main-navigation li { 
	display:inline;
	padding:0;
}
ul#main-navigation li a{ 
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 10px;
	padding:0 12px;
}
ul#main-navigation li a:hover { 
	color:#ffe0a5;
	background:transparent url("../images/menuSelector.gif") no-repeat scroll right center;
}
ul#main-navigation li.selected a{ 
	color:#ffe0a5;
	font-weight:bold;
	background:transparent url("../images/menuSelector.gif") no-repeat scroll right center;
}

ul#main-navigation li.lastItem {
	margin:0 30px;
	color:#90a7b1;
}

/* ========== CONTENT LEFT ========== */
div#advert { 
	margin:0 0 30px;
	background:transparent url("../images/advert.jpg") no-repeat scroll center center;
	height:150px;
	padding:20px;
	font-size:1.2em; 
	position:relative;
	line-height:1.5em;
}
div#advert p { 
	position:relative;
	width:300px; 
	left:225px;
	margin:0;
}
div#advert p.inzet { 
	font-size:1.4em;
	font-weight:bold; 
	left:250px;
	margin:5px 0;
}
div#advert a#gotoOfferte {
	position:absolute;
	
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	padding:5px;
	right:-5px;
	bottom:-5px;
	background:#69838e url("../images/buttonBackground.gif") repeat-x scroll bottom center;
	border:1px solid #113140;
	border-top-color:#355868;
	border-left-color:#355868;
	-moz-border-radius:5px;
	}
div#advert a#gotoOfferte:hover {
	background:#69838e none;
	border:1px solid #113140;
	border-bottom-color:#355868;
	border-right-color:#355868;
}
	
/* ========== CONTENT RIGHT ========== */
div#contentRight h3 { 
	border-bottom:1px dotted #90a7b1; 
	padding:0 0 3px;
}
div#contentRight h3 a{ 
	display:block;
	padding:0;
	color:#004362;
	text-decoration:none;
}
div#contentRight h3 a:hover {
	color:#fff;
}
div#contentRight img { 
	border:1px solid #90a7b1;
	padding:5px;
	background:#fff;
	-moz-border-radius:5px;
}

span#advertSmall {
	position:relative; 
	display:block;
	width:163px;
	height:72px;
	padding:10px 5px;
	background:transparent url("../images/advertSmall.jpg") no-repeat scroll center center;
	margin:0 0 20px;
	font-size:1.15em;
	line-height:1.5em;
}
span#advertSmall b {
	font-size:1.3em; 
}
span#advertSmall a#gotoOfferte {
	position:absolute;
	color:#fff;
	font-size:1em;
	text-decoration:none;
	padding:1px 5px;
	right:-4px;
	bottom:-4px;
	background:#69838e url("../images/buttonBackground.gif") repeat-x scroll bottom center;
	border:1px solid #113140;
	border-top-color:#355868;
	border-left-color:#355868;
	-moz-border-radius:5px;
	}
	
span#advertSmall a#gotoOfferte:hover {
	background:#69838e none;
	border:1px solid #113140;
	border-bottom-color:#355868;
	border-right-color:#355868;
}

	
/* ========== GENERAL ========== */
a 					{ color:#004362; }
a:visited 	{ color:#666; }
a:active 		{ color:#b14b19; text-decoration:none;}
a:hover 		{ color:#fff; background-color:#004362; text-decoration:none; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.center 		{ text-align:center; }
.right 			{ text-align:right; }
.floatLeft 	{ float:left; }
.floatRight { float:right; }
.clearLeft 	{ clear:left;}
.clearRight { clear:right;}
.clearBoth 	{ clear:both; }
.hidden 		{ display:none; } 
.small 			{ font-size:.9em; }

h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; color:#004362;}
h1 { font-size:1.8em; }
h2 { font-size:1.5em; border-bottom:1px dotted #90a7b1; padding:0 0 4px;}
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; margin:0;}
h6 { font-size:1.1em; }

img 				{ border:0; }
table 			{ border-collapse:collapse }
input 			{ font-family:Arial, Verdana, sans-serif; } 
input:focus { background-color:#e4ebee; }