/* CREDITS
 * ----------------------------------------------------------
 * Title:		Benelive - Screen Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		28/12/09
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ background:#a0d6e5; }

.clear{ clear:both; }
a:focus{ outline:none; }
.setCenter{ text-align:center; }
a:hover{ text-decoration:none; }
.noMargin{ margin:0 !important; }

/* Container
---------------------------------------------------------- */
div#container_wrapper{ background:#f5fbfd url(../images/layout/body_tile.png) repeat-x 0 0; }
div#container{ width:958px; margin:0 auto; background:url(../images/layout/container_background.png) no-repeat right bottom; }

/* Header
---------------------------------------------------------- */
div#header{ padding:0 9px; width:940px; clear:both; overflow:hidden; background:url(../images/layout/header_background.png) no-repeat 0 52px;  }

/* navigation */
div#header div.navigation ul{ margin:0 0 8px; padding:16px 0 0 0; float:right; }
div#header div.navigation ul li{ float:left; }

div#header div.navigation ul li a{ float:left; text-shadow:#000 1px 1px; padding:0 12px; display:block; height:36px; line-height:36px; text-decoration:none; font-size:14px; font-weight:bold; color:#FFF; background:#28282b url(../images/layout/navigation_seperator.png) no-repeat right 0; }
div#header div.navigation ul li.active a, div#header div.navigation ul li a:hover{ color:#f07b34; }
div#header div.navigation ul li.last a{ background-image:none; }

/* Holder */
div#header div.holder.high{ height:288px; }
div#header div.holder{ position:relative; }
div#header div.holder div.left{ width:245px; float:left }
div#header div.holder div.left img{ margin:0 auto; display:block; float:none; }
div#header div.holder{ width:940px; clear:both; overflow:hidden; background:#231f20 url(../images/layout/holder_background.png) no-repeat 0 0; }
div#header div.holder img{  float:left; }
div#header div.holder img.entertain{ position:absolute; left:15px; bottom:12px; }
div#header div.holder p.quote{ font-weight:bold; position:absolute; right:15px; bottom:10px; width:240px; text-align:right; line-height:22px; font-size:18px; color:#575556; }
div#header div#slideshow-items div.title{ padding-bottom:5px; font-weight:bold; font-size:24px; color:#575556;}

div#header div#slideshow { float:left; width:415px; position:relative; }
div#header div#slideshow div { position: absolute; top: 0; z-index: 0; } 
div#header div#slideshow div img{ position:relative; z-index:1; }
div#header div#slideshow div.titlehome { z-index:2; padding:10px 10px; color:#FFF; width:92%; position:absolute; left:8px; height: 20px; top:240px; width: 379px; background:url(../images/layout/transparent-tile.png) repeat; }
div#header div#slideshow div.title { z-index:2; padding:10px 10px; color:#FFF; width:92%; position:absolute; left:8px; height: 20px; top:100px; width: 379px; background:url(../images/layout/transparent-tile.png) repeat; }
div#header div#slideshow div.title em{ font-style:normal; }
div#header div#slideshow div.title span{ margin:0 8px 0 0; color:#ace0f0; line-height:24px; font-size:24px; font-weight:bold; }
div#header div#slideshow div.titlehome em{ font-style:normal; }
div#header div#slideshow div.titlehome span{ margin:0 8px 0 0; color:#ace0f0; line-height:24px; font-size:24px; font-weight:bold; }


div#header div#slideshow-items{ height:268px; overflow:hidden; width:260px; float: right; padding:10px; background:url(../images/layout/slideshow-items_background.png) no-repeat 0 0; }
div#header div#slideshow-items ul.entries{ margin-bottom:8px; background:url(../images/layout/slideshow-items_tile.png) repeat-x left bottom; }
div#header div#slideshow-items ul.entries li{ position:relative; padding:10px 0 10px 60px; background:url(../images/layout/slideshow-items_tile.png) repeat-x 0 0; }
div#header div#slideshow-items ul.entries li h3{ line-height:16px; font-size:18px; color:#FFF; font-weight:bold; }
div#header div#slideshow-items ul.entries li h3 a { color:#FFF; text-decoration: none; }
div#header div#slideshow-items ul.entries li h3 em{ position: absolute; left:-5px; font-style:normal; color:#ace0f0; font-weight:bold; }
div#header div#slideshow-items ul.entries li.active h3 a { color: #F07B34; }
div#header div#slideshow-items ul.entries li span{ display:block; margin:2px 0 0 0; font-size:11px; color:#ace0f0; }
div#header div#slideshow-items ul.entries li span em{ color:#ad5d40; font-style:normal; }

