/* Homepage
________________________________________________________
//////////////////////////////////////////////////////*/
#homepage {
margin:14px 0 0;
overflow:hidden;
}

#homepage #left {
width:623px;
float:left;
}

#homepage #right {
width:328px;
float:right;
}

/* Rotator
________________________________________________________
//////////////////////////////////////////////////////*/
#rotator {
height:307px;
width:623px;
background:url('../images/rotator-bg.png') 0px -11px no-repeat;
margin:0 0 14px;
overflow:hidden;
}

#rotator #image #stdImage {
position:absolute;
z-index:9;
}


#rotator #image {
padding:1px 1px 0 1px;
position:relative;
width:612px;
height:241px;
}

#rotator #image .activetab {
position:absolute;
top:1px;
left:1px;
z-index:10;
}

#image .inactivetab {
display:none;
}

#image a, #stdImage img {
position:absolute;
top:0;
left:0;
}

#rotator .ui-tabs-hide {
display:none;
}

#rotator #tabs li {
list-style:none;
display:inline;
}

#rotator #tabs li a {
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
display:block;
text-align:center;
list-style:none;
float:left;
width:207px;
height:42px;
padding:20px 0 0;
color:#e07900;
text-shadow:1px 1px #fff;
}

#rotator #tabs li a img {
vertical-align:middle;
margin:0 0 0 5px;
}

#rotator #tabs li.last a {
width:208px;
}

#rotator #tabs li a:hover {
background:url('../images/rotator-bg.png') no-repeat ;
text-decoration:none;
}

#rotator #tabs li.first a:hover {
background-position:0 -318px;
}

#rotator #tabs li.middle a:hover {
background-position: -300px -318px;
}

#rotator #tabs li.last a:hover {
background-position: -413px -318px;
}

#rotator #image span, #rotator #image #stdImage span  {
position:absolute;
top:191px;
left:0px;
background:url('../images/rotator-span.png') repeat;
color:#FFF;
display:block;
width:581px;
padding:15px 20px;
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
z-index:12;
}

/* Box left
________________________________________________________
//////////////////////////////////////////////////////*/
#left .box {
width:623px;
margin:0 0 14px;
font-size:11px;
}

#left .box .top {
height:10px;
background:url('../images/homebox-left.png') no-repeat;
}

#left .box .content {
background:url('../images/homebox-mid.png') repeat-y;
padding:4px 17px 1px;
overflow:hidden;
}

#left .box .content .col{
width:275px;
}

#left .box .content .col img {
margin:0 12px 6px 0;
}

#left .box .content h1, #left .box .content h2 {
font:normal 18px MyriadProLightBold, Myriad, Helvetica, Arial;
color:#0092cb;
margin:0 0 12px;
}

#left .box .bottom {
height:12px;
background:url('../images/homebox-left.png') no-repeat left bottom;
clear:both;
}


/* Box right
________________________________________________________
//////////////////////////////////////////////////////*/
#right .box {
width:326px;
margin:0 0 14px;
color:#4c4c4c;
}

#right .box .tophead {
height:46px;
background:url('../images/homebox-right.png') no-repeat 0 -43px;
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
text-shadow:1px 1px #fff;
}

#right .box .tophead a.evenementen {
height:34px;
background:url('../images/homebox-right.png') no-repeat 0 -43px;
display:block;
padding:12px 20px 0 20px;
float:left;
color:#4c4c4c;
}

#right .box .tophead a.nieuws {
height:34px;
background:url('../images/homebox-right.png') no-repeat -20px -43px;
display:block;
padding:12px 20px 0 20px;
float:left;
color:#4c4c4c;
}

#right .box .tophead a.evenementen:hover, #right .box .tophead a.evenementen.current {
background-position:0 -100px;
text-decoration:none;
color:#0091cb;
}

#right .box .tophead a.nieuws:hover, #right .box .tophead a.nieuws.current {
background-position:0 -150px;
text-decoration:none;
color:#0091cb;
}

#right .box .top {
height:10px;
background:url('../images/homebox-right.png') no-repeat top left;
}

#right .box .content {
border-left:1px solid #eee;
border-right:1px solid #eee;
padding:4px 13px 1px;
overflow:hidden;
}

#right .box.calnews .content {
padding:0;
font-size:11px;
}

#right .box.calnews .event {
padding:11px 15px;
border-bottom:1px solid #dcdcdc;
overflow:hidden;
clear:both;
}

#right .box.calnews .event strong {
color:#0091cb;
font-size:12px;
}

#right .box.calnews .event strong.oranje {
color:#e07900;
font-size:11px;
}

#right .box.calnews .event.last {
margin:0 0 5px;
}

#right .box.calnews .event .date {
width:60px;
height:55px;
background:url('../images/date-bg.png') no-repeat -60px 0;
float:left;
margin:0 15px 0 0;
}

#right .box.calnews .event .date .day {
font:normal 20px MyriadProLightBold, Myriad, Helvetica, Arial;
color:#4c4c4c;
display:block;
padding:5px 0 0;
text-align:center;
}

#right .box.calnews .event .date .month {
font:normap 10px Arial, Helvetica, sans-serif;
color:#0091cb;
display:block;
text-align:center;
}

#right .box.calnews .event .date.double {
background:url('../images/date-bg.png') no-repeat 0 0;
position:relative;
}

#right .box.calnews .event .date.double .day1 {
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
color:#4c4c4c;
position:absolute;
left:6px;
top:3px;
}

#right .box.calnews .event .date.double .month1 {
font:normap 10px Arial, Helvetica, sans-serif;
color:#0091cb;
position:absolute;
left:6px;
top:20px;
}

#right .box.calnews .event .date.double .day2 {
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
color:#4c4c4c;
position:absolute;
right:4px;
bottom:16px;
}

#right .box.calnews .event .date.double .month2 {
font:normap 10px Arial, Helvetica, sans-serif;
color:#0091cb;
position:absolute;
right:6px;
bottom:2px;
}

#right .box .bottom {
height:14px;
background:url('../images/homebox-right.png') no-repeat 0 -14px;
clear:both;
}

#nieuws {
display:none;
}