/* standaard
----------------------------------------------------- */

* {
   margin:0;
   padding:0;
}

html { 
	height: 100%; 
	margin-bottom: 1px; 
}

img {
	border: 0px;
}

body {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/lijntjes.gif);
	text-align:center;
	color:#000;
	font-size:80%;
	line-height:120%;
	/*background:#FFF url(../images/ag_body.gif);*/
}

p {
	margin-bottom:1em;
}

/* algemene lay-out 
----------------------------------------------------- */
#container {
	width:758px;
	text-align:left;
	margin: 10px auto 0 auto;
	font-family: Trebuchet, TrebuchetMS, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	position:relative;
}

/* self clearing (laat de container lekker stretchen) */
#container:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

#header {
	height:115px;		
	overflow:hidden;
	text-align:right;
}

#header h1 {
	line-height:100px;
}

ul#menu {
	color:#FFF;
	z-index:1;
	width:750px;
	overflow:visible;
	display:block;
	height:20px;
	font-size:11px;
	background:#DA8D1B url(../images/ag_menu2.gif);
	border-top:1px solid #000;
	line-height:20px;
	text-align:right;
	padding-right:8px;
}

ul#menu li {
	display:inline;
	margin:0;
	border-right:1px solid #FFF;
	padding:0 7px;
}

ul#menu li.last {
	border-right: none;
}

#main {
	background:url(../images/ag_main.gif) repeat-y;
	float:left;
}

#agenda {
	width:246px;
	float:left;
	background-color:#7FB1C1;
}

#agenda h2, #film h2, #tekstje h2 {
	width:100%;
	display:block;
	background-color:#000;
	color:#000;
	line-height:100px;
	overflow:hidden;
	height:30px;
}

#agenda h2 {
	background:#000 url(../images/kop_agenda.gif) no-repeat 15px 8px;
}

#film h2, #tekstje h2 {
	background:#000 url(../images/kop_leeg.gif) no-repeat 11px 8px;
	z-index:-1;
}

body.index #film h2 {
	background:#000 url(../images/kop_dezeweek.gif) no-repeat 11px 8px;
}

body.overig #tekstje h2 {
	background:#000 url(../images/kop_leeg.gif) no-repeat 11px 8px;
}


#agenda ul {
	background-color:#006483;
	color:#FFF;
	display:block;
}


#agenda li+li {
	background-color:#19738F;
}

#agenda li+li+li {
	background-color:#33839C;
}

#agenda li+li+li+li {
	background-color:#4D93A8;
}

#agenda li+li+li+li+li {
	background-color:#66A2B5;
} 

#agenda li .titel {
	font-size:140%;
	padding:20px 25px 0px 20px;
	display:block;
	line-height:110%;
}

#agenda li .datum {
	border-bottom:1px solid #D0ECF6;
	font-size:85%;
	padding:5px 35px 20px 20px;
	display:block;
}

#film, #tekstje {
	width:512px;
	float:left;
	font-size:80%;
	margin-bottom:20px;
	z-index:-1;
}

#film p {
	margin:0 20px 1em 265px;
	font-size:110%;
	line-height:150%;
}

#tekstje p {
	margin:0 20px 1em 20px;
	font-size:110%;
	line-height:150%;
}

#tekstje ul {
	margin:0 20px 1em 20px;
	font-size:110%;
	line-height:150%;
	list-style-type:square;
	list-style-position:inside;
}

#film p.credits {
	margin:0 20px 1em 20px;
	font-size:90%;
	line-height:110%;
}

#film h3 {
	font-weight:normal;
	font-size:x-large;
	line-height:1.2em;
	margin:30px 20px 10px 20px;
}

#tekstje h3 {
	font-weight:normal;
	font-size:x-large;
	margin:30px 20px 20px 20px;
}

#tekstje h4 {
	font-weight:bold;
	margin:0 20px;
	font-size:110%;
	line-height:150%;
}

#film h3 a {
	text-decoration:none;
	color:#000;
	background:none;
	margin:30px 20px 10px -15px;
}

#film img {
	display:inline;
	float:left;
	clear:both;
	margin: 0 0 10px 20px;
}

#tekstje img {
	margin:10px 0 0 20px;
}

#film #filmlinks {
	display:inline;
	float:left;
	clear:both;
	margin: 0 0 0 20px;
}

#info {
	float:left;
	background:url(../images/ag_infobalk.gif) repeat-y;
	border-bottom:10px solid black;
	font-size:80%;
}

info h3 {
	margin-bottom:10px;
}

#prijzen {
	width:206px;
	float:left;
	color:#FFF;
	background:#C10025 url(../images/infoborder.png) no-repeat;
	padding:20px;
}

#prijzen h2, #mailinglist h2, #adres h2 {
	width:100%;
	display:block;
	line-height:100px;
	overflow:hidden;
	height:30px;
}

