/* -------------------------------------------------------------------------
	Reset
*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

html { height:100%; }

body {
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	background: #011d3d url(../images/bg-gradient.gif) repeat-x top;
	font: normal 12px/16px Arial, Helvetica, sans-serif, Lucida Calligraphy;
	color: black;
	text-align: center;	
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #013f86;
}

h1 {
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 2px;
	font-weight: bold;
}

h2 {
	font-size: 16px;
	line-height: 23px;
}

h3 {
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 18px;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	color: #FFFFFF;
}

a, 
a:hover,
a:visited,
a:active,
a:focus {
	color: #215198;
	text-decoration: underline;
}

ul,
ol {
	list-style-type: none;
	list-style-position: outside;
}

td { vertical-align: top; }

img,
a img { border: none; text-decoration: none }

form {
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: 11px;	
	color: black;
	border: 1px solid #404040;
}

option {
	padding-left: 3px;
}

small { font-size: 10px; }

/* ------------------------------------------------------------------------- 
	Container
*/
.rightside {
	background: url(../images/bg-right.png) no-repeat top left;	
}
.frame {
	width: 960px;		
}
.leftcontainer {
	width: 211px;
	height: 804px;
	margin: 0 auto; 
	padding: 0;
	text-align: left;
	background: #78a010 url(../images/bg-leftcolumn.png) no-repeat top left;
}
.rightcontainer {
	width: 749px;
	height: 100%;
	margin: 0 auto; 
	padding: 0;
	text-align: left;
}
.leftcontainer .logo {
	margin-left: 35px;
}

/* ------------------------------------------------------------------------- 
	Content
*/

#content {
	float: right;
	width: 749px;
}

#content table {
	width: 749px;
	height: 507px;
}

#content table .top {
	width: 749px;
	height: 477px;
	padding-top: 20px;
	padding-left: 20px;
	background: url(../images/bg-content.gif) no-repeat top left;
}

#content table .top p {
	width: 640px;	
}

#content table .bottom {
	width: 749px;
	height: 30px;
	background: url(../images/bg-content-bottom.jpg) no-repeat top left;
}

#footer {
	width: 749px;
	height: 40px;
	background: url(../images/bg-footer.gif) no-repeat top left;
}

#footer ul {
	margin-left: 16px;	
}

#footer li {
	float: left;
	margin-right: 12px;
	margin-top: 10px;
	height: 27px;
	color: #FFFFFF;
	font-size: 11px;
}

#footer li a {
	color: #d90c74 !important;
}

#footer li.sep { padding-top: 2px; }


/* ------------------------------------------------------------------------- 
	Header
*/

#header {
	width: 749px;
	height: 201px;
	background: url(../images/header.jpg) no-repeat top left;
}

#aanmelden {
	width: 102px;
	height: 103px;
	margin-left: 350px;
	padding-top: 60px;
}

#seperator {
	width: 749px;
	height: 29px;
	float: left;
	background: url(../images/bg-seperator.jpg) no-repeat top left;
}

#nav {
	width: 749px;
	height: 27px; 
	float: left;
	margin: 0;
	padding:0;
	list-style: none;
	text-transform: uppercase;
	background: url(../images/bg-nav.jpg) no-repeat top left;
}

#nav #top { margin-left: 20px; }

#nav #top .sep { padding-top: 6px; }

#nav #top li {
	float: left;
	margin-right: 18px;
	height: 27px;
}

#nav #top a {
	float: left;
	display: block;
	font-size: 13px;
	height: 21px;
	padding-top: 5px;
	text-decoration: none;
	color: white;
	text-transform: none !important;
}	

#nav #top a:hover {
	color: #e72f6d !important;
}

.agenda {
	width: 150px;
	margin-left: 45px;
	margin-top: 20px;
}

.agenda span.date {
	font-size: 12px;
	width: 140px;
	color: #FFFFFF;
	font-size: 12px;
}

.agenda p {
	font-size: 11px;
	width: 140px;
	margin-bottom: 0px;
}

.agenda img {
	margin-bottom: 5px;
}

.newsletter {
	width: 150px;
	margin-left: 45px;
	margin-top: 20px;
}

.newsletter input {
	width: 135px;
	height: 18px;
	border: none;
	padding: 3px 0px 0px 3px;
	background: url(../images/bg-input.gif) no-repeat;
}

.newsletter div {
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 5px;
}

.newsletter a {
	float: right;
	margin-right: 14px;
	margin-top: 7px;
}

/* -------------------------------------------------------------------------
	Style 
*/

.white,
.white a,
.white a:link,
.white a:active,
.white a:focus,
.white a:visited { color: white !important; }

.black,
.black a,
.black a:link,
.black a:active,
.black a:focus,
.black a:visited { color: black !important; }

.pink,
.pink a,
.pink a:link,
.pink a:active,
.pink a:focus,
.pink a:visited { color: #d90c74 !important; }

.txt-uppercase { text-transform:uppercase !important; }
.txt-no-uppercase { text-transform: none !important; }
.txt-underline { text-decoration: underline !important; }
.txt-no-underline { text-decoration: none !important; }
.txt-right { text-align: right !important; }
.txt-left { text-align: left !important; }
.txt-center { text-align: center !important; }

.line-height-20px {
	line-height: 20px;
}
/* -------------------------------------------------------------------------
	Padding and margins
*/
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }

/* -------------------------------------------------------------------------
	Helpers
*/

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.no-margins { margin: 0 !important; }
.no-right-margin{ margin-right: 0;}
.no-paddings { padding: 0 !important; }
.no-bg { background: none !important; }
.no-border { border: none !important; }