/*
* {
	outline: red solid thin;
}*/


body, div, p, ul, h1, h2, h3, h4, h5, h6, form, a, img, hr, form {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: lucida grande, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/bg_page.gif);
    background-repeat: repeat-x;
    background-position: 0 47px;
}

a, a:hover, a:active, a:visited { 
	color: #000;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

p#skip {
	position: absolute;
	left: -500px;
	top: -100px;
}


/* page */

div#pagewrapper {
	width: 715px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	text-align: center;
}

div#page {
	width: 713px;
	text-align: center;
}

h1 a {
	display: block;
	/* 	
		image replacement - http://kryogenix.org/code/browser/lir/
		(requires box model hack for IE 5.X)
	*/
	padding-top: 81px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/home.gif);
    background-repeat: no-repeat;
    margin-top: 47px;
}


/*
	nav
*/

ul#mainnav {
	list-style-type: none;
	text-align: left;
	height: 133px;
	overflow: hidden;
	padding-left: 151px;
	background-image: url(../img/pages/nav-bg.gif);
    background-repeat: no-repeat;
    background-position: top center;
}

ul#mainnav li {
	text-align: left;
}

ul#mainnav li.nieuws {
	width: 82px;
	height: 51px;
	position: relative;
    top: 0;
    left: 0;
}

ul#mainnav li.over {
	width: 169px;
	height: 51px;
	position: relative;
    top: -51px;
    left: 110px;
}

ul#mainnav li.pers {
	width: 128px;
	height: 71px;
	position: relative;
    top: -102px;
    left: 279px;
}

ul#mainnav li.fotos {
	width: 70px;
	height: 33px;
	position: relative;
    top: -175px;
    left: 28px;
}

ul#mainnav li.agenda {
	width: 99px;
	height: 53px;
	position: relative;
    top: -122px;
    left: 98px;
}

ul#mainnav li a.nieuws {
	width: 110px;
	display: block;
	padding-top: 51px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/news.gif);
    background-repeat: no-repeat;
}

ul#mainnav li a.nieuws:hover {
    background-image: none;
}

ul#mainnav li a.over {
	width: 169px;
	display: block;
	padding-top: 51px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/over.gif);
    background-repeat: no-repeat;
}

ul#mainnav li a.over:hover {
     background-image: none;
}

ul#mainnav li a.pers {
	width: 128px;
	display: block;
	padding-top: 71px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/pers.gif);
    background-repeat: no-repeat;
}

ul#mainnav li a.pers:hover {
    background-image: none;
}

ul#mainnav li a.agenda {
	width: 99px;
	display: block;
	margin: 0 0 0 82px;
	padding-top: 53px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/agenda.gif);
    background-repeat: no-repeat;
}

ul#mainnav li a.agenda:hover {
    background-image: none;
}


ul#mainnav li a.fotos {
	width: 70px;
	display: block;
	margin: 0 0 0 82px;
	padding-top: 33px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/fotos.gif);
    background-repeat: no-repeat;
}

ul#mainnav li a.fotos:hover {
    background-image: none;
}

/*
	content
*/

div#content {
	padding: 25px 75px;
	background-color: #008391;
	text-align: left;
}

div#steun {
	padding: 25px 50px;
	background-color: #008391;
	text-align: left;
}

div#agenda {
	padding: 30px 0 0 0;
	background-color: #008391;
	text-align: left;
}

h2.aankondiging {
	padding:7px 0;
	margin: 0 0 15px 0;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	font-size: 20px;
	color: #c5d57e;
	text-align: center;
}



/*
	pers
*/

h2.pers {
	padding:7px 0;
	margin: 0 0 15px 0;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	font-size: 20px;
	color: #c5d57e;
	/*background-color: #eb0020;*/
}

h2.steun {
	padding:7px 0;
	margin: 0 0 15px 0;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	font-size: 20px;
	color: #c5d57e;
	text-align: center;
}


h3.pers {
	padding:7px 0;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	color: #b3d22d;
}

