/** GENERAL **/
body{
	/** 
	 * set the font size in every browser on 10px
	 * the rest of the font sizes are defined in em
	 * to calculate the font size in pixels do this
	 * 10px * 1.2em = 12px
	 * 10px * 1.5em = 15px
	 **/
	
        font-size: 12px;
	width:100%;
	font-family:"Lucida Grande", sans-serif;
	background:url('/images/website/bg_main.png') top center repeat-x;
        background-color: #000066;
}
html,body{
    height: 100%;
}
h1, h2, h3{
	display:block;
}

h1{font-size:14px; padding:0px 0 15px 0; color:#F65F13; font-weight:bold;}
h2{font-size:13px; padding:10px 0 15px 0; color:#CA6416;}
h3{font-size:12px; padding:10px 0 15px 0; font-weight:bold;}

strong{font-weight:bold;}

a{
	color:#333;
	text-decoration:none;
}

p{
	line-height:18px;
	font-size:12px;
	padding-bottom:5px;
	padding-top:5px;
	
}

input, textarea{
	font-size:12px;
	font-family:"Lucida Grande", sans-serif;
	color:#525252;
}

form input{
	height:17px;
	line-height:17px;
	padding:1px 2px 1px 2px;
	border:1px solid #CCC;
}

form select{
	height:21px;
	line-height:19px;
	border:1px solid #CCC;
}

form input.button{
	height:21px;
	color:#FFF;
	line-height:21px;
	border:none;
	padding:0 5px 0 5px;
	font-size:12px;
	font-family:"Lucida Grande", sans-serif;
	text-transform:lowercase;
	cursor:pointer;
	color:#000;
}

form textarea{
	line-height:15px;
	padding:1px 2px 1px 2px;
	border:1px solid #CCC;
}

form label{
	color:#525252;
	font-size:12px;
	display:block;
	margin:2px 0 5px 0;
	padding:0 10px 0 0;
	text-align:left;
	width:100px;
}

a:hover{
	text-decoration:underline;
}

/** CONTAINER **/
#container{
	width:100%;
	background:url('/images/website/bg_header.png') top center repeat-x;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -8em;

}

/** HEADER **/
#header{
	width:100%;
	background:url('/images/website/gebouwenblauw.png') top center repeat-x;
	height:235px;
	display:block;
	overflow:hidden;
}

#header div.block{
	width:950px;
	height:113px;
	position:relative;
	margin:0 auto;
}

#header div.block a.logo{
	width:240px;
	height:118px;
	display:block;
	overflow:hidden;
	background:url('/images/website/logo_minieuropa.png') top left no-repeat;
	position:absolute;
	left:10px;
	top:10px;
	text-indent:-10000px;
}

#header div.block ul.social{
	width:200px;
	height:36px;
	position:absolute;
	right:0px;
	top:175px;
}

#header div.block ul.social li{
	width:41px;
	height:36px;
	float:right;
}

#header div.block ul.languages{
	width:168px;
	height:11px;
	position:absolute;
	right:0px;
	top:10px;
}

#header div.block ul.languages li{
	width:16px;
	height:11px;
	float:left;
	margin:0 0 0 12px;
}

#header div.navigation{
	width:100%;
	background:url('/images/website/bg_navigation.png') bottom center repeat-x;
	height:96px;
	display:block;
	overflow:hidden;
}

#header div.menu{
	width:960px;
	height:85px;
	display:block;
	overflow:hidden;
	margin:23px auto;
}

#header div.menu ul.buttons li{
	float:left;
	margin:0 0px 0 0px;
	height:44px;
	display:block;
	padding:0 8px 0 0;
}

#header div.menu ul.buttons li a{
	line-height:39px;
	display:block;
	color:#0E2B89;
	font-size:12px;;
	padding:0 0 5px 7px;
	font-weight:bold;
}

#header div.menu ul.buttons li a:hover{
	text-decoration:none;
	color:#FFF;
}

/** ACTIVE NAVIGATION BUTTON **/

#header div.menu ul.buttons li.active{
	background:url('/images/website/bg_menu_active.png') bottom right no-repeat;
}

#header div.menu ul.buttons li.active a{
	background:url('/images/website/bg_menu_active_pijl.png') top left repeat-x;
	color:#F66013;
	height:120px;
}

#submenuactive a{
    text-decoration:underline;
    color:#FFF;
}

