@charset "utf-8";
/* CSS Document */
/********** algemeen **********/
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited{
color:#ed1d24;
}
a:hover{
color:#014875;
}
a img{
border:0px;
}
form{
padding:0;
margin:0;
}
/**/
body {
padding: 0;
margin: 0;
background: #ee5d24 url(../assets/gradient.gif) repeat-x top;
color: #666;
}
#page {
background: url(../assets/achtergrond.png) no-repeat center bottom;
width: 100%;
display: table;
}
#container {
width: 960px;
margin: 0 auto;
min-height:600px;
background:url(../assets/content-bg.png) repeat-y;
padding: 0 10px;
}
/***************** HEADER ***************/
#top{
width:980px;
margin:0 auto;
height:72px;
display:block;
}
#top img.meeuw{
position:absolute;
margin:8px 0 0 500px;
}
#socialmedia{
float:right;
margin:44px 11px 0 0;
height:28px;
}
#socialmedia img{
float:left;
margin:0 1px;
}
#header {
background-image:url(../assets/header-bg.png);
background-repeat:no-repeat;
background-position:top;
width: 960px;
padding:10px 10px 0 10px;
height: 69px;
margin:0 auto 0 auto;
}
#header-banner{
background:url(../assets/header-banner-bg.jpg) no-repeat top;
width: 960px;
height: 69px;
}
#header-banner .logo{
position:absolute;
top:10px;
padding-left:5px;
}
#header-banner p{
text-align:right;
padding-right:35px;
padding-top:40px;
font-size:17px;
font-weight:bold;
color:#966344;
}
#header-banner h3{
text-align:right;
padding-right:35px;
font-size:15px;
}
#header-banner p a:hover{
color:#966344
}
/********** Menu **********/
#menu{
background:url(../assets/menu-bg.gif) repeat-x;
width:960px;
height:42px;
margin:0 auto;
}
#menu ul {
list-style: none;
float:left;
z-index:10000;
}
#menu a {
background:url(../assets/menu-item-bg.gif) right 0px no-repeat;
display: block;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
text-transform:none;
font-size:13px;
font-weight:bold;
padding:13px 11px 12px 9px;
}
#menu a.last{
background-position:left 0px;
}
#menu a:hover, #menu a.active{
background-position:right -42px;
}
#menu a.last:hover{
background-position:left -42px;
}
#menu li{
float: left;
}
/* dropdownmenu / submenu */
#menu li ul {
position: absolute;
width: 230px;
left: -999em;
background-color:#d43b3d;
background-image:url(../assets/bg-submenu.gif);
background-position:top;
padding:4px 0 10px 0;
border-top:1px solid #b60f18;
border-bottom:1px solid #a3080d;
}
#menu li ul li a{
display:block;
text-transform:none;
width:212px;
font-size:12px;
font-weight:normal;
padding:7px 0px 8px 2px;
margin:0px 8px;
border: none;
background: url(../assets/divider_submenu.gif) bottom repeat-x;
}
#menu li ul li a:hover{
background:#d4141b url(../assets/divider_submenu.gif) bottom repeat-x;
}
#menu li:hover ul {
left: auto;
}
#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}
/***************** CONTENT ***************/
#content {
width: 960px;
margin: 10px auto 0 auto;
background-image:url(../assets/sidebar-bg.gif);
background-repeat:repeat-y;
min-height:200px;
}
/***************** TEXT ***************/
#text{
float:right;
width:750px;
min-height:200px;
}
#tekst, #text p{
color:#2a2a2a;
font-size:13px;
line-height:18px;
padding:0px 0px;
}
b#kop{
color:#966344;
margin:6px 0px 10px 0px;
padding-bottom:3px;
font-size:18px;
font-weight:normal;
display:block;
background-image:url(../assets/top_bg.gif);
background-position:bottom;
background-repeat:no-repeat;
}
/***************** SIDEBAR ***************/
#sidebar{
float:left;
width:200px;
min-height:200px;
}
#sidebar a:link, #sidebar a:visited{
color:#ffffff;
}
#sidebar a:hover{
color:#ed1d24;
}
.sidebar-item{
font-size:12px;
line-height:17px;
color:#f4e3d7;
}
#sidebar p{
padding:10px;
}
h2{
width:200px;
height:36px;
}
h2.contact{
}
ul.logos{
background-image:url(../assets/sidebar-logo-bg.gif);
width:170px;
height:200px;
padding:30px 10px 10px 10px;
margin-top:2px;
margin-left:7px;
list-style:none;
}
ul.logos li{
width:165px;
padding:6px 0px 6px 0px;
border-bottom:1px dotted #7f5236;
line-height:12px;
font-size:11px;
color:#333333;
}
ul.logos li img{
vertical-align:middle;
}
/***************** FOOTER ***************/
#footer {
width: 980px;
height: 100px;
margin:0 auto;
background-image:url(../assets/footer-bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#footertext{
width: 980px;
margin:0 auto;
color:#448a9c;
font-size:11px;
text-align:right;
height:10px;
line-height:10px;
margin-bottom:14px;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */

.Knoppie
{
	background-color:red;
	text-align:center;
	padding:5px;
}
.Knoppie a
{
	color:white;
}
.Knoppie a:hover
{
	color:yellow;
}