@font-face {
  font-family: 'CGothic';
  src: url(../fonts/CenturyGothic);
  src: local('Century Gothic'), 
         url(../fonts/CenturyGothic.otf) format('opentype');
}
/*
 * Style Sheet by Statik
 */

body {
    font: normal 100%/1.0em CGothic, 'Century Gothic', AppleGothic, sans-serif;
    margin: 20px 0 20px 0;
    background: #f2f2f3 url(../images/bg.jpg) no-repeat center top;
}

:focus { outline-style:none; }

a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #00b0db;
}
h3 {
font-size:1.4em;
margin-bottom:0;
}
h3 a {
	text-decoration: none;
	color: #000;
}
h3 a:hover {
	color: #00b0db;
}

td { vertical-align: top; }
tr:nth-child(2n) { background: none; }
tr:nth-child(2n+1) { background: none; }
p {position: static; }

th, td { border: none; }
#container {
	width: 900px;
	padding: 0 0 25px 0px;
	position: relative;
	margin: 0 auto;
	font-size: 0.95em;
} 


.blauw {color: #00b0db;}

/* @group Left */

#container #left {
	width: 200px;
	float: left;
}

#container #left h1 a {
	text-indent: -9999px;
	background: transparent url(../images/logo.png) no-repeat top right;
	width: 180px;
	height: 117px;
	display: block;
}

#container #left ul.nav {
	padding: 0;
	margin: 0;
	width: 180px;
}

#container #left ul.nav li {
	list-style: none;
	padding: 0 0 2px 0;
	text-align: right;
	width: 90px; float: left;
}
#container #left ul.nav li.selected a, #container #right ul li.selected a {
	font-weight: bold;
}
#container #left h2 {
	text-indent: -9999px;
	margin: 0 0 10px;
}

#container #left #producties,
#container #left #evenementen,
#container #left #nieuwsbrief,
#container #right #producties,
#container #right #evenementen,
#container #right #nieuwsbrief {
	text-align: center;
}

#container #left #producties ul,
#container #left #evenementen ul,
#container #left #nieuwsbrief ul,
#container #right #producties ul,
#container #right #evenementen ul,
#container #right #nieuwsbrief ul {
	padding: 0;
	margin: 0;
}

#container #left #producties ul li,
#container #left #evenementen ul li,
#container #left #nieuwsbrief ul li,
#container #right #producties ul li,
#container #right #evenementen ul li,
#container #right #nieuwsbrief ul li{
	padding: 0 0 2px 0;
	margin: 0;
	list-style: none;
}


#container .subnav {
	background: transparent url(../images/subnav_top.png) no-repeat center top;
	text-align: center;
	padding: 35px 25px 18px;
	clear: both;
}

#container .subnav h2.producties {
	background: transparent url(../images/h2_producties.gif) no-repeat center top;
	height: 13px;
	padding: 0 0 5px 0;
	border-bottom: 2px dashed #6f6f6f;
}
#container .subnav h2.evenementen {
	background: transparent url(../images/h2_evenementen.gif) no-repeat center top;
	height: 15px;
	padding: 0 0 5px 0;
	border-bottom: 2px dashed #6f6f6f;
}


#container #right .subnav h3 { font-size: 1em; text-transform: uppercase; margin: 0 0 8px; padding: 0 0 5px; border-bottom: 2px dashed #555;}
#container #left .subnav ul.nav, #container #right .subnav ul.nav {
	padding: 0;
	margin: 0;
	width: auto;
}

#container #left .subnav ul.nav li, #container #right .subnav ul.nav li {
	list-style: none;
	text-align: center;
	float: none; width: auto; font-size:0.9em;
}

#container span.subnavbottom {
	background: transparent url(../images/subnav_bottom.png) no-repeat center top;;
	display: block;
	width: 191px;
	height: 30px;
	margin: 0 0 0 4px;
}

#container #left h2.nieuwsbrief {
	background: transparent url(../images/h2_nieuwsbrief.gif) no-repeat;
	width: 76px;
	height: 17px;
	padding: 0;
	margin: 0 0 6px 0;
}

