/* Redefine Html-tags */
* {
	margin:0;
	padding:0;
}
BODY, HTML {
	height: 100%;
	width: 100%;
}
BODY {
	background:#EEE url(../images/layout/body.bg.gif) 50% repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
H1 {
	color:%KLEUR1%;
	line-height:25px;
	font-size:14px;
}
H2 {
	font-size:12px;
	color:%KLEUR1%;
}
A:LINK, A:VISITED {
	text-decoration:none;
	color:%KLEUR1%;
}
A:HOVER {
	text-decoration:underline;
}


/* Classes */
.clear {
	clear:both;
}
.cmsTitle {
	font-size:18px;
	margin:0 0 20px 0;
}

.error {
	background: #9F2A57;
	color:#FFF;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}


/* Container */
#container {
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto 0 auto;
}
HTML > BODY #container {
	height:auto;
}


/* Elements in container */
#boxLeft {
	width:666px;
	float:left;
}
#boxRight {
	width:234px;
	float:left;
}


/* Elements in boxLeft */
#header {
	width:666px;
	height:92px;
	background:%KLEUR1%;
	margin:8px 0 0 0;
}
#leftColumn {
	width:200px;
	float:left;
}
#leftColumn UL {
	list-style-type:none;
}
#rightColumn {
	width:416px;
	background:#FFF;
	padding:15px 25px 25px 25px;
	float:left;
}


/* Elements in leftColumn */
#spacer {
	width:110px;
	float:right;
}
#topmenu {
	width:70px;
	background:#FFF;
	padding:5px 10px 5px 10px;
	margin:0 0 0 110px;
}
#navigation {
	width:200px;
	background:#FFF;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	margin:5px 0 0 0;
	border-top:1px solid %KLEUR2%;
}
#navigation IMG {
	float:right;
	margin:6px 0 0 0;
}
#navigation LI {
	float:left;
	width:200px;
}
#navigation UL A:LINK, #navigation UL A:VISITED {
	background-color:#FFF;
	display:block;
	border-bottom:1px solid %KLEUR2%;
	padding:2px 5px 2px 5px;
}
#navigation UL UL A:LINK, #navigation UL UL A:VISITED {
	background-color:#E8E8E8;
	padding:2px 5px 2px 10px;
}
#navigation UL UL UL A:LINK, #navigation UL UL UL A:VISITED {
	background-color:#D8D8D8;
	padding:2px 5px 2px 15px;
}
#navigation UL UL UL UL A:LINK, #navigation UL UL UL UL A:VISITED {
	background-color:#C8C8C8;
	padding:2px 5px 2px 20px;
}
#navigation UL A:HOVER, #navigation UL UL A:HOVER, #navigation UL UL UL A:HOVER, #navigation UL UL UL UL A:HOVER {
	background-color:%KLEUR1%;
	text-decoration:none;
	color:#FFFFFF;
}
#leftColumn #navigation UL A.active, #leftColumn #navigation  UL UL A.active, #leftColumn #navigation  UL UL UL A.active, #leftColumn #navigation  UL UL UL UL A.active {
	background-color:%KLEUR1%;
	color:#FFFFFF;
}


/* Elements in rightColumn */
#cmsContent1 {
	width:416px;
}
#cmsContent1 UL {
	padding-left:20px;
}
#cmsContent1 A:LINK, #cmsContent1 A:VISITED {
	text-decoration:underline;
}
#cmsContent1 A:HOVER {
	text-decoration:none;
}


/* Elements in boxRight */
#search {
	width:234px;
	height:47px;
	background: url(../images/Layout/bg-zoeken.jpg) no-repeat;
	border-bottom:5px solid #FFF;
}
#search FORM {
	padding:15px 0px 0px 10px;
}
#search INPUT {
	font-size:11px;
	color:#636363;
	float:left;
	border:1px solid #757575;
}
#search INPUT.textfield {
	width:99px;
	height:14px;
	padding:3px;
}
#search INPUT.btn {
	background:#e7e7e7;
	width:50px;
	height:22px;
	margin:0px 0px 0px 5px;
}
#search INPUT.btn:HOVER {
	cursor:pointer;
}
#cmsContent2 {
	width:214px;
	background:#FFF;
	padding:10px 10px 15px 10px;
}
#showcase {
}
#cmsImage1 {
}
#cmsImage2 {
	margin:25px 0 0 0;
	padding:25px 0 0 0;
	border-top:5px solid #FFF;
}
#cmsImage1 IMG, #cmsImage2 IMG {
	width:234px;
}
#cmsContent3 {
	width:214px;
	background:#FDEFD5;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	padding:10px;
}


