/*	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 
*/

/* 
	CSS DOCUMENT FOR STIBAT WEBSITE

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 2.0 and Internet Explorer 7.
*/

/* 
	donkerblauw: #005187
	donkerblauw 50%: #80a8c3
	toolbox variant blauw: #4692be
    lichtblauw: #c6e8f9
    lichtbl 50%: #e3f4fc
    oranje: #eb8022
    geel: #fecd5a
    geel 50%: #ffe6ad
    groen: #39b54a
    goud: #c6ce73
*/

.contentRight_colA img { display:inline-block !important; }

table.tableVariant1 p {
	margin:0px;
}

table, tbody, td { margin:0; padding:2px; /*border-collapse:collapse;*/ }

.debug {display: block; position: absolute; top: 300px; left: 300px; width: 600px; height: 800px; background-color: White; text-align:left; border: 1px solid green;}

.id_color_black { background-color:#013356; height:5px; width:987px; overflow:hidden; }
.id_color_blue { background-color:#005187; height:5px; width:987px; overflow:hidden; }
.id_color_blue50 { background-color:#80a8c3; height:5px; width:987px; overflow:hidden; }
.id_color_lightblue { background-color:#c6e8f9; height:5px; width:987px; overflow:hidden; }
.id_color_orange { background-color:#eb8022; height:5px; width:987px; overflow:hidden; }
.id_color_green { background-color:#39b54a; height:5px; width:987px; overflow:hidden; }
.id_color_yellow { background-color:#fecd5a; height:5px; width:987px; overflow:hidden; }
.id_color_gold { background-color:#c6ce73; height:5px; width:987px; overflow:hidden; }

/* topkleurbalkje uitzetten */
.id_color_black, .id_color_blue, .id_color_blue50, .id_color_lightblue, .id_color_orange, .id_color_green, .id_color_yellow, .id_color_gold
{
    background-color:#005187;
}

/*===================== TAG'S =======================*/

.bg_yellow {
    background-color:#fecd5a;
}

body
{
    color: #005187;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}
.pageForm
{
    width: 100%;
    margin: auto;
    /*text-align: center;*/
    background: #8bd3f5 url(../_images/bg_shade_repeat.gif) repeat-y center top;
}
.clear
{
    clear: both;
}
p
{
    margin-top: 0px;
    margin-bottom:20px;
}
img
{
    border: none;
}
ul
{
    margin: 5px 0px 0px 16px;
    padding:0;
    list-style: square;
}
ol
{
    margin: 10px 0px 0px 25px;
    padding:0;
}
table
{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
td {
    vertical-align:top;
}
a#back 
{
    display:block;
    width:20px;
    height:20px;
    text-indent:22px;
    background:Transparent url(/_images/back.gif) no-repeat left top;
    margin:10px 0px 0px 7px;
    text-decoration:none;
    font-size:12px;
    line-height:16px;
    color:#8ed4f5;
    font-weight:bold;
}
a#back:hover {
    color:White;
}

/*===================== CMS EDITOR COMPATIBLE =======================*/
/* MCW EDITOR DECLARTIONS */
.noMargin {
    padding:0px !important;
    margin:0px !important;
}

h1, h2, h3, h4, h5, h6
{
    margin-top: 0px;
}
h1
{
    font-size: 20px;
    color: #eb8022;
	line-height:normal;
}
h2
{
    font-size: 18px;
    color: #005187;
    margin-bottom:10px;
}
h3
{
	font-size:12px;
	font-weight:bold;
	color:#005187;
	background:#c6e8f9 url(/_images/bgh5.gif);
	margin:10px 0px 8px 0px;
	padding:2px 0px;
	border-bottom:solid 1px #abc0dc;
	border-top:solid 1px #cfe7fa;
	border-right:solid 1px #cfe7fa;
	border-bottom:solid 1px #bcdeef;
	border-left:solid 1px #cfe7fa;
	overflow:hidden;
	text-indent:7px;
}
h4
{
    font-size: 14px;
    color: #005187;
    margin-bottom:10px;
}
h5
{
    font-size: 16px;
    color: #005187;
    margin-bottom:10px;
}
h6
{
    font-size: 10px;
    color: #005187;
}
.pVariant1
{
    color: #39b54a;
}
.pVariant2
{
    color: #eb8022;
    margin-bottom:5px;
}
.pVariant3
{
    padding-bottom: 20px;
    border-bottom: 1px dotted #95c2df;
}
.pVariant4
{
    color: White;
    background-color: #005187;
}
.pVariant5
{
    font-family:Verdana, Arial, Helvetica sans-serif;
    color:#acc8db;
    margin:0px;
}
.pVariant6
{
    font-family:Verdana, Arial, Helvetica sans-serif;
    color:#fff;
    margin:0px;
}
.pVariant7 
{
    border:solid 1px #97c4de;
    border-top-color:#fff;
    border-left-color:#fff;
    padding:15px;
    margin:10px 0px 20px 0px;
    background:Transparent url(/_images/bg_blockOutlinex.gif);
	/*text-align:center;*/
	font-size:14px;
	font-weight:bold;
}
.pVariant8
{
    color:#999;
}
/*===================== Anchors =======================*/
a {
	color:#339933;
	text-decoration:none;
	font-weight:bold;
}
a:active {
	color:#eb8022;
}
a:hover {
	color:#eb8022;
}

.aVariant1 {
    display:block;
    margin:0px 0px 8px 0px;
    padding:0px 0px 0px 15px;
    background:Transparent url(../_images/bullet_arrow.gif) no-repeat left 1px;
}
.aVariant2 {
	display:block;
    margin:0px 0px 8px 0px;
    padding:0px 0px 0px 15px;
	border-bottom:solid 1px #c6e8f9;
	background:Transparent url(../_images/bullet_arrow.gif) no-repeat left 1px;
}
.aVariant3 {
	border-bottom:solid 1px #c6e8f9;
}

.blockVariant1 {
	background-color: #8bd3f5;
	padding:20px;
}
.blockVariant2 {
	background-color: #fecd5a;
	padding:20px;
}
.blockVariant3 {
	background-color: #9ff172;
	padding:20px;
}
.blockVariant4 {
	background-color: #ffa961;
	padding:20px;
}

.BlockOutsetWithTitle
{
    margin:0px 0px 20px 0px;
}
.BlockOutsetWithTitle fieldset /* kaders in rechter balk met titel (fieldset legend) */ 
{
    border:solid 1px #97c4de;
    border-top-color:#fff;
    border-left-color:#fff;
    padding:15px;
    margin:0px;
    background:Transparent url(/_images/bg_blockOutlinex.gif) left top;
}
.BlockOutsetWithTitle fieldset legend
{
    color:#005187;
    font-weight:bold;
    padding:0px;
    margin:0px;
	display:none;
}
.BlockOutsetWithTitle table
{
    margin:0px;
    padding:0px;
}
.BlockOutsetWithTitle td
{
    margin:0px;
    padding:5px 5px 0 5px;
}
.BlockOutsetWithTitle p
{
    margin:0px;
}
.BlockOutsetWithTitle a
{
    text-decoration:none;
    color:#005187;
}
.BlockOutsetWithTitle a:hover
{
    color:#eb8022;
}
.BlockTwoColumnsLeft, .BlockTwoColumnsRight
{
    width:285px;
    overflow:hidden;
}
.BlockTwoColumnsLeft
{
    float:left;
}
.BlockTwoColumnsRight
{
    float:right;
}
.BlockTwoColumnsLeft img, .BlockTwoColumnsRight img
{
    border:solid 1px #005187;
    float:left;
    margin:4px 5px 3px 0px;
}
.DottedLineLarge
{
    height:2px;
    background:Transparent url(../_images/diag.gif);
    overflow:hidden;
    margin:20px 0px;
}


.tableVariant1
{
    border: solid 1px #005187;
    background-color: #c6e8f9;
}
.tableVariant1 td
{
    border-left: solid 1px #005187;
    border-top: solid 1px #005187;
    border-right: solid 1px #80a8c3;
    border-bottom: solid 1px #80a8c3;
    background-color: #eeeeee;
    margin: 0px;
    padding: 3px;
}
.tableVariant2
{
    border:none;
    background-color:Transparent;
    padding:0px;
    margin:0px;
}
.tableVariant2 td
{
    width:50%;
    border:solid 1px green;
    padding:0px;
    margin:0px;
}
.tableVariant3 {
	margin:0px;
	padding:0px;
	border:none;
	border-collapse:collapse;
}
.tableVariant3 td {
	background:#d7effb url(../_images/bg_gradient.jpg) repeat-x left top;
	padding:2px 5px 5px 10px;
	margin:0px;
	border:none;
}
.tableVariant3 a {
	border:none;
}
.tableVariant4 {
	margin:0px;
	padding:0px;
}
.tableVariant4 td {
	margin:0px;
	padding:0px;
	line-height:0px;
	border: solid 1px #8bd3f5;
}
.tableVariant4 p {
	margin:0px;
	padding:0px;
}



/* Beheerbijdrage table */


.tabelVariant5 {
	border-top:solid 1px #eb8022;
	border-left:solid 1px #fecd5a;
}
.t1td {
	border-bottom:solid 1px #fecd5a;
	border-right:solid 1px #fecd5a;
	text-align:center;
	padding:10px;
	margin:0;
	vertical-align:top;
	background-image:url(../_images/patroongeel.gif);
	background-repeat:repeat;
}
td.tin1 {
	border-bottom:solid 1px #fecd5a;
	border-right:solid 1px #fecd5a;
	text-align:center;
	padding:10px;
	margin:0;
	vertical-align:top;
	background-image:url(../_images/patroongeel.gif);
	background-repeat:repeat;
	text-align:left;
}
.tarTable {
	border:0;
	margin:0;
	padding:0;
}
.tarCel01 {
	width:32px;
	text-align:right;
	margin:0;
	padding:0;
}
.tarCel02 {
	width:40px;
	text-align:center;
	margin:0;
	padding:0;
}
.tarCel03 {
	width:32px;
	text-align:right;
	margin:0;
	padding:0;
}
.tarCel04 {
	width:40px;
	margin:0;
	padding:0;
}
/* End beheerbijdrage table */
table.prijswinnaarstabel {
	margin:0 0 20px 0;
	padding:0px;
	border:none;
	border-collapse:collapse;
}
.prijswinnaarstabel td {
	padding:2px 5px 5px 10px;
	margin:0px;
}





.ulVariant1{
    /*list-style:url(/_images/bullet_arrow.gif);*/
    list-style-type:none;
    margin-left:0px;
    padding:0px;
}
.ulVariant1 li {
    display:block;
    padding:0px 0px 2px 12px;
    background:Transparent url(../_images/bullet_arrow.gif) no-repeat 1px 2px;
}
.ulVariant2 {
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}
.ulVariant2 li {
	margin:8px 0 8px 0;
	padding:0;
	border-bottom:solid 1px #c6e8f9;
}
.ulVariant2 a {
	margin:0;
	padding:0;
	background-image:url(../_images/continuearrows.gif);
	background-repeat:no-repeat;
	padding-left:15px;
}
.ulVariant3 {
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-type:none;
}

.imgVariant1, .imgVariant2 {
	padding: 5px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #a5a5a5 !important;
}
.imgVariant1, .imgVariant3 {
	float: left !important;
	margin: 0px 10px 10px 0px !important;
}

.imgVariant2, .imgVariant4 {
	float: right !important;
	margin: 0px 0px 10px 10px !important;
}
.imgVariant3, .imgVariant4 {
	border: 1px solid #005187 !important;
}
.imgVariant1, .imgVariant2, .imgVariant3, .imgVariant4 {
	z-index: 2 !important;
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px !important;
}



/* END MCW EDITOR DECLARTIONS */

/*===================== ListItemTemplate =======================*/

.listItemTemplate
{
    border: solid 1px #8bd3f5;
    padding: 1px;
    margin: 10px 0px;
    background:#e8f6fd url(../_images/verloop.gif) no-repeat left 25px;
}
.listItemTemplate h1
{
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #005187;
    height: 20px;
    padding: 3px 0px 0px 2px;
    background: url(../_images/bgh1.gif);
    margin: 0px;
}
.listItemTemplate p
{
    padding: 5px;
    margin: 0px;
}

/*===================================================*/
/*===================== DESIGN ======================*/
/*===================================================*/

.container
{
    width: 997px;
    margin: auto;
    background: #fff url(../_images/bg_shade_right.gif) repeat-y right top;
    text-align:left;
}

/* ///// TOPBARS ///// */
.tabNavBar
{
    /*width:987px;*/
    height: 42px;
    overflow: hidden;
    background: #005187 url(../_images/bg_shade_right.gif) repeat-y right top;
    /*background: #005187 url(../_images/stripes1.gif) no-repeat left top;*/
    text-align: left;
}
.logoBar
{
    height: 32px;
    background: #8bd3f5 url(../_images/bg_shade_right.gif) repeat-y right top;
    text-align: right;
    overflow: hidden;
}
.logoBar img
{
    margin-right: 6px;
}
.visualBar
{
    height: 150px;
    background: #005187 url(../_images/bg_shade_right.gif) repeat-y right top;
}
.visualBarColLeft
{
    width: 750px;
    height: 150px;
    overflow: hidden;
    float: left;
    padding:0px !important;
    margin:0px !important;
}
.visualBarColRight
{
    width: 245px;
    height: 150px;
    overflow: hidden;
    float: left;
    background: Transparent /*url(../_images/stichtingbatterijen.gif) no-repeat 29px 20px*/ ;
}
.visualBarColRight a, .pVariant5 a, .pVariant6 a
{
    color:#fff;
    text-decoration:none;
}
.visualBarColRight a:hover
{
    color:#eb8022;
    text-decoration:none;
}
.visualBarColRight div
{
    margin: 50px 30px 20px 30px;
    text-align: left;
    height: 100px;
    overflow: hidden;
}
.visualBarColRight div div
{
    margin: 0px;
}
.noVisualBar {
   
}
.noVisualBarColLeft
{
    width: 750px;
    height: 60px;
    overflow: hidden;
    float: left;
    padding:0px !important;
    margin:0px !important;
    /*background:#4692be url(../_images/bg_batbase.jpg);*/
    /*background:#4692be url(../_images/diag_medium_bold.gif);*/
}
.noVisualBarColLeft div {
    width:750px;
    /*margin-left:135px;*/
    background:#4692be /*url(../_images/bgbatteries.gif);*/
    height:60px;
}
.noVisualBarColRight
{
    width: 237px;
    height: 60px;
    overflow: hidden;
    float: left;
    background: #005187 /*url(../_images/stichtingbatterijen.gif) no-repeat 29px 20px*/;
}
.menuBar
{
    height: 26px;
    float:left;
    width:750px;
    background:#005187 /*url(../_images/bg_menubar.gif);*/
}
.toolBox
{
    height:26px;
    background:#005187 /*url(../_images/stippellijn_icos.gif) no-repeat right top*/;
    /*background:#4692be url(../_images/bg_toolbox.gif);*/
    
    float:left;
    width:237px;
    overflow:hidden;
}
.toolBox ul 
{
    float:right;
    margin:5px 10px 0px 0px;
    padding:0;
    list-style:none;
    display:inline;
}
.toolBox ul li
{
    display:block;
    width:19px;
    height:16px;
    float:left;
    padding:0px 20px 0px 0px;
    overflow:hidden;
}
.toolBox ul li a
{
    display:block;
    width:19px;
    height:16px;
    overflow:hidden;
    text-indent:-100px;
}
.toolBox .ico_print, .toolBoxVariant .ico_print
{
    background:url(../_images/ico_print.gif) no-repeat left top;
}
.toolBox .ico_mail, .toolBoxVariant .ico_mail
{
    background:url(../_images/ico_mail.gif) no-repeat left top;
    
}
/* ///// CONTENT ///// */
.contentContainer
{
    background: #eaf8fd url(../_images/bg_shade_right.gif) repeat-y right top;
    text-align: left;
    /*border-left:solid 1px #005187;*/
}
.contentColLeft
{
    width: 135px;
    float: left;
    background: #eaf8fd url(../_images/bg_col.gif) repeat-x left top;
    min-height: 700px;
    height: auto !important;
    height: 700px;
}
.contentColRight
{
    width: 861px;
    float: right;
}
.contentRight_colA, .contentRight_colA_2
{
    width: 614px;
    float: left;
    overflow: hidden;
    background-color: #eaf8fd;
}
.contentRight_colA {
    background-color: #fff;
}
.contentRight_colB
{
    width: 237px;
    float: left;
    overflow: hidden;
    background: #eaf8fd url(../_images/bg_col.gif) repeat-x left top;
    min-height: 700px;
    height: auto !important;
    height: 700px;
}
.contentLeft {
    background:Transparent url(../_images/backline.gif) no-repeat 0px 40px;
	width:133px;
	overflow:hidden;
}
.contentLeft .text
{
    padding: 15px 10px 15px 10px;
}
.contentRight_colA .text
{
    padding: 20px 17px; /*width:580px;*/
    min-height:700px;
}
.contentRight_colA_2 .text
{
    padding: 10px 17px; /*width:580px;*/
}
.contentRight_colB .text
{
    padding: 20px 30px 0px 30px; /*width:177px;*/
    font-size:12px;
}

.prijsWinnaarsContent {
	color:#005187;
	background-color:#fecd5a;
	background-image:url(../_images/patroongeel.gif);
	padding:10px;
}

/* ///// MODAL POPUP FOR POSTALCODE SEARCHER ///// */

.modalBackground {
	background-color: Black;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.popupHeader {
    background: #c6ce73 url(../_images/bg_tab_normal.gif);
    text-align: center;
    padding: 1px;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    height:20px;
    cursor:move;
}
.popupBody {
	background-color:#FFF;
	margin:0px;
	padding:0px;
	border:solid 1px #80a8c3;
}

/* ///// FOOTER ///// */
.footer {
    width:987px;
    margin:-18px 0 0 0;
    padding:0;
	height:60px;
	overflow:hidden;
    background-color:#005187;
}
.footerContainer {
	width:728px;
	padding:5px 0 0 10px;
	float:left;
}
.footerItem {
	margin:14px 30px 0 0;
	font-size:11px;
	float:left;
	font-weight:normal;
}
.footerItem a {
	color:#c6ce73;
	font-weight:normal;
}
.footerItem a:hover {
	color:#eb8022;
}
span.developedBy {
	font-size:9px;
	color:#33749f;
	margin-right:9px;
}
.footerMcwItem {
	margin:1px 25px 0 0;
	padding:9px 0 0 0px;
	width:100px;
	font-size:10px;
	float:left;
	line-height:14px;
	font-weight:normal;
}
.footerMcwItem a {
	/*visibility:hidden;*/
	color:#33749f;
	font-weight:normal;
}
.footerMcwItem a:hover {
	color:#6697b7;
}
.lastUpdate {
	padding:19px 0px 0px 12px;
	float:left;
	font-size:10px;
	color:#fff;
}
/* ///// Overige styles ///// */
.date {
    color:#80a8c3;
    font-size:12px;
}

/* //// Paging container ///// */
.pagingContainer {
    margin:0px auto 0px auto;  
    text-align:center;
    width:245px;
}
.pagingContainer a, .pagingContainer span {
    margin: 0px;
    padding:0px 5px;
    display: inline !important;  
}
.pagingContainer a {
    text-decoration:underline;          
}
.pagingContainer a:hover { 
    text-decoration:underline;
}
.pagingContainer ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.pagingContainer li {
    display: inline !important;
    margin: 0px 2px !important;
    padding: 0px;
}
.pagingContainer li.selected span {    
    font-weight: bold;    
}
.pagingContainer input {
    margin:-5px 2px;
}
.pagingContainer .imageButton { 
	position:relative;
	top:6px;
}


.gameFrameUnspecified {
    display:block;
	width:580px;
    height:350px;
    background-color:#999999;
}

#DIVregWiz {
	border-top: dotted 1px #c6ce73;
	border-bottom: dotted 1px #c6ce73;
	padding:0px 0px;
	margin:10px 0px;
}
.regWizMsg {
	display:block;
	margin:0px 0px 20px 0px;
	color:#005187;
	font-weight: bold;
	font-size:12px;
	background-color:#c6ce73;
	padding:1px 5px 2px 5px;
}

.fotoactie_akkoord {
	margin-top:4px;
}

.newsthumb { float:left; margin:4px 10px 3px 0; }

.NewsChooseTagBox { min-height:100px; background:#edf8fd; height:auto !important; height:100px; margin:25px 30px 0 30px; border:solid 1px #eb8022; }
.NewsChooseTagBox { border-top-color:#64b4d9; border-left-color:#64b4d9; border-right-color:#a6ddf7; border-bottom-color:#a6ddf7; }
.NewsChooseTagBox div { padding:10px; }
.NewsChooseTagBox input[type="checkbox"] { float:left; }
.NewsChooseTagBox br { clear:both; }

.labelTags { font:bold 11px Verdana, Geneva, sans-serif; color:Gray;margin:8px 0 0 0;display:block; }
.labelicon { 
	width:23px; height:13px; display:block; overflow:hidden; float:left; margin:9px 8px 0 3px; text-indent:-9999px;
	background:Transparent url('/_images/label.gif') no-repeat left top;
}