/********** General Style **********/
*{margin:0;padding:0;}
/*body{background-color:#000000;color:#00305a;font:normal 11px arial;}*/
body{background-color:#000000;color:#00305a;font:normal 11pt helvetica;}
img{margin:0;border:0;}
h1,h2{margin:0;}
h1{font:bold 14pt arial,serif;text-align:left;}
h2{font:bold 12pt arial,serif;text-align:left;}
h3{font:bold 10pt arial,serif;text-align:left;}
p{font:normal 9pt arial,serif;text-align:left;}
ol,ul {margin-left:18px;text-align:left;}
a,a:hover{text-decoration:none;text-align:left;}
input{text-align:left;}

.fleft{float:left;}
.fright{float:right;}
.fclear{clear:both;}
.zoneDivHide { background-repeat:no-repeat; position:absolute; visibility:hidden; }
.zoneDivVis { background-repeat:no-repeat; position:absolute; cursor:pointer; visibility:visible; }
.contentHide { background-repeat:no-repeat; position:absolute; visibility:hidden; }
.contentVisible { background-repeat:no-repeat; position:absolute; cursor:pointer; visibility:visible; }
a.redhover,a:hover.redhover {
 font:bold 8pt arial,sans serif;
 font-style:italic;
 color:#ff6666;
 text-decoration:none;
}
a:hover.redhover { color:#ff0000;}

.main-container{
 background:url(../../../../images/initial/default/background_new.jpg) left top no-repeat;
 width:1000px;
 height:768px;
 position:relative; 
 margin:0 auto;
}
* html .main-container{text-align:center;}
.main-content-area{
 width:570px;
 height:400px;
 position:absolute;
 top:175px;
 left:245px;
 z-index: 118;
}
.content-container {
 width:570px;
 height:400px;
 margin:0;
 padding:0;
}
.header-content{
 width:100%;
 height:50px;
 margin:0 auto;
 padding-top:10px;
}
.header-content{height:60px;}
h1.title-content{font:bold 20pt "Trebuchet MS",serif; padding:0; margin:0; text-align:center;}
* html h1.title-content{font-size:18pt;}
.content-field{
 width:480px;
 height:306px;
 overflow-x:hidden;
 overflow-y:scroll;
 padding:0 35px;
 margin-left:20px;
}
* html .content-field{
 width:550px;
 padding:0 25px;
 margin-left:15px;
}
.fulltext-area{
 width:100%;
 height:300px;
 margin:0 auto;
}
.fulltext-area p,.text-area p {text-align:justify;margin-bottom:20px;}
.fulltext-area h3,
.text-area h3,
.tekst-textarea h3 {
 font:bold 12pt arial,sans serif;
 color:#000099;
}
.text-area{
 width:480px;
 height:auto;
 float:left;
 text-align:left;
 margin-bottom:10px;
}
.image-area{
 width:90px;
 height:60px;
 /*border:1px #000000 solid;*/
 float:left;
 margin:5px 5px 0 0;
}
.image-area2{
 width:90px;
 height:60px;
 /*border:1px #000000 solid;*/
 float:left;
 margin:5px 70px 0 0;
}
.zImage{
cursor: url(../../../../images/initial/default/zoomimage/zoomin.cur), default;
}
.space-area,.fullspace-area{
 width:100%;
 height:50px;
 float:left;
}
.fullspace-area{height:70px;}
* html .fullspace-area{height:50px;}
.footer-field{
 width:550px;
 height:96px;
 background:url(../../../../images/initial/default/bg_footer.png) left top no-repeat;
 position:absolute;
 bottom:0;
 left:0;
 z-index:100;
}

/********** LINK **********/
.link-container{
 background:url(../../../../images/initial/default/link/header_link2.jpg) left top no-repeat;
 width:auto;
 height:400px;
 margin:0;
}
.link-content-field {
 background:url(../../../../images/initial/default/link/map_link.jpg) left top no-repeat;
 width:465px;
 height:400px;
 float:right;
}
.link-content-field a,
.link-content-field a:hover {
 color:#fff;
 background:#f90;
 padding:1px 5px;
}
.link-content-field a:hover {
 color:#000;
 background:none;
 border-bottom:#f90 3px solid;
}
.link-1menu,
.link-2menu,
.link-3menu {
 width:30px;
 height:36px;
 position:relative;
 top:120px;
 left:200px;
}
.link-2menu {
 top:50px;
 left:90px;
}
.link-3menu {
 top:100px;
 left:335px;
}

/********** KONTAKT **********/
.kontakt-container {
 background:url(../../../../images/initial/default/kontakt/bg_kontakt.jpg) bottom left no-repeat;
 background-position:0 330;
 width:570px;
 height:400px;
 margin:0;
}
.kontakt-left-area {
 width:258px;
 height:340px;
 background:url(../../../../images/initial/default/kontakt/bg_form.jpg) top left repeat-x;
 float:left;
 padding-top:15px;
}
.kontakt-left-area table {
 width:240px;
 height:100px;
 margin-left:20px;
 font:normal 12px arial,sans serif;
 color:#ffffff
}
* html .kontakt-left-area table{
 margin-left:10px;
}
textarea.text-message{width:218px; height:100px;text-align:justify;}
input.submit-button{font-size:8pt; border:0;text-align:center;}
.kontakt-right-area {
 width:312px;
 height:365px;
 background:url(../../../../images/initial/default/kontakt/title_kontakt.gif) top right no-repeat;
 float:left;
}
input.termijn{width:116px;}
h3.title-kontakt{
 position:relative;
 top:88px;
 left:15px;
}
p.kontakt {
 width:290px;
 position:relative;
 text-align:left;
 top:90px;
 left:15px;
}
select.wide146,input.wide{
 width:168px;
}
ul.list-kontakt{
 position:relative;
 top:90px;
 left:12px;
}
ul.list-kontakt li{
 font:bold 12px arial;
}


/********** TEKST en TEKEN **********/
.tekst-container {
 width:570px;
 height:auto;
 position:relative;
 margin:0;
 float:left;
}
.tekst-header-field {
 width:570px;
 height:80px;
}
ul.headtitle {
 height:auto;
 float:left;
 list-style-type:none;
 margin-top:1px;
 margin-left:30px;
}
* html ul.headtitle {
 margin-left:15px;
}
ul.headtitle li {
 width:125px;
 margin-right:2px;
 float:left;
}
ul.headtitle a,
ul.headtitle a:hover , li.active{
 font:bold 11px arial;
 line-height:20px;
 color:#ccc;
 background:#900;
 display:block;
 text-align:center;
}
ul.headtitle a:hover , li.active{
 height:18px;
 background:none;
 color:#333;
 border-bottom:2px #990000 solid;
}
.tekst-content-field {
 width:570px;
 height:320px;
 float:left;
}
.tekst-left-area {
 width:150px;
 height:320px;
 float:left;
 margin-left:5px;
 background:url(../../../../images/initial/default/tekst/tekst_menu_bg2.png) top left no-repeat;
 background-position:0 -124px;
 overflow:hidden;
}
* html .tekst-left-area {
 width:150px;
 height:320px;
 float:left;
 margin-left:5px;
 background:url(../../../../images/initial/default/tekst/tekst_menu_bg2.png) top left no-repeat;
 background-position:0 -118px;
 overflow:hidden;
}
.tekst-right-area {
 width:550px;
 max-height:285px;
 float:left;
 margin-left:20px;
 overflow: auto;
}
* html .tekst-right-area{
 margin-left:10px;
 height:285px;
}
.tekst-textarea {
 height:auto;
 margin:0 10px 30px 10px;
}
.tekst-textarea p{
 margin-bottom:20px;
}
.tekst-footer-field{
 width:562px;
 height:96px;
}

/********** PRIJS en WERKWIJZE **********/
.prijs-container {
 width:570px;
 height:auto;
 position:relative;
 margin:0;
 float:left;
}