/*
-----------------------------------------------------------------------------------
Cunina 2005
Stylesheet:  screen css
Author:   Jan "span" Meeus
Company: Robarov : http://www.robarov.be/
Last Modified:  9-8-2005
----------------------------------------------------------------------------------- */
* {
padding:0;
margin:0;
}

body {
	font: 11px/1.6em tahoma,geneva,verdana,sans-serif;
	text-align:center;
	margin:0;
	padding: 0;
	color: #572700;
	min-width: 785px;
	background: #070300 url("../i/layout/bgbody.jpg") top left repeat-x;
}

#skipLink, .hide{display:none;}

fieldset {
	margin:0;
	padding:0;
	border-width : 0;
	border-style : solid;
	/*  IE 5 Hack \*/
	display: inline;
	/* end hack */
}

img{border:0;}

.imgFloatleft, #news img, #newsfront img,.floatleft{margin:4px 12px 6px 0 ;float:left;padding:4px;background:#FEFEFE;border:1px solid #C4C4C4;}
.imgFloatright{margin:4px 0 6px 12px ;float:right;padding:4px;background:#FEFEFE;border:1px solid #C4C4C4;}

/*-----------------------------------------------------------------------------------
T Y P O G R A P H Y
----------------------------------------------------------------------------------- */
a{
	text-decoration: underline;
	font-weight: bold;
	color: #572700;
}
a:hover {color:#f8981d;}
p{
	margin: 0 0 10px 0;
}
ol {
	margin: 0 0 10px 20px;
	line-height: 1.8em;
}

/*-----------------------------------------------------------------------------------
C O N T A I N E R
----------------------------------------------------------------------------------- */
#container {
	width: 780px;
	margin: 0 auto;
	position: relative;
	background: transparent url("../i/layout/bgcontainer.gif") top center repeat-y;
	text-align:left;
}

/*-----------------------------------------------------------------------------------
H E A D E R
----------------------------------------------------------------------------------- */
.nl #header{
	height:215px;
	 background: #fff url("../i/layout/bgheader1-nl.jpg") top center no-repeat;
	z-index:10;
}
.en #header{
	height:215px;
    background: #fff url("../i/layout/bgheader1-en.jpg") top center no-repeat;
	z-index:10;
}


#header h1{
	background: url("../i/layout/cunina.gif") bottom right no-repeat;
	width: 115px;
	height: 115px;
	padding: 42px 0 0 35px;
}

#header h1 a{
	display: block;
	text-indent: -5000px;
	text-decoration:none;
	width: 115px;
	height: 115px;
/*  IE 5 Hack \*/
	overflow: hidden;
/* end hack */
}

p#slogan, #children{
	position:absolute;
	top:10px;
	left:20px;
	font-weight:bold;
}
#children {
	color: #fff;
	top: 145px;
	left: 300px;
	color: #ff6500;
	line-height: 18px;
	font-weight: normal;
	font-size: 11px;
}
p#slogan span{font-weight:normal;}

#sitemap {
	position: absolute;
	right: 0;
	top: 10px;
	width: 200px;
	text-align:center;
}
#sitemap a{color:#FFF;}
#sitemap a:hover{color:#000;}
/*-----------------------------------------------------------------------------------
N A V I G A T I O N
----------------------------------------------------------------------------------- */
#nav{
	font-size:12px;
	position:absolute;
	top:165px;
	left:6px;
	height:26px;
	line-height:26px;
	list-style:none;
	width: 110%;
}
#nav li{
	float:left;
	padding: 0 13px 0 0;
	width:auto;
}
#nav a{
	color:#FFF;
	display:block;
	text-decoration:none;
	text-transform:lowercase;
}
#nav a:hover{text-decoration:underline;}

#nav li ul{
	position:absolute;
	list-style:none;
	top:25px;
	left:0px;
	width:110%;
	height:25px;
	line-height:25px;
}
#nav li ul a, #nav li.open ul li a{
 	color:#572700;
}
#nav li ul a:hover{
	text-decoration:underline;

}
#nav li.open a{background: url("../i/layout/arrow2.gif") bottom center no-repeat;}


/*-----------------------------------------------------------------------------------
C O N T E N T C O N T A I N E R
----------------------------------------------------------------------------------- */
#contentcontainer{
	background: transparent url("../i/layout/bgcontent.jpg") top center no-repeat;
	margin:1px 0 0 0;
	position:relative;
}

/* The Magic min-height fix happens here */
*>#contentcontainer {padding-top: 800px; min-height: 1px;}
*>#contentcontainer #content {margin-top: -800px;}
* html #contentcontainer {
/* IE5Mac filter \*/
height: 800px;
/* end filter */
}

