@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
body, html {
width:100%;
height:100%;
}
body {
background:#CC7D3A url(../images/bg.jpg) center top no-repeat;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}
a {
color:#ffffff;
text-decoration: none;
}
a:hover {
color:#ffce00;
}
a img {
border:none;
}

.img-flush-left{
	float:left;
	margin: 0 20px 10px 0;
}
.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}

/* DIVS */
#outer{
background:url(../images/bg_topcolor.gif) center top repeat-x;
width:100%;
height:100%;
}
#head.portal{
height:87px;
width:1001px;
position:relative;
background:url(../images/bg_wraph.png) center bottom no-repeat;
}
* html #outer #wrapper #head.portal{
height:87px;
width:1001px;
position:relative;
background:url(../images/bg_wraph.jpg) center bottom no-repeat;
}
#head{
height:135px;
width:1001px;
position:relative;
background:url(../images/bg_wraph.png) center bottom no-repeat;
}
* html #outer #wrapper #head{
height:135px;
width:1001px;
position:relative;
background:url(../images/bg_wraph.jpg) center bottom no-repeat;
}

#logosf{
background: url(../images/bg_headportal.jpg) center no-repeat;
width:315px;
height:670px;
position: absolute;
left:345px;
top:0px;
z-index: 555;
}
#slogan{
position: absolute;
width:293px;
text-align: center;
font-size:22px;
top:218px;
left:12px;
font-style: italic;
z-index:111;
}
#logosf #nav{
margin: 0;
padding:0;
display: block;
list-style: none;
left:8px;
position:absolute;
width: 300px;
text-align: center;
top: 420px;
overflow: hidden;
}
#logosf #nav li{
width:296px;
height:31px;
padding:0;
margin:0 0 1px 0;
}
#logosf #nav li a{
background:url(../images/bg_li02.png) center top no-repeat;
color:#2c2ca0;
width:296px;
height:23px;
text-decoration: none;
font-weight:bold;
display: block;
padding: 8px 0 0 0;
margin: 0 0 2px 0;
}
#logosf #nav li a:hover{
color:#FFFFFF;
}

#logosf #nav1{
	margin: 0;
	padding:0;
	display: block;
	list-style: none;
	left:5px;
	position:absolute;
	width: 148px;
	text-align: right;
	top: 420px;
	z-index:10;
}
#logosf #nav1 li{
	width:148px;
	height:31px;
	padding:0;
	margin:0 0 1px 0;
}
#logosf #nav1 li a{
background:url(../images/bg_liy.png) center top no-repeat;
color:#2c2ca0;
width:133px;
height:23px;
text-decoration: none;
font-weight:bold;
display: block;
padding: 8px 15px 0 0;
margin: 0 0 2px 0;
}
#logosf #nav1 li a:hover{
color:#FFFFFF;
}

/* */
#logosf #nav2{
	margin: 0;
	padding:0;
	display: block;
	list-style: none;
	right:5px;
	position:absolute;
	width: 148px;
	text-align: left;
	top: 420px;
	overflow: hidden;
	z-index:20;
}
#logosf #nav2 li{
	width:148px;
	height:31px;
	padding:0;
	margin:0 0 1px 0;
}
#logosf #nav2 li a{
background:url(../images/bg_lir.png) center top no-repeat;
color:#ffda00;
width:133px;
height:23px;
text-decoration: none;
font-weight:bold;
display: block;
padding: 8px 0 0 15px;
margin: 0 0 2px 0;
}
#logosf #nav2 li a:hover{
color:#FFFFFF;
}


#logo {
width:198px;
height:91px;
margin:0;
text-align:left;
position: absolute;
top: 24px;
left: 64px;
}

#mainnav{
background: url(../images/bg_nav.png) left top no-repeat;
width:336px;
height:32px;
position: absolute;
top: 50px;
right: 35px;
}
* html #outer #wrapper #head #mainnav{
background: url(../images/bg_nav.jpg) left top no-repeat;
}
#mainnav ul{
list-style: none;
display: block;
width:292px;
height:32px;
padding: 0 0 0 25px;
}
#mainnav ul li{
float:left;
padding: 10px 9px;
display: block;
}
* html #outer #wrapper #head #mainnav ul li{
padding:10px 10px;
}
#mainnav ul li a{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align: center
}
#mainnav ul li a:hover, #mainnav ul li.active{
color: #ffce00;
font-weight: bold;
text-decoration: none;
text-align: center
}




