/***********************************************************************

Author:     Arno Hoogma
URL:        http://www.4rn0.nl/

***********************************************************************/


/*	default
-------------------------------------------------------------------- */
html, body, form, fieldset {
	color: #004f9d;
	font: 100%/125% Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

h1, h2, h3 {
	font-size: 120%;
}

h4, h5, h6 {
	font-size: 100%;
}

hr {
	clear: left;
	height: 0;
	margin: 0;
	visibility: hidden;
}

fieldset {
	border: none;
}

legend {
	display: none;
}


/*	= structural
-------------------------------------------------------------------- */
div#container {
	background-color: #009ee0;
	padding: 10px 10px 20px;
	position: relative;
}

div#container h1 {
	color: #FFF;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 190%;
	margin: 20px 0 10px 20px;
}

div#container h2 {
	color: #000;
	font-size: 120%;
	margin: 0 0 1.0em 20px;
}

div#container p {
	padding: 0 20px;
}

ul#navigation {
	float: right;
	list-style: none;
	margin: -2.5em 20px 1.0em 0;
}

ul#navigation li {
	float: left;
	margin: 0 0.5em 0 0;
}

ul#navigation li a {
	font-weight: bold;
}

body.wat ul#navigation a#wat,
body.wie ul#navigation a#wie,
body.hoe ul#navigation a#hoe {
	text-decoration: underline;
}

div#container dl {
	float: left;
	margin: 1.0em 20px 0 0;
}

div#container dt {
	color: #004f9d;
	font-size: 18px;
	margin: 0 0 10px 20px;
}

div#container dd {
	margin: 0;
}

dd.info {
	font-size: 90%;
	margin: -10px 0 0;
	padding: 0 0 1.0em 20px;
}

dd.info p {
	padding: 0;
	margin: 0;
}

dd.tags {
	background-position: center center;
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Times, Arial, Helvetica, sans-serif;
	margin: 0 0 1.0em;
	min-height: 225px;
	padding: 10px;
	text-align: center;
	width: 225px;
}

dd.tags ul {
	list-style: none;
	margin: 0;
}

dd.v01 {
	background-image: url(../layout/bg.cloud.01.gif);
}

dd.v02,
dd.v04 {
	background-image: url(../layout/bg.cloud.02.gif);
}

dd.v03 {
	background-image: url(../layout/bg.cloud.03.gif);
}

dd.tags li {
	display: inline;
	margin: 0;
}

dd.tags li a {
	font-weight: bold;
	line-height: 150%;
	overflow: visible;
	padding: 0 0.5em 0 1.5em;
	position: relative;
}

dd.tags li a:hover {
	text-decoration: none;
}

dd.tags li strong {
	position: absolute;
	top: -9999px;
}

/* TODO: smallscreen form version */
div#container dd form {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 255px;
}

div#container dd form fieldset {
	padding: 0 5px 0 0;
}

div#container dd form fieldset.loading {
	background: url(../layout/bg.loading.gif) no-repeat right 2px;
}

input.tag,
input#email {
	border: 1px solid #004f9d;
	padding: 1px;
}

input.tag {
	width: 150px;
}

select.tag {
	min-width: 150px;
}


div#container dd form span input.error {
	border: 1px solid red !important;
	color: red;
}


/*	= beta
-------------------------------------------------------------------- */
body.beta div#container {
	background-image: url(../layout/bg.footer.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 10px 10px 75px;
}

body.beta h1 a#beta {
	text-decoration: underline;
}

body.beta form {
	padding: 0 0 0 20px;
}

div#beta {
	background-image: url(../layout/bg.footer.gif);
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	padding: 70px 20px 20px;
	position: relative;
}

div#beta h3 {
	color: #000;
	font-family: Times, Arial, Helvetica, sans-serif;
	margin: 0;
}

div#beta p {
	color: #000;
	margin: 0;
}

div#beta a {
	color: #004f9d;
}

div#beta ul {
	list-style: none;
	margin: 0;
	position: absolute;
	right: 20px;
	top: 70px;
}

div#beta ul li {
	margin: 0;
}


/*	= google, woord van 2006, paaspop 2007
-------------------------------------------------------------------- */
dl.cmd dd fieldset,
dl.google dd fieldset,
dl.woord-van-2006 dd fieldset,
dl.paaspop2007zaterdagvoor dd fieldset,
dl.paaspop2007zaterdagna dd fieldset,
dl.paaspop2007zondagvoor dd fieldset,
dl.paaspop2007zondagna dd fieldset {
	text-align: center;
	width: 420px;
}

dl.cmd dd.tags,
dl.cmd dd form,

dl.google dd.tags,
dl.google dd form,
dl.woord-van-2006 dd.tags,
dl.woord-van-2006 dd form,
dl.paaspop2007zaterdagvoor dd.tags,
dl.paaspop2007zaterdagvoor dd form,
dl.paaspop2007zaterdagna dd.tags,
dl.paaspop2007zaterdagna dd form,
dl.paaspop2007zondagvoor dd.tags,
dl.paaspop2007zondagvoor dd form,
dl.paaspop2007zondagna dd.tags,
dl.paaspop2007zondagna dd form {
	width: 400px;
}

dl.cmd dd form span,

dl.google dd form span,
dl.woord-van-2006 dd form span,
dl.paaspop2007zaterdagvoor dd form span,
dl.paaspop2007zaterdagna dd form span,
dl.paaspop2007zondagvoor dd form span,
dl.paaspop2007zondagna dd form span {
	display: block;
	text-align: center;
	width: 420px;
}


/*	= at
-------------------------------------------------------------------- */
dl.audiotransparant dd fieldset {
	text-align: center;
	width: 520px;
}

dl.audiotransparant dd.tags,
dl.audiotransparant dd form {
	width: 500px;
}

dl.audiotransparant dd form span {
	display: block;
	text-align: center;
	width: 520px;
}


/*	= noorderslag 2007
-------------------------------------------------------------------- */
dl.tonights-pick dd form em {
	display: block;
	position: relative;
	width: 320px;
	z-index: 1;
}

dl.tonights-pick select {
	width: 150px;
}

dl.tonights-pick dd.tags,
dl.yesterdays-hip dd.tags {
	min-height: 300px;
	width: 300px;
}


/*	= deranda en bert
-------------------------------------------------------------------- */
body.deranda-en-bert div#container {
	background-color: #E68BB5;
}

body.deranda-en-bert div#container dt {
	color: #fff;
}

body.deranda-en-bert div#beta {
	background-image: url(../layout/bg.footer.deranda-en-bert.gif);
}

body.deranda-en-bert div#beta a {
	color: #E68BB5;
}

body.deranda-en-bert dd.v01 {
	background-image: url(../layout/bg.cloud.deranda-en-bert.gif);
}

body.deranda-en-bert div#container dd form fieldset.loading {
	background: url(../layout/bg.loading.deranda-en-bert.gif) no-repeat right 2px;
}

body.deranda-en-bert input.tag {
	border: 1px solid #E68BB5;
}

body.haygroup-demo div#container dt {
	width: 225px;
}


/*	= lte IE6
-------------------------------------------------------------------- */
* html {
	overflow-x: hidden;
}

* html div#container {
	height: 1%;
}

* html .tags {
	_height: 225px;
}

* html ul#navigation {
	display: inline;
}