@charset "utf-8";
a.hastooltip{
display:block;
}
address{
background:#ABBC47;
clear:both;
font-size:1.3em;
font-style:normal;
text-align:center;
}
address a{
color:#333;
text-decoration:none;
}
address a:hover{
color:#333;
text-decoration:underline;
}
address#contact{
background:transparent;
font-weight:normal;
margin-left:2em;
text-align:left;
}
body{
background:#ABBC47;
color:#333;
font:normal normal normal 62.5%/1.5 sans-serif;
margin:0;
padding:0;
}
body#body_sea #columnLeft{
width:80%;
}
body#body_sea #content ol{
font-size:1.2em;
}
body#body_sea #content a{
color:#A52A2A; /*#0080FF;*/
}
body#body_sea #content a strong{
color:#A52A2A;; /*#0080FF;*/
}
body#body_sea p.fileName{
color:#009900;
font-size:1em;
margin:0;
padding:0;
}
body#body_sea #content p.fileName strong{
color:#009900;
}
body#body_sea #content strong{
color:#333;
}
caption{
color:#A52A2A;
font-size:1.3em;
padding-bottom:1em;
}
.center{
vertical-align:middle;
}
#mozillaBug{
display:table-row; /*fixes display table bug in Mozilla*/
}
#content{
background:#FFF;
border-collapse:collapse;
display:table;
float:left;
table-layout:fixed;
}
#columnLeft,#columnRight{
display:table-cell;
padding:2em;
width:41em;
}
#columnLeft{
background:url(images/bottom_left.gif) no-repeat left bottom;
}
#columnRight{
background:url(images/bottom_right.gif) no-repeat right bottom;
}
#content a{
color:#A52A2A;
display:block;
}
#content a.inline{
color:#A52A2A;
display:inline;
}
#content table a{
color:#333;
position:relative;
text-decoration:none;
}
#content p{
font-size:1.2em;
padding:1em 2em 2em;
}
fieldset{
border:1px solid #FF9933;
font-size:1.2em;
margin:0 0 1.5em 0;
padding:0;
}
fieldset ol{
padding:1em 1em 0 1em;
list-style:none;
}
fieldset li{
padding-bottom:1em;
}
fieldset.submit{
border:0 none #FFF;
}
form{
margin:0;
padding:0;
}
form p{
margin:0;
padding:0;
}
form#searchForm input{
border:none;
color:#333;
text-indent:5px;
}
#gmap{
height:300px;
overflow:hidden;
margin-left:2em;
width:300px;
}
.LabeledMarker_markerLabel{
width:120px;
font-weight:bold;
font-size:1.2em;
text-decoration:underline;
color:#A52A2A;
}
h3{
color:#0080FF;
font-size:1.8em;
text-align:center;
}
h4{
color:#A52A2A;
font-size:1.6em;
}
h4 a{
background:transparent;
text-decoration:none;
}
h4#blue a{
color:#0080FF;
}
h4#brown a{
color:#A52A2A;
}
h4#orange a{
color:#FF9933;
}
#header{
background:#FF9933 url(images/top_right.gif) no-repeat top right;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
height:22em;
margin-top:70px;
position:relative;
}
#header h1{
background:url(images/top_left.gif) no-repeat;
font-size:1.2em;
color:#0080FF;
margin:0;
text-indent:73px;
overflow:hidden;
}
#header h2{
color:#0080FF;
font-size:2.4em;
left:330px;
line-height:1;
position:relative;
top:-0.5em;
}
#header img#logo{
left:10px;
position:absolute;
top:-25px;
z-index:100;
}
#header img#kantoor{
position:absolute;
top:1.9em;
}
#header p{
font-size:1.3em;
left:330px;
position:relative;
top:-1.7em;
width:30em;
}
#header #siteMenu p{
font-size:1em;
display:inline;
left:0;
top:0;
width:100%;
}
.inline{
display:inline;
}
input.text{
width:20em;
}
img{
border:none;
border-width:0;
margin:0;
padding:0;
}
img#garantieImage{
float:left;
margin:1em 1em 1.5em 0;
}
img.infoButton{
position:absolute;
right:0;
}
img.left{
float:left;
padding-right:10px;
padding-bottom:10px;
}
img.right{
float:right;
padding-left:10px;
padding-bottom:10px;
}
label{
display:block;
}
legend{
color:#A52A2A;
margin-left:1em;
padding:0;
font-weight:bold;
}
li.marketingLi{
list-style-image:url(images/bullet_blue.gif);
}
li.webdesignLi{
list-style-image:url(images/bullet_orange.gif);
}
ol#vink{
list-style-image:url(images/logo_vink.gif);
}
ol li{
padding:0.25em 0.5em 0.5em;
}
ol strong{
color:#A52A2A;
}
.portfolioLarge{
background:#FFF;
border-bottom:#000 1px solid;
border-right:#000 1px solid;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:10px 20px 20px;
}
.portfolioLarge img{
display:block;
height:370px;
width:600px;
}
p.melding{
margin-bottom:0;
padding:0;
}
p.orangeP{
background:#FFE0C1;
}
p.blueP{
background:#DCEEFF;
}
p.red{
color:#A52A2A;
margin-top:-2em;
}
#roundBrown{
background:#F3E2E2 url(images/brown_bottom_left.gif) no-repeat left bottom;
}
#roundBrown p{
background:url(images/brown_bottom_right.gif) no-repeat right bottom;
}
#roundOrange{
background:#FFE0C1 url(images/orange_top_left.gif) no-repeat;
}
#roundOrange p{
background:url(images/orange_top_right.gif) no-repeat right top;
}
table{
border-collapse:collapse;
font-size:1.2em;
position:relative;
}
tfoot{
background:#FFE0C1;
color:#A52A2A;
font-size:0.9em;
line-height:2;
}
tfoot img{
vertical-align:middle;
}
tfoot td{
padding:3px;
}
thead{
color:#0080FF;
}
td{
position:relative;
}
.prijs{
padding:0 0.3em;
text-align:right;
}
.bijz{
padding-left:8px;
}
th{
text-align:left;
}
.tooltip{
background:#FFE0C1;
border-bottom:#666 1px solid;
border-right:#666 1px solid;
color:#333;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
padding: 1em 2em 2em;
width:26em;
}
tr{
padding:0.5em;
}
tr:hover{
background:#FFE0C1;
}
ul{
list-style:none;
}
ul ol{
font-size:1.2em;
}
ul#cms a{
display:inline;
}
ul#cms p{
padding-top:0;
padding-bottom:1em;
}
ul#nested{
font-size:1.2em;
margin-top:-1em;
}
ul#nestedUl{
margin:0;
padding:0;
}
ul#nestedUl p{
padding-top:0;
padding-bottom:1em;
}
ul#nestedUlBullet{
list-style-type:disc;
}
ul#nestedUlCart{
font-size:1.2em;
list-style-image:url(images/wagentje.gif);
}
ul#portfolioUl a{
height:200px;
margin:0;
padding:0;
width:300px;
}
#wrapper{
margin:0 auto;
padding:0;
position:relative;
width:90em;
}
/*siteMenu*/
ul#siteMenu{
color:#A52A2A;
list-style:none;
font-size:1.3em;
margin:0;
padding:0;
position:absolute;
right:20px;
top:-1.7em;
}
ul#siteMenu li{
display:inline;
}
ul#siteMenu a{
color:#A52A2A;
text-decoration:none;
}
ul#siteMenu form{
display:inline;
}
ul#siteMenu form label{
display:inline;
}
/*topmenu*/
ul#menuTop{
background:#A52A2A url(images/topmenu.gif) no-repeat;
height:40px;
list-style:none;
margin:0;
padding:0;
position:relative;
width:90em;
}
ul#menuTop li{
float:left;
}
ul#menuTop a{
background:url(images/topmenu.gif) no-repeat;
display:block;
font-size:1%;
height:40px;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-9999px;
top:0;
}
li#nav_hom a{
left:0;
width:88px;
background-position:0 0;
}
li#nav_des a{
left:88px;
width:135px;
background-position:-88px 0;
}
li#nav_shop a{
left:223px;
width:140px;
background-position:-223px 0;
}
li#nav_mar a{
left:363px;
width:170px;
background-position:-363px 0;
}
li#nav_tar a{
left:533px;
width:129px;
background-position:-533px 0;
}
li#nav_por a{
left:662px;
width:131px;
background-position:-662px 0;
}
li#nav_con a{
left:793px;
width:97px;
background-position:-793px 0;
}
li#nav_hom a:hover{
background-position:0 -40px;
}
li#nav_des a:hover{
background-position:-88px -40px;
}
li#nav_shop a:hover{
background-position:-223px -40px;
}
li#nav_mar a:hover{
background-position:-363px -40px;
}
li#nav_tar a:hover{
background-position:-533px -40px;
}
li#nav_por a:hover{
background-position:-662px -40px;
}
li#nav_con a:hover{
background-position:-793px -40px;
}
#body_hom li#nav_hom a{
background-position:0 -40px;
}
#body_des li#nav_des a{
background-position:-88px -40px;
}
#body_shop li#nav_shop a{
background-position:-223px -40px;
}
#body_mar li#nav_mar a{
background-position:-363px -40px;
}
#body_tar li#nav_tar a{
background-position:-533px -40px;
}
#body_por li#nav_por a{
background-position:-662px -40px;
}
#body_con li#nav_con a{
background-position:-793px -40px;
}
/*cmsDemo styles*/
#body_cmsDemo #columnLeft{
background-image:none;
width:97%;
}
#body_cmsDemo #columnRight{
background-image:none;
width:2%;
}
#body_cmsDemo #content a{
display:inline;
}
.articletext{
padding:1em 2em 2em;
}
.articletext h1{
font-size:1.8em;
padding:0.5em 0;
}
.articletext h2{
font-size:1.6em;
padding:0.5em 0;
}
.articletext .highlighted{
color:#A52A2A;
}
.articletext ol{
font-size:1.2em;
}
.articletext table{
border:1px solid;
margin-left:2em;
}
.articletext td{
border:1px solid;
text-align:center;
}
.articletext th{
text-align:center;
}
.articletext ul{
font-size:1.2em;
list-style-type:disc;
}
.articeletext p{
font-size:1.2em;
padding:0.5em 0;
}
/*Accordion*/
ul.accordion{
margin:0;
padding:0;
}
#content ul.accordion h4 a{
color:#FFF;
margin-left:10px;
}
ul.accordion img{
margin-left:-10px;
}
ul.accordion{
background-color:#A52A2A;
border:1px solid #FFF;
border-top: none;
display:block;
list-style-type: none;
margin:0;
padding:0;
position:relative; /* Forces the bottom border of the h2 to display in IE */
}
ul.accordion li.collapsed * {
position: absolute;
left: -10000px;
}

ul.accordion li.collapsed h4, ul.accordion li.expanded h4,
ul.accordion li.collapsed h4 a:link, ul.accordion li.collapsed h4 a:visited,
ul.accordion li.expanded h4 a:link, ul.accordion li.expanded h4 a:visited {
position: static;
}
