* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

body {
	background:#1b9acd url(../img/bg.jpg) left top repeat-x;
	font:normal normal normal 12px Trebuchet MS, Trebuchet, Arial, Sans-serif;
	color:#7a7a7a;
}

.error {
	color:red;
}

a {
	text-decoration:none;
}

#bg1 {
	background:url(../img/bg_borders.png) center top repeat-y;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
	background:white;
}

#bigimg {
	position:absolute;
	left:10px;
	top:20px;
	z-index:10;
	height:280px;
	width:980px;
	overflow:hidden;
}

#slides {
	display:block;
	height:279px;
	width:200px;
	overflow:hidden;
}

ul {
	list-style-type:none;
}

ul#nav_main {
	position:absolute;
	left:349px;
	top:310px;
	z-index:20;
}

ul#nav_main li {
	float:left;
	width:133px;
}

ul#nav_main li#n1 { width:119px; }
ul#nav_main li#n5 { width:123px; }

ul#nav_main li a {
	display:block;
	background:url(../img/nav_bg.png);
	height:43px;
	text-align:center;
	color:#707070;
	text-decoration:none;
	font-weight:bold;
}

ul#nav_main li#n1 a { background-position:5px 0; }
ul#nav_main li#n2 a { background-position:-119px 0; }
ul#nav_main li#n3 a { background-position:-252px 0; }
ul#nav_main li#n4 a { background-position:-385px 0; }
ul#nav_main li#n5 a { background-position:-524px 0; }

ul#nav_main li#n1 a:hover { background-position:5px -43px; }
ul#nav_main li#n2 a:hover { background-position:-119px -43px; }
ul#nav_main li#n3 a:hover { background-position:-252px -43px; }
ul#nav_main li#n4 a:hover { background-position:-385px -43px; }
ul#nav_main li#n5 a:hover { background-position:-524px -43px; }

h1 {
	position:absolute;
	display:block;
	left:75px;
	top:-70px;
	width:251px;
	height:388px;
	background:url(../img/sportfair.png);
	z-index:30;
	text-indent:-9999px;
}

a#homelink {
	position:absolute;
	display:block;
	left:75px;
	top:-50px;
	width:251px;
	height:265px;
	z-index:35;
}

div#sitename {
	position:absolute;
	display:block;
	left:100px;
	top:190px;
	width:200px;
	height:63px;
	background:url(../img/sitename_bg.gif);
	z-index:40;	
}

div#sitename h2 {
	margin-top:10px;
	color:white;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
}

#header {
	height:340px;
}

#main {
	background:#93cfe7 url(../img/main_bg.jpg) top left repeat-x;
	min-height:349px;
	position:relative;
	border-top:1px solid white;
	padding-top:20px;
}

ul#nav_sub {
	position:absolute;
	top:20px;
	left:0;
	background:url(../img/submenu_bg_foot.png) bottom left no-repeat;
	padding-bottom:11px;
}

ul#nav_sub li a {
	display:block;
	width:220px;
	height:32px;
	background:url(../img/submenu_bg_off.gif) top left repeat-x;
	color:white;
	text-indent:10px;
	line-height:32px;
	font-size:13px;
}

ul#nav_sub li a.on,
ul#nav_sub li a:hover {
	width:227px;
	background:url(../img/submenu_bg_on.gif) top left no-repeat;
	font-weight:bold;
}

body.color1 ul#nav_sub li a { background-image:url(../img/submenu1_bg_off.gif);}
body.color2 ul#nav_sub li a { background-image:url(../img/submenu2_bg_off.gif);}
body.color3 ul#nav_sub li a { background-image:url(../img/submenu3_bg_off.gif);}
body.color4 ul#nav_sub li a { background-image:url(../img/submenu4_bg_off.gif);}
body.color5 ul#nav_sub li a { background-image:url(../img/submenu5_bg_off.gif);}

