/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}
/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #414040;;
	color: #fff;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS;
	text-align: center;
}

div.container {
	background: #010101 url("../images/bg.jpg") no-repeat scroll 0 0;
	width: 800px;
	margin: 8px auto 0 auto;
	text-align: left;
	min-height: 600px;/*zie lt_ie7.css*/
}

/* -- forms -- */

input {
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
	font-weight:normal;
}

.popupVeld {width: 125px;}
input.popupSubmit {float:left; padding:1px 5px 1px 5px;}
.popupKoptekst, .popupError {padding-bottom:15px;}
.popupTextbox {width:150px;}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a { font-size: 12px; color:#fff; text-decoration:underline;}
a:visited {color:#fff;}
a:hover {color:#fff; text-decoration:none;}
a:active {color:#fff;}


/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#fff; text-transform:uppercase; margin-bottom:3px;}
h1 {font-size: 16px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p {}

/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:500px; margin:0 auto;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */
div.col1-right {
	width:497px;
	margin:20px auto 0 auto;
	font-size:12px;
}
div.main2 {
	margin: 10px 0;
}
div.col2-left {
	width:251px;
	float:left;
}

div.col2-right {
	width:241px;
	float:right;
}

div.col3-left {
	width:251px;
	float:left;
}

/* Tables */

table.openingstijden_tabel {font-size:12px; width:200px;}
table.openingstijden_tabel td {height:20px;}
.nieuws_tabel {font-size:12px; width:100%;}
span.dag_header {font-size: 12px; font-weight:bold;}
span.melding {font-size:12px;}
.crew_tabel {width:100%;}
.crew_vraag {width:50%; padding:0 0 0 5px;}
.container_table {background-color:#4A4A4A;}
.cat_td{background-color:#000;}
a.link_link {padding-left:10px;}
.agendaContentTD, .agendaOnderwerp {padding-left:10px;}
.nieuw_titel_td {background-color:#000;}
.nieuws_tabel {background-color:#4A4A4A;}


/* -- specific elements ------------------------------------------------------------------------------- */

/* header */
div.header {
	background: url("../images/header.jpg") no-repeat scroll 0 0;
	width: 497px;
	height: 114px;
	margin: 0 auto;
}

/* Spacer */
div.spacer {
	background: url("../images/spacer.gif") no-repeat scroll 0 0;
	width: 234px;
	height: 2px;
	margin: 10px auto 10px auto;
}

/*Laatste Nieuws*/

.laatste_nieuws {font-size:12px;}
span.lastnieuwsText {display:block;}

img.RandomFoto {
	margin:2px;
	width:118px;
}

.tekst1 {font-size:12px; padding-right: 5px;}
.tekst2 {font-size:12px; padding-right: 5px;}

/* Content */

div.content {
	width: 497px;
}


/* Menu */

div.nav {
	margin:			0 auto;
	width:			497px;
}

ul.menu {
	padding:		0;
	margin:			0;
}

ul.menu a {
	display:		block;
	height:			31px;
	width: 			170px;
}

ul.menu li {
	list-style:none;
	float:			left;

}


ul.menu li.home a, ul.menu li.home a:visited  {background-image:url(../images/menu/home_negative.gif); width: 64px; height:22px;}
ul.menu li.home a:hover, ul.menu li.home a.active {background-image:url(../images/menu/home_positive.gif); width: 64px; height:22px;}
ul.menu li.home_true a, ul.menu_true li.home a:visited {background-image:url(../images/menu/home_negative.gif); width: 64px; height:22px;}

ul.menu li.agenda a, ul.menu li.agenda a:visited  {background-image:url(../images/menu/agenda_negative.gif); width: 85px; height:22px;}
ul.menu li.agenda a:hover, ul.menu li.agenda a.active {background-image:url(../images/menu/agenda_positive.gif); width: 85px; height:22px;}
ul.menu li.agenda_true a, ul.menu_true li.agenda a:visited {background-image:url(../images/menu/agenda_negative.gif); width: 85px; height:22px;}

ul.menu li.nieuws a, ul.menu li.nieuws a:visited  {background-image:url(../images/menu/nieuws_negative.gif); width: 84px; height:22px;}
ul.menu li.nieuws a:hover, ul.menu li.nieuws a.active {background-image:url(../images/menu/nieuws_positive.gif); width: 84px; height:22px;}
ul.menu li.nieuws_true a, ul.menu_true li.nieuws a:visited {background-image:url(../images/menu/nieuws_negative.gif); width: 84px; height:22px;}

ul.menu li.pics a, ul.menu li.pics a:visited  {background-image:url(../images/menu/pics_negative.gif); width: 57px; height:22px;}
ul.menu li.pics a:hover, ul.menu li.pics a.active {background-image:url(../images/menu/pics_positive.gif); width: 57px; height:22px;}
ul.menu li.pics_true a, ul.menu_true li.pics a:visited {background-image:url(../images/menu/pics_negative.gif); width: 57px; height:22px;}

ul.menu li.nieuwsbrief a, ul.menu li.nieuwsbrief a:visited  {background-image:url(../images/menu/nieuwsbrief_negative.gif); width: 140px; height:22px;}
ul.menu li.nieuwsbrief a:hover, ul.menu li.nieuwsbrief a.active {background-image:url(../images/menu/nieuwsbrief_positive.gif); width: 140px; height:22px;}
ul.menu li.nieuwsbrief_true a, ul.menu_true li.nieuwsbrief a:visited {background-image:url(../images/menu/nieuwsbrief_negative.gif); width: 140px; height:22px;}

ul.menu li.crew a, ul.menu li.crew a:visited  {background-image:url(../images/menu/crew_negative.gif); width: 67px; height:22px;}
ul.menu li.crew a:hover, ul.menu li.crew a.active {background-image:url(../images/menu/crew_positive.gif); width: 67px; height:22px;}
ul.menu li.crew_true a, ul.menu_true li.crew a:visited {background-image:url(../images/menu/crew_negative.gif); width: 67px; height:22px;}

ul.menu li.gastenboek a, ul.menu li.gastenboek a:visited  {background-image:url(../images/menu/gastenboek_negative.gif); width: 128px; height:35px;}
ul.menu li.gastenboek a:hover, ul.menu li.gastenboek a.active {background-image:url(../images/menu/gastenboek_positive.gif); width: 128px; height:35px;}
ul.menu li.gastenboek_true a, ul.menu_true li.gastenboek a:visited {background-image:url(../images/menu/gastenboek_negative.gif); width: 128px; height:35px;}

ul.menu li.stamgasten a, ul.menu li.stamgasten a:visited  {background-image:url(../images/menu/stamgasten_negative.gif); width: 134px; height:35px;}
ul.menu li.stamgasten a:hover, ul.menu li.stamgasten a.active {background-image:url(../images/menu/stamgasten_positive.gif); width: 134px; height:35px;}
ul.menu li.stamgasten_true a, ul.menu_true li.stamgasten a:visited {background-image:url(../images/menu/stamgasten_negative.gif); width: 134px; height:35px;}

ul.menu li.links a, ul.menu li.links a:visited  {background-image:url(../images/menu/links_negative.gif); width: 72px; height:35px;}
ul.menu li.links a:hover, ul.menu li.links a.active {background-image:url(../images/menu/links_positive.gif); width: 72px; height:35px;}
ul.menu li.links_true a, ul.menu_true li.links a:visited {background-image:url(../images/menu/links_negative.gif); width: 72px; height:35px;}

/* footer */
div.footer {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background-color: #010101;
	text-align: center;
	font-size: 15px;
	letter-spacing:3px;
	color: #999999;
}