/*        Door John Deppe              						*/
/* --------------------------------------------------------*/
/* STANDARD HTML TAG DEFINITION                            */
/* --------------------------------------------------------*/
html{
	overflow-y: scroll;
}
body{
	background: url('../images/background.jpg');
}
html,body{
	height: 100%;
}
body, form, input, li, textarea{
	color: #2c2036;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {font-size: 24px;margin:0px 0px 5px 0px;font-family: 'DaysRegular';color: #5d3d80;}
h2 {font-size: 18px; padding: 15px 0px 0px 0px;font-family: 'DaysRegular';color: #5d3d80;}
h3 {font-size: 14px;color: #5d3d80;}
p {line-height: 20px;font-size: 12px;}
a{color: #5d3d80;font-size: 12px;}
a:hover{color: #82679a;text-decoration: none;}



.clear { clear:both;}
/* --------------------------------------------------------*/
/* Font face                                               */
/* --------------------------------------------------------*/
@font-face {
    font-family: 'DaysRegular';
    src: url('../fonts/days-webfont.eot');
    src: url('../fonts/days-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/days-webfont.woff') format('woff'),
         url('../fonts/days-webfont.ttf') format('truetype'),
         url('../fonts/days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* --------------------------------------------------------*/
/* Selection                                               */
/* --------------------------------------------------------*/
::selection {
	background: #24BAEC; 
	color: #fff;
	}
::-moz-selection {
	background: #24BAEC;
	color: #fff;
}
/* --------------------------------------------------------*/
/* PAGE ELEMENTS                                           */
/* --------------------------------------------------------*/
#page{
	width: 977px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -151px auto;
}
#container{
	background: #fff;
	width: 968px;
	height: 100%;
	float:left;
}
#shadow{
	width: 9px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url('../images/shadow.png') repeat-y;
	float:left;
}
/* --------------------------------------------------------*/
/* TOP			                                           */
/* --------------------------------------------------------*/
#top{
	height: 72px;
	width: 968px;
	float:left;
	clear:both;
}
#logo{
	float:left;
	margin: 18px 0px 0px 40px;
}
.menu{
	width: 500px;
	float:left;
	margin:37px 0px 0px 100px;
}
.menu a{
	color: #2c2036;
	font-family: 'DaysRegular';
	font-size: 14px;
	text-decoration: none;
	padding: 5px;
	background: #fff;
	margin: 0px 3px 0px 0px;
}
.menu a:hover,.menu a.current{
	color: #fff;
	background: #5d3d80;
}
#fontsize{
	float:left;
	text-align: right;
	width: 100px;
	margin:37px 0px 0px 0px;
}
#fontsize .small{
	font-size: 12px;
}
#fontsize .medium{
	font-size: 14px;
}
#fontsize .large{
	font-size: 16px;
}
/* --------------------------------------------------------*/
/* HEADER		                                           */
/* --------------------------------------------------------*/
#header{
	height: 133px;
	width: 968px;
	float:left;
	clear:both;
}
#header .register{
	position: absolute;
	margin: 30px 0px 0px 819px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #5d3d80;
	padding: 15px 21px 15px 21px;
	display: block;
	z-index: 99;
}
#header .register:hover{
	background: #82679a;
}
#header .slogan{
	position: absolute;
	margin: 10px 0px 0px 0px;
	background: url('../images/bgslogan.png');
	z-index: 999;
	padding: 10px 10px 10px 40px;
	width: 420px;
}
#header .slogan h2{
	
}
#header .slogan p{
	color: #000;
}

/* --------------------------------------------------------*/
/* BREADCRUMB	                                           */
/* --------------------------------------------------------*/
#breadcrumb{
	margin: 15px 0px 0px 40px;
}
#breadcrumb #first{
	color: #82679a;
	float:left;
	margin: 0px 10px 0px 0px;
}
#breadcrumb .seperator{
	float:left;
	margin: 0px 5px 0px 5px;
}
#breadcrumb a{
	float:left;
	color: #2c2036;
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #82679a;
	text-decoration: underline;
}
/* --------------------------------------------------------*/
/* CONTENT		                                           */
/* --------------------------------------------------------*/
#content{
	float:left;
	clear:both;
	padding: 0px 0px 151px 0px;
}
#content p{
	margin: 10px 0px 0px 0px;
}
#content li{
	margin: 10px 0px 0px 15px;
	list-style-type: disc;
}
#content.normal,#content.news{
	width: 895px;
	padding: 10px 40px 151px 40px;
}