/*-----------------------------------------------------------------------------------
C O N T E N T
----------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
#content{
	width:565px;
	widt\h:505px;
	padding:10px 20px 20px 40px;
}

#content h1#breadcrumbs{
	font-size:11px;
	font-weight:normal;
	padding:0;
	margin:0 0 10px 0;
	color:#572700;
	text-transform:lowercase;
	line-height:22px;
}
#content h1#breadcrumbs a{
	color:#572700;
	font-weight:bold;
	text-decoration:underline;
}
#content h1#breadcrumbs a:hover{color:#FFF;}

#content h1{
	font-size:14px;
	margin:10px 0;
	color: #784B0D;
}
#content h2{font-size:14px;margin:10px 0; color:#572700;}
#content ul li{
	list-style-type:none;
	padding-left:10px;
	background: transparent url("../i/layout/bullet.gif") 0em .5em no-repeat;
}
#content div#history{
	margin: 0 0 6px 0;
}
#content dl.partner_info{
	margin: 0 0 15px 0;
}

#content div#history dl dt{
	font-weight:bold;
	float:left;
	width: 45px;
}
#content div#history dl dd{
	margin-left:55px;
}

#content dl.partner_info dt{
	font-weight:bold;
	float:left;
	width:270px;
}

#content dl.partner_info dd{
	margin-left:280px;
}


.button-cunina {
	margin: 0 0 15px 15px;
	height: 35px;
}

.button-cunina a span{
	background-color: #f8981d;
	font-size: 1.2em;
	height: 35px;
	line-height: 35px;
	display: block;
	float: left;
	padding-left: 15px;
}
.button-cunina a{
	background-color: #f8981d;
	display: block;
	padding-right: 12px;
	float: left;
	color: #572700;
	text-decoration: none;
	cursor: pointer;
    }
.button-cunina a:hover span{background-color: #f8981d;}

.button-cunina a:hover{
	background-color: #f8981d;
	color: #fff;
}
.button-cunina a em {
	color: #572700;
	font-style: normal;
	}
.button-cunina a:hover em {color: #fff;}

#email-form{
	margin-bottom: 50px;
}

dl#bord dt{
	float:left;
	font-weight: bold;
	width: 140px;
}
dl#country dt{
	float:left;
	font-weight: bold;
	width: 80px;
}
dl#country dd{
	margin: 0 0 5px 90px;
}

dl#contact dt{
	float:left;
	clear:both;
	width: 200px;
	margin-bottom: 5px;
}
dl#contact dd{
	margin: 0 0 5px 210px;
}

blockquote.cunina p{
	color: #ff6500;
	clear: both;
	font-size:16px;
	line-height:16px;
	text-align:center;
	padding: 10px 5px 10px 5px;
	margin:0px 5px 0 0;
	width: 500px;
}

ul.overview, ul.gallery{
	clear: both;
	width: 550px;
	margin:10px 0 20px 0;
	padding:0;
	float:left;
}

#content ul.overview li{
	float:left;
	text-align:center;
	margin:0 5px 0 0;
	padding:0;
	list-style-type:none;
	background:none;
}

#content ul.gallery li{
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	padding:0;
	list-style-type:none;
	background:none;
}

#content p.click{
	clear: both;
	font-weight: bold;
	text-align:center;
	margin: 15px 0;
}

#content p.click2{
	clear: both;
	font-weight: bold;
	text-align:center;
	margin: 15px 0;
}
.notable{
	color: #E2100;
	font-weight: bold;
	/*background: #4E2100;
	padding: 2px;*/
}


.voorstelling {
	width: 100%;
	margin-bottom: 1em;
	line-height: 1em;
	vertical-align: middle;
	border-collapse: collapse;
}
.voorstelling td	{
	border-left: 1px solid #4F2100;
	padding: .5em 1em;
	vertical-align: middle;
	text-align: center;
	background: #EED2BA;
	line-height:15px;
}

.voorstelling td.noborder{
	border-left: none;

}

.voorstelling tr.odd td {background: #DD8E53;}
.voorstelling th {
	background: #D46111;
	text-align: center;
	font-weight: bold;
	padding: 1.5em;
	color: #572700;
}

.voorstelling tfoot td{
	background: #D46111;
	text-align: left;
	padding: 1.5em;
	color: #572700;
}

/*----
GIFTS
-----*/
h3.giftHeader{
	font-size:11px;margin:0;
}
h4.giftHeader2{
	font-size:11px;margin:0;
	font-style: italic;
}
ul#condition{
	margin:-8px 0 10px 0;
}
.gift-back{
	margin: 5px 0 5px 15px;
}
.gift-back, .gift-expl{
	clear: both;
}
.gift-expl{
	margin: 0 0 20px 0;
}
.gift {
	float: left;
	margin : 5px 10px 5px 0;
}
.gift dt{
	font-weight: bold;
	text-align:center;
}
.gift dd{
	text-align:center;
}
.gift dd.title{
	text-align:left;
}