#prijzen h2 {
	background:#C10025 url(../images/kop_prijzen.gif) no-repeat -10px 0;
}

#mailinglist {
	width:206px;
	float:left;
	color:#FFF;
	background:#DA8D1B url(../images/infoborder.png) no-repeat;
	padding:20px;
}

#mailinglist h2 {
	background:#DA8D1B url(../images/kop_mailinglist.gif) no-repeat -10px 0;
}

#adres {
	width:226px;
	float:left;
	color:#FFF;
	background:#A77E29 url(../images/infoborder.png) no-repeat;
	padding:20px;
}

#adres h2 {
	background:#A77E29 url(../images/kop_adres.gif) no-repeat -10px 0;
}

/* lijstjes
----------------------------------------------------- */
ul {
	list-style-type:none;
}

/* links 
----------------------------------------------------- */

a:link {
	text-decoration:none;
	color:#666;
	background:url(../images/link_pijltje.png) no-repeat 0 2px;
	padding-left:15px;
}

#adres a:link, #adres a:visited {
	color:#FFF;
	background:url(../images/link_pijltje_wit.png) no-repeat 0 4px;
	padding-left:10px;
	text-decoration:none;
}

#adres a:link.tekstlink {
	text-decoration:underline;
	color:#FFF;
	background:none;
	padding-left:0;
}

#menu a:link {
	color:#FFF;
	background:none;
	padding:0;
	margin:0;
}


#tekstje a:link {
	color:#666;
	background:none;
	margin:0;
	padding:0;
	text-decoration:underline;
}

a:visited {
	text-decoration:line-through;
	color:#666;
	background:url(../images/link_pijltje.png) no-repeat 0 2px;
	padding-left:15px;
}

#adres a:visited.tekstlink {
	text-decoration:underline;
	color:#FFF;
	background:none;
	padding-left:0;
}

#tekstje a:visited {
	color:#666;
	background:none;
	margin:0;
	padding:0;
	text-decoration:underline;
}


#menu a:visited {
	color:#FFF;
	background:none;
	padding:0;
	margin:0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#999;
	background:url(../images/link_pijltje_hover.png) no-repeat 0 2px;
	padding-left:15px;
}

#adres a:hover.tekstlink {
	text-decoration:underline;
	color:#FFF;
	background:none;
	padding-left:0;
}

#tekstje a:hover, #tekstje a:active {
	color:#C10025;
	background:none;
	margin:0;
	padding:0;
	text-decoration:underline;
}

#adres a:hover.tekstlink {
	text-decoration:underline;
	color:#FFFF00;
	background:none;
	padding-left:0;
}

#adres a:hover {
	text-decoration:underline;
}


#menu a:hover, #menu a:active{
	text-decoration:underline;
	color:#FFFF00;
	background:none;
	padding:0;
	margin:0;
}

a:active {
	text-decoration:none;
	color:#DA8D1B;
	background:url(../images/link_pijltje.png) no-repeat 0 2px;
	padding-left:15px;
}

#adres a:active.tekstlink {
	text-decoration:underline;
	color:#FFFF00;
	background:none;
	padding-left:0;
}

#main .verbergen {
	display:none;
}

/* agenda-items
----------------------------------------------------- */
#agenda a:link {
	color:#FFF;
	margin:0;
	padding:0;
	display:block;
	background:none;
}

#agenda a:visited {
	color:#FFF;
	background:none;
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
}

#agenda a:hover {
	color:#FFF;
	background:none;
	margin:0;
	padding:0;
	background-color:#7FB1C1;
	display:block;
	text-decoration:none;
	background-color:#7FB1C1;
}

#agenda a:active {
	color:#FFF;
	background:none;
	margin:0;
	padding:0;
	background-color:#7FB1C1;
	display:block;
	text-decoration:none;
}

#agenda a:link.hier {
	background:url(../images/agenda_pijl.png) no-repeat center right;
}

#agenda a:visited.hier {
	background:url(../images/agenda_pijl.png) no-repeat center right;
}

#agenda a:hover.hier {
	background:#7FB1C1 url(../images/agenda_pijl.png) no-repeat center right;
}

#agenda a:active.hier {
	background:#006483 url(../images/agenda_pijl.png) no-repeat center right;
}

/* formulieren 
----------------------------------------------------- */
fieldset {
	border:none;
	margin-bottom:5px;
}

button {
	background-color:#333;
	color:#FFF;
	border:none;
	padding:2px 1em;
	font-size:90%;
	margin:0;
	border: 1px solid #000; 
}

.radio {
	vertical-align:middle;
	margin: 5px 5px 5px 0;
}

form input {
	vertical-align:middle;
}

input.veld {
	width:120px;
	margin-left:5px;
	padding:2px;
}