* {
margin:0;
padding:0;
}
body {
background:#fff url(../images/bg.gif) left 130px repeat-x;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
a {
color:#51B6D7;
color:#666;
}
a img {
border:none;
}
#wrapper {
width:982px;
margin:0 auto;
text-align:left;
}
table p {
font-size:11px;
}
#masterhead {
position:relative;
width:980px;
height:88px;
background:url(../images/masterhead.gif) left top repeat-x;
border:1px solid #ccc;
border-bottom:none;
margin-top:40px;
}
#logo {
position:absolute;
left:16px;top:24px;
}
#flash_slogan {
width:480px;
height:35px;
position:absolute;
left:130px;top:40px;
background:url(../images/slogan.gif) left top no-repeat
}
#mainnav {
}
#mainnav ul {
list-style:none;
position:absolute;
right:0;top:9px;
}
#mainnav li {
float:left;
border-left:1px solid #cccccc;
}
#mainnav li a {
float:left;
border-top:5px solid #2785a1;
font:11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-transform:uppercase;
padding:10px 40px 2px 7px;
}
#mainnav li a:hover, #mainnav li.active a {
border-color:#51B6D7;
}
#enter {
position:relative;
height:285px;
background:#898d90 url(../images/bg_photo.jpg) left top repeat-x ;
}
#installateur {
position:absolute;
top:10px;left:10px;
overflow:hidden;
width:314px;
height:265px;
}
#particulier {
position:absolute;
top:10px;left:334px;
overflow:hidden;
width:314px;
height:265px;
}
#zakelijk {
position:absolute;
top:10px;right:10px;
overflow:hidden;
width:314px;
height:265px;
}	
/*#particulier img {position:absolute; right:0px;}*/

#hf {position:absolute; z-index:4; top:20px; left:126px;}
#hf_enter {position:absolute; z-index:4; top:80px; left:80px; visibility:hidden;}

#cf {position:absolute; z-index:4; top:20px; right:350px;}
#cf_enter {position:absolute; z-index:4; top:80px; right:360px; visibility:hidden;}

#za {position:absolute; z-index:4; top:20px; right:20px;}
#za_enter {position:absolute; z-index:4; top:80px; right:80px; visibility:hidden;}

#sections {
overflow:hidden;
width:964px !important;
width:982px;
background:url(../images/sections_bg.gif) left top repeat-y;
padding:9px;
}
#leftsection {
overflow:hidden;
float:left;
width:208px;
background:url(../images/left_b.gif) left bottom no-repeat;
}
#leftsection-inner {
min-height:385px;
display:block;
height:auto;
background:url(../images/left_t.gif) left top no-repeat;
padding:5px 5px 0 5px;
}
* html #leftsection-inner {
height:100%;
}
#leftnav ul {
list-style:none;
}
#leftnav li {
margin-bottom:5px;
}
#leftnav li a {
display:block;
width:174px !important;
width:198px;
background:url(../images/left_li.gif) left top no-repeat;
color:#4aaed0;
padding:2px 0 4px 24px;
text-decoration:none;
}
#leftnav li a:hover, #leftnav li.active a {
background:url(../images/left_li_a.gif) left top no-repeat;
color:#fff;
}
#leftnav li.active li a {
width:164px !important;
width:198px;
background:none;
color:#51B6D7;
padding-left:34px;
padding-bottom:2px;
text-decoration:none;
}
#leftnav li.active li a:hover {
background:none;
color:#51B6D7;
text-decoration:underline;
}
#leftnav ul li.active ul li.active a {
color:#2196BD;
font-weight:bold;
}
#rightsection {
float:right;
width:746px;
background:#fff url(../images/content_b_bg.jpg) left bottom no-repeat;
}
#rightsection-inner {
min-height:390px;
display:block;
height:auto;
background:url(../images/content_t.gif) left top no-repeat;
}
* html #rightsection-inner {
height:100%;
}
#contentnav {
width:720px;
margin-left:10px;
height:37px;
}
#contentnav ul {
height:32px !important;
height:37px;
list-style:none;
background:url(../images/contentnav_bg.gif) left bottom no-repeat;
padding-top:5px;
}
#contentnav li {
float:left;
}
#contentnav li a {
float:left;
color:#999;
padding:11px 16px 8px;
text-decoration:none;
}
#contentnav li a:hover {
color:#666;
}
#contentnav li.contentnavactive {
background:url(../images/contentnav_r.gif) right top no-repeat;
}
#contentnav li.contentnavactive a {
background:url(../images/contentnav_l.gif) left top no-repeat;
color:#666;
}
#content {
padding:20px 100px 80px 20px;
}