/** CONTENT SECTION **/
#content{
	width:962px;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

/** CONTENT SECTION : SUBMENU **/
#content ul.submenu{
	width:950px;
	height:38px;
	padding:0 0 25px 0;
	background:url('/images/website/bg_news_top.png') bottom left no-repeat;
	margin:-38px 0 0 12px;
}

#content ul.submenu li{
	float:left;
	margin:0 2px 0 0;
	height:38px;
	display:block;
	padding:0 10px 0 0;
	background:url('/images/website/bg_submenu.png') right -60px no-repeat;
}

#content ul.submenu li a{
	line-height:38px;
	display:block;
	color:#FFF;
	font-size:12px;
	padding:0 0 0 10px;
	font-weight:bold;
	background:url('/images/website/bg_submenu.png') top left repeat-x;
}

#content ul.submenu li a:hover{
	text-decoration:underline;
}

#content ul.submenu-active{
	background:url('/images/website/bg_news_top_submenu.png') bottom left no-repeat !important;
	margin:0 0 0 12px !important;
}

/** CONTENT SECTION : PAGE **/
#content div.page{
	width:950px;
	background:url('/images/website/bg_news_bottom.png') bottom left no-repeat;
	padding:0 0 10px 0;
	margin:0 0 11px 12px;
	position:relative;
}

#content div.page div.content {
	background:url('/images/website/bg_news.png') top left repeat-y;
	padding:0 15px 3px 17px;
    min-height: 260px;
}
#content div.page div.content {
    line-height:15px;
    width: 920px;
}
#content div.page div.content div.fronttekst{
    position:relative;
    width:610px;
	height:260px;
    top:0px;
	float:left;
}
#content div.page div.content div.frontthumb{
    position:relative;
    height:235px;
    width:300px;   
    left:5px;
    top:0;
	float:left;
}
#content div.page div.content table p{
    width:auto;
}
#content .content{
    line-height:15px;
}
#content .content a{
    font-size:12px;
    color:#339;
}

#content div.page span.mascotte{
	/*background:url('/images/website/mascotte.png') top left no-repeat;*/
	width:96px;
	height:104px;
	position:absolute;
	right:35px;
	bottom:-11px;
}
#content div.page span.mascotte_home{
	background:url('/images/website/mascotte.png') top left no-repeat;
	width:96px;
	height:104px;
	position:absolute;
	right:550px;
	bottom:-11px;
}

#content div.page span.read-more{
	background:url('/images/website/read-more.png') top left no-repeat;
	width:87px;
	height:35px;
	position:absolute;
	left:475px;
	bottom:-22px;
}

/** CONTENT SECTION : MEDIA **/
#content div.media{
	margin:25px 0 0 0;
	width:962px;
	background:url('/images/website/bg_media_top-bottom.png') top right no-repeat;
	padding:16px 0 0 0;
	position:relative;
}

#content div.media span.mascotte{
	background:url('/images/website/mascotte.png') top left no-repeat;
	width:96px;
	height:104px;
	position:absolute;
	right:304px;
	bottom:-9px;
        #bottom:0;
}
#content div.media span.mascotte_home{
	background:url('/images/website/mascotte.png') top left no-repeat;
	width:96px;
	height:104px;
	position:absolute;
	right:304px;
	bottom:-9px;
        #bottom:0;
}
.content img{
    margin-right:8px;
}
#content div.media div.media-footer{
	background:url('/images/website/bg_media_top-bottom.png') bottom right no-repeat;
	height:16px;
	width:962px;
	margin:0 0 11px 0;
}

#content div.content-boxes{
	width:962px;
	background:url('/images/website/bg_media.png') top right repeat-y;
	padding:9px 0 9px 0;
	display:block;
	overflow:hidden;
}
#content div.content-boxes div.new{
    line-height:16px;
    font-size:12px;
	font-family:"Lucida Grande", sans-serif;
}

/** CONTENT SECTION : MEDIA -- CONTENT **/
#content div.media div.content{
	width:645px;
	margin:0 5px 0 0;
	float:left;
	display:block;
	overflow:hidden;
}

#content div.media div.content h1.new{
	height:38px;
	line-height:38px;
	padding:0 0 11px 20px;
	color:#FFF;
	font-size:12px;
	background:url('/images/website/bg_title_blue.png') top left no-repeat;
	width:550px;
	overflow:visible;
}

