@charset "utf-8";

* { margin: 0px; padding:0px;}

body {
	font: 12px/18px normal Arial, Helvetica, sans-serif;
	background: #fff url(../img/raw/bg-main.jpg) right top no-repeat;
}

/* TITLES */
#logo {
	color: #333;
	font: 40px/50px "Rockwell", serif;
	padding: 0px;
	margin: 10px;

    text-indent:-5000px;
	width: 150px;
	height: 100px;
	
	float: left;
}

#logo a {
	width: 150px;
	height: 100px;
	background: url(../img/raw/logo-mkbfilm.jpg) center top no-repeat;
	display: block;
	
	
	float: left;
} 
#logo a:hover {
	background: url(../img/raw/logo-mkbfilm.jpg) center top no-repeat;
}
.intresse
{
border:1px solid #CCCCCC;
font-family:Helvetica,sans-serif;
margin:0 0 10px;
padding:5px;
width:312px;
}

h2 {
	width: 700px;
	float: right;
	font: 18px/25px normal "Century Gothic", Helvetica, sans-serif;
	color: #fff;
	background-color: #df018a;
	padding: 5px 10px;
	margin: -15px 0px -5px 0px;
	z-index: 5;
	line-height:25px;
	/*height:25px;*/
}
h2.right
{
float:none;
margin:0px;
margin-left:85px;
margin-bottom:10px;
}

h3 {
	font: 19px/25px normal "Century Gothic", Helvetica, sans-serif;
	color: #df018a;
	/*margin: 15px 10px 5px 10px;*/
	margin:15px 35px 0px 15px;
	border-bottom: 1px solid #666;
}
.h3_address
{
	margin:15px 35px 0px 10px;
}
.fourth h3
{
	margin:15px 0 0 10px;
}
span.prijs {
	font: 11px/20px normal "Century Gothic", Helvetica, sans-serif;
	color: #333;
	float: right; display: block;
	margin-top: -20px;
}

h1 {
	font: 35px/45px normal "Century Gothic", Helvetica, sans-serif;
	color: #df018a;
	margin: 15px 10px;
}
h4 {
	font: 18px/25px normal "Century Gothic", Helvetica, sans-serif;
	color: #df018a;
	margin: 10px;
	display: inline;
}
/* DIV STRUCTURE */

#wrapper {
	width: 800px;
	margin: auto;
}

#inhoud {
	padding: 15px 5px 25px 50%;
}

#inhoud-left {
	width: 410px;
	float: left;
	margin: 0px 5px 0px	0px;

}
#inhoud-right {
	width: 380px;
	float: right;
	margin: 0px 0px 0px	5px;

}

#banner {
	padding-bottom: 30px;
}
#banner-left {
	width: 360px;
	float: left;
	margin: 5px;
}
#banner-right-home {
	width: 400px;
	float: right;
	margin: -50px 5px 5px 5px;
}
#banner-right {
	width: 400px;
	float: right;
	margin: 5px;
}
#banner-right-werkwijze {
	width: 180px;
	float: right;
	margin: 5px;
}

#footer {
	color: #666;
	margin-top: 10px;
}
#footer a {
	color: #555;
	text-decoration: underline;
}
#footer-left {
	width: 45%;
	float: left;
}
#footer-right {
	width: 45%;
	float: right;
	text-align: right;
}
#footer span {
	color: #000;
	font-weight: bold;
}

/* NAVIGATIE */

#nav {
	list-style: none;
	width: auto;
	font: 14px/18px normal Arial, Helvetica, sans-serif;
	margin: 92px -8px 0px 0px;
	float: right;
}
#nav li {
	float: left;
	margin: 0px 2px;
}
#nav li a {
	text-decoration: none;
	display: block;
	padding: 5px 20px;
	color: #000;
	background: #F0F0F0 url(../img/raw/bg-stripe.png) repeat;
}
#nav li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #c8d20b;
}
#nav li a.active {
	background-color: #c8d20b;
	color: #fff;
}


/* NEEDED CLASSES */

.element {
	margin-left: -400px;
	width: 800px;
	padding: 5px 5px 5px 50%
}

.stripe {
	background: #F0F0F0 url(../img/raw/bg-stripe.png) repeat;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fourth
{
	width : 23%;
	padding: 5px;
	float: left;
	/*font-weight: bold;*/
}

.folio {
	width: 107px; height: 110px;
	margin: 5px 10px;
	padding: 0px;
	float: left;
	text-align: center;
}

img.rand {
	border: 3px solid #df018a;
}

.space {
	margin: 10px 0;
}
.info {
	font: 11px/12px normal Helvetica, sans-serif;
	font-style: italic;
	color: #888;
	margin: 0; padding: 15px 5px 0 0;
	text-align: right;
}	
hr {
	display: block;
	margin: 10px;
}

/* LINKS */

a {
	text-decoration: none;
	color: #df018a;
}

a.box:hover {
	text-decoration: none;
	color: #fff;
	background-color: #df018a;
}

.raquo {
	display: inline-block;
	padding: 5px 10px;

}


	
/* TEXT OPMAAK */

p {
	padding: 10px;
}

img {
	border: none;
}

ul, ol {
	list-style-position: inside;
}


/* CONTACT */
#contact-area {
	width: 430px;
	margin-left: 25px;
	padding-top:25px;
	float: left;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
}

label {
	float: right;
	text-align: left;
	margin-left: 15px;
	width: 100px;
	padding-top: 5px;
	color: #666;
}

/* EXTRA */

#home-port {
margin-left:0;
margin-top:25px;
text-align:center;
width:390px;
margin-bottom:15px;
}
#home-port td {
	width: 30%;
	margin-left:10px;
	font: 12px/18px normal Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

#nieuws {
list-style-position:outside;
list-style-type:none;
margin-left:10px;
margin-right:30px;
}
#nieuws li {
	padding: 5px 5px 5px 20px;
	background: url(../img/raw/dot.gif) 5px 10px no-repeat;
}

#stappenplan, #stappenplan td, #stappenplan th {
	padding: 5px;
}
#stappenplan {
	width: 570px;
	float: left;
	border-spacing: 0;
}
#stappenplan td, #stappenplan th{
	vertical-align: top;
	text-align: left;
	margin: 0;

}
#stappenplan th {
	width: 140px;
}

address {
	padding: 10px;
}
.meer
{
clear:both;
padding-right:55px;
padding-top:5px;
text-align:right;
}