.artikel {
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

.auteur {
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #c5d57e;
}

.auteur a {
	text-decoration: none;
}

.track {
	font-size: 14px;
	line-height: 18px;
	color: #afdccb;
}

.tracktext {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #c5d57e;
}

/*
	nieuws
*/

.youtube {
	text-align: center;
	margin: 10px 0 5px 70px;
	width: 425px;
	height: 343px;
	background-color: black;
}

.newsdate {
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #c5d57e;
}

.subtitel {
	margin: 10px 0 10px 0;
	font-size: 14px;
	line-height: 18px;
	color: #afdccb;
}

.newstitel {
	margin-bottom: 3px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #f7ae73;
}

.newsitem {
	font-size: 12px;
	line-height: 18px;
	color: white;
	margin-bottom: 5px;
}

.newsitem a {
	padding: 0 5px 0 5px;
	text-decoration: none;
	background-color: #419fa5;
}

.newsitem a:hover {
	background-color: #76bbb7;
}

.newsimg {
	margin: 5px 0 5px 0;
	border: solid 10px #afdccb;
}

/*
	agenda
*/

a, a:hover, a:active, a:visited { 
	color: white;
}

.stijn {
	margin-top: 15px;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	color: #afdccb;
}

.stijn a {
	text-decoration: none;
}

.date {
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #c5d57e;
}

p.agendatitel {
	/* 	
		image replacement - http://kryogenix.org/code/browser/lir/
		(requires box model hack for IE 5.X)
	*/
	padding-top: 79px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background-image: url(../img/pages/slimmer.gif);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0;
}

p.agendahemel {
	/* 	
		image replacement - http://kryogenix.org/code/browser/lir/
		(requires box model hack for IE 5.X)
	*/
	padding-top: 79px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background-image: url(../img/pages/hemel.gif);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0;
}

table#algemeen {
	margin: 0 0 10px 0;
	width: 100%;
	background-color: #CC3333;
	font-size: 12px;
	color: white;
}

table#algemeen tr.alt {
	background-color: #E03A3A;
}

table#algemeen td {
	height: 30px;
	padding: 3px;
}

table#algemeen td.date {
	padding-left: 50px;
	font-weight: bold;
	white-space: nowrap;
}

table#algemeen td.soldout {
	width: 120px;
	color: red;
	padding-right: 5px;
	font-weight: bold;
}


table#slimmertour {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 100%;
	font-size: 12px;
	color: white;
}

table#slimmertour tr.alt {
	background-color: #0292A4;
}

table#slimmertour tr.extra {
	color: #f7ae73;
	font-weight: bold;
}

table#slimmertour td.dateextra {
	padding-left: 50px;
	font-weight: bold;
	white-space: nowrap;
	color: #f7ae73;
}

table#slimmertour td {
	height: 30px;
	padding: 3px;
}

table#slimmertour td.date {
	padding-left: 50px;
	font-weight: bold;
	white-space: nowrap;
}

table#slimmertour td.soldout {
	width: 120px;
	color: #b2d22d;
	padding-right: 5px;
	font-weight: bold;
}

table#slimmertour td.last {
	width: 120px;
	color: #f7ae73;
	padding-right: 5px;
	font-weight: bold;
}


/*
	fotos
*/

.note {
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #c5d57e;
}

.notefilm {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #c5d57e;
}

.caption {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #c5d57e;
}

.fotocontent h2, .fotocontent p {
	text-align: center;
}

ul#shows {
	list-style-type: none;
	text-align: center;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #c5d57e;
 }
 
 ul#shows a {
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #c5d57e;
 }
 
 ul#shows li.current {
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	margin-bottom: 15px;
	font-size: 25px;
	line-height: 20px;
	font-weight: bold;
	color: white;
 }


/*
	footer
*/

#totop a {
	display: block;
	/* 	
		image replacement - http://kryogenix.org/code/browser/lir/
		(requires box model hack for IE 5.X)
	*/
	padding-top: 44px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/top.gif);
    background-repeat: no-repeat;
    margin: 20px 0 0 260px;
}

#agenda #totop a {
	display: block;
	/* 	
		image replacement - http://kryogenix.org/code/browser/lir/
		(requires box model hack for IE 5.X)
	*/
	padding-top: 44px; /* height of the replacement image */
    height: 0;
    overflow: hidden;
    background-image: url(../img/pages/top.gif);
    background-repeat: no-repeat;
    margin: 20px 0 0 330px;
}

#footer {
	height: 382px;
	background-image: url(../img/pages/footer.gif);
    background-repeat: no-repeat;
    background-position: top center;
}

div#steun div {
	float: left;
	text-align: center;
	margin-left: 70px;
	width: 200px;
	height: 150px;
}

div#steun div p {
	text-align: center;
}