/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
span, div,
h1, h2, h3, h4, h5, h6,
a, p,
img,
ul, ol, li
{ margin: 0; padding: 0; }
h2 {}
h3 {}
h4 {}
p { margin-bottom: 10px; }
img { border: none; }
.hidden { display: none; }
.clear { clear: both; height: 0; }
html { font: 62.5%/170% Verdana, Arial, Helvetica, sans-serif; }
body { font-size: 1.1em;  }

.overflow { overflow: hidden; }

/*
#################
#	LAY-OUT		#
#################
*/
h1#logo { text-indent: -9999px; }

/*VOORPAGINA*/
html#frontPage {
	background: url(/img/bg.gif);
}

html#frontPage h1#logo {
	position: relative;
	height: 147px;
	margin: 0;
	background: #fff url(/img/frontpage/frontLogo.gif) center 16px no-repeat;
}

div#frontLinks {
	position: absolute;
	left: 0;
	width: 50%;
	height: 340px;
	background: #fff url(/img/frontpage/bg_frontLinks.gif) repeat-x 0 34px;
}

div#frontRechts {
	position: absolute;
	width: 50%;
	right: 0;
	height: 340px;
	background: #fff url(/img/frontpage/bg_frontRechts.gif) repeat-x 0 103px;
}

div#frontContent {
	position: absolute;
	width: 791px;
	left: 50%;
	margin: 34px 0 0 -395px;
	background: url(/img/frontpage/bg_frontContent.jpg) no-repeat;
	z-index: 1;
}

div#border {
	position: absolute;
	width: 100%;
	height: 33px;
	margin-top: 298px;
	background: url(/img/frontpage/bg_border.gif) repeat-x;
}

div#gewonnen {
	margin: 350px 0 40px;
	text-align: center;
}

div#gewonnen a { color: #004D99; }
div#gewonnen a:hover,
div#gewonnen a:focus { text-decoration: none; }

/*HOOFDPAGINA */
h1#logo {
	position: absolute;
	margin: 37px 0 0 37px;
}

h1#logo a {
	display: block;
	width: 133px;
	height: 85px;
	background: url(/img/logo.png);
}

div#container {
	margin: auto;
	width: 819px;
}

div#header { height: 209px; }

div#topMenu { text-align: right; padding: 3px 16px 0 0 }
div#topMenu a { color: #999; font-weight: bold; text-decoration: none; }
div#topMenu a:hover { text-decoration: underline; }
img.seperator { padding: 0 4px }

a#vraag-aan { float: right; margin: 8px 28px 0 0;}

div#contentContainer {
	margin-left: 14px;
	background: repeat-y;
}

div#kolomLinks {
	float: left;
	width: 179px;
	margin-right: 1px;
	padding: 12px 0 0 32px;
	min-height: 536px;
	background: no-repeat;
}

div#kolomLinks h3 {
	color: #fff;
	font-size: 1.1em;
	margin: .6em 0;
}

div#content {
	float: left;
	width: 534px;
	padding: 35px 20px 2em 25px;
	font-size: .9em;
	background: url(/img/bg_content.gif) repeat-x;
}

p.afbeelding { text-align: center; margin: 1em 0; }
p.afbeelding img { padding: 2em; }

div#content h2 { font-size: 1.4em; margin-bottom: 1.8em }
div#content h3 { font-size: 1.1em }
div#content a { font-weight: bold; text-decoration: none; }
div#content a:hover { text-decoration: underline; }
div#content p.center { text-align: center; }

div.nieuws { height: 1%; clear: both; padding-bottom: 1.8em; margin-bottom: 1.8em; background: no-repeat bottom center; overflow: hidden }
img.foto-rechts { float: right; margin-left: 16px; }
img.foto-links { float: left; margin-right: 16px; }
div.nieuwsinhoud { width: 320px; }
div.inhoud-links { float: left; }
div.inhoud-rechts { float: right; }
div#datum { text-align: right; margin-top: -20px; margin-bottom: 20px; }

html#subPaars div#content a.leesverder,
html#subGroen div#content a.leesverder,
html#subRoze div#content a.leesverder {
	clear: both;
	color: #000;
	text-decoration: underline;
}

