/* Classes and styles */

html { overflow-y: scroll; }
html, body {margin:0px;padding:0 0 0 0;background-color: #fff; background-image:url(../images/bg.jpg); background-position:center top;background-repeat: repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}
#pagecontainer {margin:0px auto;width:980px;background-color:#fff;position:relative;}
.clear { margin: 0px; padding: 0px; clear: both; display: block; height: 1px; overflow: hidden;}

/* HEADER */
#header { width:980px;height:69px; background-color:#007BC6;float:left;z-index:1;}
#logo {width:980px;height:40px; margin:25px 0 0 0; border-top:2px solid #fff; border-bottom:2px solid #fff; background-color:#BBB2A3; float:left;z-index:1;}
#menu-wrapper {width:980px;height:20px; background-color:#6B634A; float:left;z-index:1;}

/* CARDS */
#tempbanner {width:180px;height:87px;position:absolute; text-align:center; padding:13px 0 0 0;background-color:#fff;top:360px;right:285px;z-index:6;}
#cards {width:230px;position:absolute;top:150px;right:45px;z-index:5;}
.card1 {float:left;z-index:1; background-image:url(../images/bt_card1.jpg);background-repeat:no-repeat;height:100px;width:85px;display:block; padding:5px 0 0 25px;  margin:0 10px 0 0; outline: none; color:#666;}
.card2 {float:left;z-index:1; background-image:url(../images/bt_card7.jpg); background-repeat:no-repeat; height:100px; width:85px; display:block;padding:5px 0 0 25px;  outline: none; color:#666;}
.card3 {float:left;z-index:1; background-image:url(../images/bt_card-jubileum.jpg); background-repeat:no-repeat; height:100px; width:85px; display:block;padding:5px 0 0 25px; margin:0 10px 0 0; outline: none; color:#666;}
.card4 {float:left;z-index:1; background-image:url(../images/bt_card4.jpg); background-repeat:no-repeat; height:100px; width:85px; display:block;padding:5px 0 0 25px;  outline: none; color:#666;}
.card5 {float:left;z-index:1; background-image:url(../images/bt_card8.jpg); background-repeat:no-repeat; height:100px; width:85px; display:block;padding:5px 0 0 25px;  margin:0 10px 0 0; outline: none; color:#666;}
.card6 {float:left;z-index:1; background-image:url(../images/bt_card6.jpg); background-repeat:no-repeat; height:100px; width:85px; display:block;padding:5px 0 0 25px; outline: none; color:#666;}

/* FLASH */
#mainimage-index {width:980px;height:430px;font-size:11px;margin:22px 0 0 0;background-color:#eee; background-image:url(../images/img_intro1.jpg);float:left;z-index:1;}
#flash-index {width:980px;height:430px;float:left;z-index:1;}
#mainimage-vervolg {width:980px;height:230px;font-size:11px;margin:22px 0 0 0;background-color:#ccc;float:left;z-index:1;}
#movie {margin:0 0 0 0; text-align:center;}

/* CONTENT */
#contentwrapper {width:978px;background-color:#fff;margin:10px 0 0 0;border:1px solid #D9EAFF;float:left;z-index:1;}
#contentleft {margin:0 0 0 15px; padding: 0 10px 0 0; width:675px;border-right:1px solid #eee; font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:1.5; color:#000; float:left;z-index:1;}
#contentright {width:200px;float:left;z-index:1;}

/* FOOTER */
#footer {width:980px;margin:15px 0 0 0; float:left;z-index:1;border:1px solid #D9EAFF;}
.footerkolom {float:left;width:308px; margin:0 25px 0 0;min-height:155px; _height: 155px;}
.footerkolom2 {float:left;width:308px; margin:0;min-height:155px; _height: 155px;}
.footerkolom_inline {width:298px;margin:5px 5px 5px 5px;;float:left;z-index:1;}
.footerkolom h4, .footerkolom h4 a {margin: 0px;padding: 0px;font-size: 22px;color: #007BC6;}
.footerkolom h6 {margin: 0px;padding: 0px;margin-bottom: 15px;font-size: 11px;color: #333;}
.footerkolom h6 a {font-size: 11px;color: #333;}
.footerkolom a {display: block;	color: #000;font-weight:1.5;font-size: 12px;}
.footerkolom a:hover {color: #000000;text-decoration: none;}
.footerlink {color: #007BC6;font-size:12px; font-weight:bold;}
.footerkolom a:hover .footerlink {text-decoration: none; color: #000;}
#footertekst {font-size:12px;line-height:20px;padding:10px 0 0 5px;color: #aaa;font-weight:bold;}
#footertekst a {color: #007BC6;}
#footertekst a:hover {color: #000;text-decoration: none;}

/* Heading */
h1 {color:#000;font-size:30px; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}
h2 {color:#000;font-size: 24px; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}
h3 {color:#000;font-size: 22px; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}
h4 {color:#000;font-size: 18px; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}
h5 {color:#000;font-size: 14px; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}
h6 {color:#000;font-size: 12px; font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}

a {color:#007BC6;text-decoration: none;}
a:hover {color:#000;text-decoration: none;}