#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content ul, #content ol {
margin-bottom:12px;
} 
#content h1 {
font:28px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#51b6d7;
}
#content h2 {
font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#9a9a9a;
}
#content ul {
margin-left:20px;
}
#content ol {
margin-left:28px;
}
#content li{
list-style-image:url(../images/bullet.gif);
padding:2px 0;
}
#belowhead {
position:relative;
overflow:hidden;
width:962px !important;
width:982px;
height:112px !important;
height:132px;
background:url(../images/belowhead.jpg) left top no-repeat;
padding:10px;
}
	#belowhead #nieuws_article {
	width:220px;
	height:100px;
	position:absolute;
	right:24px;
	top:19px;
	}
	#belowhead #nieuws_article_left {
	width:220px;
	height:100px;
	position:absolute;
	left:38px;
	top:19px;
	}
	#belowhead #nieuws_article .module, #belowhead #nieuws_article_left .module {
	color:#fff;
	}
         #belowhead #nieuws_article a, #belowhead #nieuws_article_left a {
         color:#bfeaf8;
         }
	#belowhead #nieuws_article .module h1, #belowhead #nieuws_article_left .module h1 {
	color:#fff;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	}
	#belowhead #nieuws_article .module a.tx_newsflexible_title_a, #belowhead #nieuws_article_left .module a.tx_newsflexible_title_a {
	color:#BFEAF8;
	font-weight:bold;
	}
		#belowhead #contact_us_box {
		width:220px;
		height:100px;
		position:absolute;
		right:292px !important;
		right:180px;
		top:19px !important;
		top:18px;
		}
		#belowhead #contact_us_box {
		}
		#belowhead #contact_us_box h1 {
		color:#fff;
		font:bold 16px Verdana, Arial, Helvetica, sans-serif;
		}
		#belowhead #contact_us_box .csc-mailform {
		border:none;
		}
		#belowhead #contact_us_box .csc-mailform #mailformname {
		margin-top:3px;
		margin-left:70px;
		background:none;
		border:none;
		padding:1px 0 1px 0;
		color:#fff;
		}
		#belowhead #contact_us_box .csc-mailform #mailformtelefoonnummer {
		margin-top:3px;
		margin-left:70px;
		background:none;
		border:none;
		padding:1px 0 1px 0;
		color:#fff;
		}
		#belowhead #contact_us_box .csc-mailform #mailformformtype_mail {
		background:url(../images/bg_verzenden.gif) left top no-repeat;
		border:none;
		width:78px;
		height:22px;
		color:#007088;
		margin-top:3px;
		margin-left:134px;
		}
.widget {
position:relative;
overflow:hidden;
width:270px;
height:120px;
background:#278ab4;
filter:alpha(opacity=80);
-moz-opacity:0.80;
KhtmlOpacity:.80;
opacity:.80;
color:#fff;
}
.jCarouselLite {
float:left;
width:222px;
height:120px;
}
* html .jCarouselLite {
width:222px;
height:120px;
}
.widget .jCarouselLite ul {
list-style:none;
}
.widget .jCarouselLite ul li {
float:left;
width:222px;
height:120px;
}
.widget .jCarouselLite ul li .csc-header {
padding:10px 10px 2px;
height:30px;
}
.widget .jCarouselLite ul li .csc-header h1 {
font:24px Verdana, Arial, Helvetica, sans-serif;
}
.widget .jCarouselLite ul li p {
padding:0 10px;
}
/*.widget .jCarouselLite ul li strong {
font:bold 20px Verdana, Arial, Helvetica, sans-serif;
text-align:right;
width:322px;
}*/
.widget .prev {
float:left;
display:block;
width:20px;
height:120px;
cursor:pointer;
border-right:4px solid #37a6d3;
background:transparent url(../images/prev-horizontal.gif) left top no-repeat;
z-index:2;
}
* html .widget .prev {
width:24px;
}

.widget .next {
float:left;
display:block;
width:20px;
height:120px;
cursor:pointer;
border-left:4px solid #37a6d3;
background:transparent url(../images/next-horizontal.gif) left top no-repeat;
z-index:2;
}
* html .widget .next {
width:24px;
}
.widget .prev:hover, .widget .next:hover {
background-position:0 -120px;
}
.widget #carousel .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
margin:0;
padding:0;
}