blockquote p{
	color: #572700;
	clear: both;
	font-size:12px;
	line-height:18px;
	text-align:center;
	padding: 5px 5px 5px 5px;
	margin:0px 10px 5px 10px;
	width: 400px;
}



/*-----------------------------------------------------------------------------------
S I D E B A R
----------------------------------------------------------------------------------- */
#sidebar{
	position:absolute;
	right:5px;
	width:195px;
	top:0;
	font-size:12px;
}
#sidebar h2{
	clear:both;
	font-size:24px;
	text-align:right;
	letter-spacing:5px;
	font-weight:100;
	text-transform:lowercase;
	margin:0 0 10px 0;
	padding:10px 10px 10px 0;
}
#sidebar h2 a{
	font-weight:100;
	text-decoration:none;
}
#sidebar a:hover{color:#FFF;}
#sidebar dl a:hover{color:#f8981d;}
#language{
	width:150px;
	margin:0 0 0 40px;
	text-align:center;
}
#language a{color:#000;}
#language a:hover{color:#FFF;}

#sidebar dl{
margin: 0 0 0 10px;
}
#current dt, #sidebare-agenda dt{
	background: transparent url("../i/layout/bullet1.gif") 0 6px no-repeat;
	padding-left:14px;
	width:162px;
	margin:0 0 5px 0;
	/*float:left;*/
}
#sidebar dl dd{
	width:60px;
	float:left;
	margin:0 0 0 10px;
}

#shop dt, #sponsors dt{
	background: transparent url("../i/layout/bullet2.gif") 0 5px no-repeat;
	padding-left:14px;
	width:100px;
	float:left;
}
#what-do p{
	background: transparent url("../i/layout/bullet2.gif") 0 5px no-repeat;
	padding-left:14px;
}
#sidebar dl dd a img{border:1px solid #784B0D;}
#sidebar dl dd a:hover img{border:1px solid #D46111;}

#current h2{background: transparent url("../i/actueel/bgtitle.jpg") 100% 70% no-repeat;}
#shop h2{background: transparent url("../i/shop/bgtitle.jpg") 100% 70% no-repeat;}
#sponsors h2, #sidebare-agenda h2{background: transparent url("../i/sponsors/bgtitle.jpg") 100% 70% no-repeat;}


#sidebar #privacy{background: transparent url("../i/layout/bgprivacy.jpg")  top left no-repeat;margin:10px 0 0 0;}
#sidebar #millennium{background: transparent url("../i/layout/bgmillennium.jpg")  top left no-repeat;margin:10px 0 0 0;}

#sidebar #subscribe{
	margin: 10px 0 0 0;
	text-align: center;
	background: #d56212;
}

#sidebar #subscribe p.same{
	margin:0 10px;
	padding:0;
	font-size:11px;
	color:#fff;
	text-align:center;
}

#sidebar #subscribe img{
	padding:0;
	margin: 10px 0 0 0;
}

#sidebar #subscribe h2{
	clear:both;
	font-size:24px;
	text-align:left;
	letter-spacing:3px;
	font-weight:100;
	text-transform:lowercase;
	margin:0 0 0 20px;
	padding:4px 10px 0 0;
}
#sidebar #privacy h2{
	clear:both;
	font-size:24px;
	text-align:left;
	letter-spacing:3px;
	font-weight:100;
	text-transform:lowercase;
	margin:0 0 0 20px;
	padding:4px 10px 0 0;
}
#sidebar #millennium h2{
	clear:both;
	font-size:14px;
	text-align:left;
	letter-spacing:3px;
	font-weight:100;
	text-transform:lowercase;
	margin:0 0 0 20px;
	padding:4px 10px 0 30px;

}
#sidebar #subscribe h2 span{
	display:block;
	letter-spacing:5px;
	color:#572700;
	margin:0;
	padding:0 0 0 28px;
}
#sidebar #privacy h2 span{
	display:block;
	letter-spacing:5px;
	color:#572700;
	margin:0;
	padding:0 0 0 28px;
}

#sidebar #millennium h2 span{
	font-size:18px;
	display:block;
	letter-spacing:5px;
	color:#572700;
	margin:0;
}
#sidebar #subscribe h2 a, #sidebar #millennium h2 a, #sidebar #privacy h2 a{text-decoration:none;color:#000;font-weight:100;}
#sidebar #subscribe h2 span a, #sidebar #millennium h2 span a, #sidebar #privacy h2 span a{text-decoration:none;color:#572700 ;font-weight:100;}
#sidebar #subscribe p, #sidebar #millennium p, #sidebar #privacy p{
	font-size:11px;
	text-align:right;
	padding:0 20px 10px 0;
}
#sidebar #subscribe p a:hover, #sidebar #millennium p a:hover, #sidebar #privacy p a:hover{color:#FFF;}