body.color1 ul#nav_sub li a.on, body.color1 ul#nav_sub li a:hover { background-image:url(../img/submenu1_bg_on.gif);}
body.color2 ul#nav_sub li a.on, body.color2 ul#nav_sub li a:hover { background-image:url(../img/submenu2_bg_on.gif);}
body.color3 ul#nav_sub li a.on, body.color3 ul#nav_sub li a:hover { background-image:url(../img/submenu3_bg_on.gif);}
body.color4 ul#nav_sub li a.on, body.color4 ul#nav_sub li a:hover { background-image:url(../img/submenu4_bg_on.gif);}
body.color5 ul#nav_sub li a.on, body.color5 ul#nav_sub li a:hover { background-image:url(../img/submenu5_bg_on.gif);}

#content {
	width:540px;
	background:white;
	margin-left:220px;
	line-height:16px;
	min-height:639px;
  	height:auto !important;
  	height:639px;  
}

#content .pad {
	padding:17px 10px 40px 30px;
}

h3 {
	font-size:18px;
	margin-bottom:1em;
}

h4 {
	font-size:14px;
}

h5 {
	font-size:12px;
}

body.color1 h3, body.color1 h4, body.color1 h5 { color:#006c8b; }
body.color2 h3, body.color2 h4, body.color2 h5 { color:#f2c31b; }
body.color3 h3, body.color3 h4, body.color3 h5 { color:#030303; }
body.color4 h3, body.color4 h4, body.color4 h5 { color:#1a9b33; }
body.color5 h3, body.color5 h4, body.color5 h5 { color:#cb0335; }

p {
	margin-bottom:1em;
}

#footer {
	height:76px;
	background:white url(../img/footer_bg.gif) top left repeat-x;
}

#footer h5 {
	display:block;
	width:240px;
	float:left;
	margin-top:15px;
	text-indent:17px;
	color:#7a7a7a;
	font-size:15px;
}

#footer img {
	margin-top:12px;
}

/* ------------------------------------------------------------------ BLOCKS */

div.block {
	position:absolute;
	top:20px;
	background:white;
	width:220px;
	height:299px;
}

div.block .pad{
	padding:10px;
}

#c1 { }
#c2 { width:250px; left:240px; }
#c3 { width:250px; left:510px; }
#c4 { left:780px; }
#c42 { left:780px; top:340px; }

div.block h5 {
	color:white;
	height:25px;
	line-height:25px;
	font-size:14px;
	text-indent:8px;
}

div.block ul li {
	height:64px;
	border-bottom:1px solid white;
	font-size:11px;
	padding:10px;
	position:relative;
	line-height:16px;
}

div.block h6 {
	font-size:12px;
	margin-bottom:2px;
}

div.block a.readmore,
div.block ul#newsletter input.submit {
	position:absolute;
	right:14px;
	top:55px;
	display:block;
	width:17px;
	height:16px;
	background:url(../img/play_btn_blue.png);
	text-indent:-9999px;
	cursor:pointer;
}


/* NEWS */
div.block h5#news_header { background:#1b9acd url(../img/block_news_header_bg.gif) left top repeat-x; }
div.block ul#news li { background:#e8f5fa; }
div.block ul#news li:first-child { background:#e8f5fa url(../img/block_news_bg.gif) left top repeat-x; }
div.block ul#news h6 { color:#1b9acd; }

/* NEWSLETTER */
div.block h5#newsletter_header { background:#1a9b33 url(../img/block_newsletter_header_bg.gif) left top repeat-x; }
div.block ul#newsletter li { background:#e8f5ea; height:38px; }
div.block ul#newsletter li:first-child { background:#e8f5ea url(../img/block_newsletter_bg.gif) left top repeat-x; }
div.block ul#newsletter input.text { position:absolute; top:30px; background:#bfe3c5; width:150px; padding:3px 0; text-indent:5px; color:#7a7a7a;}
div.block ul#newsletter input.submit { top:31px;}

/* VIDEO */
div.block h5#video_header { background:#cb0234 url(../img/block_video_header_bg.gif) left top repeat-x; }
div.block ul#video li { background:#fae5ea; }
div.block ul#video li:first-child { background:#fae5ea url(../img/block_video_bg.gif) left top repeat-x; }
div.block ul#video h6 { color:#cb0234; }
div.block ul#video img { float:left; margin-right:10px; width:83px; height:60px; }
div.block ul#video a.readmore { background:url(../img/play_btn_red.png); }

/* LOCATIE */
div.block ul.links {
	height:279px;
}

div.block ul#programmas {
	background:url(../img/programmas_bg.gif) no-repeat;	
}

