@charset "UTF-8";


/* 
 * CSS website rudolphie.nl 
 *
*/


/* vaste CSS */
* {
	padding:0;
	margin:0;
}
html,body {
	height:100%;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	background-image: url('../images/achtergrond.jpg');
	font-size: 11px;
	color: #666;
}
a:link {
	color: #fe9001;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fe9001;
}
a:hover {
	text-decoration: underline;
	color: #fe9001;
}
a:active {
	text-decoration: none;
	color: #fe9001;
}
h1 {
	margin-bottom:10px;
}
h2, h3, h4 {
	margin-top:10px;
}
h1 {
	font-size: 16px;
	color: #1c5595;
}
h2 {
	font-size: 12px;
	color: #1c5595;
}
h3 {
	font-size: 12px;
	color: #1c5595;
}
h4 {
	font-size: 12px;
	color: #1c5595;
}
img {
	border:0;
}

/* eigen CSS */
.float_l {
	float: left;
	margin-left: 16px;
}
.float_r {
	float: right;
}
.img_left {
	margin: 0 10px 10px 0;
}
.img_right {
	margin: 0 0 10px 10px;
}
.titel {
	font-size: 12px;
	color: #f78f1e;
	font-weight: bold;
}
.lijn_hor {
	border-bottom: 1px solid #eee;
	margin: 20px 0;
}

/* layers CSS homepage */
#homeContainer {
	min-height: 100%;
	background-image: url('../images/achtergrond_content_home.jpg');
	background-repeat: repeat-y;
	background-position: center;
}
#container {
	min-height: 100%;
	background-image: url('../images/achtergrond_content.jpg');
	background-repeat: repeat-y;
	background-position: center;
}
#homeContent {
	margin: 0 auto;
	width:960px;
	text-align: left;
	height:700px;
	min-height:700px;
	height:auto !important;
}
#content {
	margin: 0 auto;
	width:720px;
	text-align: left;
	height:930px;
	min-height:930px;
	height:auto !important;
	padding-left: 240px;
}
#homeWrapper {
	width: 642px;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto; 
	text-align: left;
}
#wrapper {
	width: 900px;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto; 
	text-align: left;
	padding: 0 25px 100px 25px;
}

/* header */
#homeHeader {
	position: absolute;
	left: 50%;
	margin: 0 auto 0 -380px; 
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	width: 299px;
	height: 140px;
	z-index: 10;
}
#header {
	position: absolute;
	left: 50%;
	margin: 0 auto 0 -490px; 
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	width: 800px;
	height: 100px;
	z-index: 10;
}
.naw {
	position: absolute;
	width:300px;
	height: 66px;
	left:320px;
	padding-top:10px;
}
.naw_l {
	float:left;
	border-right: 1px solid #ccc;
	margin: 13px 0 0 20px;
	text-align: left;
	padding-right:10px;
}
.naw_r {
	float: right;
	margin: 13px 20px 0 0;
	text-align: left;
}
.captcha_img {
	border:1px solid #999999;
	margin-top:-8px;
	vertical-align:text-top;
}


/* header website */
#headerWeb {
	position: relative;
	z-index: 2;
	height: 190px;
	margin-bottom: 20px;
	padding-top: 70px;
}
.contact_form {
	float: right;
	width:550px;
	height:72px;
	padding: 10px 20px;
}
.contact_form h2 {
	margin-bottom: 0;
}
.contact_form li {
	list-style-type: none;
	float:left;
}
.contact_form li a {
	margin-top: 10px;
	font-weight: bold;
}
.contact_form li.offerte {
	width: 360px;
	margin: 0 20px 0 0;
	line-height: 15px;
}
.contact_form li.offerte p {
	text-align: justify;
}
.contact_form li.bel_mij {
	width: 150px;
}

/* content */
#homeContent {
	margin: 0 auto;
	padding: 90px 15px 15px 15px;
	width: 620px;
}
#homeContent li {
	float:left;
	width: 310px;
	height: 310px;
	list-style-type: none;
}
#homeContent li img {
	border: 7px solid #ddd;
}
.link_afb {
	position: absolute;
	z-index: 5;
}
.link_text {
	position: absolute;
	z-index: 1;
}

