dl, dt {margin-left: 0px;}  /* OBI temp */

html {
	height: 100%;
}
body {
	margin:0;
	height: 100%;
	display: table;
	min-width: 980px;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/body-bg2.gif) repeat-y 50% 0;
}


td {vertical-align:top;} /* OBI */

img {margin:0 8px 0 0;border:none;}
form {padding:0;margin:0;}
.form select, .form input, .form textarea {vertical-align:middle; }

#bg {
	min-width: 980px;
	background:url(../images/body-bg.gif) no-repeat 50% 0;
}
#main {
	margin: 0 auto;
	width: 980px;
	padding-bottom: 30px;
	background: url(../images/main-bg.gif) repeat-y 18px 0;

	position:relative;

}

#vlak {
	position: absolute;
	top: 31px;
	left: 870px;
	width: 50px;
	height: 93px;
         background-color: #E6E6E6;
         z-index: 99;


}

h1 {	font-size: 15px;} /* sem toegevoegd op 8feb*/
p {	font-size: 13px;
	line-height: 18px;} /* sem toegevoegd op 8feb*/


/* code voor algemene links buiten de kaders = nog niet in gebruik
a:link{
background-color: #FF8080;
color: #B30700;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:visited{
background-color: transparent;
color: #B30700;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:hover{
background-color: #B30700;
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:active{
background-color: transparent;
color: #B30700;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
} */

#header {
	position: relative;
	width: 870px; /* OBI: overlap side-bar oplossen (was 980px) */
	height: 227px;
	background: url(../images/header-bg2.jpg) no-repeat;
	z-index: 50;
}
#header .logo {
	position: absolute;
	top: 31px;
	left: 58px;
	width: 161px;
	height: 93px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.jpg) no-repeat;
}
#header .breadcrumbs {
	position: absolute;
	top: 92px;
	left: 229px;
	list-style: none;
	padding: 0 0 0 11px;
	margin: 0;
	font-size: 70%;
	color: #252525;
	background: url(../images/arrow-ico.gif) no-repeat 0 5px;
}
#header .breadcrumbs li {
	float: left;
	padding: 0 5px 0 0;
}
#header .breadcrumbs li a {
	color: #252525;
}
#header .breadcrumbs li a:hover {
	text-decoration: none;
}
#header .nav-topright {
	position: absolute;
	top: 10px;
	/* right: 114px; OBI */
	right: 4px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 75%;
	color: #000;
}
#header .nav-topright li {
	float: left;
	padding: 0 16px 0 9px;
	background: url(../images/arrow-ico2.gif) no-repeat 0 5px;
}
#header .nav-topright li a {
	color: #000;
	text-decoration: none;
}
#header .nav-topright li a:hover {text-decoration: underline;}
#top-nav-obi {     /* OBI */
        position: absolute;
        top: 124px;
        background: url(../images/top-nav-bg.jpg) no-repeat;
        width: 860px;
        height: 33px;
        padding: 0 120px 0 0;
        z-index: 20; /* menus in front of search box */
}
#top-nav {
	/* position: absolute; OBI */
	/* top: 124px; OBI */
	/* right: 0px; OBI */
	float:right;
	/*  left: 0;  OBI OBI */
	text-align:right;
	list-style: none;
	padding: 0 0 0 0; /* OBI */
	margin: 0;
	/* width: 860px; OBI */
	height: 33px;
	font-size: 12px;
	line-height: 29px;
	font-weight: bold;
	/* background: url(../images/top-nav-bg.jpg) no-repeat; OBI */
	z-index: 20; /* menus in front of search box */
}
#top-nav li {
	float: left;   /* gewijzigd Obiwebs: right > left  */
	text-align: right;
	padding: 0 10px 0 10px;
	position: relative;
	border-left: 1px solid #a9a7a7;

	z-index: 20; /* menus in front of search box */
}
#top-nav li a {
	float: left;
	height: 27px;
	color: #010101;
	text-align: center;
	text-decoration: none;
}
/*
#top-nav li a.home {width: 51px;}
#top-nav li a.over {width: 113px;}
#top-nav li a.telefoonwijzer {width: 121px;}
#top-nav li a.verenigingen {width: 103px;}
#top-nav li a.pinksterfeesten {width: 121px;}
#top-nav li a.activiteiten {width: 94px;}
#top-nav li a:hover, #top-nav li a.active, #top-nav li:hover a {
	background-color: #fff;
}
*/