div.block ul.links li {
	height:71px;
	border:none;
	padding:0;
}

div.block ul.links li#li1 { height:71px; }
div.block ul.links li#li2 { height:69px; }
div.block ul.links li#li3 { height:70px; }
div.block ul.links li#li4 { height:69px; }

div.block ul.links li a {
	font-size:14px;
	font-weight:bold;
	color:white;
	display:block;
	height:71px;
}

div.block ul.links li#li1 a { height:71px; }
div.block ul.links li#li2 a { height:69px; }
div.block ul.links li#li3 a { height:70px; }
div.block ul.links li#li4 a { height:69px; }

div.block ul.links li#li1 a:hover { background:url(../img/locatie_bg.jpg) -230px 0 no-repeat; }
div.block ul.links li#li2 a:hover { background:url(../img/locatie_bg.jpg) -230px -71px no-repeat; }
div.block ul.links li#li3 a:hover { background:url(../img/locatie_bg.jpg) -230px -140px no-repeat; }
div.block ul.links li#li4 a:hover { background:url(../img/locatie_bg.jpg) -230px -210px no-repeat; }


div.block ul.links li a span {
	display:block;
	padding-left:60px;
}

div.block ul.links li a span.title {
	padding-top:10px;
}

div.block ul.links li a span.sub {
	padding-top:2px;
	font-size:11px;
}

/*
div.block ul#programmas li a span {
	padding-top:5px;
}

div.block ul#programmas li a span.sub {
	font-size:13px;
}

div.block ul.links li a:hover {
	background:url(../img/locatie_pijl.png) 28px 11px no-repeat;
}
*/

div.block div#locatie2 {
	background:url(../img/locatie_bg2.jpg) left top no-repeat;	
	height:279px;
	overflow:auto;
}

div.block div#locatie2 li {
	margin-left:39px;
	height:auto;
}

div.block div#locatie2 li a {
	font-size:14px;
	font-weight:bold;
	color:white;
	display:block;
}

div.block div#locatie2 li a span {
	display:block;
	padding-left:5px;
}

div.block div#locatie2 li a span.title {
	padding-top:2px;
}

div.block div#locatie2 li a span.sub {
	padding-top:2px;
	font-size:11px;
}

/* ------------------------------------------------------------------ FORMS */

table.form {
	border-collapse:collapse;
}

table.form td {
	vertical-align:top;
	padding:2px;
}

table.form td.label {
	width:150px;
}

table.form input,
table.form textarea {
	border:1px solid #aaa;
	width:300px;
	padding:4px;
}

table.form textarea {
	height:100px;
}

table.form input.submit {
	width:100px;
	color:white;
	border:none;
	font-weight:bold;
	padding:6px;
	cursor:pointer;
}

body.color1 table.form input.submit { background:#006c8b; }
body.color2 table.form input.submit { background:#f2c31b; }
body.color3 table.form input.submit { background:#030303; }
body.color4 table.form input.submit { background:#1a9b33; }
body.color5 table.form input.submit { background:#cb0335; }

table.form td.td_submit {
	text-align:right;
	padding-top:10px;
}

p.small {
	font-style:italic;
	font-size:11px;
}


/*
div.block ul#news li.hover {
	background:red;
}
*/

div#social {
	position:absolute;
	left:20px;
	top:310px;
}

div#social img {
	margin-right:5px;
}