#wrapper {
width:1001px;
margin:0 auto;
text-align:left;
}

/* MID */
#mid{
background:url(../images/bg_wrapm.png) center repeat-y;
width:1001px;
}
#particulier{
width:479px;
height:511px;
float:left;
padding: 24px 0 0 21px;
overflow: hidden;
}
#particulier .imgc{
padding: 0 0 0 40px;
}
#particulier .desc{
background: #1e150a;
display:block;
padding: 20px 20px 0 40px;
height: 176px;
line-height: 16px;
text-align:justify;
color:#FFFFFF;
overflow: hidden;
position:relative;
z-index:3;
width:265px;
font-size:11px;
}
#particulier a{
background:url(../images/btn_brown.gif) center top no-repeat;
width:129px;
height:23px;
display:block;
margin: 15px auto;
color:#FFFFFF;
text-decoration: none;
text-align: center;
padding: 5px 0 0 0;
position:absolute;
bottom:3px;
left:100px;
z-index:5;
}
#particulier a:hover{
background:url(../images/btn_brown.gif) center bottom no-repeat;
width:129px;
height:22px;
color:#ffcc00;
display:block;
}

#zakelijk{
width:475px;
float:left;
padding: 24px 25px 0 0;
height: 511px;
overflow: hidden;
}
#zakelijk .imgc{
padding: 0 0 0 183px;
}
#zakelijk .desc{
background: #1e150a;
display:block;
padding: 20px 30px 0 30px;
height: 176px;
line-height: 16px;
text-align:justify;
color:#FFFFFF;
overflow: hidden;
position:relative;
z-index:4;
float:right;
width:265px;
font-size:11px;
}
#zakelijk a{
background:url(../images/btn_brown.gif) center top no-repeat;
width:129px;
height:23px;
display:block;
margin: 15px auto;
color:#FFFFFF;
text-decoration: none;
text-align: center;
padding: 5px 0 0 0;
position:absolute;
bottom:3px;
right:100px;
z-index:6;
}
#zakelijk a:hover{
background:url(../images/btn_brown.gif) center bottom no-repeat;
width:129px;
height:22px;
color:#ffcc00;
display:block;
}


#section {
margin:0;
padding:0 25px 0 21px;
}

/* LEFT */
#leftsection {
width:260px;
margin:0;
padding:20px 0 0 35px;
float: left;
}
#leftsection #nav{
background:url(../images/bg_lnavb.gif) left top repeat-y;
padding: 0 0 20px 0;
width: 215px;
margin: 0 0 20px 0;
}
#leftsection #nav ul{
background:url(../images/bg_lnavh.gif) left top no-repeat;
display: block;
padding: 38px 0 0 0;
width: 215px;
list-style: none;
}
#leftsection #nav ul li{
background:#2c2720;
margin: 0 0 2px 0;
padding: 0;
width: 215px;
display: block;
}
#leftsection #nav ul li a{
background: url(../images/arrow02.gif) 22px 8px no-repeat;
font-size:12px;
padding:4px 0 6px 41px;
width: 174px;
display: block;
font-family:verdana;
}
#leftsection #nav ul li a:hover{
background: #065484 url(../images/arrow01.gif) 22px 8px no-repeat;
padding: 4px 0 4px 41px;
color:#ffce00;
display: block;
}
#leftsection #nav ul li.active{
background: #065484 url(../images/arrow01.gif) 22px 8px no-repeat;
display: block;
color:#ffce00;
}

#leftsection #nav ul li ul{
padding: 0;
width: 215px;
display: block;
background:#140D05;
}
#leftsection #nav ul li ul li{
padding: 0 0 0 20px;
width: 195px;
display: block;
}
#leftsection #nav ul li ul li a{
padding: 4px 0 4px 41px;
width: 154px;
display: block;
}



/*RIGHT*/
#rightsection {
	width:622px;
	margin:0;
	padding:20px 32px 20px 0;
	float: left;
}
#rightsection p{
	line-height:18px;
	margin-bottom: 20px;
	text-align: justify;
	font-family:verdana;
}
#rightsection p a {
font-size:12px
}
#content{
padding: 0;
margin:0;
}
#content a{
color:#FFCE00;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;
}

.csc-header{
	margin-bottom: 20px;
	font-size:24px;
}

