/*_______________________________________
 
Gaan we stoer doen door in mijn code te kijken :o

*/

@font-face {
    font-family: 'MuseoSans-100';
    src: url('museosans-100.eot');
    src: url('museosans-100.eot?#iefix') format('embedded-opentype'),
         url('museosans-100.woff') format('woff'),
         url('museosans-100.ttf') format('truetype'),
         url('museosans-100.svg#museosans-100') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	border:none;
}

a{
	text-decoration: none;
	border: none;
	outline: none;

}

a:link {color:#424242;}     
a:visited {color:#424242;}  
a:hover {color:#828282;}  
a:active {color:#424242;} 


a img{
	border: none;
	outline: none;
}

body{
	background: #fff;
	width: 940px;
	font: normal 12px/20px MuseoSans-100, HelveticaNeue, sans-serif;
	color: #424242;
	padding: 0;
}

.container{
	clear: both;
	width: 940px;
	
}

#header{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}

#title{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

h1{
	font-size:40px; 
	font-weight: normal;
	
}

h2{
	font-size:25px; 
	font-weight: normal;
	
}

#menu {
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 35px;

	
}

#menu ul {
	list-style: none;
}

#menu ul li {
	display: inline;
}


#slider {
	width: 940px;
	margin-top:35px;
	
	
}

#social{
	width: 940px;
	text-align: center;
	margin-top:30px;
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 35px;
}

#footer{
	width: 940px;
	margin-top:35px;
	text-align: center;
	
	
}

.Menu-up{
padding: 3em;
	
	
}

/** Contact Form **/


#contact-wrapper {
    position: relative;
    display: block;
  
}

.form-wrapper {
    width: 940px;
    position: relative;
}


p.success {
    font-size: 16px;
    color: #666;
}


.submit input{
    padding: 6px 3px;
    height: 36px;
    cursor: pointer;
    width: 96px;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    border: 1px solid #D3D3D3;
    font-weight:bold;
    color:#666;
    margin-left:130px;
}

/** Form Styles **/
input, textarea, select {
    width: 340px;
    padding: 8px 6px;
    margin: 0;
    color: #999999;
    text-shadow: 0 0 1px #FFFFFF;
    border: 1px solid #D3D3D3;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;

}

input {
    height: 16px;
}

select {
    width: 353px;
    padding: 6px 6px;
}

textarea {
    width: 340px;
    overflow: hidden;

}

input:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0px 0px 5px #007eff;
    -moz-box-shadow: 0px 0px 5px #007eff;
    box-shadow: 0px 0px 5px #007eff;
}



.field {
    margin-top:18px;
    margin-left:294px;
    position: relative;
    
}

label {
    display: block;

}

.error, .tooltip {
    height: 16px;
    width: 178px;
    background-color: #FFCFCF;
    border: 1px solid #E5A3A3;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #801B1B;
    padding: 8px 10px 8px 10px;
    margin-left: -2px;
    border-radius: 0 9px 9px 0;
    -moz-border-radius: 0 9px 9px 0;
    -webkit-border-radius: 0 9px 9px 0;
    -moz-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
    z-index: 9999;
}

.tooltip {
    background: #F2F2F2;
    border-color: #DBDBDB;
    color: #666;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}