#container #left #nieuwsbrief {
	background: transparent url(../images/bg_nieuwsbrief.png) no-repeat;
	height: 45px;
	width: 131px;
	padding: 20px 20px 10px 30px;
	margin: 0 0 10px 0;
}

#container #left #nieuwsbrief input {
	width: 90px;
	margin: 0;
	padding: 0;
	float: left;
}

#container #left #nieuwsbrief input.submit {
	width: 20px;
	float: right;
	display: block;
	border: none;
	text-indent: -9999px;
	background: transparent url(../images/submit_pijltje_hover.png) no-repeat left top;
	width: 15px; height: 23px;
}

#container #left a.facebook {
	background: #f2f2f3 url(../images/facebook_hover.jpg) no-repeat;
	width: 49px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 0 25px 0 0;
	font-weight: bold;
}

#container #left a.facebook:hover {
	background: #f2f2f3 url(../images/facebook.jpg) no-repeat;
}

/* @end */

/* @group Content */

#container #content {
		line-height: 1.5em;
		font-size: 0.85em;
		width: 480px;
		float: left;
		padding: 0 0 0 20px;
}
#container #content a {
	text-decoration: none;
	color: #00b0db;
}
#container #content a:hover {
	color: #000;
}
#container #content h3 a, #container #content .pagination a {
	text-decoration: none;
	color: #000;
}
#container #content h3 a:hover, #container #content .pagination a:hover {
	color: #00b0db;
}
#container #content h1 a {
	background: transparent url(../images/artboem.png) no-repeat center top;
	text-indent: -9999px;
	width: 443px;
	height: 108px;
	display: block;
}

#container #content #featuredfoto {
	/*background: transparent url(../images/bg_featuredfoto.png) no-repeat center top;*/
	width: 438px;
	height: 116px;
	text-align: center;
	padding: 20px 0 0 10px;
}
#container #content #featuredfoto p { text-align: center; margin-top: 5px; }

#container #content #text {
	width: 380px;
	background: transparent url(../images/content_top.png) no-repeat center 5px;
	padding: 40px 20px 20px 45px;
}
#container #content #text_outer {
	width: 445px;
	background: transparent url(../images/content_top.png) no-repeat center 5px;
	padding: 0;
}
#container #content #text_outer h2.banner { float:left;
height:200px;
margin:0 0 30px 25px;
overflow:hidden;
position:relative;
width:400px; font-size: 1.6em;}
#container #content #text_outer h2.banner .achtergrond { position: absolute; left: 0; top: 0; z-index: 0; }
#container #content #text_outer h2.banner .titel { position: absolute; right: 0; bottom: 0; z-index: 20; }
#container #content #text_outer h2.banner .overlay { position: absolute; right: -23px; bottom: 0; z-index: 20; }


#container #content #text_inner { padding: 40px 20px 20px 45px; }

.newsItem .newsIntro { float: left; width: 260px; }
.newsItemBig .newsInfo { color: #666; font-style: italic; margin: 10px 0 0;}


#container #content #text h2 { text-align: center; }
#container #content #text p{
	padding: 0;
	margin: 10px 0 0 0;
}

#container #content #text img.fotokader_vert {
	background: transparent url(../images/foto_vert.jpg) no-repeat center top;
/*	width: 100px;
	height: 133px;*/
	float: left;
	margin: 10px 10px 10px 0px;
	border: 0;
}

#container #content #text a.leesmeer {
	background: transparent url(../images/leesmeer_hover.png) no-repeat center top;
	width: 32px;
	height: 19px;
	display: block;
	float: right;
	text-indent: -9999px;
	clear: both;
}
#container #content #text a.leesmeer:hover {
	background: transparent url(../images/leesmeer.png) no-repeat center top;
}

#container #content #text hr {
	color: #c0c0c0;
	clear: both;
	border: 0;
	display: block;
	background: transparent url(../images/hr.png) no-repeat center top;
	width: 381px;
	height: 11px;
	margin: 10px 0;
}

#container #content span.textbottom {
	display: block;
	background: transparent url(../images/content_bottom.png) no-repeat center top;
	width: 443px;
	height: 101px;
}

