/* Opera problems, it shows an unwanted 8px margin -> set margins and paddings for ALL elements to 0*/
*{margin:0;padding:0;}

body {
    background-color: #DAF2DF;
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=bg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center; /* center elements in IE5.5/Win */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

.clearboth {
    clear: both;
}




#contenthome {
    background-color: white;
    width: 387px;
    padding: 27px 17px 27px 27px;
    margin-left: 150px;
}

/* fix IE/Win 3 pixel bug */
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #container div#nav {
  margin-right: -3px;
  }
 
* html #container #contenthome {
  height: 1%;
  margin-left: 0px;
  }
 
/* End hide from IE5/mac */

/* rightpane */

#rightpane {
    background-color: white;
    width: 150px;
    position: absolute;
    left: 581px;
    top: 155px;
    padding: 10px;
    margin-top: -16px;
}

#rightpane #memberbox {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=bg.memberbox);
    background-repeat: repeat-y;
    width: 150px;
    padding-top: 22px;
}

#rightpane #memberbox form {
    margin: -4px 0px 4px 20px;
}

#rightpane #memberbox input{
    width: 108px;
    border: solid 1px #004A94;
    font-size: 12px;
    margin: 3px 0px 3px 0px;
}

#rightpane #memberbox a {
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
}

#rightpane #memberbox form a {
    width: 35px;
    height: 29px;
    margin-left: -3px;
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=but.memberbox.ok.1);
}

#rightpane #memberbox form a:hover {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=but.memberbox.ok.2);
}

















/* general layout */

a:link {color: #008C18;}
a:visited {color: #008C18;}
a:hover {color: #00429C;}
a:active {color: #008C18;}

hr {
    color: #BFD2E4;
    background-color: #BFD2E4;
    height: 0px;
    border-top: 1px solid #BFD2E4;
    border-left: 0px;
}

.title {
    font-size: 14px;
    font-weight: bold;
    color: #008C18;
}

.subtitle {
    font-weight: bold;
    color: #00429C;
}

.caption {
    font-size: 9px;
}

.quote {
    font-style: italic;
}

a.goon {
    display: block;
    width: 21px;
    height: 18px;
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=but.goon.1);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 6px;
}

a.goon:hover {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=but.goon.2);
}

a.goonfornews {
    display: block;
    width: 21px;
    height: 18px;
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=but.goon.1);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 6px;
    margin-left: 110px; /* = imagewidth + marginright of image NEWS */
}

a.goonfornews:hover {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=but.goon.2);
}

/* common table */

.commontable {
    background-color: #DAF2DF;
}

.commontable th,td {
    text-align: left;
    padding: 3px 10px 3px 10px;
    border-right: solid 1px white;
    vertical-align: top;
}

.commontable td {
    font-size: 10px;
    color: black;
}

.commontable thead th {
    border-bottom: solid 1px white;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #00429C;
}

.commontable .date {
    width: 46px;
}

.commontable .odd {
    background-color: #E6F8EA;
}

.commontable .active {
    color: #008C18;
    font-weight: bold;
}

.commontable .inactive {
    color: #CCCCCC;
}

.commontable thead th a:link {color: #00429C; text-decoration: none;}
.commontable thead th a:visited {color: #00429C; text-decoration: none;}
.commontable thead th a:hover {color: #00429C; text-decoration: underline;}
.commontable thead th a:active {color: #00429C; text-decoration: none;}

.commontable td a:link {color: #000000; text-decoration: none;}
.commontable td a:visited {color: #000000; text-decoration: none;}
.commontable td a:hover {color: #000000; text-decoration: underline;}
.commontable td a:active {color: #000000; text-decoration: none;}

/* block with link: special kind of div containing an image, text and a link. Frequently used in this site*/
.blockwithlink {
width: 100%;
}

.blockwithlink .imgbwl {
margin-right: 10px;
float:left;
}

.blockwithlink .linkbwl a {
    display: block;
    width: 112px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: left top;
}

/* news */

.newstitle {
    font-weight: bold;
    color: #00429C
}

.newstitle a:link {color: #00429C;}
.newstitle a:visited {color: #00429C;}
.newstitle a:hover {color: #008C18;}
.newstitle a:active {color: #00429C;}

.newsimg {
    margin-right: 10px;
    float: left;
}

/* container */ 

#container {
    width: 751px;
    margin: auto; /*center container*/
    text-align: left; /* override text-align: center from body*/
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=bg.container);
    position: relative;
    border-bottom: solid 1px white; /* fix show background in Mozilla */
}

/* header */

#header{
    background-color: white;
}

#headerimage {
    position: absolute;
    left: 283px;
    top: 36px;
}

/* button lang en */

#langen {
    position: absolute;
    left: 719px;
    top: 76px;
    width: 18px;
    height: 25px;
}

div#langen a {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=lang.en.1);
    position: absolute;
}

div#langen a:hover {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=lang.en.2);
}

/* button lang fr */

#langfr {
    position: absolute;
    left: 737px;
    top: 64px;
    width: 20px;
    height: 23px;
}

div#langfr a {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=lang.fr.1);
    position: absolute;
}

div#langfr a:hover {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=lang.fr.2);
}

/* button lang de */

#langde {
    position: absolute;
    left: 737px;
    top: 87px;
    width: 20px;
    height: 23px;
}

div#langde a {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=lang.de.1);
    position: absolute;
}

div#langde a:hover {
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=lang.de.2);
}

/* breadcrumb */

#breadcrumb {
    font-size: 9px;
    color: #004294;
    position: absolute;
    left: 294px;
    top: 142px;
    z-index: 101;
}

#breadcrumb a:link {
    color: #004294;
}

#breadcrumb a:visited {
    color: #004294;
}

#breadcrumb a:hover {
    color: #008C18;
}

#breadcrumb .breadcrumbstar {
    vertical-align: -3px;
}

/* navigation */

div#nav {
    width: 150px;
    background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?cache=true&sns=websites.confsfe.design.img&ons=bg.nav);
    background-repeat: repeat-y;
    float: left;
}

div#nav ul {
    list-style: none;   
    margin: 0px;
    padding: 0px;
}

div#nav li {
    position: relative;
}

div#nav a { 
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    height: 27px;
}

* html #container div#nav li { 
   margin-top:-2px; 
}
     
div#nav a:hover {   
    background-repeat: no-repeat;
    background-position: left top;
}

div#nav #activebutton {
    height:27px
}

div#nav #boogjeboven {
    position: absolute;
    top: -12px;
    left: 140px;
}

div#nav #boogjeonder {
    position: absolute;
    top: 27px;
    left: 140px;
    z-index: 1000;
}

div#nav .fixsubmenu {
    height: 27px;
}

/* content */

#content {
    background-color: white;
    width: 547px;
    float: right;
    padding: 27px;
}

/* footer */

#footer {
    border-top: solid 1px white;
}

#footer #footertext {
    width: 731px;
    margin: auto;
    background-color: #F5F9F8;
    text-align: right;
    font-size: 9px;
    color: #006D5B;
    padding: 10px;
}

#footer a:link {
    color: #006D5B;
}

#footer a:visited {
    color: #006D5B;
}

#footer a:hover {
    color: #004294;
}




/* contactform */

#contactform .rightcolomn {
    position: absolute;
    left: 250px;
}

#contactform p {
    height: 25px;
}