#sidebar div#current dl dt#newsletter, #extra {
	width: 174px;
	padding: 10px 0 10px 0px;
	text-align: center;
	font-weight:300;
	background: none;
	background: #DE8241;
	border: 3px solid #fff;
}

#extra{
	width: 100%;
}
#sidebar div#campagne{
	margin: 10px 0px;
	text-align:center;
}

#sidebar p.more{
	font-size:10px;
	margin:0 0 0 24px;
}

/*-----------------------------------------------------------------------------------
N E W S
----------------------------------------------------------------------------------- */
div#front{
	margin: 5px 0 10px 0;
}
#content div#front ul#newsfront li{
	padding: 10px;
	background: #E7A97A;
}
ul#newsfront li{
	float:left;
	width:100%;
	margin: 0 0 15px 0;
}

#content ul#news li, #content #newsfront ul li{
	padding:10px;
	margin-bottom:5px;
	float: left;
	width: 475px;
	widt\h: 455px;
	background:transparent;
}

.dt, .date{font-size:10px;color:#572700;display:block;margin-bottom:6px;}
#news li h2, #newsfront li h2{line-height:18px;margin:0;font-size:14px;}
#news li p.more, #newsfront li p.more{clear:both;font-size:10px;}
#news li img, #newsfront li img{margin:4px 12px 0 0 }

/*-----------------------------------------------------------------------------------
S P O N S O R S
----------------------------------------------------------------------------------- */
#content .sponsors h2 {
	font-size: 16px;
}
#content .sponsors, #content #voorstelling-sponsors{
	width: 530px;
	float: left;
	margin: 0 0 20px 0;
}
#content .sponsors li {
	list-style-type:none;
	background:none;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 50px;
	padding: 0px;
	text-align: center;
	float: left;
	display: inline;
}
#content .sponsors a {
	text-decoration: none;
	text-align: center;
	}
#content .sponsors img {
	display: block;
	margin: 0 auto;
	}

#content #voorstelling-sponsors li {
	list-style-type:none;
	background:none;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;
	text-align: center;
	float: left;
	display: inline;
}

/*-----------------------------------------------------------------------------------
F O R M S
----------------------------------------------------------------------------------- */
form{clear:both;}
span.error{color:#F00;}
.frminput label{
	float: left;
	font-weight:bold;
	display: block;
	width: 100px;
	cursor: pointer;
}
.frminput textarea{width:340px;}
.frmselect{display:block; padding-left:100px;}
#submit{margin:10px 0;}
form h3{
 margin: 5px 0 2px 0;
 color: #572700;
}
p.error{
	border:1px solid #ff7474;
	background:#fadfdf url(../i/layout/error.gif) 3px 6px no-repeat;
	color:#d92929;
	padding:4px 24px;
}
.success{
	border:1px solid #8bd258;
	background:#c5ffab url(../i/layout/accept.gif) 3px 6px no-repeat;
	color:#6dba36;
	padding:4px 24px;
}


/*-----------------------------------------------------------------------------------
A G E N D A / P E R S
----------------------------------------------------------------------------------- */
#content ul.agenda li p	.date, #content ul.agenda li p	.press{margin:0 0 10px 0;}
#content ul.agenda li p, #content ul.press li p{margin:0px;}
#content ul#images li{
	padding-left:0px;
	background:none;
	float:left;
	margin:4px 12px 6px 0 ;
}
.agendaNav, .newsNav, .pressNav{
	font-size:10px;
	margin:20px 0;
	clear:both;
}
#images li{}
#images li img{padding:4px;background:#FEFEFE;border:1px solid #C4C4C4;height:150px;}
#agenda h2{clear:both;}

#press h2{
 	clear:both;
}
.archive{
	font-size:10px;
	margin-top:20px;
}
/*-----------------------------------------------------------------------------------
F O O T E R
----------------------------------------------------------------------------------- */
#footer{
	clear:both;
	background: #020202 url("../i/layout/bgfooter.jpg") bottom center no-repeat;
	height:90px;
	font-size:12px;
}
#footer p{
	margin:0 0 0 40px;
	font-weight:bold;
	padding:4px 0 0 0;
}
#footer p span{font-weight:normal;}

#copyright{
	color:#FFF;
	font-size:10px;
}

/*=========> movie <===========*/
#movie {
	text-align: center;
	background: url(../i/layout/line.gif);
	padding-bottom: 5px;
	margin: 0;
}
