html,body{
	margin : 0;
	padding : 0;
	background-image : url(http://www.the-creation.nl/gfx/achtergrond.gif);
	background-position : left top;
	background-repeat : repeat-x;
	background-color : #FFFFFF;
}
/*
@font-face {
	font-family: 'MaturaMTScriptCapitalsRegular';
	src: url('http://www.the-creation.nl/text/maturasc-webfont.eot');
	src: local('?'), url('http://www.the-creation.nl/text/maturasc-webfont.woff') format('woff'), url('http://www.the-creation.nl/text/maturasc-webfont.ttf') format('truetype'), url('http://www.the-creation.nl/text/maturasc-webfont.svg#webfont1m7i5LPi') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font, h1, h2, h3, h4 {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'MaturaMTScriptCapitalsRegular', sans-serif;
	font-size-adjust: 0.44;
}
*/
html,body, td {
	line-height : 18px;
	font-family : Trebuchet MS;
	font-size : 11px;
	color : #141414;
}

a, a:link, a:visited, a:active {
	color : #BC987E;
	text-decoration :  underline;
}
a:hover{
	color : #000000;
	text-decoration : none;
}

form {
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

hr {
	background-color : #C4C6C8;
	color : #C4C6C8;
	border : 0;
	margin : 0;
	height : 1px;
}

input, select, textarea {
	position : relative;
}

h1 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-weight : normal;
	font-size : 30px;
	color : #000000;
	line-height : normal;
}

h2 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-weight : normal;
	font-size : 18px;
	color : #000000;
	line-height : normal;
}

h3 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-weight : normal;
	font-size : 14px;
	color : #000000;
	line-height : normal;
}

h4 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-weight : normal;
	font-size : 13px;
	color : #000000;
	line-height : normal;
}

h5 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 12px;
	color : #000000;
	line-height : normal;
}

h6 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
	color : #000000;
	line-height : normal;
}

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */


.container {
	margin : 0 auto;
	width : 936px;
}

.holder{
	float : left;
	width : 936px;
}

.header{
	float : left;
	position : relative;
	/*background-image : url(http://www.the-creation.nl/gfx/achtergrond.jpg);*/
	background-position : left top;
	background-repeat : no-repeat;
	width : 936px;
	height : 123px;
}

.moodbar{
	float : left;
	overflow : hidden;
	width : 936px;
	height : 118px;
}

.logo{
	position : absolute;
	left : 0;
	top : 0;
	width : 234px;
	height : 45px;
}

.content{
	float : left;
	position : relative;
	background-image : url(http://www.the-creation.nl/gfx/achter.gif);
	background-position : left top;
	background-repeat : repeat-y;
	margin : 66px 0 0 0;
	width : 936px;
}

.content2{
	float : left;
	position : relative;
	background-image : url(http://www.the-creation.nl/gfx/achter2.gif);
	background-position : left top;
	background-repeat : repeat-y;
	margin : 66px 0 0 0;
	width : 936px;
}

.top_bruin {
	position:absolute;
	background-image : url(http://www.the-creation.nl/gfx/bruin.jpg);
	background-position : 220px top;
	background-repeat : repeat-y;
	left : -4px;
	top:-66px;
	width:936px;
	height:66px;
}

.links{
	float : left;
	position : relative;
	width : 216px;
}

.menu{
	position : relative;
	float : left;
	top : -40px;
	left : 0;
	background-color : #BC987E;
	padding : 0 20px 20px 20px;
	color : #FFFFFF;
	width : 177px;
}

.menu ul {
	float : left;
	margin : 0;
	padding : 20px 0 0;
	text-align : right;
	list-style-type : none;
	border-bottom : 1px solid #745d4d;
}

.menu ul li{
	float : left;
	border-top : 1px solid #745d4d;
	font-weight : normal;
	line-height : normal;
	color : #574539;
	width : 176px;
}

.menu ul li a, .menu ul li a:link, .menu ul li a:active, .menu ul li a:visited {
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/pijl_bruin.gif);
	background-position : right 10px;
	background-repeat : no-repeat;
	padding : 5px 10px 5px 0;
	font-weight : normal;
	color : #574539;
	text-decoration : none;
	width : 166px;
}

.menu ul li a:hover {
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/pijl_bruin.gif);
	background-position : right 10px;
	background-repeat : no-repeat;
	padding : 5px 10px 5px 0;
	font-weight : bold;
	color : #574539;
	line-height : normal;
	text-decoration : none;
	width : 166px;
}

.menu ul li.select a, .menu ul li.select a:link, .menu ul li.select a:active, .menu ul li.select a:visited, .menu ul li.select a:hover {
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/pijl_wit.gif);
	background-position : right 10px;
	background-repeat : no-repeat;
	padding : 5px 10px 5px 0;
	font-weight : bold;
	color : #000000;
	line-height : normal;
	text-decoration : none;
	width : 166px;
}

.menu ul ul{
	float : left;
	margin : 0;
	padding : 0;
	list-style-type : none;
	border-bottom : none;
	border-top : 1px solid #745d4d;
	width : 176px;
}