#top-nav li:hover ul, #top-nav li.hover ul {
	display: block;
}
#top-nav ul {
	position: absolute;
	display: none;
	top: 27px;
	left: 0px;
	font-size: 12px;
	line-height: 24px;
	padding: 4px 0 0;
	margin: 0;
	list-style: none;
	border: 1px solid #c3c2c2;
	border-top: 0;
	width: auto;
	background-color: #f0f0f0;
}
#top-nav ul li {
	float: left;
	width: 100%;
	padding: 1px 0 0;
	background: url(../images/sep.gif) repeat-x;
}
#top-nav ul li a {
	float: none;
	width: auto;
	height: auto;
	white-space: nowrap;
	display: block;
	text-align: left;
	/*width: 159px;*/
	padding: 0 16px 0 16px;
	background: none !important;
}
#top-nav ul li a:hover {
	font-weight: bold;
	border: 1px solid #fff;
	/*width: 157px;*/
	line-height: 22px;
	padding: 0 15px 0 15px;
	background-color: #fff !important;
}

#header .search {
	position: absolute;
	top: 161px;
	right: 20px; /* right: 143px; OBI  */
	height: 56px;
	width: 229px;
	padding: 10px 0 0 51px;
	background: url(../images/search-bg.gif) no-repeat;
}
	
#header .search .text-input {
	float: left;
	width: 158px;
	padding: 1px 0 1px 5px;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #abadb3;
}
#header .search .btn {
	float: left;
	width: 55px;
	height: 18px;
	margin: 0 0 0 8px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/zoek-btn.gif) no-repeat;
}


#content-holder { /* kader rondom content en advertenties. onder header en zoek */
	display: table;
	width: 980px;

}
#content { /* kader rondom content zonder advertenties. onder header en zoek */
	float: left;
	width: 842px;
	padding-left: 19px;

}

.box-holder { /* kader rond rij met kolommen + imagestippelijn */
	width:842px;
	float: left;
	padding:0 0 19px;
	background: url(../images/sep2.gif) no-repeat 0 100%;
}

/* pinksterhome onderaan 2 kolommen samen, telefoonwijzer home 3 kolommen elk, kunstenaar uit stevoort */
.box-holder3 {
	background: none;
}

/* kader rond bijna elke kolom */
.box { 
	/* float: left;
	width: 202px; OBI */
	margin: 14px 8px 0 0;
}

/* ? */
.box2 {
	width: 622px;
	overflow: hidden;
}

/* ? */
.box3 {
	width: 412px;
	overflow: hidden;
}

/* algemene titel, lichtgrijze achtergrond en donkergrijze tekst*/
.box h3 { 
	/* float: left; OBI */
	display: inline-block; /* OBI */
	margin: 0;
	/* font-size: 85%;
	line-height: 180%; sem 8feb */
	font-size: 13px;
	line-height: 25px;
	text-transform:uppercase;
	background-color: #e6e6e6;
	padding: 0 12px;
	color: #353535;
}

