/* debug 
div:hover, span:hover, p:hover, table:hover, ul:hover, li:hover{
 border: 1px dotted yellow;
}
*/

/* for IE */
html{
 overflow: hidden;
}

body {
    margin:0px;
    padding:0px;
    overflow:hidden;
    font-size:80%;
    font-family:Verdana,Helvetica,Arial,Verdana,sans-serif;
    font-size:80%;
    line-height:180%;
    background-color:#fff;
    color:#444;
    background-image:url(img/mss/bg_body.gif);
    background-repeat:repeat-x;
    background-color:#b4cce1;
}

h1 {
    font-size:130%;
    color:#222;
}
h2 {
    font-size:110%;
    color:#444;
}
h3 {
    font-size:105%;
    color:#033a6e;
    margin-bottom:-12px;
    border-top:1px solid #033a6e;
    padding-top:5px;
}

td,th {
    text-align:left;
    vertical-align:top;
}

img {
    border:0px;
}

div.rightnav {
    height: 30px;
    margin-top: 10px;
    position: relative;
}

div.rightnav a {
    text-decoration: none;
}

div.rightnav a img {
    left: 60%;
    position: absolute;
    top: -20px;
}

div.rightnav a span {
    background-color: #276ca8;
    color: white;
    padding: 0.5ex 6ex 0.5ex 1ex;
    vertical-align: 90%;
}

form {
	margin: 0;
	padding: 0;
}


#footerimagewrapper{
 position: absolute;
 bottom: -6px;
 left: 50%;
 height: 150px;
 width: 1100px;
 margin-left: -550px;
 background-repeat: no-repeat;
 z-index: -10;
}
#footerimage{
 width: 1100px;
 height: 150px;
 background-image:url(img/mss/footer2.gif);
 background-repeat: no-repeat;
 z-index: -10;
}


#topimagewrapper{
 position: relative;
 left: 50%;
 height: 255px;
 margin-left: -550px;
 background-image:url(img/mss/top2.gif);
 background-repeat: no-repeat;
 z-index: -10;
}
#topimage{
 width: 1100px;
 height: 255px;
 background-image:url(img/mss/top2.gif);
 background-repeat: no-repeat;
 z-index: -10;
}

#wrapper {
    background-image:url(img/mss/bg.gif);
    background-repeat:repeat-y;
    width:900px;
    height:1000px;
    position:relative;
    left:50%;
    margin-left:-450px;
    margin-top: -255px;
}


#content {
    position:absolute;
    left:186px;
    top:163px;
    width:610px;
    height:753px;
    overflow:scroll;
    z-index:500;
    padding:20px 20px 0px 33px;
}
.contentbox {
    width:425px;
}
.contentbox_markt {
    width:325px;
}

#covers {
    position:absolute;
    left:344px;
    top:0px;
}

/* hmm, @TODO positie net zoals in ontwerp*/
#homecontact{
 position: absolute;
 float: right;
 top: 70px;
 left: 390px;
 width: 94px;
}

#footer {
    position:absolute;
    background-image:url(img/mss/footer.gif);
    background-repeat:no-repeat;
    left:0px;
    top:856px;
    width:900px;
    height:145px;
    z-index:120;
}



/* MENU ---------------------------------------------------------------------------------- */

#menubar {
    position:absolute;
    left:310px;
    top:140px;
    z-index:750;
}

#menubar ul {
    background: blue;
    margin: 0em;
    padding: 0em;
    list-style: none;
}

#menubar li {
    float:left;
    padding-right:50px;
}

#menubar a {
    font-size:14px;
    font-weight:bold;
    color:#276ca8;
    cursor:pointer;
    text-decoration:none;
    display:block;
}
#menubar a:hover {
    color:red;
}
#menubar a.active {
    text-decoration:underline;
}

.menu {
    position:absolute;
    visibility:hidden;
    overflow:hidden;
    z-index:750;
    margin:0;
    padding:0px;
    background:#fff;
}

.menu ul {
    background: #276ca8;
    margin: 0em;
    padding: 0em;
    list-style: none;
    font-weight:bold;
}

.menu a:link, .menu a:visited, .menu a:active {	
    border:1px solid white;
    border-top:0px;
    margin:0px;
    padding:2px;
    background: #276ca8;
    width:200px;
    /* dit gaat fout als menuitem meerdere regels bevat: height:18px; */
    color: #ddd;
    display: block;
    line-height:18px;
    text-decoration: none;
    vertical-align:middle;
}

.menu a:hover {
    background: black;
    color: white;
    text-decoration: none;
}


/* SUBMENU ---------------------------------------------------------------------------------- */

#submenu {
    position:absolute;
    background-image:url(img/mss/face.jpg);
    background-repeat:no-repeat;
    width:136px;
    height:907px;
    left:50px;
top:93px;
    z-index:100;
}

#submenu ul {
    margin:0px;
    margin-left:0px;
margin-top:70px;
    padding:0px;
    list-style: none;
    overflow:hidden;
}
#submenu li{
    list-style-position: outside;
    margin-left: 0px;
    padding-left: 7px;
}
#submenu li.active{
    border-left: 5px solid brown;
    padding-left: 2px;
}
#submenu a {
    font-size:12px;
    color:white;
    cursor:pointer;
    text-decoration:none;
}
#submenu a:hover {
    color:red;
}
#submenu a.active {
    text-decoration:underline;
}

.error {
    color:red;
}

#marktimage {
    position:absolute;
    left:370px;
    top:0px;
    z-index:550;
}

div#thieme {
    height: 86px;
    left: 60px;
    position: absolute;
    top: -25px;
    width: 106px;
}

div#rightbannerdiv{
    position:absolute;
    right:30px;
    width:120px;
    top:16px;
}


div#marktimage div#rightbannerdiv{
    top:500px;
}
/* voor IE en MOZ */
div#bannerposcontainer div#rightbannerdiv{
    position:relative;
    right:0px; 
    margin-top:12px;
}
/* voor MOZ. verschil zit in right.  */
div#bannerposcontainer>div#rightbannerdiv{
    position:relative;
    right:-18px; 
    margin-top:12px;
}

.breadcrum {
    margin-top:-10px;
    margin-bottom:15px;
    border-bottom:2px dotted #adc6de;
}

.breadcrum a {
    text-decoration:none;
    color:#276ca8;
}