#content div.media div.content h1.activities{
	height:38px;
	line-height:38px;
	padding:0 0 11px 20px;
	color:#FFF;
	font-size:12px;
	background:url('/images/website/bg_title_video.png') top left no-repeat;
	width:310px;
	overflow:visible;
}

#content div.media div.content h2{
	padding:0 0 0 30px;
	color:#083770;
	font-size:12px;
	font-weight:bold;
	line-height:23px;
}

#content div.media div.content div.new{
	margin:4px 0 25px 35px;
}

#content div.media div.content div.new h2{
	background:url('/images/website/icon_flag.png') bottom left no-repeat;
}

#content div.media div.content div.activities{
	margin:0 0 0 35px;
}

#content div.media div.content div.activities div.activity{
	margin:-10px 0 0 300px ;
}

#content div.media div.content div.activities h2{
	background:url('/images/website/icon_calendar.png') bottom left no-repeat;
	margin:0 0 3px 0;
}

#content div.media div.content div.new p{
	color:#333;
	margin:12px 0 0 0;
}

/** CONTENT SECTION : MEDIA -- BOXES **/
#content div.media div.boxes{
	width:318px;
	float:right;
	display:block;
	overflow:hidden;
}

#content div.media div.boxes div.mediabox{
	width:310px;
	height:269px;
	background:url('/images/website/bg_mediabox.png') top left no-repeat;
}

/** CONTENT SECTION : MEDIA -- BOXES -- YOUTUBE **/
#content div.media div.boxes div.youtube{
	width:289px !important;
	height:169px !important;
	padding:0px 0 50px 10px;
}

#content div.media div.boxes div.youtube div.movie{
	height:169px;
	width:279px;
	padding-top:0px;
}
#content div.media div.boxes div.youtube div.movie object{
    width:279px;
    height:169px;
}

/** CONTENT SECTION : MEDIA -- BOXES -- GALLERY **/
#content div.media div.boxes div.gallery{
	margin:-24px 0 0 0;
	width:289px !important;
	height:229px !important;        
	padding:0px 0 0 10px;
}
#content div.media div.boxes div.gallery div#page div.slideshow-container{
    display:none;
}
#content div.media div.boxes div.gallery div#page div#controls.controls{
    display:none;
}

#thumbs{
    width:289px;
    /*#margin-top:-15px;*/
}

#thumbs ul{
}
#thumbs ul li{
    display:inline;
    float:left;
    margin:0 10px 15px 0;
}
#thumbs img{    
    width:86px;
    height:57px;
	padding-top:10px;
}

#content div.media div.boxes div.gallery h2{
	color:#083770;
	font-size:12px;
	font-weight:bold;
        margin-bottom:10px;
}

/*#content div.media div.boxes div.gallery ul.photos{
	width:289px;
	margin:20px 0 0 0;
	display:block;
	overflow:hidden;
}

#content div.media div.boxes div.gallery ul.photos li{
	width:289px;
	margin:0 10px 20px 0;
	width:86px;
	height:57px;
	float:left;
}*/

#content div.media div.boxes div.gallery div.pagination {
	clear: both;
}
#content div.media div.boxes div.gallery div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
#content div.media div.boxes div.gallery div.navigation div.bottom {
	margin-top: 12px;
        #margin-top:0;
}
#content div.media div.boxes div.gallery div.pagination a, #content div.media div.boxes div.gallery div.pagination span.current, #content div.media div.boxes div.gallery div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
#content div.media div.boxes div.gallery div.pagination a:hover {
	background-color: #ddd;
	text-decoration: none;
}
#content div.media div.boxes div.gallery div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
#content div.media div.boxes div.gallery div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/** CONTENT SECTION: CONTACTFORM **/
div.contact h1{margin:0 0 10px 0;}

div.contact div.form-contact{
	width:320px;
	margin:0 10px 0 0;
	float:left;
}

div.contact div.form-contact form{
	margin:10px 0  0 0;
}

div.contact div.form-contact input, div.contact div.form-contact textarea{
	width:294px;
	display:block;
	margin-bottom:10px;
}

div.contact div.form-contact span.verify{
	padding:2px;
	background-color:#FFF;
	border:1px solid #CCC;
	display:block;
	width:200px;
	margin:5px 0 5px 0;
}

div.contact div.info{
	width:290px;
	margin:0 0 0 10px;
	float:left;
}

div.contact div.info div.company{
	width:290px;
	margin:0 0 10px 0;
}