.box h3.grey-title {background-color: #e6e6e6;color: #353535;} /* grijze titels */

/* linken op de titels */
.box h3 a {color: #353535;} 
.box h3 a:hover {text-decoration: none;} 

.box h3.grey {
	background-color: #e2e2e2;
	color: #353535;
}

/* ? */
.box.yellow-box {color: #353535;
}

.sub-column .box.red-box {
	width: 268px;
}

.box .red-title2 {
	float: left !important;
}

.box.red-box .bg6 {
	float: right;
	width: 106px;
	height: 92px;
	margin: -68px -6px 0 0;
	position: relative;
	background: url(../images/img-26.gif);
}

/* correctie opmaak : toegevoegd OBI */
.telefoonwijzer .box-inner {
	float: left;
	border: 2px solid #e6e6e6;
	padding: 15px 10px 10px 9px;
}

/* grijze rand rond de kaders */
.box .box-inner {
	/* float: left;
	 width: 179px; OBI */
	border: 2px solid #e6e6e6;
	padding: 15px 10px 10px 9px;
}

.sub-column .box.red-box .box-inner {
	width: 245px;
	overflow: hidden;
}
.box2 .box-inner {
	width: 591px;
}
.box3 .box-inner {
	width: 378px;
}

/* titel binnen de box */
.box .box-inner h4 {
	margin: 0;
	/*font-size: 85%; sem 8 feb */
	font-size: 13px;
	color: #353535;
}

/* tekst binnen de box */
.box .box-inner p {
	margin: 0;
	/*font-size: 80%;
	line-height: 140%; sem  8 feb*/
	font-size: 13px;
	line-height: 18px;
	color: #353535;
}
/* link voor "lees meer" binnen de box */

.box .box-inner p.more{
        text-align: right;  /* OBI */
}

.box .box-inner .more {
	/* float: right; OBI */
	color: #000;
	/*font-size: 85%;*/
	font-size: 11px;
	color: #353535;
	font-weight: bold;
}
.box .box-inner .more:hover {
	text-decoration: none;
}

/*algemene lijsten */
.box ul {
	list-style: none;
	padding: 17px 0;
	margin: 0;
	/*font-size: 85%;
	line-height: 140%;*/
	font-size: 13px;
	line-height: 19px;
	color: #000;
}

/* lijsten met grijze pijltjes */
.box ul li {
	background: url(../images/arrow-grey.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}
.box ul li a {
	color: #000;
}

/* lijsten met grijze bullets */
.box ul.list2 {
	padding: 8px 0;
}
.box ul.list2 li {
	padding: 0 0 0 9px;
	background: url(../images/bullet.gif) no-repeat 0 6px;
}

.box ul li a:hover {
	text-decoration: none;
}

/* ?  */
.box .list3 {
	float: left;
	width: 212px;
}


/* advertenties */
.side-bar {
	/* float: right; */
	position: absolute;
	top: 144px;
	left: 880px;
	width: 107px;
	overflow: hidden;
	margin: 25px 0 0;
	z-index: 5;
}
.side-bar .banner {
	margin: 0 0 5px;
	/* float: left; */
	overflow: hidden;
	border: 2px solid #e6e6e6;
}
.side-bar .banner img {display: block;}

/* footer */
#footer {
	width: 980px;
	margin: 11px 0 0;
}
#footer p {
	margin: 0 0 0 20px;
	font-size: 70%;
	color: #7f7f7f;
}
#footer p a {
	color: #7f7f7f;
}
#footer p a:hover {
	text-decoration: none;
}

/* Obiwebs: */
/* ======================= OPMAAK CONTACT FORMULIER ======================= */

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
        border: 0px;
}

.csc-mailform-field {
        margin: 5px 0px 5px 0px; 
}

.csc-mailform-field label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 172px; 
	padding-right: 10px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	clear: left;
	font-size: 80%;
}

textarea {font-family:arial,sans-serif}

input#mailformformtype_mail   {margin-left: 182px; }

/* ======================= OPMAAK FORMULIER 'jij weet wat ik niet weet' & 'activiteit ingeven'======================= */

.box .csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
        border: 0px;
}

.box .csc-mailform-field {
        margin: 5px 0px 5px 0px; 
}

.box .csc-mailform-field label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 80px; 
	padding-right: 10px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	clear: left;
	font-size: 80%;
}

.box textarea {font-family:arial,sans-serif}

.box input#mailformformtype_mail   {margin-left: 90px; }

/* ======================= OPMAAK PRIKBORD FORM ======================= */

.box .csc-mailform-field .csc-mailform-radio #mailformselecteer label{
    float:none;
    margin-top: -17px;
    margin-left: 20px;
    text-align: left;
}

