/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }
.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------   general    -------------------- */
   
body {background:url(images/bg.jpg) top left repeat-y; width:100%; color: #302f33; text-align: left; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; overflow-y:scroll; overflow-x:hidden; }

#header {margin-top:40px; background:url(images/header_bg.jpg) top left repeat-y; text-align: left; display:block; height:161px; overflow:hidden; padding:0 0 0 215px;}
#header a img.logo {padding-bottom:8px; margin-right:49px;}
#header img.illustration, iframe {border:7px solid #627d80;}

#content {width:1250px; display:block; margin-bottom:10px;}

h1 {text-align:right; color:#fff; font-size:15pt; margin-bottom:55px; text-transform:uppercase;}
h2 {font-size:11pt; font-weight:700; color:#c4f5fc; margin-bottom:16pt; margin-top:28pt; }

strong {font-weight:700;}

div.picrow {padding:1pt 0 5pt 0; border-bottom:1px solid #688589; border-top:1px solid #688589; text-align:center;}
div.picrow img {margin:0 2px 8px 2px; border:1px solid white;}

/* ----------------      left    -------------------- */

#left {float:left; width:413px; padding: 109px 0 0 36px;}

#navcontainer {margin-bottom:100px;}
#navlist {list-style-type: none;}
#navlist li {margin-bottom:8px; height:25px; text-align:right;}
#navlist li a {background:url(images/nav.jpg) top right no-repeat; color:#d1d1d3; text-decoration:none; display:block; width:363px; height:25px; padding:3px 50px 0 0; }
#navlist li a:hover {background:url(images/nav_over.jpg) top right no-repeat; color:#fff; text-decoration:none;}
#navlist li a#currentpage {background:url(images/nav_active.jpg) top right no-repeat; color:#464648; text-decoration:none;}

#coordinaten {background:#7ea1a5; margin-right:35px; padding:15px; text-align:right; color:#e4e4e4;}
#coordinaten p {margin-bottom:10pt;}
#coordinaten p strong {color:#fff; font-weight:700;}
#coordinaten a {color:#fff; font-weight:700;}
#coordinaten a:hover {color:#464648; font-weight:700;}

#credits {text-align:right; margin:25px 50px 0 0; color:#78787a; font-size:9pt;}
#credits a {color:#78787a;}
#credits a:hover {color:#c4f5fc;}

/* ----------------    center    -------------------- */

#center {float:left; width:480px; padding:30px 32px 0 18px;}
#center p {text-align:justify; margin-bottom:10pt; line-height:165%;}
#center p a {color:#fff; font-weight:700;}
#center p a:hover {color:#c4f5fc;}

#center p.cta {background:url(images/cta.jpg) top left no-repeat;}
#center p.cta a {text-decoration:none; font-size:11pt; color:#3f3f41; font-weight:700;  padding:42px 55px 40px 95px; display:block; text-align:left;}
#center p.cta a:hover {text-decoration:underline;}

#center ul {list-style-type:square; margin-left:15px;}
#center ul li {padding-left:20px; margin-bottom:5px; margin-top:5px;}

#center ul.headlines {list-style-type:none; margin-left:0px;}
#center ul.headlines li {padding-left:0px; margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #688589; }
#center ul.headlines li a {text-decoration:none; color:#302f33; font-weight:700; }
#center ul.headlines li a:hover {color:#c4f5fc;}
#center ul.headlines li a span {color:#fff; height:20px; width:100px; display:block; float:left;}

#center a.vorige, #center a.volgende {display:block; padding:1px 4px 1px 4px; float:left; margin-right:10px; background:#c4f5fc; text-decoration:none; color: #302f33; }
#center a.vorige:hover, #center a.volgende:hover {background:#fff;}


/* ----------------    right    -------------------- */

#right {float:left; width:200px; padding: 109px 0 0 45px;}

#right ul li {margin-bottom:20px;}
#right ul li a  {border:1px solid #86acaf; display:block; width:200px; height:80px; overflow:hidden; text-decoration:none; background-position: top right; background-repeat:no-repeat; }
#right ul li a:hover  {border:1px solid #fff; background-position:top left; }

#right ul li a.link_4q  {background-image:url(images/link_4q.jpg);}
#right ul li a.link_vccs  {background-image:url(images/link_vccs.jpg);}
#right ul li a.link_vea  {background-image:url(images/link_vea.jpg);}
#right ul li a.link_vbvc  {background-image:url(images/link_vbvc.jpg);}
#right ul li a.link_geomex  {background-image:url(images/link_geomex.jpg);}
#right ul li a.link_geomex2  {background-image:url(images/link_geomex2.jpg);}


/* ----------------      contact    -------------------- */

div.val, input.val {display:none;}

input, textarea {background:#779699; border:1px solid #627d80; color:#fff; margin-bottom:6px; width:300px;}
textarea {overflow:auto;}
#Submit {width:150px; background:#a4c7cd; color:#464648; text-transform:uppercase; font-size:7pt; padding:2px;}


/* ----------------      nieuws    -------------------- */

div.nieuwsitem {padding-bottom:10pt; border-bottom:1px solid #688589;}
div.nieuwsitem h2 span {color:#fff; height:25px; width:100px; display:block; float:left;}

img.newsborder {border:1px solid #c4f5fc; margin-right:20px; float:left;}