div.contact div.info div.company p{
	padding:0 !important;
}

div.contact div.info div.route div#map{
	border:1px solid #CCC;
}

div.contact form input.button{
	width:80px;
	margin:10px 40px 0 40px;
	float:left;
}

/** FOOTER **/
.push{
    height:0em;
}
#footer{
	width:100%;
	height:269px;
	display:block;
	background-color:#0A1E18;
	color:#DAE0D8;
	background:url('/images/website/gebouwenwit.png');
        background-position:top center;
        background-repeat:repeat-x;
	overflow:hidden;
}

#footer div.info-credits{
	padding:130px 0 0 0;
	width:950px;
	height:39px;
	margin:0 auto;
	position:relative;
	font-size:12px;
}

#footer ul.info{
	height:39px;
	color:#DAE0D8;
}

#footer ul.info li{
	line-height:39px;
	vertical-align:middle;
	float:left;
	margin:0 75px 0 0;
}

#footer span.credits{
	width:135px;
	height:15px;
	display:block;
	position:absolute;
	right:0px;
	top:144px;
}

/** CUSTOM CLASSES **/
li#menuactive a{
	color:#FFF;
	background-color:#1595A4;
}

.orange{color:#FB8C05 !important;}
.blue{color:#2690B7 !important;}
.light-blue{color:#19ADBD !important;}
.blue-gray{color:#C2D9Db !important;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.table-padding-left{padding:0 0 0 5px;}
.table-padding-right{padding:0 5px 0 0;}

.float-left{float:left;}
.float-right{float:right;}

.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}

.w10-proc{width:10%;}
.w15-proc{width:15%;}
.w20-proc{width:20%;}
.w25-proc{width:25%;}
.w30-proc{width:30%;}
.w40-proc{width:40%;}
.w50-proc{width:50%;}

#fotodiv{
    position:relative;
    width:500px;
}
.fotodiv{
    float:left;
    width:150px;
}
.content li {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 10px;
	font-size:12px;
	margin-left:15px;
	list-style-type: disc;
}
.tarieven td{
	font-size:12px;
	padding:2px 2px 2px 5px;
	border-bottom: #999 1px dotted;
}
#banner{
	width:145px;
	height:165px;
	position:absolute;
	margin-left:970px;
	margin-top:-23px;
}
.combi-tickets{
	margin:0 0 0 0;
	width:280px;
	margin-left:5px;
	float:left;
}
.combi-tickets h1{
	background-image:url(/images/website/combi-tickets-bg.png);
	color:#FFF;
	padding-top:10px;
	padding-left:25px;
	height:21px;
	width: 278px;
}
.combi-tickets h3{
	background:url('/images/website/icon_calendar.png') bottom left no-repeat;
	margin:0 0 3px 0;
	padding-left:30px;
	font-size:13px; 
	color:#CA6416;
}
.movie{
	color:#FFF;
	width:323px;
	height:49px;
}
.movie h1{
	background:url('/images/website/bg_title_video.png') top left no-repeat;
	padding: 10px 0 0 30px;
	height:46px;
	color:#FFF;
}
.player{
	margin-right:10px;
	margin-left:30px;
}
#content_media{
	background:url('/images/website/bg_media.png') top right repeat-y;
	width:962px;
	height:270px;
}
#content_sponsors{
	background:url('/images/website/bg_media.png') top right repeat-y;
	width:962px;
	height:90px;
}
#box1{
	width:318px;
	float:left;
	height:307px;
}
#box_sponsors{
	width:960px;
	float:left;
	padding-left:25px;
}
#box2{
	width:323px;
	float:left;
}
#box2 .box2_tekst{
	padding-right:5px;
	padding-left:5px;
}
#box2 h1{
	background:url('/images/website/bg_title_activities.png') top left no-repeat;
	color:#FFF;
	padding: 10px 0 0 10px;
	height:46px;
}
#box3{
	float:left;
}
#box3 h1{
	background:url('/images/website/bg_title_fotos.png') top left no-repeat;
	color:#FFF;
	padding: 10px 0 0 10px;
	height:46px;
}
.combitekst{
	color:#0B3872;
}
#footer a{
	color:#FFF;
}
.bijschrift{
	font-size:9px;
}
#banner_rechts{
	width:150px;
	position:absolute;
	margin: 0 0 0 970px;
}
.omschrijving{
	font-size:9px;
}
