* {	font:13px "Trebuchet MS",Verdana,Arial,Sans-serif; border:0; padding:0; margin:0; }
a { text-decoration:none; color:black; }
ul { list-style:none; }
strong { font-weight:bold; }
em { font-style:italic; }
ins { text-decoration:underline; }
img { float:left; }
input, textarea, select { float:left; border:1px solid; height:18px; padding:2px; width:598px; }
select { width:200px; height:24px; }

.fix { clear:both; background:red; height:0; overflow:hidden; }

p { text-align:justify; }

h1 { display:none; }

#top { background:url(../img/bg.gif); border-bottom:3px solid white; }

#top.navtop { background:url(../img/bg.nav.gif); }
#top.navtop #header { height:120px; }

#top p#logo a { float:left; height:71px; width:228px;  margin:5px 0 0 30px; }

#header { width:980px; margin:auto; background:url(../img/logo.gif) 30px 5px no-repeat; height:257px; }

#header #nav { float:right; padding:55px 20px 0 0; }
#header #nav li { float:left; padding:0 0 0 40px; }
#header #nav li a { float:left; font-weight:bold; color:#898989; height:36px; }
#header #nav li a:hover, #header #nav li a:active { color:#fab319; }
#header #nav li.on a { background:url(../img/on.2.gif) no-repeat bottom center; }
#header #nav li.on2 a { background:url(../img/on.gif) no-repeat bottom center; }

#header #quote { float:left; width:900px; background:url(../img/bg.quote.png); height:140px;}
#header #quote blockquote h2 { font:bold italic 29px "Trebuchet MS",Verdana,Arial,Sans-serif; padding:6px 0 0 30px; }
#header #quote blockquote h2 strong { font:bold italic 29px "Trebuchet MS",Verdana,Arial,Sans-serif; color:white; }
#header #quote p { padding:15px 0 0 28px; width:750px; font:14px/18px "Trebuchet MS",Verdana,Arial,Sans-serif;; }

#header ul#quote { height:29px; background:none; margin:0 0 0 29px; display:inline; }
#header ul#quote li { float:left; }
#header ul#quote li a { float:left; background:url(../img/nav.on.gif) no-repeat; color:white; width:103px; height:21px; font:12px arial; text-transform:uppercase; text-align:center; padding:8px 0 0 0; margin:0 3px 0 0; display:inline; }
#header ul#quote li.on a { background:url(../img/nav.bg.gif) no-repeat; color:#3b3b3b;}

#content { background:#f8f8f8; }
#content .inner { width:930px; margin:auto; padding:30px 0 30px 0; }

#content #left { float:left; width:610px; }
#content #left h3 { float:left; font:bold 24px arial; color:#3f6388; padding:30px 0 30px 0; width:610px; }

#content #left #diensten { float:left; width:610px; }
#content #left #diensten #l1, #content #left #diensten #l2, #content #left #diensten #l3, #content #left #diensten #l4 { float:left; width:235px; padding:0 20px 0 60px; background:url(../img/ico1.gif) no-repeat; }
#content #left #diensten #l2, #content #left #diensten #l4 { padding:0 0 0 60px; }
#content #left #diensten dt a { font:bold 16px arial; padding:0 0 5px 0; }
#content #left #diensten dd { color:#7f7f7f; }

#content #left.diensten h3 { color:#474b53; padding:0; font:25px arial; }
#content #left.diensten h4 { float:left; width:610px; color:#3f6388; font:18px arial; border-bottom:1px solid #dcdcdc; padding:20px 0 5px 0; }
#content #left.diensten h5 { float:left; width:610px; color:#474b53; padding:15px 0 0 0; font:bold 16px arial; }
#content #left.diensten p { float:left; padding:20px 0 0 0; width:610px; }
#content #left.diensten ul { float:left; width:610px; padding:0 0 0 15px; }
#content #left.diensten p#bigimg img {border:4px solid #3e6085;}

#content #left.diensten #paketten { float:left; width:610px; margin:30px 0 0 0; }
#content #left.diensten #paketten ul { float:left; width:610px; height:24px; padding:6px 0 0 0; }
#content #left.diensten #paketten li { float:left; }
#content #left.diensten #paketten li.c1 { width:190px; padding:0 0 0 10px; }
#content #left.diensten #paketten li.c2 { width:110px; text-align:center; }
#content #left.diensten #paketten li.c3 { width:110px; margin:0 40px 0 40px; text-align:center; }
#content #left.diensten #paketten li.c4 { width:110px; text-align:center; }

#content #left.diensten #paketten ul.title { background:url(../img/bg.title.gif); color:white; }
#content #left.diensten #paketten ul.title li { text-align:left; font-weight:bold; }
#content #left.diensten #paketten ul.title li.c2, #content #left.diensten #paketten ul.title li.c3, #content #left.diensten #paketten ul.title li.c4 { text-indent:36px; }
#content #left.diensten #paketten ul.bluebg { background:#c9d3de; }
#content #left.diensten #paketten ul img { padding:3px 0 0 0; float:none; }

