/* CSS Document */
 * { margin:0; padding:0;}
 html, body { height:100%; }
 body {font-size:100%; line-height:1.125em;}
 html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
 		color:#484848;	}	
 
 .alignMiddle{ vertical-align:middle}
 .alignCenter{ text-align: center}
 .container1{ width:100%}
 .clear { clear:both;}
 .fleft{ float:left}
 .fright{ float:right}
 div.container {	overflow:hidden; width: 100%;}
 a img{ border:0px}
 img{ vertical-align:top;  }
 
 a{color:#018eb9; text-decoration:underline} 
 a:hover{text-decoration:none}
 
 .link1{ background:url(http://www.variowinkel.nl/foto/664/banner8.jpg) no-repeat top left; padding:3px 19px 5px 21px; color:#34a536; font-size:1.07em; text-decoration:none; font-weight:bold}
 .link1:hover{text-decoration:none; color:#000}
 .link2{ background:url(http://www.variowinkel.nl/foto/664/banner9.jpg) no-repeat top left; padding:3px 19px 5px 21px; color:#4787ac; font-size:1.07em; text-decoration:none; font-weight:bold}
 .link2:hover{text-decoration:none; color:#000}
 .link3{ color:#fff; text-decoration:none}
 .link3:hover{ text-decoration:underline}
 
 #content ul{margin:0; padding:0; list-style:none;}
 #content ul li{background:url(http://www.variowinkel.nl/foto/664/banner10.jpg) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
 #content ul li a{color:#0b9cdf; font-weight:bold; text-decoration: underline; line-height:1.5em} 
 #content ul li a:hover { text-decoration:none; }
 
 #content .ul li{background:url(http://www.variowinkel.nl/foto/664/banner11.jpg) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
 #content .ul li a{color:#fff; text-decoration:none; font-weight:normal ; line-height:1.5em} 
 #content .ul li a:hover { text-decoration:underline; }
 
 .link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
 .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
 .link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
 .link-1:hover{ text-decoration:none; color:#000000}
 
 .block{background:url(http://www.variowinkel.nl/foto/664/banner12.jpg); width:980px; height:343px; color:#FFFFFF}
 .block-1{ position:relative; margin-top:-14px;}
 .indent-block{padding:95px 0 0 46px; }
 .block1{ background:url(http://www.variowinkel.nl/foto/664/banner13.jpg) no-repeat top left; width:404px; height:125px}
 .button{ margin:19px 26px 0 0}
 
 
 /*header*/
 #header {font-size:1.0625em; color:#FFFFFF }
 .logo{ margin:-100px 0 0 0px; position:absolute }
 .slogan{ margin:124px 0 0 67px; position:absolute }
 #header .menu{ margin:65px 0 0 328px; position:absolute }
 .logo1{ margin:0 0 -34px 45px; position:absolute }
 
 #header ul{margin:0; padding:0; list-style:none;}
 #header ul li{ margin:0; display:inline}
 #header ul li a{background:url(http://www.variowinkel.nl/foto/664/banner14.jpg) top left no-repeat; color:#fff; text-decoration:none; margin:0 0 0 0; width:122px; text-align:center; display:block; float:left ; padding:23px 0 19px 0; font-family:Tahoma, Geneva, sans-serif; font-weight:bold} 
 #header ul .li a{background:url(http://www.variowinkel.nl/foto/664/banner15.jpg) top left no-repeat;} 
 #header ul .li1 a{background:url(http://www.variowinkel.nl/foto/664/banner16.jpg) top left no-repeat;} 
 #header ul .li2 a{background:url(http://www.variowinkel.nl/foto/664/banner17.jpg) top left no-repeat;} 
 #header ul .li3 a{background:url(http://www.variowinkel.nl/foto/664/banner18.jpg) top left no-repeat;} 
 #header ul li a:hover { text-decoration:none; color:#332e2a}
 
 /*content*/
 #content{ font-size:0.75em; width:100%; text-align:left;}
 #content .indent-main{padding:15px 45px 19px 45px}
 #content .indent-main1{padding:19px 45px 19px 45px}
 #content .indent-col2{padding:0 0 0 24px}
 #content .title{  margin-bottom:16px}
 #content .img-left{ float:left; margin:0 20px 0 0}
 #content .img-indent{ margin:0 0 16px 0}
 #content p{ margin:0 0 7px 0}
 #content .p{ margin:0 0 17px 0}
 #content .p1{ margin:0 0 7px 0}
 #content h4{color:#65d700; font-size:1.25em;  }
 #content .h-3{color:#fff; font-size:1.15em; font-weight:normal; margin-bottom:0 }
 #content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
 .txt{ display:block; margin-top:11px; padding:30px 0 0 14px; background:url(http://www.variowinkel.nl/foto/664/banner19.jpg) no-repeat top left}
 
 #page1 #content .indent{margin:-85px 0 -54px 0; position:relative}
 #page2 #content .indent{margin:34px 0 -54px 0; position:relative}
 #page3 #content .indent{margin:34px 0 0 0;}
 #page4 #content .indent{margin:34px 0 -54px 0; position:relative}
 #page5 #content .indent{margin:34px 0 0 0;}
 #page6 #content .indent{margin:34px 0 0 0;}
 #content .indent-1{ padding-top:9px}
 #content .indent-2{ padding-left:81px}
 
 /*box*/
 .box{ background:#fff; width:100%; line-height:1.66em; color:#707070}
 .box .border-top {background:url(http://www.variowinkel.nl/foto/664/banner20.jpg) repeat-x top;}
 .box .border-bottom {background:url(http://www.variowinkel.nl/foto/664/banner21.jpg) repeat-x bottom;}
 .box .border-left {background:url(http://www.variowinkel.nl/foto/664/banner22.jpg) repeat-y left;}
 .box .border-right {background:url(http://www.variowinkel.nl/foto/664/banner23.jpg) repeat-y right;}
 .box .corner-top-left {background:url(http://www.variowinkel.nl/foto/664/banner24.jpg) no-repeat left top;}
 .box .corner-top-right {background:url(http://www.variowinkel.nl/foto/664/banner25.jpg) no-repeat right top;}
 .box .corner-bottom-left {background:url(http://www.variowinkel.nl/foto/664/banner26.jpg) no-repeat left bottom;}
 .box .corner-bottom-right {background:url(http://www.variowinkel.nl/foto/664/banner27.jpg) no-repeat right bottom; width:100%; }
 .box .indent-box{ padding:20px 25px 30px 25px; }
 .box .indent-box1{ padding:20px 25px 10px 25px; }
 .box a{ color:#0b9cdf; font-weight:bold}
 .box .link4{ background:url(http://www.variowinkel.nl/foto/664/banner28.jpg) no-repeat top left; padding:3px 19px 5px 21px; color:#1d6998; font-size:1.16em; text-decoration:none; font-weight:bold}
 .box .link4:hover{text-decoration:none; color:#000}
 .box .link5{ background:url(http://www.variowinkel.nl/foto/664/banner29.jpg) no-repeat top left; color:#2b739f; font-size:1em; text-decoration:none; font-weight:bold}
 .box .link5:hover{text-decoration:none; color:#000}
 .box .link6{ background:url(http://www.variowinkel.nl/foto/664/banner30.jpg) no-repeat top left; padding:3px 19px 5px 21px; color:#2b739f; font-size:1.16em; text-decoration:none; font-weight:bold}
 .box .link6:hover{text-decoration:none; color:#000}
 /*box1*/
 .box1{ background:#74f603; width:100%; color:#194107; font-size:1.08em}
 .box1 .border-top {background:url(http://www.variowinkel.nl/foto/664/banner31.jpg) repeat-x top;}
 .box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
 .box1 .corner-top-left {background:url(http://www.variowinkel.nl/foto/664/banner32.jpg) no-repeat left top;}
 .box1 .corner-top-right {background:url(http://www.variowinkel.nl/foto/664/banner33.jpg) no-repeat right top;}
 .box1 .corner-top-left1 {background:url(http://www.variowinkel.nl/foto/664/banner34.jpg) no-repeat left top;}
 .box1 .corner-top-right1 {background:url(http://www.variowinkel.nl/foto/664/banner35.jpg) no-repeat right top;}
 .box1 .corner-bottom-left {background:url(http://www.variowinkel.nl/foto/664/banner36.jpg) no-repeat left bottom;}
 .box1 .corner-bottom-right {background:url(http://www.variowinkel.nl/foto/664/banner37.jpg) no-repeat right bottom; width:100%; }
 .box1 .indent-box{ padding:19px 19px 22px 18px; }
 #content .box1 p{ margin:0 0 24px 0}
 #content .box1 .p{ margin:0 0 11px 0}
 /*box2*/
 .box2{ background:#06f6e5; width:100%; color:#194107; font-size:1.08em}
 .box2 .border-top {background:url(http://www.variowinkel.nl/foto/664/banner38.jpg) repeat-x top;}
 .box2 .border-bottom {background:url(images/border_bottom2.gif) repeat-x bottom;}
 .box2 .corner-top-left {background:url(http://www.variowinkel.nl/foto/664/banner39.jpg) no-repeat left top;}
 .box2 .corner-top-right {background:url(http://www.variowinkel.nl/foto/664/banner40.jpg) no-repeat right top;}
 .box2 .corner-bottom-left {background:url(http://www.variowinkel.nl/foto/664/banner41.jpg) no-repeat left bottom;}
 .box2 .corner-bottom-right {background:url(http://www.variowinkel.nl/foto/664/banner42.jpg) no-repeat right bottom; width:100%; }
 .box2 .corner-bottom-left-2 {background:url(http://www.variowinkel.nl/foto/664/banner43.jpg) no-repeat left bottom;}
 .box2 .corner-bottom-right-2 {background:url(http://www.variowinkel.nl/foto/664/banner44.jpg) no-repeat right bottom; width:100%; }
 .box2 .indent-box{padding:4px 19px 22px 8px; }
 #content .box2 p{ margin:0 0 24px 0}
 #content .box2 .p{ margin:0 0 11px 0}
 /*box3*/
 .box3{ background:url(http://www.variowinkel.nl/foto/664/banner45.jpg); height:266px; color:#202020; font-size:1.41em}
 .box3 a { color:#0b9cdf; margin-left:25px}
 .box3 .indent-box{ padding:59px 60px 0 269px; }
 .box3 .link{color:#0b9cdf; font-weight:bold; font-size:.76em; text-decoration:none; display:block; margin:28px 0 0 206px  }
 .box3 .link:hover{text-decoration:underline }
 #content .box3 p{ margin:0 0 11px 0}
 
 /*footer*/
 #footer { color:#ffffff; font-size:0.8125em; }
 #footer .indent-footer{ padding:17px 30px 0 324px;}
 #footer a {color:#e506fd; text-decoration:underline}  
 #footer a:hover {  text-decoration:none}
 #text { font-size:12pt; color:#2d3331; font-family:Arial, Helvetica, sans-serif;}
 
 select { width:250px; margin-left:0px; font-size:12pt; color:#2d3331; height:21px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
 
 .h-1{ height:30px; background:url(http://www.variowinkel.nl/foto/664/banner46.jpg) no-repeat top left}
 .h-2{ height:198px; background:url(http://www.variowinkel.nl/foto/664/banner47.jpg) no-repeat top left}
 .h{ height:30px}
 .h1{ height:31px; margin-top:20px}
 .block-contact span{ float:right; margin-right:70px}
 input{
 	background:none	;
 	padding-top:2px;
 	font-size:0.8em;
 	padding-left:5px;
 }
 textarea{
 	background:none;
 	width:243px; height:198px;
 	font-size:1em;
 	padding-left:5px;
 	overflow:auto}
 
 #page1 .tail-top{ background:url(http://www.variowinkel.nl/foto/664/banner48.jpg) repeat-x top #fff}
 .tail-bottom{background:url(http://www.variowinkel.nl/foto/664/banner49.jpg) repeat-x  bottom }
 
 .right_bgd { position:absolute; top:0; right:0; width:50%; height:200px; background:url(images/tall_top_right.gif) left top repeat-x;}
 
 .col1, .col2, .col-1, .col-2, .col-3, .col-4{ float:left}
 /*======= width =======*/
 .main{margin:0 auto; text-align:left; width:980px; }
 
 /*======= header =======*/
 #header {height:126px;}
 
 .col1{ width:193px; margin-right:5px; text-align:right}
 .col2{ width:185px; margin-right:21px; text-align:right}
 
 /*======= index.html =======*/
 #page1 #content .col-1{ width:259px}
 #page1 #content .col-2{ width:631px}
 #page1 #content .col-3{ width:300px; margin-right:7px}
 #page1 #content .col-4{ width:300px}
 /*======= index-1.html =======*/
 #page2 #content .col-1{ width:259px}
 #page2 #content .col-2{ width:631px}
 #page2 #content .col-3{ width:300px; margin-right:7px}
 #page2 #content .col-4{ width:300px}
 /*======= index-2.html =======*/
 #page3 #content .col-1{ width:259px}
 #page3 #content .col-2{ width:631px}
 #page3 #content .col-3{ width:300px; margin-right:7px}
 #page3 #content .col-4{ width:300px}
 /*======= index-3.html =======*/
 #page4 #content .col-1{ width:259px}
 #page4 #content .col-2{ width:631px}
 /*======= index-4.html =======*/
 #page5 #content .col-1{ width:259px}
 #page5 #content .col-2{ width:631px}
 #page5 #content .col-3{ width:300px; margin-right:7px}
 #page5 #content .col-4{ width:300px}
 /*======= index-5.html =======*/
 #page6 #content .col-1{ width:259px}
 #page6 #content .col-2{ width:631px}
 
 /*======= footer =======*/
 #footer { height:66px; }