.csc-mailform-radio {
	display: block;  /* block float the labels to left column, set a width */
	padding-right: 10px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */

  	
}


/* ======================= OPMAAK TELEFOONWIJZER ======================= */

.wtdirectory_filter_div {display:inline;}


.box .form {
	width: 100%;
	overflow: hidden;
}
.box .form .row {
	float: left;
	width: 800px;
	padding: 0 0 9px;
	margin: 0 0 8px;
	background: url(../images/sep.gif) repeat-x 0 100%;
	font-size: 11px;
}
.box .form .row.bottom {
	background: none;
	padding: 0;
	margin: 0;
}
.box .form .row .inner {
	float: right;
}
.box .form .row .inner label {
	float: left;
}
.box .form .row .inner select {
	float: left;
	width: 30px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 3px;
	display: inline;
}
.box .form .row .inner span {
	float: left;
	padding: 0 5px;
}
.box .form .row .inner ul {
	float: left;
	padding: 3px 0 0;
	line-height: 13px;
}
.box .form .row .inner ul li {
	background: none;
	padding: 0 6px;
	float: left;
	border-left: 1px solid #000;
}
.box .form .row .text {
	float: left;
}
.box .form .row .inner ul li.first {
	border: 0;
}
.box .form .img-list {
	list-style: none;
	padding: 17px 0 0;
	margin: 0;
	font-size: 11px;
	color: #000;
	width: 100%;
}
.box .form .img-list li {
	float: left;
	background: none;
	margin: 0 0 0 120px;
	display: inline;
	width: 156px;
	height: 244px;
	text-align: center;
	display:table;
	padding: 0 !important;
}
.box .form .img-list li.first {
	margin: 0 0 0 20px;
}
.box .form .img-list li img {
	display: block;
}
* html .box .form .img-list li {
	position: relative;
}
* +html .box .form .img-list li {
	position: relative;
}
.box .form .img-list div {
	text-align:center;
	width:100%;
	display:table-cell;
	vertical-align:middle;
	left: 0;
}
* html .box .form .img-list div { 
	position:absolute;
	top:50%;
}
* +html .box .form .img-list div { 
	position:absolute;
	top:50%;
}
* html .box .form .img-list div a {
	position:relative;
	top:-50%;
	left: 0;
}
* +html .box .form .img-list div a { 
	position:relative;
	top:-50%;
}

.form-box {

	width: 484px;
	height: 79px;
	padding: 12px 0 0 19px;
	background: url(../images/form-box.gif) no-repeat;
}
.form-box h3 {
	margin: 0;
	font-size: 17px;
	font-weight: normal;
	color: #000;
}
.form-box .row {
	float: left;
	padding: 8px 0 0;
}
.form-box .row .text-input2, .form-box .row .select {
	float: left;
	width: 190px;
	border: 1px solid #a7a7a7;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	padding: 1px 0 1px 5px;
	margin: 0 11px 0 0;
}
.form-box .row .select {
	padding: 0;
}
.form-box .row .btn {
	float: left;
	width: 67px;
	height: 30px;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 30px;
	background: url(../images/zoek-btn2.gif) no-repeat;
	margin: -5px 0 0;
	text-decoration: none;
	color: #000;
}