html#subPaars div#content a.leesverder:hover,
html#subGroen div#content a.leesverder:hover,
html#subRoze div#content a.leesverder:hover {
	text-decoration: none;
}

/* SUBPAGINA PAARS */
html { background: url(/img/bg_containerPaars.gif) repeat-y top center }
html div#header { background-image: url(/img/bg_headerPaars.jpg) }
html div#kolomLinks { background-image: url(/img/bg_kolomLinksPaars.jpg); }

html div#content p.intro { color: #660066; }
html div#content a { color: #660066; }
html div#content h2 { color: #660066; }

p.verstuurd {
	margin-top: 4em;
	padding: .8em;
	text-align: center;
	border: 4px solid #7C287C;
}

ul.errors {
	list-style: disc;
	padding-left: 1em;
	border: 4px solid #7C287C;
}

ul.errors li {
	margin-left: 1em;
}

p.melding {
	margin: 1em 0;
	padding: .3em;
	text-align: center;
	border: 4px solid #7C287C;
	clear: both;
}

html div.nieuws { background-image: url(/img/bg_borderPaars.gif); }

/* SUBPAGINA GROEN */
html#subGroen { background: url(/img/bg_containerGroen.gif) repeat-y top center }
html#subGroen div#header { background-image: url(/img/bg_headerGroen.jpg) }
html#subGroen div#kolomLinks { background-image: url(/img/bg_kolomLinksGroen.jpg); }

html#subGroen div#content p.intro,
html#subGroen div#content a,
html#subGroen div#content h2
{
	color: #74b407;
}

html#subGroen div.nieuws { background-image: url(/img/bg_borderGroen.gif); }

html#subGroen ul.errors,
html#subGroen p.verstuurd {
	border-color: #AAC900;
}

/* SUBPAGINA ROZE  */
html#subRoze { background: url(/img/bg_containerRoze.gif) repeat-y top center }
html#subRoze div#header { background-image: url(/img/bg_headerRoze.jpg) }
html#subRoze div#kolomLinks { background-image: url(/img/bg_kolomLinksRoze.jpg); }

html#subRoze div#content p.intro,
html#subRoze div#content a,
html#subRoze div#content h2
{
	color: #d322a7;
}

html#subRoze div.nieuws { background-image: url(/img/bg_borderRoze.gif); }

html#subRoze ul.errors,
html#subRoze p.verstuurd {
	border-color: #D83DAA;
}

/*
#########################
#	MENU'S & LIJSTEN	#
#########################

ALGEMEEN */
ul { padding: 1em; margin: 0 0 0 2em; }

/* FRONTMENU */
div#frontContent ul {
	list-style: none;
	margin: 54px 0 0 0;
	padding: 0;
}

div#frontContent ul li {
	float: left;
	display: block;
	width: 263px;
	height: 242px;
}

div#frontContent ul li a.textwriter {
	margin-top: 6px;
	display: block;
	height: 17px;
	padding-top: 7px;
	color: #fff;
	text-align: center;
}

div#frontContent ul li#linkPaars a.textwriter { background-image: url(/img/bg_linkPaars.gif); }
div#frontContent ul li#linkGroen a.textwriter { background-image: url(/img/bg_linkGroen.gif); }
div#frontContent ul li#linkRoze a.textwriter { background-image: url(/img/bg_linkRoze.gif); }

div#frontContent ul li a.textwriter:hover { background-position: bottom left; }

/* CATEGORIE_MENU */
ul#categorie-menu {
	list-style: none;
	margin: 5px 0 0 320px;
	padding: 0;
	background: red;
}
ul#categorie-menu li { float: left; }
ul#categorie-menu li a {
	display: block;
	height: 17px;
	text-align: center;
	padding-top: 7px;
}

ul#categorie-menu li#linkPaars a { width: 138px; text-align: left; }
ul#categorie-menu li#linkPaars a:hover { background: url(/img/bg_linkPaars.gif) repeat-x bottom left; }

ul#categorie-menu li#linkGroen a { width: 173px; }
ul#categorie-menu li#linkGroen a:hover { background: url(/img/bg_linkGroen.gif) repeat-x bottom left; }

ul#categorie-menu li#linkRoze a { width: 174px; }
ul#categorie-menu li#linkRoze a:hover { background: url(/img/bg_linkRoze.gif) repeat-x bottom left; }

