/* 
 * Studio 85
 *
 * http://www.studio85.eu
 * Copyright 2013 Studio 85
 *
 */

@import "bootstrap.css";
@import "nivo-slider.css";
@import "fonts.css";

html, body {
	margin:0;
	padding:0;
	height:100%;
	background:#c41200 url(../images/background.png) repeat-x left top;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
}

.clear {
	clear:both;
}

a:focus { outline: 0; }
a:active { outline: 0; }

ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

table th {
	text-align:left;
}

.form-error {
	color:#C30;
}

#honeypot { display: none; }

h1 {
	font-family:'brandon_grotesquemedium';
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
	line-height:26px;
	margin:0 0 5px 0;
}

#wrapper {
	width:900px;
	margin:0 auto;
	min-height:100%;	
}

#header {
	height:121px;
	width:900px;
}

#logo {
	margin:15px 0 0 12px;
	position:absolute;
}

#title {
	margin:31px 0 0 192px;
	position:absolute
}

.rounded-corners {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
}

#nav {
	width:225px;
	background-color:#b19408;
	border:3px solid #FFF;
	padding:25px 0 0 25px;
}

#nav ul li {
	text-transform:uppercase;
	margin:0 0 21px 0;
	font-family:'brandon_grotesquemedium';
}

#nav ul li a {
	font-size:20px;
	color:#FFF;
}

#nav ul li a:hover,
#nav ul .active a {
	text-decoration:none;
	color:#4b0303;
}

#main {
	margin:16px 0 50px 0;
	display:block;
}

#top {
	width:900px;
	height:338px;
	background:url(../images/header-bg.png) repeat-x left top;
}

#top-overlay {
	background:url(../images/header-gordijnen.png) no-repeat center top;
	height:338px;
	width:900px;
	position:absolute;
	z-index:10;
}

.slider-wrapper {
	padding:5px 0 0 0;
}

.nivoSlider {
    position:relative;
    background:url(../images/loading.html) no-repeat 50% 50%;
	margin:0 auto;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#content {
	float:left;
	width:600px;
}

#content a{
	color:#FFF;
}

#left-side {
	float:left;
	width:285px;
}

#copyright {
	font-size:11px;
	color:#650900;
	margin:8px 0 0 0;
	display:block;
	text-align:center;
	width:250px;
}

#copyright a {
	color:#650900;
}

.message {
	border-top:1px solid #FFF;
	display:block;
	width:600px;
	height:auto;
	margin:0 0 18px 0;
	padding:5px 0;
}

.message .left {
	width:150px;
	float:left;
}

.message .left h3 {
	font-size:13px;
	padding:0;
	margin:0;
	line-height:26px;
}

.message .left .date {
	font-size:10px;
}

.message .right {
	width:440px;
	float:left;
	padding-right:10px;
}

#input_gastenboek textarea {
	width:350px;
	height:70px;
}

input[type="submit"] {
	height:32px;
}

.board-con {
	width:280px;
	min-height:100px;
	float:left;
	margin:0 20px 20px 0;
	background-color:#de3423;
}

.board-con .board-info {
	float:left;
	width:170px;
	padding:0 0 0 10px;
}

.board-con h2 {
	font-size:13px;
	font-style:normal;
	line-height:18px;
	margin:10px 0 0 0;
}

.board-con .board-img {
	float:left;
}

#krantBlock {
	height:auto;
	width:600px;
	display:table;
	padding:0 0 12px 0;
}

#krantBlock .krant_year {
	float:left;
	width:45px;
	font-size:14px;
}

#krantBlock .krant_title {
	float:left;
	width:530px;
	height:27px;
	padding:0 15px 0 0;
	font-size:14px;
}

#krantBlock .krant_img {
	margin-bottom:12px;
}

.foto {
	float:left;
	display:block;
	margin:0 10px 10px 0;
	width:100px;
	height:100px;
}