#content #left #contactform { float:left; width:610px; }
#content #left #contactform label { float:left; font-weight:bold; width:610px; padding:10px 0 10px 0; }
#content #left #contactform .bluebg { float:left; width:607px; background:#c9d3de; padding:3px 0 3px 3px; }
#content #left #contactform .bluebg label { font-weight:normal; width:auto; padding:0 10px 0 5px; }
#content #left #contactform textarea { height:98px; }
#content #left #contactform #submit {  background: url(../img/verzend.gif); width:102px; height:29px; float:right; margin:5px 3px 2px 0; border:0; padding:0; cursor:pointer; }

#content #left #portfolioc { float:left; padding:20px 0 0 0; }
#content #left #portfolioc p, #content #left #portfolioc h4 { width:auto; padding:0; width:290px; }
#content #left #portfolioc #portfolioleft { float:left; width:290px; }
#content #left #portfolioc #portfolioright { float:right; width:290px; }
#content #left #portfolioc #portfolioright h4 { padding:0 0 5px 0; }
#content #left #portfolioc #portfolioright ul { float:left; padding:10px 0 0 0;}
#content #left #portfolioc #portfolioright ul li { background:url(../img/2.gif) no-repeat left; padding:0 0 0 17px; }

#content #left #items { float:left; width:610px; }
#content #left #items  * {width:auto;}
#content #left #items p { padding:0; padding:20px 0 0 0; }
#content #left #items .item1 { float:left; width:295px; padding:0 20px 0 0; }
#content #left #items .item0 { float:left; width:295px; padding: 0;  }
#content #left #items img {border:4px solid #3e6085; width:287px;}
#content #left #items h5 { width:auto; font-size:14px; }

#content #right { float:right; background:#3f6388 url(../img/bg.right.gif) repeat-x; width:260px; padding:15px; }
#content #right #portfolio li { float:left; padding:0 0 15px 0; }
#content #right #button { float:right; }

#content #right h3 { color:white; font:bold 18px arial; }
#content #right p { color:#a6b3bf; padding:10px 0 10px 0; }
#content #right #specs { color:white; }
#content #right #specs li { border-bottom:1px solid #68839e; padding:3px 0 3px 0; background:url(../img/blue.png) no-repeat right; }
#content #right #specs li.greenarrow { background:url(../img/green.png) no-repeat right; }

#content #right #legend { padding:10px 0 0 0; color:white; }
#content #right #legend li .bluearrow { float:left; background:url(../img/blue.png) no-repeat; width:32px; text-align:right; margin:0 15px 0 0; }
#content #right #legend li .greenarrow { float:left; background:url(../img/green.png) no-repeat; width:32px;  text-align:right; margin:0 15px 0 0; }
#content #right #legend li .redarrow { float:left; background:url(../img/red.png) no-repeat; width:32px; text-align:right; margin:0 15px 0 0; }

#content #right.contact { padding-top:5px; }
#content #right.contact h3 { float:left; width:260px; padding:10px 0 10px 0; }
#content #right.contact p { padding:0 0 10px 0; }
#content #right.contact dl { float:left; width:260px; }
#content #right.contact dl dt { float:left; width:120px; font-weight:bold; color:#b9c3ce; padding:0 0 10px 0; }
#content #right.contact dl dd { float:left; color:white; padding:0 0 10px 0; }
#content #right.contact dl dd a { color:white; }

#content #right #klanten { float:left; }
#content #right #klanten li { background:url(../img/1.png) no-repeat left; padding:0 0 0 17px; }
#content #right #klanten li a { color:white; }
#content #right #klanten li a:hover { color:#fab319; font-weight:bold; }

#bar { clear:both; background:#8a8989 url(../img/bg.bar.gif) repeat-x; }
#bar .inner { margin:auto; width:930px; }

#bar .column { float:left; width:290px; padding:30px 0 30px 0; }
#bar .column#column2 { margin:0 28px; }
#bar .column#column2 p { background:url(../img/1.gif) no-repeat right 13px; padding:0 111px 0 0; }
#bar .column#column3 p { background:url(../img/2.gif) no-repeat right 14px; padding:0 127px 0 0; }
#bar .column h3 { font:bold 24px arial; color:white; padding:0 0 5px 0; border-bottom:1px solid #cdcbcb; margin:0 0 10px 0; }
#bar .column h3 a { font:bold 24px arial; color:white; }
#bar .column p { color:#3b3b3b; }

.slidet { color:white; font:18px arial; padding:0 0 10px 0; color:#edad23; }

#footer { background:url(../img/bg.footer.gif); color:#979797; height:86px; }
#footer .inner { width:930px; padding:0 20px 20px 30px; margin:auto; }
#footer .inner a { color:#979797; }
#footer #go2top { float:right; padding:0 0  5px 860px; }
#footer #w3 { padding:4px 0 0 0; }
#footer #w3 a { margin:0 10px 0 0; float:left; }