/* linker kolom */
#leftCol {
	float: left;
	width: 196px;
}
.navigatie {
	padding: 20px;
	background-color: #fbfbfb;
	margin-bottom: 20px;
}
.navigatie li {
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #e4e3e3;
	line-height: 37px;
}
.navigatie li a:link {
	color: #1c5595;
	padding: 0 10px;
	text-decoration: none;
}
.navigatie li a:visited {
	color: #1c5595;
	padding: 0 10px;
	text-decoration: none;
}
.navigatie li a:hover {
	color: #1c5595;
	padding: 0 10px;
	text-decoration: none;
}
.navigatie li a:active {
	color: #1c5595;
	padding: 0 10px;
	text-decoration: none;
}
.navigatie li:hover {
	background-image: url('../images/nav_hover.jpg');
	background-repeat: repeat-y;
	text-decoration: none;
}
.navigatie li.active {
	background-image: url('../images/nav_hover.jpg');
	background-repeat: repeat-y;
	text-decoration: none;
}

.ervaringen {
	border: 1px solid #ccc;
	padding:8px 8px 25px 8px;
	margin-bottom: 20px;
}
.ervaringen a {
	padding: 5px 0;
	color: #1c5595;
}
.dakar {
	padding:8px 8px 25px 8px;
	background-image: url('../images/dakar.jpg');
	background-repeat: no-repeat;
	background-position: right;
}
.dakar p {
	font-size: 16px;
}
.dakar a {
	color: #1c5595;
	font-weight: bold;
}

/* referenties */
.referenties img {
	margin: 0 10px 10px 0;
	border: 1px solid #aaa;
}


/* pagina's website */
#page {
	margin-left: 230px;
}

/* opsommingen content */
#page ul {
	margin: 10px 0;
}
#page li {
	list-style-type: square;
	line-height: 20px;
	margin-left: 20px;
	font-weight: normal;
}


/************* CSS contact formulier */

/* contact formulier */
#customForm label {
	display: block;
	color: #797979;
	font-weight: bold;
	line-height: 18px;
}
#customForm p.opmerkingen_form {
	display: block;
	color: #797979;
	font-weight: bold;
	margin-bottom:4px;
}
#customForm input {
	width: 220px;
	border: 1px solid #bbbbbb;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:6px;
	font-size: 13px;
	color:#777777;
}
#customForm input.captcha {
	width:114px;
}
#customForm p {
	color: ##797979;
	margin-bottom: 4px;
}
#customFormBelMij input {
	width: 150px;
	border: 1px solid #bbbbbb;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:2px;
	font-size: 11px;
	color:#777777;
	margin-bottom:7px;
}
#customFormBelMij input.error {
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm input.error {
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea {
	width: 380px;
	height: 80px;
	border: thin solid #bbbbbb;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:6px;
	font-size: 13px;
	color:#777777;
}
#customForm textarea.error {
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div {
	margin-bottom: 15px;
}
#customForm div span {
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 12px;
}
#customForm div span.error {
	color: #e46c6e;
}
#customForm div span.valid {
	color: #6fb52b;
	font-weight:bold;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul {
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li {
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong {
	color: #e46c6d;
}
#error.valid ul li strong {
	color: #93d72e;
}

/* CSS submit bel mij */
.button_belmij a, .button_belmij button {
	float:left;
	background: transparent;
	border:0;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#fe9001;
	cursor:pointer;
}
.button_belmij a:hover, button:hover {
	text-decoration: underline;
}


/* CSS submit button form */
.buttons button {
	float:left;
	border:1px solid #000;
	background-color: #3571b5;
	margin-left:1px;
	height:22px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	padding:0 10px;
}
button.regular:hover {
	background-color: #3a679a;
}


/************* footer css */

/* footer homepage */
#footer {
	position: relative;
	margin-top: -83px;
	height: 83px;
	clear:both;
	background-color: #fe9001;
	
}
#footer a {
	color: #fff;
}
.homeFooter {
	position: absolute;
	width: 602px;
	color: #fff;
	left: 50%;
	margin: 0 auto 0 -320px;
	padding:30px 20px;
}
.webFooter {
	position: absolute;
	width: 850px;
	color: #fff;
	left: 50%;
	margin: 0 auto 0 -450px;
	padding:30px 20px;
}


/************* CSS clear */

/* clear float */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}