.login-box {
	/* float: right; OBI */
	position: relative;
	top: 50px;
	left: 10px;
	width: 233px;
	margin: -40px 50px 0 0;
	padding: 12px 0 0;
	/* display: inline; */
	background: url(../images/img-13.gif) no-repeat 100% 0;

	z-index: 5;
}
.login-box h3 {
	color: #000;
	font-size: 12px;
	margin: 0 0 0 29px;
	height: 50px;
}
.login-box .row {
	padding: 6px 0 0 0;
	width: 280px;
	font-size: 12px;
	color: #000;
}
.login-box label {
	float: left;
	width: 110px;
	text-align: right;
	font-size: 12px;
	color: #000;
	padding-right: 8px;
}
.login-box .text-input3 {
	float: right;
	width: 171px;
	border: 0;
	background-color: #e6e6e6;
	padding: 1px 0 2px;
}
.login-box .btn {
	float: left;
	width: 72px;
	height: 18px;
	color: #fff !important;
	padding: 0 0 0 15px;
	font-size: 10px;
	line-height: 18px;
	margin: 0 0 0 63px;
	text-decoration: none;
	background: url(../images/subsribe-btn.gif);
}
.login-box .row a {color: #000;}
.login-box .row a:hover {text-decoration: none;}
.login-box .row p {
	margin: 0 0 0 0px;
}

.login-box .row #mailformsubmit {margin-left: 118px;}



/* frontend user register */

.tx-srfeuserregister-pi1 {padding-bottom: 30px;}
.tx-srfeuserregister-pi1 p {text-align:right; padding-right: 10px;}

/* search */

.form-box form input#searchbutton  {padding-top: 10px;}

/* resultaat */
.box h3.red-title {background-color: #df1922;color: #fff;} /* rode titels */.box .resultaat {
	padding: 0;
}

.box .resultaat li {background: url(../images/arrow-red.gif) no-repeat 0 8px;padding-top:5px;}
.box .resultaat li a {
	font-weight: bold;
}

/*telefoonwijzer detail  */

.box-telefoonwijzer {
	width: 282px;
	margin: 60px 0 0;
}

box-telefoonwijzer .resultaat p {
line-height: 100%;
}

.box-telefoonwijzer .box-inner {
	float: left;
	width: 243px;
	padding: 13px 20px 25px 15px;
	border: 2px solid #e6e6e6;
}
.box-telefoonwijzer .bg3 {
	float: right;
	width: 72px;
	height: 68px;
	margin: -44px 25px 0 0;
	display: inline;
	position: relative;
	background: url(../images/img-12.gif) no-repeat;
}




.box19 {
	float: left;
	width: 533px;
	margin: 27px 10px 0 0;
	display: inline;
	border: 2px solid #e6e6e6;
}
.box19 .title {
	float: left;
	width: 533px;
	background-color: #e6e6e6;
	padding: 6px 0;
}
.box19 .title h3 {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: #353535;
	padding: 0 0 0 16px;
	background: url(../images/arrow-ico8.gif) no-repeat 0 4px;
}
.box19 .title p {
	margin: 0;
	padding: 0 0 0 16px;
	font-size: 12px;
	line-height: 18px;
}
.box19 .box19-inner {
	float: left;
	width: 503px;
	/* width: 503px; OBI */
	padding: 20px 0 12px 16px;
}
.box19 p {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #353535;
}
.box19 h4 {
	clear: both;
	color: #000;
	font-size: 12px;
	line-height: 20px;
	background: url(../images/sep.gif) repeat-x 0 100%;
}
.box19 ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #353535;
	width: 250px;  /* 210px > 250px OBI*/
}
.box19 ul.list-2 {float: right;width: 250px;}
.box19 ul strong {
	display: block;
}
.box19 ul em {
	display: block;
	font-style: normal;
}
.box19 ul a {
	color: #353535;
	text-decoration: none;
}
.box19 ul a:hover {
	text-decoration: underline;
}
.box19 .img-list-holder {
	overflow: hidden;
	width: 503px;
}
.box19 .img-list2 {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 243px;
}
.box19 .img-list3 {
	float: right;
}
.box19 .img-list2 li {
	float: left;
	margin: 16px 0 0;
}
.box19 .img-list2 li img {display: block;}

/* telefoonwijzer tekst onder blokken */

.box .text-box {
	width: 100%;
	overflow: hidden;
	padding: 11px 0 0;
}
.box-holder .text-box {
	clear: both;
	display: block;
	padding: 7px 0 0;
	font-size: 11px;
	color: #8c8b8b;
}
.box-holder .text-box a {
	color: #8c8b8b;
}
.box-holder .text-box a:hover {
	text-decoration: none;
}


.detail_padding {
padding-top:8px;
}