/* BTM */
#btm.portal{
background:url(../images/bg_wrapb.png) center no-repeat;
width:1001px;
height:24px;
position:relative;
}
* html #outer #wrapper #btm.portal{
background:url(../images/bg_wrapb.jpg) center no-repeat;
}
#btm{
background:url(../images/bg_btm.png) center no-repeat;
width:1001px;
height:189px;
position:relative;
}
* html #outer #wrapper #btm{
background:url(../images/bg_btm.jpg) center no-repeat;
}

*:first-child+html #btm.portal {
width:1000px;
}
#btmnews{
width:420px;
height:157px;
position: absolute;
top:0px;
left:339px;
z-index: 222;
padding: 18px 0 0 0;
overflow:hidden;
}
#btmnews ul{
list-style:none;
display: block;
margin: 5px 0 0 0;
}
#btmnews ul li{
padding: 5px 0 8px 0;
margin: 0 0 5px 0;
display: block;
background: url(../images/dotline.gif) left bottom no-repeat;
}

#btmnews p a{
color:#0085c5;
text-decoration:underline;
}
#btmnews p a:hover{
text-decoration:none;
}

#btmcontact{
width:163px;
height:137px;
position: absolute;
top:0px;
left:75px;
z-index: 222;
padding: 40px 0 0 0;
}
#btmad{
width:128px;
height:147px;
position: absolute;
top:0px;
right:60px;
z-index: 222;
padding: 28px 0 0 0;
}
/* FOOTER */
#footer{
width:1001px;
height:27px;
text-align: center;
padding: 25px 0 0 0;
position:relative;
}
#footermenu{
margin:0 0 5px 0;
padding:0;
}
#footer a{
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
padding-right:8px;
padding-left:8px;
}
#footer a:hover{
color:#FFCC00;
text-decoration: none;
}

.tx_newsflexible_datetime{
display:none;
}
.tx_newsflexible_teaser{
padding: 5px 0 8px 0;
margin: 0 0 5px 0;
display: block;
background: url(../images/dotline.gif) left bottom no-repeat;
}

.tx_newsflexible_title a{
color:#FFCE00;
text-decoration:none;
}
.tx_newsflexible_title a:hover{
color:#FFCE00;
text-decoration:underline;
}


/* typo3 */
#mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
.csc-mailform {
border:1px solid #cdcdcd;
padding:15px 15px 5px 15px;
}
.csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:5px;
}
.csc-mailform label {
display:block;
float:left;
width:166px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
.csc-mailform input, .csc-mailform textarea, .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
.csc-mailform input, .csc-mailform textarea {
padding:1px 4px;
}
.csc-mailform option {
padding-right:6px;
}
.csc-mailform .csc-mailform-check, .csc-mailform .csc-mailform-radio {
border:none;
}
.csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
.csc-mailform .csc-mailform-radio legend {
display:none;
}
.csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
.csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
.csc-mailform .csc-mailform-submit {
border:1px solid #fff;
background:#0085C5;
color:#fff;
padding:2px 5px;
}
/* end of typo3 */

/* SITEMAP */
.csc-sitemap ul{
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.csc-sitemap ul li{
display:block;
padding:4px 0;
margin: 0 0 2px 0;
}
.csc-sitemap ul li a{
background:transparent url(../images/arrow02.gif) no-repeat scroll left 3px;
padding: 0 0 0 14px;
}

.csc-sitemap ul li ul{
padding: 0;
}

.csc-sitemap ul li ul li{
padding: 2px 0 2px 16px;
}


.csc-textpic-text ul{
}
.csc-textpic-text ul li {
list-style-position:inside;
padding: 0;
font-family:verdana;
font-size:12px;
line-height:18px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin:0 10px 20px 10px;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
float:left;
overflow:hidden;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right:20px !important;
}

/* MAP */
#content-map{
	padding: 0;
	margin:0;
}
#map {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 232px;
	background: url(../images/map-holland.png) left top no-repeat;
}
#textf {
	margin: 0px;
	padding: 20px 10px 20px 20px;
	float: left;
	/*height: 260px;*/
	width: 360px;
	/*overflow: auto;*/
}
.holland {
padding:0;
margin:0; 
list-style-type:none; 
width:232px;
height:328px;
margin:0;
position:relative; 
z-index:9999;
}

.holland li a {
	display:block;
	position:absolute;
	color:#000053;
	text-align:left;
	font:bold 11px Arial, Helvetica, sans-serif;
}

