body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#979183;}
 
 input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
 
 .fleft { float:left;}
 .fright { float:right;}
 .clear { clear:both;}
 
 .alignright { text-align:right;}
 .aligncenter { text-align:center;}
 
 .wrapper { width:100%; overflow:hidden;}
 .container { width:100%;}
 .zoom { overflow:hidden;}
 
 /*==================forms====================*/
 input, select { vertical-align:middle; font-weight:normal;}
 img {border:0; vertical-align:top; text-align:left;}
 
 .form { height:45px;}
 .form input {width:260px; padding:2px 0 2px 3px; background:none; border:1px solid #989898;}
 textarea { width:260px; height:148px; overflow:auto; background:none;  border:1px solid #989898; padding:2px 0 0 3px; }
 form .buttons { text-align:right; padding:20px 19px 0 0;}
 
 
 /*==================list====================*/
 ul { list-style:none;}
 
 .list { position:absolute; right:35px; top:19px;}
 .list li { float:left; border-right:1px solid #b3ae90; line-height:1em; padding:0 15px 0 6px;}
 .list li a { color:#b3ae90; text-decoration:none; display:inline-block; padding-left:9px;}
 .list li a:hover { color:#eca307; background:url(http://www.variowinkel.nl/foto/692/banner5.jpg) no-repeat left 4px;}
 .list li.last { border:0; padding-right:0;}
 
 .site-nav { width:100%; overflow:hidden;}
 .site-nav li { font-size:1.92em; font-weight:bold; float:left; line-height:1em; padding-right:35px; margin-right:35px; background:url(http://www.variowinkel.nl/foto/692/banner6.jpg) repeat-y right top;}
 .site-nav li a { color:#fff; text-decoration:none;}
 .site-nav li a:hover { color:#aa5d0a;}
 .site-nav li.last { background:none; padding:0; margin:0;}
 
 .list1 { padding-bottom:18px;}
 .list1 li { color:#786648; font-weight:bold; padding:0 0 6px 10px; background:url(http://www.variowinkel.nl/foto/692/banner7.jpg) no-repeat left 7px;}
 .list1 li a { color:#786648;}
 .list1 li a span { color:#eb8307; text-transform:uppercase; text-decoration:underline; font-size:1.2em; font-weight:normal; line-height:1.7em;}
 .list1 li a:hover span { text-decoration:none;}
 
 .list2 { width:100%; overflow:hidden; padding-bottom:14px;}
 .list2 li { float:left; color:#2d2d2d; margin-right:26px;}
 .list2 li.alt { margin-right:0;}
 .list2 li img { display:block; margin-bottom:10px;}
 
 .list3 li { width:100%; overflow:hidden; vertical-align:bottom; border-bottom:1px solid #eae9e1; padding-bottom:20px; margin-bottom:20px;}
 .list3 li img { float:left; margin-right:18px;}
 .list3 li b { color:#c84606; font-size:1.33em; line-height:1.1em; display:inline-block; margin-bottom:10px;}
 .list3 li p { color:#727272; line-height:1.33em; margin-bottom:13px;}
 .list3 li p a { color:#989898; font-weight:normal; text-decoration:underline; padding:0; background:none;}
 .list3 li p a:hover { text-decoration:none;}
 .list3 li a { color:#ca4d0f; font-weight:bold; padding-left:8px; background:url(http://www.variowinkel.nl/foto/692/banner8.jpg) no-repeat left 5px; text-decoration:none;}
 .list3 li a:hover { text-decoration:underline;}
 .list3 li.last { border:0; padding-bottom:0; margin-bottom:0;}
 
 .list4 li { padding-left:12px; background:url(http://www.variowinkel.nl/foto/692/banner9.jpg) no-repeat left 7px; color:#8f9182; line-height:1.58em;}
 .list4 li a { color:#8f9182;}
 
 
 /*==================other====================*/
 .img-box { width:100%; overflow:hidden; padding-top:14px;}
 .img-box img { float:left; margin:-14px 20px 0 0;}
 .img-box .img-box1 { width:auto; overflow:visible;}
 .img-box .img-box1 img { float:none; display:block; margin:0 0 15px 0;}
 .img-box .list2 li img { margin:0;}
 
 .img-box1 img { display:block; margin-bottom:15px;}
 
 .img-box2 { width:100%; overflow:hidden;}
 .img-box2 img { float:left; margin:0 20px 0 0;}
 
 .p1 { margin-bottom:15px;}
 
 .phone { float:right; margin-right:10px;}
 .phone1 { float:right; margin-right:95px;}
 
 
 /*==================txt, links, lines, titles====================*/
 a {color:#979183; outline:none;}
 a:hover{text-decoration:none;}
 
 .txt1 { color:#786648; font-weight:bold;}
 .txt1 a { color:#786648;}
 
 .link1 { display:block; float:left; background:#2d2d2d; color:#fff; font-size:.92em; text-decoration:none; line-height:.92em;}
 .link1 em { display:block; background:url(http://www.variowinkel.nl/foto/692/banner10.jpg) no-repeat left top;}
 .link1 b { display:block; background:url(http://www.variowinkel.nl/foto/692/banner11.jpg) no-repeat right top; padding:4px 15px 5px 20px; font-style:normal; font-weight:normal;}
 .link1:hover { text-decoration:underline;}
 
 .link2 { display:block; float:left; background:#ff8900; color:#fff; font-size:.92em; text-decoration:none; line-height:.92em;}
 .link2 em { display:block; background:url(http://www.variowinkel.nl/foto/692/banner12.jpg) no-repeat left top;}
 .link2 b { display:block; background:url(http://www.variowinkel.nl/foto/692/banner13.jpg) no-repeat right top; padding:4px 15px 5px 20px; font-style:normal; font-weight:normal;}
 .link2:hover { text-decoration:underline;}
 
 .link3 { color:#ca4d0f; font-weight:bold; padding-left:8px; background:url(http://www.variowinkel.nl/foto/692/banner8.jpg) no-repeat left 5px; text-decoration:none;}
 .link3:hover { text-decoration:underline;}
 
 .link4 { color:#ca4d0f; font-weight:bold; padding-left:8px; background:url(http://www.variowinkel.nl/foto/692/banner8.jpg) no-repeat left 5px;}
 .link4 a { color:#ca4d0f;}
 
 .divider .top { background:url(http://www.variowinkel.nl/foto/692/banner14.jpg) no-repeat 310px 0;}
 .divider { width:100%; background:url(http://www.variowinkel.nl/foto/692/banner15.jpg) repeat-y 310px 0;}
 
 
 /*==================boxes====================*/
 .extra-box { position:absolute; left:48px; top:190px; width:43%; height:270px; overflow:hidden;}
 .extra-box h3 { color:#181818; text-transform:uppercase; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:2em; font-weight:normal; line-height:1em; margin-bottom:23px;}
 .extra-box h4 { color:#0a0a09; font-size:1em; text-transform:uppercase; line-height:1.5em; margin-bottom:10px;}
 .extra-box h5 { color:#eb8107; font-size:1em; font-weight:normal; line-height:1.5em;}
 .extra-box h5 a { color:#eb8107;}
 .extra-box p { color:#848484; line-height:1.5em; margin-bottom:16px;}
 
 .footer-box { width:100%; background:url(http://www.variowinkel.nl/foto/692/banner16.jpg) repeat-x top;}
 .footer-box .left { height:57px; background:url(http://www.variowinkel.nl/foto/692/banner17.jpg) no-repeat left top;}
 
 .title-box1 { width:100%; background:url(http://www.variowinkel.nl/foto/692/banner18.jpg) repeat-x top;}
 .title-box1 .left { background:url(http://www.variowinkel.nl/foto/692/banner19.jpg) no-repeat left top; padding:20px 20px 10px 41px;}
 .title-box1 h3 {color:#877d6c; text-transform:uppercase; font-weight:normal; margin:0 0 38px -14px; font-size:1.67em; font-family:Arial Narrow, Arial, Helvetica, sans-serif}
 .title-box1 h4 { color:#786648; font-size:1em;}
 .title-box1 h4 a { color:#786648;}
 
 .title-box2 { width:100%; background:url(http://www.variowinkel.nl/foto/692/banner20.jpg) repeat-x top;}
 .title-box2 .left { background:url(http://www.variowinkel.nl/foto/692/banner21.jpg) no-repeat left top; padding:1px 25px 10px 28px;}
 .title-box2 h3 { color:#060606; text-transform:uppercase; font-weight:normal; margin-bottom:38px; font-size:1.67em; font-family:Arial Narrow, Arial, Helvetica, sans-serif;}
 .title-box2 h4 { color:#ea8206; font-weight:normal; font-size:1em;}
 .title-box2 h4 a { color:#ea8206;}
 .title-box2 h5 { color:#786648; font-size:1.33em; margin-bottom:13px;}
 .title-box2 h6 { color:#ea8206; font-size:1em; font-weight:normal;}
 .title-box2 h6 a { color:#ea8206;}
 
 .title-box3 { width:100%; background:url(http://www.variowinkel.nl/foto/692/banner22.jpg) repeat-x top #faf9f4;}
 .title-box3 .left { background:url(http://www.variowinkel.nl/foto/692/banner23.jpg) no-repeat left top; padding:20px 20px 10px 20px;}
 .title-box3 h3 { color:#c84606; text-transform:uppercase; font-weight:normal; margin:0 0 38px 12px; font-size:1.67em; font-family:Arial Narrow, Arial, Helvetica, sans-serif;}
 .title-box3 h4 { color:#c84606; font-size:1.33em; margin-bottom:13px;}
 .title-box3 h5 { color:#989898; font-size:1em; font-weight:normal;}
 .title-box3 h5 a { color:#989898;}
 .title-box3 p { color:#727272; line-height:1.33em;}

 .title-box5 { width:100%; background:url(http://www.variowinkel.nl/foto/692/banner18.jpg) repeat-x top;}
 .title-box5 .left { background:url(http://www.variowinkel.nl/foto/692/banner19.jpg) no-repeat left top; padding:17px 0px 0px 0px;}
 .title-box5 h3 {color:#877d6c; text-transform:uppercase; font-weight:normal; margin:0 0 38px -14px; font-size:1.67em; font-family:Arial Narrow, Arial, Helvetica, sans-serif}
 .title-box5 h4 { color:#786648; font-size:1em;}
 .title-box5 h4 a { color:#786648;}
 
 
 /*header*/
 #header .row-1 { height:287px; }
 #header .logo { top:63px; left:48px; position:absolute;}
 #header .slideshow { position:absolute; top:53px; float: right; align: right; }
 #header .row-2 { height:86px; background:url(http://www.variowinkel.nl/foto/692/banner24.jpg) repeat-x top;}
 #header .row-2 .indent { padding:29px 0 0 32px;}
 
 /*content*/
 #content { padding-top:4px;}
 #content .indent { padding-bottom:20px;}
 #content .row-2 { background:#efefe6;}
 #content .row-2 .indent { padding:14px 0 20px 29px;}
 #content .row-2 h3 { color:#72755b; margin-bottom:22px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; font-size:1.67em;}
 #content .row-2 h4 { font-size:1em; margin-bottom:15px;}
 #content .row-2 h5 { font-size:1em;}
 
 /*footer*/
 #footer p { color:#969184; padding:22px 0 0 42px;}
 #footer p a { color:#969184;}
 
 /*================= index.html ===================*/
 #page1 #header { height:512px; background:url(http://www.variowinkel.nl/foto/692/banner25.jpg) repeat-x left top;}
 #page1 #header .row-1 { height:426px;}
 
 #main {width:100%; }
 
 #header, #content, #footer { font-size:0.75em;}
 
 .col-1, .col-2, .col-3 { float:left;}

 #page1 #content .row-1 .col-1 { width:655px;}
 #page1 #content .row-1 .col-1 .col-1 {width:311px;}
 #page1 #content .row-1 .col-1 .col-1 .col-1 { width:193px; margin-right:44px;}
 #page1 #content .row-1 .col-1 .col-1 .col-2 { width:105px;}
 #page1 #content .row-1 .col-1 .col-2 {width:344px;}
 #page1 #content .row-1 .col-2 { width:325px;}
 #page1 #content .row-2 .col-1 { width:286px; margin-right:36px;}
 #page1 #content .row-2 .col-2 { width:254px; margin-right:46px;}
 #page1 #content .row-2 .col-3 { width:100%;}

 

 /*=========================*/
 
 
 #footer {height:57px;}


 .backknop { display:block; float:right; background:#2d2d2d; color:#fff; font-size:.92em; text-decoration:none; line-height:.92em;}
 .backknop em { display:block; background:url(http://www.variowinkel.nl/foto/692/banner10.jpg) no-repeat left top;}
 .backknop b { display:block; background:url(http://www.variowinkel.nl/foto/692/banner11.jpg) no-repeat right top; padding:4px 15px 5px 20px; font-style:normal; font-weight:normal;}
 .backknop:hover { text-decoration:underline;}


 .text { 
  font-size:1em; 
 }