<br />
<b>Warning</b>:  ob_start() [<a href='ref.outcontrol'>ref.outcontrol</a>]: output handler 'ob_gzhandler' conflicts with 'zlib output compression' in <b>/home/sisananl/domains/sisana.nl/public_html/style/style.php</b> on line <b>2</b><br />

html { overflow: auto; }
html, body { margin: 0; padding: 0; height: 100%; overflow: auto; }

img { border: none; }
* { margin: 0; outline: none; }

body { background: #d1dcc8 url(../img/layout/bg.gif) repeat-x; color: #000; font-size: 11px; font-family: Verdana, Geneva, sans-serif; }

.container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.menubar {
	position: fixed;
	left: 0;
	top: 0;
	margin: -16px 0 0 20px;
    height: 100%;
    width: 229px;
}
* html .menubar { 
	position: absolute;
}

.menubar .bottom 	{ float: left; width: 100%; height: 100%; background: url(../img/layout/menubg2.png) repeat-y; }
.menubar .logo { float: left; width: 100%; height: 170px; background: url(../img/layout/logo.png) no-repeat;  }
.menubar .menu { float: left; width: 100%; height: 449px; margin-top: -25px; background: url(../img/layout/menubg.png) no-repeat;  }

.container .content { position: absolute; top: 50%; margin-top: -250px; width: 4302px; height: 500px; }
.container .footer { position: absolute; left 0; top: 100%; margin-top: -68px; width: 100%; height: 52px; text-align: center; background: orange; }

#mainmenu { width: 190px; list-style: none; line-height: 26px; font-size: 17px; margin: 100px 0 0 0; padding: 0; }
#mainmenu li { margin: 0 0 0 25px; padding: 0 0 0 14px; border-bottom: 1px solid #d0d0d0; }
#mainmenu li.last { border-bottom: 0px solid #d0d0d0; }
#mainmenu a { color: #767575; text-decoration: none; }
#mainmenu a:hover { color: #1a2b02; }

.container .content .collumn { float: left; height: 100%; background: #fff;}
.container .content .coll1 { width: 250px; background: none; }
.container .content .coll2 { width: 210px; }
.container .content .coll22 { width: 680px; }
.container .content .coll3 { width: 620px; background: none; }
.container .content .coll4 { width: 205px; background: none; }
.container .content .coll5 { width: 412px; }
.container .content .coll6 { width: 410px; }
.container .content .coll7 { width: 138px; background: none; }
.container .content .coll8 { width: 560px; }
.container .content .coll9 { width: 560px;  background: none; }
.container .content .spacer22 { width: 22px; background: none; }
.container .content .spacer12 { width: 12px; background: none; }
.container .content .rowspacer12 { float: left; width: 100%; height: 12px; background: none; }

.container .content .contentcontainerspacer { height: 5%; }
.container .content .contentcontainer { height: 90%; margin: 0 15px; }

.container .content .title { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #b2b2b2; font-size: 22px; margin-top: 10px; margin-bottom: 10px; }
.container .content .text { color: #1a2b02; line-height: 13px; }

.container .content .oversisana .image { float: left; width: 100%; text-align: center; }
.container .content .oversisana .text { float: left; width: 100%; margin-top: 10px; }

.container .content .oversisana2 .text { float: left; width: 370px; margin-top: 10px; }
.container .content .oversisana2 .image { float: right; width: 220px; text-align: center; margin-top: 60px; }

.container .content .huidverbetering .top { float: left; width: 100%; height: 244px; }
.container .content .huidverbetering .bottom { float: left; width: 100%; height: 244px; }

.container .content .huidverbetering .top .left 	{ float: left; width: 423px; height: 100%; background: #fff; }
.container .content .huidverbetering .top .right 	{ float: right; width: 185px; height: 100%; }
.container .content .huidverbetering .top .right img { margin-left: -5px; margin-top: -5px; }
.container .content .huidverbetering .bottom .left 	{ float: left; width: 185px; height: 100%; }
.container .content .huidverbetering .bottom .right { float: right; width: 423px; height: 100%; background: #fff; }
.container .content .huidverbetering .bottom .left img	{ margin-left: -5px; margin-top: -5px; }

.container .content .aloevera img { margin-left: -5px; margin-top: -5px; }
.container .content .merken p { margin-bottom: 10px; }
.container .content .merken2 .box { float: left; width: 100%; height: 116px; margin-bottom: 12px; background: #fff; text-align: center; line-height: 116px; }
.container .content .merken2 .box img { vertical-align: middle; }
.container .content .merken2 .box4 { margin-bottom: 0; }
.container .content .lastimage img	{ margin-left: -5px; margin-top: -5px; }

#footer {
	position: fixed;
    width: 600px;
    height: 50px;
    background: #ffffff;
}
* #footer { 
	position: absolute;
}

#footer .footertext { text-align: center; line-height: 45px; }
#footer .footertext a { color:#1a2b02;  }

#map_canvas { float: left; width: 100%; height: 400px; }
.container .content .contact .info { float: left; width: 100%; margin-top: 10px; text-align: center; }

.callme { position: absolute; right: 5px; top: 5px; height: 100px; width: 300px; background: #fff; background-color:rgba(255,255,255,0.5); 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; }
.callme .icon { float: left; width: 61px; height: 75px; margin-left: 10px; margin-top: 10px; background: url(../img/icons/phone.png); }
.callme .text1 { float: left; width: 205px; font-size: 18px; text-align: right; color: #1A2B02; margin-top: 10px; } 
.callme .text2 { float: left; width: 200px; font-size: 18px; font-weight: bold; text-align: right; color: #1A2B02; margin-top: 10px; }
.callme .text2 a { color: #222222; }

.blackout { position: absolute; display: none; top: 0; left: 0; height: 100%; width: 100%; background: #000; 
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5; 
}

.modal { position: absolute; display: none; width: 560px; height: 530px; left: 50%; top: 50%; margin-left: -280px; margin-top: -265px; background: #fff; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
-webkit-box-shadow: 0px 0px 15px ;
-moz-box-shadow: 0px 0px 15px ;
box-shadow: 0px 0px 15px ; 
}

.modal .header { float: left; width: 100%; height: 50px; line-height: 50px; }
.modal .header .title { float: left; width: 400px; height: 100%; font-size: 18px; margin-left: 12px; font-family: Verdana;  }
.modal .header .close { float: right; width: 31px; height: 31px; background: url(../img/icons/modalclose.png); margin: 12px; cursor: pointer; } 
.modal .content { float: left; width: 548px; height: 480px; margin-left: 12px; }

.callmeform label { display: block; float: left; width: 100%; height: 24px; line-height: 24px; }
.callmeform .inputcontainer { float: left; width: 100%; }
.callmeform input.text { display: block; float: left; width: 530px; height: 25px; font-size: 16px; }
.callmeform input.checkbox { display: block; float: left; height: 20px; }
.callmeform span { display: block: float: left; height: 20px; line-height: 20px; }

.callmeform textarea { width: 530px; height: 125px; }

.button { background-color: #dde5d8; border: 2px solid #e3e4e5; color: #1a2b02; cursor: pointer; width: 100px; height: 28px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 

  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4f5), to(#d6dad2)); 
  background-image: -webkit-linear-gradient(top, #f1f4f5, #d6dad2); 
  background-image:    -moz-linear-gradient(top, #f1f4f5, #d6dad2); 
  background-image:     -ms-linear-gradient(top, #f1f4f5, #d6dad2); 
  background-image:      -o-linear-gradient(top, #f1f4f5, #d6dad2); 
  background-image:         linear-gradient(top, #f1f4f5, #d6dad2);


}

.callmeform .submit { float: right; margin-right: 16px; }