.holland li a em {
visibility:hidden; 
position:absolute;
}
.holland li a h1 {
font-size:14px;
}

.holland li a.enschede {
	top:150px;
	left:201px;
}
.holland li a.bergum {
	top:70px;
	left:148px;
}
.holland li a.ommen {
	top:121px;
	left:187px;
}
.holland li a.dronrijp {
	top:54px;
	left:133px;
}
.holland li a.schagen {
	top:100px;
	left:84px;
}
.holland li a.purmerend {
	top:122px;
	left:90px;
}
.holland li a.haarlem {
	top:135px;
	left:71px;
}
.holland li a.amersfoort {
	top:160px;
	left:122px;
}
.holland li a.arnhem {
	top:181px;
	left:150px;
}
.holland li a.rotterdam {
	top:185px;
	left:64px;
}
.holland li a.dordrecht {
	top:196px;
	left:78px;
}
.holland li a.denhaag {
	top:168px;
	left:53px;
}
.holland li a.amsterdamnw {
	top:140px;
	left:93px;
}
.holland li a.amsterdamzo {
	top:150px;
	left:94px;
}
.holland li a.hilversum {
	top:162px;
	left:100px;
}
.holland li a.eindhoven {
	top:232px;
	left:119px;
}
.holland li a.tilburg {
	top:220px;
	left:97px;
}
.holland li a.etterleur {
	top:219px;
	left:69px;
}
.holland li a.denbosch {
	top:201px;
	left:103px;
}
.holland li a.houten {
	top:180px;
	left:100px;
}
.holland li a.emmen {
	top:109px;
	left:203px;
}
.holland li a.lichtenvoorde {
	top:177px;
	left:185px;
}
.holland li a.leiden {
	top:164px;
	left:68px;
}
.holland li a.geleen {
	top:271px;
	left:141px;
}
.holland li a.goes {
	top:218px;
	left:17px;
}



.holland li a:hover {
	background:#000;
	text-indent:0;
	height:1.2em;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.1em;
	padding:2px 10px;
	width:200px;
}

* html .holland li a:hover {
width:210px; 
height:1.5em; 
w\idth:200px; 
he\ight:1.2em;
}

.holland li a:hover em {
visibility:visible; 
margin-left:5px; 
background:#d9224b; 
width:150px; color:#fff; 
padding:15px;
font-style:normal; 
top:-35px !important;
top:-33px;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}

* html .holland li a:hover em {
width:200px; 
w\idth:150px;
}

.holland li a:hover em img {
border:1px solid #000; 
display:block; 
margin-bottom:10px;
}

.holland li a:hover em span {
display:block; 
width:0; 
height:0; 
overflow:hidden; 
border:15px solid #98012e; 
border-width:15px 0 15px 15px; 
border-left-color:#000; 
position:absolute; 
left:0; 
top:28px;
}

/* VIDEO */

#content-video{
margin:0;
pading:0;
}

#content-video #video_wrapper{
margin:0;
float:left;
width:315px;
height: 223px;
background: url(../images/bg_video.png) left top no-repeat;
padding: 16px 0 0 14px;
}
#content-video #textf{
margin: 0px;
padding: 0 10px 20px 20px;
float: left;
width: 262px;
overflow: auto;
}

#map_city {
overflow:hidden;
}
#map_city ul {
padding-left:15px;
}
#map_city ul li {
}
#map_city ul li a {

}


#map_city #map_city_left {
float:left;
width:40%;
overflow:hidden;
}
#map_city #map_city_right {
float:left;
width:40%;
overflow:hidden;
}

/* ihsan */

#txt_above {
color:#FFFFFF;
font-size:13px;
height:50px;
left:358px;
padding:0 10px;
position:absolute;
text-align:center;
top:14px;
width:269px;
z-index:999;
}

#txt_above_web {
color:#FFFFFF;
font-family:verdana;
font-size:12px;
height:50px;
left:245px;
line-height:17px;
padding:0 20px;
position:absolute;
top:56px;
width:300px;
z-index:999;
}

#bigbutton {
z-index:999;
margin-left:-4px;
padding-bottom:15px;}

#logo_cbw {
width:63px;
height:60px;
position:absolute;
top:0;
right:42px;
background:url(../images/bg_cbw.png) left top no-repeat;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
float:none;
font-family:verdana;
font-size:12px;
}