#content .row{
	float:left;
	width: 181px;
	margin: 10px 60px 0px 0px;
}
#content .row .btn{
	height: 90px;
	background: #5d3d80;
	display: block;
}
#content .row .btn:hover{
	background: #82679a;
}
#content .row h1{
	margin: 10px 0px 0px 0px;
}
#content .row h3{
	margin: 0px 0px 0px 0px;
}
#content .row p{
	line-height: 18px;
	text-align: justify;
}
#content .first{
		margin: 10px 60px 0px 40px;
}
#content .last{
		margin: 10px 0px 0px 0px;
}
#content .line{
	width: 895px;
	height: 1px;
	background: #82679a;
	float:left;
	margin: 20px 0px 20px 40px;
}
#content #sub{
	padding: 0px 20px 0px 40px;
}
#content #sub h1{
	clear:both;
}
.normal img{
	height: 241px;
	float:right;
	margin: 0px 0px 10px 10px;
}
/* --------------------------------------------------------*/
/* register		                                           */
/* --------------------------------------------------------*/
#content form input{
	width: 400px;
	padding: 10px;
	font-size: 12px;
}
#content form .subbtn{
	width: 426px;
	background: #82679A;
	color: #fff;
	border: 0px solid black;
	cursor: pointer;
}
#content form .subbtn:hover{
	background: #2C2036;
}
#content form .huisnr{
	width: 150px;
}
#content form .straatnaam{
	width: 226px;
}
#content textarea{
	width: 400px;
	padding: 10px;
	font-size: 12px;
}
/* --------------------------------------------------------*/
/* News		                                           */
/* --------------------------------------------------------*/
#content .newsitem{
	width: 901px;
	float:left;
	clear:both;
	margin: 0px 0px 13px 0px;
	background: #82679A;
}
#content .newsitem .image{
	float:left;
	margin: 20px 0px 0px 0px;
}
#content .newsitem .info{
	float:left;
	width: 700px;
	margin: 20px 0px 0px 38px;
}
#content .newsitem .info h1{
	color: #fff;
}
#content .newsitem .info p{
	color: #fff;
}
#content .newsitem .more{
	float:left;
	clear:both;
	width: 100%;
}
#content .newsitem .more a{
	float:right;
	background: #5d3d80;
	height: 20px;
	width: 110px;
	color: #fff;
	padding: 10px 0px 0px 30px;
	text-decoration: none;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}
#content .newsitem .more a:hover{
	background: #2c2036;
}

/* --------------------------------------------------------*/
/* FOOTER		                                           */
/* --------------------------------------------------------*/
#footer, .push{	
	float:left;
	height: 151px;
}
#footer{
	width: 100%;
	background: #82679a;
	z-index: 999;
}
#footer .container{
	width: 977px;
	margin: 0 auto;
}
#footer .row{
	float:left;
	width: 181px;
	margin: 22px 60px 0px 0px;
}
#footer .first{
		margin: 22px 60px 0px 40px;
}
#footer .last{
		margin: 22px 0px 0px 0px;
}
#footer .row li{
	background: url('../images/footerdot.png') 0px 6px no-repeat;
	padding: 0px 0px 0px 10px;
	line-height: 18px;
	color: #fff;
}
#footer .row li a{
	color: #fff;
	text-decoration: none;
}
#footer .row li a:hover{
	text-decoration: underline;
}
#footer .slogan{
	float:left;
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	font-family: 'DaysRegular';
	color: #fff;
}
#footer #Sloganbtn{
	padding: 10px;
	text-align: center;
	background: #2c2036;
	color: #fff;
	line-height: 18px;
}
/* --------------------------------------------------------*/
/* SIZES		                                           */
/* --------------------------------------------------------*/
.medium h1 {font-size: 26px;}
.medium h2 {font-size: 20px;}
.medium h3 {font-size: 16px;}
.medium p {line-height: 22px;font-size: 14px;}
.medium a{font-size: 14px;}
.medium span#first{font-size: 14px;}
.medium #footer #Sloganbtn{font-size: 14px;}
.medium #content form input{font-size: 14px;}
.medium #content textarea{font-size: 14px;}
.medium #header .slogan{	width: 650px;}

.large h1 {font-size: 28px;}
.large h2 {font-size: 22px;}
.large h3 {font-size: 17px;}
.large p {line-height: 24px;font-size: 16px;}
.large a{font-size: 16px;}
.large span#first{font-size: 16px;}
.large #footer #Sloganbtn{font-size: 16px;}
.large #content form input{font-size: 16px;}
.large #content textarea{font-size: 16px;}
.large #header .slogan{	width: 650px;}