/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ News widget +++++++++++++++++++++++++++++++++++++++++++++++++++ */

#show1 {
position:relative;
margin: 0 0 0 4px;
}
#show2,
#show3{
position:relative;
margin: -228px 0 0 4px;
}
#show2 h3,
#show3 h3 {
width: 100px;
}
#show1 .totaal-overzicht,
#show2 .totaal-overzicht,
#show3 .totaal-overzicht {
position: absolute;
right: 15px;
top: 15px;
font-size: 90%;
font-weight: bold;
color: #45AED4;
text-decoration: underline;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 326px;
height: 197px; /*Height should enough to fit largest content's height*/
background: url('images/slide-container.gif') 0 0 no-repeat;
font-size: 100%;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 65px;
}
.stepcarousel h3 {
margin: 5px 0 0 10px;
font-size: 16px;
font-weight: bold;
color: #000;
text-transform: uppercase;
}
.stepcarousel h4 {
margin: 0;
padding: 0;
font-size: 15px;
color: #999;
font-size: 13px;
color: #666;
}
.stepcarousel ul.tab {
position: relative;
margin: 10px 0 0 0;
padding: 0 0 2px 0;
list-style: none;
width: 326px;
height: 20px;
border-bottom: 1px solid #DEDDDD;
}
.stepcarousel ul.tab li {
position: absolute;
float: left;
margin: 0 7px -2px 0;
width: 75px;
}
.stepcarousel ul.tab li.verwacht, .stepcarousel ul.tab li.verwacht_active {
left: 85px;
}
.stepcarousel ul.tab li.permanent, .stepcarousel ul.tab li.permanent_active {
left: 171px;
}
.stepcarousel ul.tab li.actueel, .stepcarousel ul.tab li.actueel_active {
margin: 0 15px 0 10px;
bottom: -1px;
}
.stepcarousel ul.tab li.verwacht a {
display: block;
width: 81px;
height: 23px;
background: url('images/agendawidget/verwacht_off.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab li.verwacht_active a {
display: block;
width: 81px;
height: 23px;
background: url('images/agendawidget/verwacht_on.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab li.actueel a {
display: block;
width: 68px;
height: 23px;
background: url('images/agendawidget/actueel_off.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab li.actueel_active a {
display: block;
width: 68px;
height: 23px;
background: url('images/agendawidget/actueel_on.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab li.permanent a {
display: block;
width: 88px;
height: 23px;
background: url('images/agendawidget/permanent_off.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab li.permanent_active a {
display: block;
width: 88px;
height: 23px;
background: url('images/agendawidget/permanent_on.gif');
text-indent: -9999px;
}

/* English tabs */
.stepcarousel ul.tab-en li.verwacht, .stepcarousel ul.tab li.verwacht_active {
left: 90px;
}
.stepcarousel ul.tab-en li.permanent, .stepcarousel ul.tab li.permanent_active {
left: 173px;
}
.stepcarousel ul.tab-en li.actueel, .stepcarousel ul.tab li.actueel_active {
margin: 0 15px 0 10px;
bottom: -1px;
}

.stepcarousel ul.tab-en li.verwacht a {
display: block;
width: 73px;
height: 23px;
background: url('images/agendawidget/en-verwacht_off.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab-en li.verwacht_active a {
display: block;
width: 73px;
height: 23px;
background: url('images/agendawidget/en-verwacht_on.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab-en li.actueel a {
display: block;
width: 71px;
height: 23px;
background: url('images/agendawidget/en-actueel_off.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab-en li.actueel_active a {
display: block;
width: 71px;
height: 23px;
background: url('images/agendawidget/en-actueel_on.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab-en li.permanent a {
display: block;
width: 86px;
height: 23px;
background: url('images/agendawidget/en-permanent_off.gif');
text-indent: -9999px;
}
.stepcarousel ul.tab-en li.permanent_active a {
display: block;
width: 86px;
height: 23px;
background: url('images/agendawidget/en-permanent_on.gif');
text-indent: -9999px;
}

/* End off english tabs */

.slide-footer {
position: relative;
width: 326px;
height: 31px;
background: url('images/slide-footer.gif') 0 0 no-repeat;
}

.slide-footer a.back-btn {
position: absolute;
left: 10px;
top: 3px;
display: block;
width: 28px;
height: 24px;
background: url('images/back-btn.gif') 0 0 no-repeat;
text-indent: -9999px;
}
.slide-footer a.forward-btn {
position: absolute;
right: 10px;
top: 3px;
display: block;
width: 28px;
height: 24px;
background: url('images/forward-btn.gif') 0 0 no-repeat;
text-indent: -9999px;
}
.status-box {
margin: 0 0 0 50px;
font-size: 10px;
font-weight: bold;
color: #666;
}
.cur-msg {
display: block;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10px;
color: #666;
width: 225px;
height: 27px;
overflow: hidden;
}

.news_img {
margin: 0 10px 0 0;
width: 89px;
border: 1px solid #ccc;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px;
width: 316px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .textcontainer {
margin: 10px 0 0 0;
width: 305px;
height: 97px;
overflow: hidden;
}
.stepcarousel .textcontainer p {
line-height: 19px;
}
.stepcarousel .textcontainer em {
display: block;
font-size: 90%;
margin: 1px 0 0 0;
}
p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}
.cur-msg .first {

}
.cur-msg span {
float: left;
display: block;
padding: 0 4px 0 4px;
font-size: 12px;
height: 27px;
line-height: 32px;
width: 12px;
font-weight: bold;
}
.cur-msg span.active {
font-weight: normal;
font-size: 12px;
font-weight: bold;
border: 0px;
background: url('images/arrow.gif') 30% 0 no-repeat;
}
.cur-msg span a {
color: #666;
text-decoration: none;
}
.cur-msg span.active a {
color: #000;
text-decoration: none;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Einde News widget +++++++++++++++++++++++++++++++++++++++++++++++++++ */