/* Form */
#reqImg IMG, #contactForm IMG {
	display:inline;
}
#contactForm INPUT, #contactForm TEXTAREA, #contactForm SELECT {  
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
}
#contactForm INPUT.submit:HOVER {
	cursor:pointer;
	background:%KLEUR1%;
	color:#FFFFFF;
}
#contactForm FIELDSET {  
	margin: 1.5em 0 0 0;  
	border: none;
}
#contactForm FIELDSET LEGEND {  
	font-weight:bold;
	color:#2D7F03;
	text-decoration:underline;
}
#contactForm FIELDSET OL {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}
#contactForm FIELDSET LI {  
	padding-bottom: 0.5em;
}
#contactForm INPUT.submit {  
	background-color:#DFDFD9;
	width:75px;
}
#contactForm LABEL { 
	position: relative;
	float: left;  
	width: 9em;  
	margin-right: 0.5em;
}
#contactForm LABEL EM {  
	position: absolute;  
	left: 8.5em;  
	top: 4px;
}
/* logout */

#logout {

	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:#FFFFFF;

}
/* Back-end algemeen */

#opties {

 	margin-top:110px;
}

.backEndTitle{
	color:#9F2A57;
	font-size:12px;
	font-weight:bold;
	padding-bottom:15px;
}

#opties #navigationRight {
	width:234px;
	background-color:#FFFFFF;
	margin:5px 0 0 0;
	border-top:1px solid %KLEUR2%;
}


#opties #navigationRight LI {
	background-color:#FFFFFF;
	float:left;
	width:234px;
}

#opties #navigationRight UL {
	background-color:#FFFFFF;
	float:left;
	width:234px;
	list-style:none;
}

#opties #navigationRight UL A:LINK, #navigationRight UL A:VISITED {
	background-color:#FFFFFF;
	display:block;
	border-bottom:1px solid %KLEUR2%;
	padding:2px 5px 2px 5px;
	
}

#opties #navigationRight UL A:HOVER {
	background-color:%KLEUR1%;
	text-decoration:none;
	color:#FFFFFF;
}

#opties  #navigationRight UL A.active{
	background-color:%KLEUR1%;
	color:#FFFFFF;
}

/* Agenda  */

#dateChooser {
	background:#FFFFFF;
	border:#FFCC00 2px solid;
}

#dateChooser TABLE {
	margin:10px auto 10px auto;
}

#dateChooser TABLE A {
	color:#FF9900;
	text-decoration:underline;
}

#dateChooser TABLE A:HOVER {
	color:#CCCCCC;
}

#dateChooser TH{
	color:#9F2A57
	padding:3px 3px 3px 3px;
}

#dateChooser TH A{
	text-decoration:none;
}

#dateChooser TD {

	text-align:right;
	padding:3px 3px 3px 3px;
}

#dateChooser .agendaVandaag {
	background-color:#FF9900;
	color:#FFFFFF;
}


#dateChooser .agendaVandaag A {
	color:#FFFFFF;	
}

#agendaZoeken {
	
	
}

#agendaZoeken INPUT{  
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
}

#agendaZoeken FORM {
	padding:15px 0px 0px 10px;
}
#agendaZoeken INPUT {
	font-size:11px;
	color:#636363;
	float:left;
	border:1px solid #757575;
}
#agendaZoeken INPUT.textfield {
	width:99px;
	height:14px;
	padding:3px;
}
#agendaZoeken INPUT.btn {
	background:#e7e7e7;
	width:50px;
	height:22px;
	margin:0px 0px 0px 5px;
}
#agendaZoeken INPUT.btn:HOVER {
	cursor:pointer;
	background-color:%KLEUR1%;
	color:#FFFFFF;
}

#agendaDetail .onderwerp {
	color:#9F2A57;
	font-weight:bold;
}

#agendaDetail HR {
	margin-top:15px;
	margin-bottom:15px;
	border:#CCCCCC 1px solid;	
}

/* Profiel */

#profielFoto {
	float:right;
	border:1px solid #CCCCCC;
}

#profielTekstVeld {
	padding-top:10px;
}