#footer {
position:relative;
width:982px;
height:35px;
background:url(../images/copyright_bg.gif) left top repeat-x;
}
#footer p {
color:#DFFBFF;
padding:10px 10px;
}
#footer p a {
color:#fff;
}
#footer img {
vertical-align:middle;
}
#footer-miscnav {
position:absolute;
right:4px;top:4px;
width:420px;
height:26px;
border:1px solid #a2aeae;
background:#fff url(../images/footer-miscnav_bg.gif) left top repeat-x;
}
#footer-miscnav ul {
list-style:none;
}
#footer-miscnav li {
float:left;
overflow:hidden;
height:26px;
}
#footer-miscnav li a {
display:block;
float:left;
width:104px !important;
width:94px;
height:26px;
line-height:9999em;
}
#footer-miscnav li#fm-start a {
background:url(../images/fm-start.gif) 2px top no-repeat;
}
#footer-miscnav li#fm-contact a {
background:url(../images/fm-contact.gif) 2px top no-repeat;
}
#footer-miscnav li#fm-berug a {
background:url(../images/fm-berug.gif) 2px top no-repeat;
}
#footer-miscnav li#fm-storing a {
width:104px;
background:url(../images/fm-storing.jpg) 2px top no-repeat;
}
#footer-miscnav li#fm-start a:hover, #footer-miscnav li#fm-contact a:hover, #footer-miscnav li#fm-berug a:hover, #footer-miscnav li#fm-storing a:hover {
background-position:2px -26px;
}
#footer2 {
position:relative;
width:982px;
height:35px;
}
#footer-adds {
position:absolute;
left:10px;top:0;
}
#footer-adds ul {
list-style:none;
}
#footer-adds li {
float:left;
margin-right:7px;
}
#footer-adds li#fa-1 {
background:url(../images/footer-ads_1r.gif) right top no-repeat;
}
#footer-adds li#fa-2 {
background:url(../images/footer-ads_2r.gif) right top no-repeat;
}
#footer-adds li#fa-3 {
background:url(../images/footer-ads_3r.gif) right top no-repeat;
}

#footer-adds li a {
float:left;
display:block;
background:url(../images/footer-adds_l.gif) left top no-repeat;
padding:5px 40px 5px 10px;
color:#666;
text-decoration:none;
}
#footer-adds li a:hover {
color:#000;
}
#footer-menu {
position:absolute;
right:10px;top:3px;
}
#footer-menu ul {
list-style:none;
}
#footer-menu li {
float:left;
margin-left:10px;
}
#footer-menu li a {
float:left;
font:10px Arial, Helvetica, sans-serif;
color:#666;
}
#footer-menu li a:hover {
color:#000;
}


/* typo3 */
#content #mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
#content .csc-mailform {
border:1px solid #cdcdcd;
padding:15px 15px 5px 15px;
}
#content .csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
#content .csc-mailform-label {
font-weight:bold;
padding-bottom:10px;
}
#content .csc-mailform label {
display:block;
float:left;
width:266px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
#content .csc-mailform input, #content .csc-mailform textarea, #content .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
#content .csc-mailform input, #content .csc-mailform textarea {
padding:1px 4px;
}
#content .csc-mailform option {
padding-right:6px;
}
#content .csc-mailform .csc-mailform-check, #content .csc-mailform .csc-mailform-radio {
border:none;
}
#content .csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
#content .csc-mailform .csc-mailform-radio legend {
display:none;
}
#content .csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html #content .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
#content .csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#content .csc-mailform .csc-mailform-submit {
background:url(../images/bg_verzenden.gif) left top no-repeat;
border:none;
width:78px;
height:22px;
color:#007088;
margin-top:3px;
}
/* end of typo3 */


#loginmenu {
position:absolute;
left:294px;top:7px;
width:131px !important;
width:155px;
height:106px !important;
height:122px;
padding:12px 10px;
background:url(../images/loginbg.jpg) left top no-repeat;
}
#loginmenu .csc-mailform {
border:none;
}
#loginmenu ul {
list-style:none;
}
#loginmenu ul li {
padding-left:27px;
background:url(images/bg_loginmenu.jpg) left top no-repeat;
}
#loginmenu ul li a {
color:#fff;
height:18px !important;
height:20px;
display:block;
padding-top:2px;
text-decoration:none;
}
#loginmenu ul li a:hover {
text-decoration:underline;
}

#loginmenu label{
color:#fff;
font-size:12px;
}

#loginmenu .csc-mailform{
border:none;
}
#loginmenu h1{
color:#fff;
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}

#loginmenu .csc-mailform-field{
height:16px !important;
height:10px;

margin-bottom:4px !important;
margin-bottom:0;

height:10px;
padding-left:8px;
}
#loginmenu input{

border:none;
background:none;
color:#fff;
padding:1px 6px;

font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#loginmenu input#mailformuser {
background:url(../images/input_bg.gif) left top no-repeat;
width:122px;
height:20px;
margin-top:4px;
margin-bottom:7px;
}
*:first-child+html #loginmenu input#mailformuser {

margin-bottom:5px;
}
* html #loginmenu input#mailformuser {
margin-bottom:0px;
}
#loginmenu input#mailformpass {
background:url(../images/input_bg.gif) left top no-repeat;
height:20px;
width:122px;
margin-top:4px !important ;
margin-top:0;
margin-bottom:4px;
}
*:first-child+html #loginmenu input#mailformpass {
margin-bottom:1px;
}
* html #loginmenu input#mailformpass {
margin-bottom:1px;
}
#loginmenu input#mailformsubmit.csc-mailform-submit {
background:url(../images/bg_verzenden.gif) left top no-repeat;
width:78px;
height:22px;
color:#007088;
margin-top:6px !important;
margin-top:3px;
padding:0;
margin-left:16px;
border:none;
}



#loginmenu .csc-mailform-label{
color:#fff;}