#container #productie {
	background: transparent url(../images/bg_productie.jpg) no-repeat center top;
	margin: -30px 0px 0 -10px;
}

#container #productie h2 {
	color: #fff;
	padding: 90px 0 0 20px;
	font-size: 28px;
}

#container #productie h3 {
	padding-top: 30px;
	text-align: right;
}

#container ul.top_subnav {
	margin: 0px 0 0 20px;
	padding: 0px;
	height: 18px;
}

#container ul.top_subnav li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#container ul.top_subnav li a {
	text-align: center;
	padding-top: 22px;
}
#container ul.top_subnav li a.een {
	display: block;
	background: transparent url(../images/productie_nav_info.png) no-repeat center top;

	width: 91px;
	height: 25px;
}

#container ul.top_subnav li a.twee {
	display: block;
	background: transparent url(../images/productie_nav_artiesten.png) no-repeat center top;
	width: 100px;
	height: 25px;
}

#container ul.top_subnav li a.drie {
	display: block;
	background: transparent url(../images/productie_nav_technisch.png) no-repeat center top;
	width: 63px;
	height: 25px;
}

#container ul.top_subnav li a.vier {
	display: block;
	background: transparent url(../images/productie_nav_tourdata.png) no-repeat center top;
	width: 81px;
	height: 25px;
}

	/* @group Agenda */
	#container .agenda .agenda_item {
		padding: 10px 0 20px;
		list-style: none;
		background: transparent url(../images/hr.png) no-repeat left bottom;
	}
	#container .agenda ul { margin: 10px 0; }
	#container .agenda ul li table { margin: 0; }
	#container .agenda ul li table td { padding: 5px 0; line-height: 1.1em; }
	/* @end */


	/* @group media! */
	.imageThumbs { margin: 15px 0;}
		.imageThumbs .image { width: 110px; text-align: center; float: left; margin: 0 5px 10px 0;}
	/* @end */


	.pagination { text-align: center; }
		.pagination .page { color: #00B0DB; font-weight: bold; } 
/* @end */

/* @group Rechts */

#container #right {
	float: right;
	width: 200px;
	padding: 120px 0 0 0;
}

#container #right p { font-size: 0.8em; padding: 0 10px; }

#container #right ul#languageSelect {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	float: right;
}

#container #right ul#languageSelect li {
	padding: 0;
	margin: 0 2px 0 0;
	float: left;
	list-style: none;
}

#container #right #foto {
	background: transparent url(../images/bg_polaroid.png) no-repeat center top;
	clear: left;
	text-align: center;
	padding: 45px 0px 50px 5px;
	margin: 30px 0 0 0;
}

#container #right #foto span.extrainfo {
	clear:left;
	display: block;
	width: 150px;
	padding: 10px 0 0 20px;
}

#container #right #download {
	background: transparent url(../images/download_top.png) no-repeat center top;
	padding: 40px 30px 5px 45px;
	font-size: 0.85em;
}

#container #right span.downloadbottom {
	background: transparent url(../images/download_bottom.png) no-repeat center top;
	width: 198px;
	height: 28px;
	display: block;
	margin-left: 1px;
}

#container #right #fotokader {
	background: transparent url(../images/fotokader.png) no-repeat center top;	
	text-align: center;
	padding: 47px 0 50px 10px;
}
	#container #right #fotokader a { 
		display: block;
		height: 60px;
		margin-left: 44px;
		overflow-x: hidden;
		overflow-y: hidden;
		width: 100px;
	}
#container #right #video {
	background: transparent url(../images/teevee.png) no-repeat center top;	
	width: 200px;
	height: 228px;
}
	#container #right #video img { width: 85px; padding: 90px 0 0 75px; }

#container #right img {
	width: 180px;
	height: auto;
}
	#container #right #fotokader img { width: auto;  }

/* @end */

/* @group Footer */

#container #footer {
	padding: 20px 0 0 0;
	clear: both;
	text-align: center;
    font-size: 0.7em;
}
#container #footer a img {
	vertical-align: sub;
}
/* @end */