.menu ul ul li{
	float : left;
	border-top : none;
	font-weight : normal;
	line-height : normal;
	color : #574539;
	width : 176px;
}

.menu ul ul li.normal a, .menu ul ul li.normal a:link, .menu ul ul li.normal a:active, .menu ul ul li.normal a:visited {
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/pijl_bruin.gif);
	background-position : right 8px;
	background-repeat : no-repeat;
	border-top : none;
	padding : 3px 10px 3px 0;
	font-weight : 100;
	color : #000000;
	text-decoration : none;
	width : 166px;
}

.menu ul ul li.normal a:hover {
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/pijl_bruin.gif);
	background-position : right 8px;
	background-repeat : no-repeat;
	border-top : none;
	padding : 3px 10px 3px 0;
	font-weight : 100;
	color : #000000;
	text-decoration : underline;
	width : 166px;
}

.menu ul ul li.select a, .menu ul ul li.select a:link, .menu ul ul li.select a:active, .menu ul ul li.select a:visited, .menu ul ul li.select a:hover {
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/pijl_wit.gif);
	background-position : right 8px;
	background-repeat : no-repeat;
	border-top : none;
	padding : 3px 10px 3px 0;
	font-weight : 100;
	color : #000000;
	text-decoration : underline;
	width : 166px;
}

.menu_onder{
	float : left;
	margin : -40px 0 0 0;
	background-color : #DFC7B5;
	border-top : 1px solid #FFFFFF;
	border-bottom : 1px solid #FFFFFF;
	padding : 20px;
	color : #524237;
	width : 177px;
}

.menu_onder h2 {
	color : #524237;
}

.menu_onder a:link { color : #524237; text-decoration : underline;}
.menu_onder a:visited { color : #524237; text-decoration : underline;}
.menu_onder a:active { color : #524237; text-decoration : underline;}
.menu_onder a:hover { color : #000000; text-decoration : none;}

.adres{
	float : left;
	background-color : #d99300;
	padding : 20px;
	color : #583c00;
	width : 177px;
}

.adres h2{
	color : #583c00;
}

.adres a:link { color : #583c00; text-decoration : underline;}
.adres a:visited { color : #583c00; text-decoration : underline;}
.adres a:active { color : #583c00; text-decoration : underline;}
.adres a:hover { color : #000000; text-decoration : none;}

.midden{
	float : left;
	padding : 20px;
	width : 446px;
}

.rechts{
	float : left;
	position : relative;
	width : 234px;
}

.midden_full{
	float : left;
	padding : 20px 20px 20px 20px;
	width : 680px;
}

.foto1{
	position : relative;
	float : left;
	top : -140px;
	left : 0;
	border-top : 1px solid #dddddd;
	border-right : 1px solid #dddddd;
	border-left : 1px solid #dddddd;
	background-color : #FFFFFF;
	padding : 6px 6px 5px;
	font-size : 0;
	line-height : 0;
	width : 220px;
}

.lijn1{
	float : left;
	border-bottom : 1px solid #cdcdcd;
	margin : -140px 0 0 6px !important;
	margin : -140px 0 0 3px;
	line-height : 0;
	font-size : 0;
	width : 222px;
	height : 1px;
}

.foto2{
	float : left;
	background-color : #FFFFFF;
	border-left : 1px solid #dddddd;
	margin : -132px 0 0 0;
	padding : 0 6px 6px 6px;
	font-size : 0;
	line-height : 0;
	width : 220px;
}

.lijn2{
	float : left;
	border-bottom : 1px solid #cdcdcd;
	margin : 0 0 0 6px !important;
	margin : 0 0 0 3px;
	line-height : 0;
	font-size : 0;
	width : 222px;
	height : 1px;
}

.nieuws{
	float : left;
	padding : 15px;
	width : 202px;
}

.footer{
	float : left;
	background-image : url(http://www.the-creation.nl/gfx/achter.gif);
	background-position : left top;
	background-repeat : repeat-y;
	color : #583c00;
	width : 936px;
}

.footer_l{
	float : left;
	background-color : #d99300;
	margin : 0 0 0 216px !important;
	margin : 0 0 0 108px;
	padding : 15px 15px 15px 0;
	color : #583c00;
	width : 471px;
}

.footer_l a:link { color : #583c00; text-decoration : underline;}
.footer_l a:visited { color : #583c00; text-decoration : underline;}
.footer_l a:active { color : #583c00; text-decoration : underline;}
.footer_l a:hover { color : #000000; text-decoration : none;}

.footer_r{
	float : left;
	padding : 15px;
	color : #919191;
	text-align : center;
	font-size : 10px;
	width : 204px;
}

.footer_r a:link { color : #919191; text-decoration : none;}
.footer_r a:visited { color : #919191; text-decoration : none;}
.footer_r a:active { color : #919191; text-decoration : none;}
.footer_r a:hover { color : #000000; text-decoration : none;}