
#content a{color:#B01116}
body{
            background-color: #E4E4E4;
            background-image: url('/CMSDATA/templates/-Template3/images/bckgrnd-het-teg.png');
            background-repeat: repeat-x;
            background-position: center top;
            color: black;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
			font-size: 12px;
            line-height: 22px;
            margin: 0px;
}

#container {
    height: 100%;
    margin: 0px auto 0;
    position: relative;
    width: 1150px;
    background-color: #fff;
}

#logo{
            float: left;
            margin: 0px;
            height: 133px;
}
#logo img{
    border: 0 none;
    margin: 0;
    padding: 0;
}

#header{
            float: right;
            margin: 0px;
            height: 133px;
}
#header img{
    border: 0 none;
    margin: 0;
    padding: 0;
}
#menu li a.selectedcursus.selectedcursus
{font-weight: bold;
}

.content{
	-moz-transition-duration: 0.5s;
    border: 1px solid #DDDDDD;
    background: none repeat scroll 0 0 #FFFFFF;
    color:black;
    float: left;
    margin: 27px 27px 13.5px;
    padding: 0 10px;
    width: 1073px;
}

.content:hover{
    background: none repeat scroll 0 0 #f2f2f3;
}

#wiewezijn, #inloggenhome, #bijeenkomstsponsers, #reclame, #nieuweleden, #special, #onzeleden {
    border: 1px solid #DDDDDD;
    -moz-transition-duration: 0.5s;
    background: none repeat scroll 0 0 #FFFFFF;
    color: black;
    float: left;
    margin: 13.5px 27px;
    padding: 0 10px;
}

#wiewezijn:hover, #inloggenhome:hover, #bijeenkomstsponsers:hover, #reclame:hover, #nieuweleden:hover, #special:hover, #onzeleden:hover {
    background: none repeat scroll 0 0 #f2f2f3;
}


#wiewezijn, #bijeenkomstsponsers {
    width: 720px;

}

/*Regel 80 t/m 98 is de hover menu code die ZEKER nog aangepast moet worden aangezien
dit niet schaalt. Als je een 2e diepe menu hebt, heb je gelijk een probleem
Dit was snel hackwerk, dus moet nog gefixed worden. Schuld geven kan aan Thiago*/
li.foldcursus ul.subcursus {
    display: none;
}

li.foldcursus:hover ul.subcursus {
    display: block;
    position: absolute;
    width: 244px;
    left: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0 !important;
    text-align: left;
    z-index: 300;
    opacity: 1;
    -moz-box-shadow: 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.4);
    box-shadow: 5px 5px rgba(0,0,0,0.4);
    background-color: #B01116;
}.topcursus, .foldcursus {
    display: inline;
    position: relative;
}

ul.subcursus {
    position: absolute;
    width: 244px;
    left: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0 !important;
    text-align: left;
    z-index: 300;
    opacity: 1;
    -moz-box-shadow: 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 5px 5px rgba(0,0,0,0.4);
    box-shadow: 5px 5px rgba(0,0,0,0.4);
    background-color: #B01116;
}

#displayblock {
    display: block;
}

#displaynone {
    display: none;
}

#inloggenhome, #reclame {
    width: 277px;
}

#nieuweleden, #special, #onzeleden {
    width: 307px;
}

#nieuweleden {
    clear: left;
}

#menu{      background-color: #b01116;
            clear:both;
            padding: 10px 0px 10px 0px;
            width:1150px;
            height: 22px;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 11px;
}

.menucursus {
    display: inline;
    width: 1111px;
}

.topcursus, .foldcursus {
    display: inline;
    position: relative;
}

.subcursus {
    display: none;
}

h1 {
    background: none repeat scroll 0 0 #9E000D;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 20px;
    padding: 5px;
}
h3 {
    color: #b01116;
}
#menu li a {
    color: white;
    font-size: 14px;
    font-weight: lighter;
    text-decoration: none;
    margin: 9px;
}

#footer {
    clear: both;
    position: relative;
}

#footer#is-Table {
    display: table; 
}

#is-Table #Table-Cell {
    display: table-cell
}
#Table-Cell #Center-Block {
    width: 50%;
    margin: 0 auto;
}
#Table-Cell #Center-Block a{
    color: rgb(176, 17, 22);
}

#Center-Block > img {
    margin-left: 135px;
}