/* Breadcrumbs
---------------------------------------------------------- */
div#breadcrumbs{ margin:0 9px; padding:0 15px; height:38px; line-height:38px; border:3px solid #edecec; clear:both; overflow:hidden; width:904px; background:#f2f2f2; }
div#breadcrumbs ol{ float:left;}
div#breadcrumbs ol li{ margin:0 7px 0 0; font-size:18px; color:#b7b7b7; float:left; }
div#breadcrumbs ol li h1.last{ font-size:16px; font-weight: lighter; }
div#breadcrumbs ol li a{ padding:0 17px 0 0; color:#b7b7b7; text-decoration:none; background:url(../images/layout/breadcrumb_seperator.png) no-repeat right center; }

div#breadcrumbs div.subscribe { padding:5px 0 0 0; float:right;  line-height:25px; }
div#breadcrumbs a.breadcrumb { text-decoration:none; border-right:2px solid #bae5f3; border-bottom:2px solid #9fcedd; border-left:2px solid #bae5f3; color:#28282b; background:#ace0f0; line-height:25px; padding:0 15px; display:inline-block; margin-left:5px; }
div#breadcrumbs a.breadcrumb:hover { text-decoration:underline; }
div#breadcrumbs ul.actions { margin:0 0 0 8px; float:right; width:auto; }

/* Content
---------------------------------------------------------- */
div#content{ width:940px; overflow:hidden; line-height:18px; padding:20px 9px 30px; }

/* Main
---------------------------------------------------------- */
div#main{ float:right; width:670px; }