#profiel .title {
	color:#9F2A57;
	vertical-align:top;
}

.profielForm INPUT, .profielForm TEXTAREA, .profielForm SELECT {  
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
}

.profielForm INPUT.btn:HOVER {
	cursor:pointer;
	background:%KLEUR1%;
	color:#FFFFFF;
}

.profielForm .noBorder {
	border:none;
}

/* Ledenbrowser */

#browseMenu{
	margin-top:40px;
	padding:10px;
}

#browseMenu hr{
	margin-top:30px;
	border:#FFFFFF solid 1px;
	
}

.browseOption {
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
	width:210px;
	margin-top:10px;	

}

#ledenZoeken {
	margin-top:30px;
	
}

#ledenZoeken INPUT{  
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
}

#ledenZoeken FORM {
	padding:15px 0px 0px 10px;
}
#ledenZoeken INPUT {
	font-size:11px;
	color:#636363;
	float:left;
	border:1px solid #757575;
}
#ledenZoeken INPUT.textfield {
	width:140px;
	height:14px;
	padding:3px;
}
#ledenZoeken INPUT.btn {
	background:#e7e7e7;
	width:50px;
	height:22px;
	margin:0px 0px 0px 5px;
}
#ledenZoeken INPUT.btn:HOVER {
	cursor:pointer;
	background-color:%KLEUR1%;
	color:#FFFFFF;
}

.lid {
	margin-bottom:25px;
	border-bottom:#CCCCCC solid 1px;
	padding-bottom:25px;

}

.lid .title {
	color:%KLEUR1%;

}

.ledenFoto{
	float:left;
	height:105px;
	width:105px;
	border:1px #CCCCCC solid;
	margin-right:20px;	
}

.pageBrowseTop{
	border-bottom:1px #CCCCCC solid;
	margin-bottom:20px;
}

#zoekwoord {
	color:%KLEUR1%;
	font-weight:bold;
}

/* Forum */

.forumBox  {
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
}

.forumBox .quoter {
	color:%KLEUR1%
}

.forumBox .reactie {
	color:#999999;
	padding:5px;
}

.forumBox TD {
	border:#CCCCCC 1px solid;
	vertical-align:text-top;
	padding:5px 10px 5px 10px;
}

.forumTitleBar {
	background-color:%KLEUR1%;
	color:#FFFFFF;
	
}


#forumTopicTitleBar {
	background-color:%KLEUR1%;
	
	color:#FFFFFF;
}

#forumZoeken {
	margin-top:90px;
	margin-left:10px;
	margin-right:10px;
}

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

#forumZoeken INPUT {
	font-size:11px;
	color:#636363;
	border:1px solid #757575;
}

#forumZoeken .select {
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
	width:210px;
	margin-top:10px;
}

#forumZoeken .textfield {
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
	width:210px;
	margin-top:10px;	

}

#forumZoeken INPUT.btn {
	background:#e7e7e7;
	width:50px;
	height:22px;
	margin:10px 0px 0px 0px;
}
#forumZoeken INPUT.btn:HOVER {
	cursor:pointer;
	background-color:%KLEUR1%;
	color:#FFFFFF;
}

#forumContact{
	clear:both;
	margin-top:15px;
	
}

#forum  .textfield {
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
	width:210px;
	margin-top:10px;	

}

#forum INPUT, #contactForm TEXTAREA, #contactForm SELECT {  
	padding:2px;
	font-size:11px;
	border:1px solid %KLEUR1%;
}
#forum INPUT.btn:HOVER {
	cursor:pointer;
	background:%KLEUR1%;
	color:#FFFFFF;
}


/* Downloads */

#dms .title{
	color:%KLEUR1%;
}

#dms .noBorder{
	border:none;
}

#dms .download {
	padding:0;
	margin:0;
	text-align:center;
	
}


#dms .download A{
	background-color:%KLEUR1%;
	color:#FFFFFF;
	display:block;
	padding:5px;
	margin:0;
	font-weight:bold;
	text-decoration:none;
}

#dms .download A:HOVER{
	background-color:#CCCCCC;
}


#dmsTable{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

#dmsTable TD {
	border:#CCCCCC 1px solid;
	vertical-align:text-top;
	padding:5px 10px 5px 10px;
}

#dmsTable  .top {
	background-color:%KLEUR1%;
	color:#FFFFFF;
}