html { width: 100%; height: 100%; }
html, body { background-color: #b2b2b2; }
.c { clear: both;}

div.vertical_align { position:absolute; top:50%; left:50%;  }
div.horizontal_align { position: absolute; width: 970px; height: 540px; top: -270px; left: -485px; }
div.container { width: 970px; height: 540px; position: relative; background: url(../gfx/bg2.jpg); z-index: 1; }
h1.logo a { display: block; width: 445px; height: 60px; background: url(../gfx/logo.png); font-size: 0; color: #b2b2b2; position: absolute; top: 3px; line-height: 0; text-decoration: none; color: white; right: 50px; z-index: 3; }

#panel-large { width: 709px; height: 377px; padding: 95px 0 64px 0;background: url(../gfx/panel-large.png) 0 95px no-repeat; position: absolute; bottom: 0px; left: 209px; z-index: 2; }
#panel-small { width: 359px; height: 402px; padding: 80px 0 64px 0; background: url(../gfx/panel-small.png) 0 80px no-repeat; position: absolute; bottom: 0px; left: 361px; z-index: 2;}
#panel-double { width: 558px; height: 402px; padding: 80px 0 64px 0; background: url(../gfx/panel-double.png) 0 80px no-repeat; position: absolute; bottom: 0px; left: 361px; z-index: 2;}

div.menu { width: 100%; height: 48px; background-color: white; position: absolute; bottom: 0px; z-index: 3; }
div.menu ul, div.menu li { margin: 0; padding: 0; list-style: none; }
div.menu ul { margin-top: 18px; }
div.menu li { margin-left: 40px; float: left; }
div.menu li a { text-decoration: none; vertical-align: bottom; line-height: 0; color: white; font-size: 0;  }

div#flash, embed, script { position: absolute; z-index: 100; width: 970px; height: 540px; }
div#flash { background:#b2b2b2; }

a#info { display: block; width: 37px; height: 16px; background: url(../gfx/menu/info.png) top center no-repeat;  }
a#nieuws { display: block; width: 74px; height: 16px; background: url(../gfx/menu/nieuws.png) top center no-repeat; }
a#beauty { display: block; width: 74px; height: 16px; background: url(../gfx/menu/beauty.png) top center no-repeat; }
a#wellness { display: block; width: 93px; height: 16px; background: url(../gfx/menu/wellness.png) top center no-repeat; }
a#arrangementen { display: block; width: 166px; height: 16px; background: url(../gfx/menu/arrangementen.png) top center no-repeat; }
a#producten { display: block; width: 107px; height: 16px; background: url(../gfx/menu/producten.png) top center no-repeat; }
a#contact { display: block; width: 84px; height: 16px; background: url(../gfx/menu/contact.png) top center no-repeat; }

.ui-tabs .ui-tabs-hide { display: none; }

ul.tabs, .tabs li { margin: 0; padding: 0; list-style: none; }
ul.tabs { margin-top: -26px; margin-left: 20px; height: 26px; width: 100%; clear: both; }
.tabs li { margin-right: 5px; float: left; }
.tabs li a { color: #b38fc4; font-size: 0; background-color: #b38fc4; }
.tab-last { clear: both; }

.tabs-nieuws { float: left; width: 120px; padding: 0; margin: 25px 0 0 25px; height: 370px; border-right: 1px solid black; }
.tabs-nieuws li { margin-bottom: 15px; }
.tabs-nieuws li a { color: black; text-decoration: none; }
.tabs-nieuws a { color: black; }

.tab-gelaat { display: block; width: 111px; height: 26px; background: url(../gfx/tabs/gelaat.png) center center no-repeat; }
.tab-body { display: block; width: 48px; height: 26px; background: url(../gfx/tabs/body.png) center center no-repeat; } 
.tab-pakkingen { display: block; width: 113px; height: 26px; background: url(../gfx/tabs/pakkingen.png) center center no-repeat; } 
.tab-overig { display: block; width: 61px; height: 26px; background: url(../gfx/tabs/overig.png) center center no-repeat; } 
.tab-hotel { display: block; width: 52px; height: 26px; background: url(../gfx/tabs/hotel.png) center center no-repeat; }
.tab-arrangementen { display: block; width: 142px; height: 26px; background: url(../gfx/tabs/arrangementen.png) center center no-repeat; }
.tab-health { display: block; width: 63px; height: 26px; background: url(../gfx/tabs/health.png) center center no-repeat; }
.tab-wellness { display: block; width: 83px; height: 26px; background: url(../gfx/tabs/wellness.png) center center no-repeat; }

.text { padding: 20px 20px 0 20px; clear: both; height: 372px; width: 670px; overflow: auto; }
.text img { border: 0; margin: 0 0px 0 15px; }
.text_l { width: 238px; padding: 18px 15px 0 20px; float: left; }
.text_r { width: 238px; padding: 18px 10px 0 11px; float: left; margin-left: 19px; }

div.row { width: 317px; padding: 1px 0; }
div.row span.label { display: block; width: 80px; float: left; }
div.row input { width: 200px; margin: 0;}
div.row textarea { width: 192px; height: 70px; margin: 0; }
.input_error { color: red; font-weight: bold; }