/* actions */
ul.actions { width:100%; clear:both; overflow:hidden; }
ul.actions li a{ text-decoration:none; }
ul.actions li.center { margin:0 auto; }
ul.actions li.right{ float:right; }
ul.actions li.button a{ border-right:2px solid #bae5f3; border-bottom:2px solid #9fcedd; border-left:2px solid #bae5f3; color:#28282b; background:#ace0f0; line-height:25px; padding:0 15px; display:inline-block;}
ul.actions li.button a:hover{ text-decoration:underline; }
ul.actions li.orange a{ border-right:2px solid #f7be9c; border-bottom:2px solid #dc7130; border-left:2px solid #dc7130; color:#FFF; background:#f07b34; }

/* news */
div#main ul.newsList{ border-bottom:1px solid #DDD; margin-bottom:20px; }
div#main ul.newsList li{ padding:8px 15px; border-top:1px solid #DDD; clear:both; overflow:hidden; width:640px; }
div#main ul.newsList li em{ padding:0 15px 0 0; float:left; color:#f07b34; font-style:normal; font-weight:bold; }
div#main ul.newsList li span{ float:left; color:#f07b34; }
div#main ul.newsList li h3{ width:315px; float:left; }
div#main ul.newsList li h3 a{ text-decoration:none; font-weight:bold; color:#2d2e32; }
div#main ul.newsList li h3 a:hover{ color:#f07b34; }
div#main ul.newsList li a.more{ float:right; color:#67acc1; }

/* contact */
div.contact{ width:100%; clear:both; overflow:hidden; }
div.contact div.left{ float:left; width:375px; }
div.contact div.left h2{ margin-bottom:15px; }

div.contact div.right{ float:left; width:245px; padding:0 0 0 50px; }
div.contact div.right address{ margin-bottom:20px; }
div.contact div.right h3{ font-weight:bold; margin-bottom:15px; font-size:16px; color:#f07b34; }
div.contact div.right ul.persons li{ margin-bottom:20px; }

/* agendaList
---------------------------------------------------------- */
ul.agendaList{ width:100%; clear:both; overflow:hidden; margin-bottom: 4px;}
ul.agendaList li{ float:left; position:relative; }
ul.agendaList li div.overlay{ z-index:2; padding:5px 0; text-align:center; color:#FFF; width:140px; position:absolute; left:50%; margin-left:-70px; top:115px; background:url(../images/layout/transparent-tile.png) repeat; }
ul.agendaList li div.overlay a { padding:5px 0; text-align:center; color:#FFF; text-decoration:none; font-weight: bold;}
ul.agendaList li p a{ text-decoration:none; color:#67acc1; font-weight:bold; font-size: 14px;}
ul.agendaList li p a:hover{ color:#000; }

/* detail page */
div.detail{}
div.detail h2{ color:#f07b34; font-size:22px; font-weight:bold; margin-bottom:5px;}
div.detail h2 span{ font-weight:normal; font-size:12px; }
div.detail h2 span em{ color:#67acc1; font-style:normal; }
div.detail p{ margin:10px 0; }
div.detail a{ color:#67acc1; }

div.detail div.hasImage{ float:left; width:370px; }

div.detail div.images{ float:right; width:236px; overflow:hidden; margin-top: 32px; }
div.detail div.images img{ float:left; border:3px solid #ace0f0; }
div.detail div.images a:hover img{ border:3px solid #F07B34; }
div.detail div.images li.big{ margin-bottom:10px; clear:both; float:none; width:100%; clear:both; overflow:hidden; }
div.detail div.images li{ float:left; margin-bottom:10px; }
div.detail div.images li.middle{ margin:0 10px; }

/* default */
div#main div.title h2{ padding:0 0 10px 15px; color:#f07b34; font-size:22px; font-weight:bold; }

/* Cols */
div#main div.row{ padding-bottom:20px; clear:both; overflow:hidden; width:100%; }

div#main div.col{ float:left; margin:0 10px; }
div#main .w_30{ width:205px; }
div#main .w_40{ width:155px; margin: 8px !important; }
div#main .first{ margin-left:0 !important; }
div#main .last{ margin-right:0 !important; }

div#main .w_30 div.title{ width:205px; height:54px; line-height:54px; background:url(../images/layout/col_w_30_title_bg.png) no-repeat 0 0; }
div#main .w_30 div.title h2{ padding:0; text-shadow:#79c1d7 -1px -1px; font-weight:bold; text-align:center; font-size:22px; color:#FFF; }
div#main .w_30 div.title h2 a { text-shadow:#79c1d7 -1px -1px; font-weight:bold; text-align:center; font-size:22px; color:#FFF; text-decoration:none; }

div#main .gray div.image img{ float:left; }
div#main .gray div.image{ width:100%; clear:both; overflow:hidden; }
div#main .gray div.content{ clear:both; padding:15px; border:3px solid #edecec; background:#f2f2f2; border-top:0; }
div#main .gray div.content p{ margin-bottom:15px; }

/* Sidebar
---------------------------------------------------------- */
div#sidebar{ float:left; width:245px; }

div#sidebar div.box{ margin-bottom:20px; padding:12px }
div#sidebar div.box.gray{ border:3px solid #edecec; background:#f2f2f2; }
div#sidebar div.box.blue{ border:3px solid #c1e8f4; background:#ace0f0 url(../images/layout/sidebar_blue_background.png) no-repeat 0 0; }
div#sidebar div.box p{ margin-bottom:15px; }

div#sidebar div.box h3{ margin-bottom:10px; font-size:22px; }
div#sidebar div.box h3.small{ margin-bottom:0; font-weight:bold; font-size:14px; }

div#sidebar h2{ padding:0 0 0 15px; color:#f07b34; font-size:22px; font-weight:bold;}

/* list */
div#sidebar div.navigation ul{ margin-bottom:20px; }
div#sidebar div.navigation ul li{ border-bottom:1px solid #DDD; padding:20px 0 8px 15px; }
div#sidebar div.navigation ul li a{ color:#67acc1; }
div#sidebar div.navigation ul li.active a{ font-weight:bold; text-decoration:none; }

ul.pagination { margin-bottom:20px; text-align: center; }
ul.pagination li { border:1px solid #DDD; padding: 10px; display: inline; margin: 2px; }
ul.pagination li a { color:#67acc1; }
ul.pagination li.active { font-weight:bold; text-decoration:none;}

/* artist */
div#sidebarwrapper { position: relative; width: 245px; height: 250px; }
div#sidebar div.artist{ position:absolute; width:245px; }
div#sidebar div.artist a { text-decoration: none; cursor: pointer; }
div#sidebar div.artist img{ position:relative; z-index:1; }
div#sidebar div.artist div.title{ z-index:2; padding:15px 10px; color:#FFF; width:210px; position:absolute; left:8px; bottom:8px; background:url(../images/layout/transparent-tile.png) repeat; }
div#sidebar div.artist div.title em{ font-style:normal; margin:0 8px 0 0; }
div#sidebar div.artist div.title span{ color:#ace0f0; font-size:18px; font-weight:bold; }

/* Footer
---------------------------------------------------------- */
div#footer_wrapper { color:#FFF; height:114px; background:#ace0f0 url(../images/layout/footer_tile.png) repeat-x 0 0; }
div#footer{ overflow:hidden; width:940px; margin:0 auto; padding:15px 0; }

/* address like */
div#footer ul li{ line-height:16px; float:left; margin-right:10px; }
div#footer ul li a{ color:#FFF; text-decoration:none; }
div#footer ul li a:hover{ color:#2d2e32; }
div#footer ul li#inventis{ float:right; }
div#footer ul li#inventis a{ text-indent:-9000px; overflow:hidden; display:block; width:73px; height:16px; background:url(../images/layout/inventis.png) no-repeat 0 0;  }
div#footer ul li#inventis a:hover{ background-position:left bottom; }

span#back { background: url(/design/images/arrowback.gif) no-repeat left center; }
span#back a { margin-left: 10px; }

div.text ul { display: list-item; }
div.text ul li { list-style-type: disc; list-style-position:inside;}

.partners ul li { display: block; float: left; margin: 10px; }
.partners ul li span.title { font-size: 16px; color: #F07B34; font-weight: bold; margin: 5px; }