/* @override http://www.campusmedia.be/_campusscreenstyle.css */

#talen {width:60px; height:22px; float:left; position:absolute; left:20px;top:70px;z-index:64;}

html {margin:0; padding:0;}
body {background:#f5f6f9 url(img/bg_main.gif) repeat-x; margin:0; padding:0; font-family:"Lucida Grande", Lucida, Verdana, sans-serif;}
#spacer {position:relative; top:0;left:0;height:130px;width:100%;display:block;z-index:10; }
.png {behavior: url(iepngfix.htc)}
a {color:#000;}
a:hover {text-decoration:underline;color:#00adf0;}

h2 {color:#ffffff; margin-top:0;padding-top:0;font-weight:normal;}
h3 {color:#ffffff; margin-top:0;padding-top:0;font-weight:bold;}
h4 {color:#ffffff; margin-top:0;padding-top:0;font-weight:bold;}


/* headeritems */
.schaduw {width:100%; height:109px; float:left; position:absolute; left:0px; top:0;z-index:49;}
.schaduwbeeld {width:100%;height:109px;}

#header { width:100%; height:130px; margin:0; padding:0; left:0; top:0; _top:expression(eval(document.body.scrollTop)); position:fixed; _position:absolute;z-index:50; background:url(img/navfond.jpg) repeat-x fixed;}
#talen {width:60px; height:22px; float:left; position:absolute; left:20px;top:70px;z-index:64;}

#logo {width:115px; height:130px; float:left; background:url(img/logo.png);position:absolute; left:224px;z-index:210;}
#topmenu {height:100px; float:left;position:absolute; left:340px;z-index:61;margin:0; padding:0;}
#topmenu ul {list-style-type:none; text-align:center;margin:0; padding:0;}
#topmenu ul li {display:block; float:left; text-align:center;}
#topmenu ul li a {width:112px; height:100px; border-top:0px; border-left:0px; border-bottom:0px; border-right:1px solid #000; display:block; text-align:center;}

a:link.home, a:visited.home {background:url(img/menu_top_1.gif) no-repeat top left; display:block;}
a:hover.home {background:url(img/menu_top_1_on.gif) no-repeat top left;}
.homeactief {background:url(img/menu_top_1_on.gif) no-repeat top left;}
a:link.producten, a:visited.producten {background:url(img/menu_top_2.gif) no-repeat top left; display:block;}
a:hover.producten {background:url(img/menu_top_2_on.gif) no-repeat top left;}
.productenactief {background:url(img/menu_top_2_on.gif) no-repeat top left;}
a:link.referenties, a:visited.referenties {background:url(img/menu_top_3.gif) no-repeat top left; display:block;}
a:hover.referenties {background:url(img/menu_top_3_on.gif) no-repeat top left;}
.referentiesactief {background:url(img/menu_top_3_on.gif) no-repeat top left;}
a:link.nieuwsbrief, a:visited.nieuwsbrief {background:url(img/menu_top_4.gif) no-repeat top left; display:block;}
a:hover.nieuwsbrief {background:url(img/menu_top_4_on.gif) no-repeat top left;}
.nieuwsbriefactief {background:url(img/menu_top_4_on.gif) no-repeat top left;}
a:link.contact, a:visited.contact {background:url(img/menu_top_5.gif) no-repeat top left; display:block;}
a:hover.contact {background:url(img/menu_top_5_on.gif) no-repeat top left;}
.contactactief {background:url(img/menu_top_5_on.gif) no-repeat top left;}

/* contentwrapper */
#contentwrapper {float:left;clear:left; width:900px; padding:0; margin-top:20px;margin-bottom:30px;}

/* td's */
.prodmenutd {width:230px;display:block;}

/* menu links */
.nav {margin:0; padding:0;}
.nav ul {list-style:none; margin:0; padding:0; list-style-type:none;}
.nav ul li {float:left;}
.nav_contact  {font-size:0.7em;float:left; padding-left:0; padding-bottom:0;color:#707070;text-decoration:none;}
.nav_contact a  {color:#707070;text-decoration:none;}
.nav_contact a:hover {color:#1087bc;text-decoration:none;}

.nav_contact_marge {font-size:0.7em; padding:10px 20px 0 40px;}
.nav_contact_marge a:hover {color:#215386;}

.websiteby {font-size:0.6em;float:right; padding-left:0; padding-bottom:0;color:#a8a8a8;text-decoration:none;}
.websiteby a {color:#a8a8a8;text-decoration:none;}
.websiteby a:hover {color:#333;text-decoration:none;}


/* middenblok */
#content {text-align:left; padding:0;float:left;width:100%;}
.columnbeeld_left {float:left;width:320px;font-size:0.7em; margin:0 25px 20px 0;}
/* .columntext_right {font-size:0.7em;padding:0;margin:0;} */
.columntext_right {font-size:0.7em;padding:0;margin:0;width:320px;float:right;}
.columntext_right p {margin-top:0;padding-top:0;}

.columnbeeld_right {float:right;width:320px;font-size:0.7em; margin:0 0px 20px 25px;}
.columntext_left {font-size:0.7em;width:320px;}

/* blokjes rechts */
#blokken {padding:0px;width:670px;}
.block {width:210px; height:180px; background:url(img/bground.png) no-repeat center top; color:#fff; text-align:left; }
.block_left {width:210px; height:180px; background:url(img/bground.png) no-repeat left top; color:#fff; text-align:left; behavior: url(iepngfix.htc)}
.block_middle {width:250px; height:180px; background:url(img/bground.png) no-repeat right top; color:#fff; text-align:left;behavior: url(iepngfix.htc)}
.block_right {width:210px; height:180px; background:url(img/bground.png) no-repeat right top; color:#fff; text-align:left;}
.block_right_blow {width:210px; height:180px; background:url(img/bground_blow.gif) no-repeat right top; color:#fff; text-align:left;}

.blockpic {width:250px; height:180px;text-align:left;padding:0;margin:0;}
.block_left_pic {width:210px; height:180px; text-align:left; behavior: url(iepngfix.htc)}

.innerblock {margin:0;padding:0;width:210px;}
.innerblock_rightz {margin:0;padding:0;width:195px;float:right;}
.innerblock_right {margin:0;padding:0;width:195px;padding-left:15px;}

.innerblock_wide {margin:0;padding:0;width:250px;}
.innerblock a , .innerblock_wide a , .innerblock_right a {text-decoration:none;color:#fff;}
.innerblock a:hover , .innerblock_wide a:hover , .innerblock_right a:hover {text-decoration:none;color:#833e00;}
.innerblock.blauw a:hover , .innerblock_wide.blauw a:hover {text-decoration:none;color:#0b5b7f;}

#planningtable {width:200px; font-size:11px;margin-left:13px;line-height:9px;margin-top:10px; color:#fff;}

.block_left p {font-size:0.7em; padding:0 30px 20px 15px;}
.block_middle p {font-size:0.7em; padding:0 30px 20px 15px;}
.block_right p {font-size:0.7em;padding:0 20px 20px 15px;}
.block_right_blow p {font-size:0.7em;padding:0 15px 20px 30px;}
#blokken h4 { font-size:3em; padding:12px 12px 0;}
.block_left h4 { font-size:0.8em;font-weight:normal;margin:0; padding:12px 12px 5px;}
.block_right h4 { font-size:0.8em;font-weight:normal; padding:12px 12px 5px;margin:0;}
.block_right_blow h4 { font-size:0.8em;font-weight:normal; padding:10px 15px 10px 30px;margin:0;}
.block_middle h4 { font-size:0.8em;font-weight:normal;margin:0; padding:12px 12px 10px;}


.focus {width:320px;height:77px; margin-top:20px; background:url(img/focus.gif) no-repeat;}
.focus p {padding:20px; color:#006c96;margin:0;}

.logo10jarigbestaan {margin-top:20px;}

/* spreiding */
#spreiding {position:absolute; z-index:30; width:670px;height:300px;top:150;left:230;display:none;background-color:#fff;}
#spreidingbutton_hide {cursor:pointer;position:absolute; right:10px; margin:10px;color:#f87d29; border:1px solid #f87d29;display:block; font:12px/10px Arial, Helvetica, Geneva, sans-serif; padding:2px 3px;}
#spreidingbutton_hide:hover {cursor:pointer;color:#f83a19; background-color:#fff;border:1px solid #f83a19;display:block;}
/* #spreidingbutton {cursor:pointer;position:absolute;top:329px; left:578px;} */
#spreidingbutton {cursor:pointer;}

.kotspreiding {color:#000;}
.kotspreiding h4 {color:#000;margin-bottom:5px;font-size:110%;}

/* technische vereisten */
#technisch {position:absolute; z-index:31; width:670px;height:450px;top:150;left:230;display:none;background-color:#fff;}
#technisch_webpad {position:absolute; z-index:31; width:670px;height:300px;top:150;left:230;display:none;background-color:#fff;}

#technischbutton_hide {cursor:pointer;position:absolute; right:10px; margin:10px;color:#f87d29; border:1px solid #f87d29;display:block; font:12px/10px Arial, Helvetica, Geneva, sans-serif; padding:2px 3px;}
#technischbutton_hide:hover {cursor:pointer;color:#f83a19; background-color:#fff;border:1px solid #f83a19;display:block;}
#technischbutton {cursor:pointer;}


/* planning */
.planningmaand {}
.planningdatum {float:right;}
.vakantie {color:#f7ff00;}

#contactform td {font-size:11px;}
#contactform textarea {width:320px;}

.nieuwsbriefPDF {position:absolute;top:379px;}


#footer {width:670px; height:17px;  text-align:left; vertical-align:text-top;}

.clearDIV {clear:both;}


.help {float:left; margin:20px 0px 0px 20px; width:250px; color:#fff; padding:0;}
.rtop, .rbottom{display:block; }
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden; background-color:#0094cb;}
.r1{margin:0 5px;}
.r2{margin:0 3px }
.r3{margin:0 2px;}
.r4{margin:0 1px; height:2px;}
.helptekst {background-color:#0094cb; padding:10px;}
.helptekst H4 {margin:0px 0px 1em 0px; padding:0px 0px 2px 0px; color:#a8a8a8; font-size:1.3em; font-weight:normal; }	
.helptekst P {margin:0px 0px 0px 0px; padding:0px 0px 4px 0px; font-size:10px;}	
.helptekst a {color:#ff7e00; text-decoration:none;}
.helptekst a:hover {color:#ff7e00; text-decoration:underline;}

.important {color:#ff2100;}

/* tootip */
div.tooltip {width:200px; color:#fff; text-align:center; z-index:200;}
div.tooltip h4 {color:#fff; font-weight:bold; text-shadow:2px 2px 1px #222; margin:0; padding:13px 10px 5px;
background: url(img/balloon.png) top left no-repeat !important; background: url(img/balloon.gif) top left no-repeat; font-size: 11px;}
div.tooltip p {font-weight:bold; margin:0; padding:0 10px 15px; text-shadow:2px 2px 1px #222;
background: url(img/balloon.png) bottom left no-repeat !important;background: url(img/balloon.gif) bottom left no-repeat; font-size: 10px;}
/* @end */

.nopointer {cursor:default;}

#taaalen {width:200px; height:22px; float:left; position:absolute; left:20px;top:78px;z-index:64; color:#c1c1c1; font-size:10px;}
#taaalen a:link {font-size:10px; text-decoration:none;}
#taaalen a:hover {color:#fff; text-decoration:none;}
#taaalen .actief {color:#fff;text-decoration:none;}
#taaalen .nonactief {color:#c1c1c1;text-decoration:none;}

#confirmed {display:none;}