/* HOOFDMENU */
ul#mainMenu {
	list-style: none;
	margin-left: 14px;
	padding: 0;
	width: 791px;
	overflow: hidden;
	border-top: 1px solid #a49f9f;
	border-bottom: 1px solid #fff;
}

ul#mainMenu li {
	float: left;
}

ul#mainMenu li a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px;
	background: url(/img/mainMenu/seperator.gif) no-repeat right;
}

html ul#mainMenu { background: url(/img/mainMenu/paars.gif); }
html ul#mainMenu li a:hover,
html ul#mainMenu li a.active { color: #e2b3e2; }

html#subGroen ul#mainMenu { background: url(/img/mainMenu/groen.gif); }
html#subGroen ul#mainMenu li a:hover,
html#subGroen ul#mainMenu li a.active { color: #e2eccd; }

html#subRoze ul#mainMenu { background: url(/img/mainMenu/roze.gif); }
html#subRoze ul#mainMenu li a:hover,
html#subRoze ul#mainMenu li a.active { color: #e8a6d8; }

/* MENU IN DE LINKERKOLOM */
div#kolomLinks ul {
	color: #fff;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

div#kolomLinks ul li ul { list-style: disc; }

div#kolomLinks ul li { padding: .5em 0; }

div#kolomLinks ul li a {
	color: #fff;
	text-decoration: none;
}

div#kolomLinks ul li a.active,
div#kolomLinks ul li a:hover { text-decoration: underline; }

/* ALFABETLIJST VOOR RASVERENIGINGEN */
ol#alfabet { width: 100%; clear: both; list-style: none; margin-top: 16px }
ol#alfabet li { float: left; padding: 0 6px }
ol#alfabet li.titel { float: none; clear: left; }

/*
#####################
#	FORMULIEREN		#
#####################
*/
form fieldset { border: none; padding: 0; }
form ul { padding: 0; margin: 0; list-style: none }
form li { margin: 4px 0; }
form label { display: block; float: left; width: 175px; clear: left; font-weight: bold; }
form input { width: 200px; }
form textarea { width: 200px; overflow: auto }
form input.submit { width: auto; }
form input.radio { width: auto; }
fieldset.radiogrouper label {
	font-weight: normal;
	display: inline;
	float: none;
}

/* ZOEK RASVERENIGING */
form#zoekvereniging { padding: .8em 0 }
form#zoekvereniging fieldset { border: 1px solid gray; padding: .8em }
form#zoekvereniging ol {
	list-style: none;
}

form#zoekvereniging { margin-top: 16px; }
form#zoekvereniging ol li { float: left; }
form#zoekvereniging ol li.titel { float: none; clear: both; }
form#zoekvereniging input { float: left; margin-top: 2px; width: 300px  }
form#zoekvereniging input.submit { width: 180px; margin: 0  0 0 25px }

/* ACTIECODES */
form.actiecodes {
	overflow: hidden;
	height: 1%;
	clear: both;
	margin: 3em 0 1em 0;
	padding: 0;
}

form.actiecodes fieldset {
	padding: 12px;
	border: 1px solid #7C287C;
}

form.actiecodes ol,
form.actiecodes ul { list-style: none; }

form.actiecodes input.submit {
	width: 125px;
	margin: 8px 0 0 252px;
	padding: .4em 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	border: none;
	background: #7C287C;
}

/*
#####################
#	TABELLEN		#
#####################
*/
table#resultaten { clear: both; margin-top: 16px; width: 100%; }
table#resultaten td { padding: 4px; }
table#resultaten thead td { background: #660066; color: #fff; }
table#resultaten tbody td { border-bottom: 1px solid #fff; background: #F8EFFF }
table#resultaten td.ras { background: #e9d1e9; }

/* INLOGFORMULIER */
form#inloggen { margin: 16px 0 32px 0; }

form#inloggen fieldset,
form#requestpass fieldset { border: 1px solid gray; padding: 8px; }

fieldset.wachtwoord-aanvragen { border: 1px solid gray; padding: 8px; }

/* LIJST MET FORMULIERFOUTMELDINGEN */
ul#errors {
	margin: 16px 0;
	padding: 8px;
	border: 4px solid purple;
}

ul#errors li { margin-left: 20px; }