﻿* {
margin:0;
padding:0;	
}
body {
margin:0;
padding:0;
height:100%;
background:#000 url("../img/bg.png") top left repeat-x;
background-attachment:fixed;
}
#background {
	width:812px;
	height:705px;	
	position:fixed;
	background:transparent url("../img/bg_big.png") top left no-repeat;
	z-index:-1;
}
#rondom {
	margin:0 auto 0 auto;
	width:946px;
}
#wrapper {
	margin-top:20px;
	float:left;
}
#menu {
	width:900px;
	height:31px;
	background:transparent url("../img/menu_bg.png") top left no-repeat;
	padding:24px 24px 0 22px;
	font-size:10pt;
	font-family:"Century Gothic", Arial;
}
#content {
	padding:0 24px 0 22px;
	width:900px;
	min-height:708px;
	background:transparent url("../img/content_bg.png") top left repeat-y;
	float:left;
}
#text {
	width:830px;
	min-height:638px;
	background:transparent url("../img/text_bg.png") top left no-repeat;		
	padding:50px 35px 20px 35px;
}
#text h1.cool {
	color:#fff;
	font-size:14pt;
	font-family:"Century Gothic", Arial;
	font-weight:normal;
	background:transparent url("../img/h1_bg.png") top left no-repeat;
	line-height:24px;
	padding-left:25px;
	margin-bottom:80px;
}
#text_main {
	width:677px;
	font-size:10pt;
	line-height:26px;
	padding:0 160px 0 30px;
	color:#fff;
	font-family:"Lucida Sans", Arial;
	font-weight:bold;
	float:left;
	clear:both;
	position:relative;
}
#text_main a {
	color:#920101;
	text-decoration:underline;	
}
#text_main a:hover {
	color:#fff;
	text-decoration:underline;	
}
#submenu {
	font-size:10pt;
	font-family:"Century Gothic", Arial;
	font-weight:normal;
}
#referentie {
	width:400px;
	height:152px;
	background:transparent url("../img/bigarrow.png") no-repeat;
	float:left;
	margin-top:50px;
	padding-left: 190px;
	margin-left:-25px;
		font-size:10pt;
	font-family:"Century Gothic", Arial;
	font-weight:normal;
}
#footer {
	width:946px;
	height:50px;
	background:transparent url("../img/footer_bg.png") no-repeat;
	background-position:-1px 0px;
	float:left;
}
#underfooter {
	width:832px;
	float:left;	
	padding:0 57px 0 57px;
	margin-top:10px;
	margin-bottom:30px;
	font-family:"Century Gothic", Arial;
	font-size:9pt;
	position:relative;
}
#underfooter h1 {
	color:#fff;
	font-size:14pt;
	font-family:"Century Gothic", Arial;
	font-weight:normal;
	background:transparent url("../img/h1_bg.png") top left no-repeat;
	line-height:24px;
	padding-left:25px;
	margin-bottom:25px;
}
#underfooter a, #colofon a {
	color:#fff;
	text-decoration:none;
}
#box_1 a, #box_2 a, #box_3 a {
	display:block;
	line-height:20px;
}
.box {
float:left;
margin-right:55px;	
}
#colofon {
	position:absolute;
	top:0;
	right:24px;
	color:#fff;
}

/*
	Webbol Internet Marketing - cssMenu
*/

/* margins e.d. resetten */
.cssMenu {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100000000;
}

/* normale menu */
ul.cssMenu {
	text-transform: capitalize;
	display: block;
	float: left;
}

/* submenu's standaard onzichtbaar */
ul.cssMenu ul {
	display: none;
	visibility:hidden;
}

/* nieuwe submenu-<ul> uitklappen bij mouseover */
ul.cssMenu li:hover > ul {
	display: block;
	visibility:visible;
}

/* style van submenu ul */
ul.cssMenu ul {
	position: absolute;
	left: 0px; /* IE7 */;
	top: 100%; /* IE7 */
}

/* style submenu */
ul.cssMenu ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

/* geen ul-li bullet list */
ul.cssMenu, ul.cssMenu ul {
	list-style: none;
}

/* submenu <ul> */
ul.cssMenu ul {
	text-align: left;
	white-space: nowrap;
}

/*
	Het beste is om alleen zaken hieronder aan te passen tenzij noodzakelijk
*/

/* submenu */
ul.cssMenu ul, #submenu ul.cssMenu ul {
	padding:0px;
	margin:0px;
	background:#000;
	color:#fff;
}

#submenu ul.cssMenu li {
	background:#000;
}

/* zorgen dat de achtergrond van het hoofditem blijft staan */
ul.cssMenu li:hover, #submenu ul.cssMenu li:hover {
	background:#920101;
	color:#000000;
}

ul.cssMenu li:hover > a {
	color:#fff;
}

/* submenu's andere mouse-over geven */
ul.cssMenuSub li:hover {
	background:#920101;
	color: #b0b0af;
}

ul.cssMenu li a {
	display: inline-block;
	line-height:31px;
	height: 31px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
}

#submenu ul.cssMenu li a {
	display: inline-block;
	line-height:31px;
	height: 31px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
}

ul.cssMenuSub li a {
	color: #ffffff;
}

ul.cssMenuSub li a:hover {
	color: #fff;
}
