/*** RESET ***/
*{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
img{border: 0;}
a {text-decoration: none;}
a:hover {text-decoration: underline; color: #cbbe21F;}
body{font-family: arial, sans-serif;font-size: 12px;line-height: 17px;background-color: #ffffff;color: #212121;}
ol, ul {list-style: none;}
:focus {outline: 0;}
a:active { outline: 0; }
.clearfloats {clear: both;}
.textarea { font-size: 11px; background-color: #f7f7f7; border: 1px solid #ededed; color: #545454; padding: 4px 8px 4px 8px;width: 305px;font-family: Arial, Sans-Serif;margin-top: 2px;resize: none;}
.textbox {margin-bottom: 6px;width: 150px;background-color: #f7f7f7;border: 1px solid #ededed;color: #545454;padding: 4px 8px 4px 8px;font-size: 11px;margin-top: 2px;}
.contactbutton {background-color: #f7f7f7;border: 1px solid #ededed;color: #545454;padding: 4px 8px 4px 8px;text-transform: uppercase;font-size: 10px;margin-top: 6px;cursor: pointer;}
/*** END RESET ***/

/*** FONTS ***/
@font-face {
    font-family: 'chaletlondon1960';
    src: url('../fonts/chaletlondonnineteensixty-webfont.eot');
    src: url('../fonts/chaletlondonnineteensixty-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chaletlondonnineteensixty-webfont.woff') format('woff'),
         url('../fonts/chaletlondonnineteensixty-webfont.ttf') format('truetype'),
         url('../fonts/chaletlondonnineteensixty-webfont.svg#chaletmedium') format('svg');
}

@font-face {
    font-family: 'chaletparis1980';
    src: url('../fonts/chaletparisnineteeneighty-webfont.eot');
    src: url('../fonts/chaletparisnineteeneighty-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chaletparisnineteeneighty-webfont.woff') format('woff'),
         url('../fonts/chaletparisnineteeneighty-webfont.ttf') format('truetype'),
         url('../fonts/chaletparisnineteeneighty-webfont.svg#chaletmedium') format('svg');
}
/*** END FONTS ***/

/*** BASIC LAYOUT ***/
#container{
	height: 300px;
	width: 100%;
	background-image: url(../images/kleurvak.jpg);
	background-repeat: repeat-y;
	margin: 80px 0;
	position: relative;
}

#header{
	height: 290px;
	width: 100%;
	background-image:url(../images/headerpattern.png);
	background-repeat:repeat;
	margin-top:5px;
	position: absolute;
}

#innerheader {
    width: 900px;
}

#logo{
	height: 159px;
	width: 500px;
	margin: 65.5px 0 0 65.5px;
	background-image: url(../images/logobg.png);
	float: left;
}

#logotextwrapper{
	width: 350px;
	height: 80px;
	margin: 35px 0 0 165px;
	color: #FFF;
	position: absolute;
}

#header h1, #header h2, #header h3, #info h4{
	font-weight: normal;
}

#header h1{
	font-family:chaletparis1980;
	font-size: 60px;
	line-height: 55px;
	text-transform: uppercase;
}

#header h1 span.max{
	font-family: chaletlondon1960; 
	color: #cbbe21;
	font-size:60px;
}

#header h2{
	color: #cbbe21;
	font-size: 15px;
}

#info{
	width: 250px;
	height: 150px;
	margin: 95.5px 0 0 65.5px;
	float: left;
	color: #FFF;
}

#info a.stardekk{
	font-family:chaletlondon1960;
	color: #cbbe21;
	font-size: 20px;
}

#info a.mail{
	color: #FFF;
	text-decoration: underline;
}

#info h4{
	font-size: 13px;
	line-height: 25px;
	display: inline-block;
	margin-top: 20px;
}