/**** BASICS ****/
img, { behavior: url("../css/iepngfix.htc") }

body {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 98%;
    position:relative;
	background-image: url(../image/back_wave.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#bg {
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    /**background: url(../image/back_repeat.jpg) repeat-y 0px 0px;*/
}

* html body {
    behavior: url("../javascript/csshover2.htc");
}

td {
	
	font-size: 11px;
}
a, a.hover, a:visited, a:link {
    text-decoration:none;
	color: #006cbf;
}
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

input {
    
    font-size: 12px;
	width: 150px;
	margin-bottom: 10px;
}
input.checkbox {
    border: none;
    width: 14px;
    height: 14px;
}
input.radio {
    border: none;
    width: 14px;
    height: 14px;
}
input.submit {
    
    font-size: 12px;
    background: transparent;
    height: 24px;
    width: 144px;
    margin-left: 92px;
}
textarea {
    
    font-size: 12px;
    height: 150px;
    width: 350px;
}
label {
    width: 75px;
    text-align: right;
    border: none;
    padding-right: 15px;
	float: left;
}

.clear{
    clear:both;
}


/*** PAGE LAYOUT ***/
#container {
    width:865px;
    margin:auto;
}

#header { 
    height:150px;
	background: url(../image/header.jpg) top left;
}

#menu {
    border-bottom:#bf9a15 3px solid;
	height: 20px;
	font-family: Garamond, "Times New Roman";
	font-size: 14px;
}

#menu ul {
    margin-top:5px;
    margin-bottom:5px;
}

ul.menu {
    list-style: none;
    position: relative;
}
#menu, ul.menu a, #menu ul.submenu a {
    color: #006cbf;
}
ul.menu li {
    display: inline;
    position: relative;
    font-weight: bold;
	height:17px;
	white-space: nowrap;
}
#menu ul.menu li.active, #menu ul.menu li.active a, #menu ul.submenu li.active, #menu ul.submenu li.active a  {
    color: #cc0007;
}
div.submenu {
    display: none;
    position: absolute;
    top: 15px;
    left: 0px;
}
ul.submenu {
    border: 1px solid #bf9a15;
    background-color: #ffffff;
    padding: 15px 5px 5px 5px;
    margin: 5px 0px 0px 0px;
}
ul.submenu li {
    display: block;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

ul.submenu li.inactive a {
    color:#006CBF !important;
}

#content {
    
}

#left {
    padding:10px;
    float:left;
    width:180px;
}

#center {
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
    width:425px;
}

#right {
    padding:10px;
    width:180px;
    float:left;
}

.box {
    background: url(../image/60.png) repeat;
    padding:10px;
    margin-bottom:20px;
}


/**** MENU ****/





/**** NEWS ****/






/**** CELLS ****/
span.cellheader {
    display:block;
    border: 0px;
    border-bottom: 1px solid #999999;
    background-color:#333333;
    height: 20px;
    color: #ffffff;
    padding-left: 3px;
}

span.celltracker {
    display:block;
    border: 0px;
    border-bottom: 1px solid #999999;
    background-color: green;
    height: 20px;
    color: #ffffff;
    padding-left: 3px;
}

span.cellcontent {
    display:block;
    height: 100px;
    padding: 10px 0px 0px 5px;
}





/**** CONTENT ****/
h1, table.deelnemerslijst caption {
    font-family:Garamond,"Times New Roman";
    color:#006CBF;
    font-size: 14px;
    
    font-weight: bold;
}
h2 {
    font-family:Garamond,"Times New Roman";
    color:#006CBF;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 5px 0;
}
div.content_element table {
    border-collapse: collapse !important;
    }
div.content_element {
    background-color:white;
    padding:10px;
    margin-bottom: 20px;
}
div.content_element table td {
    height: 20px;
	padding: 1px 3px 1px 3px;
    border:1px solid !important;
}
div.image_css2 {
    /* small left */
    margin-bottom: 20px;
}
div.image_css3 {
    /* small right */
    margin-bottom: 20px;
    text-align: right;
}
div.image_css0, div.image_css1 {
    /* large center, small center */
    margin-bottom: 20px;
    text-align: center;
}

div.image_css4 {
    /* small left text */
    float: left;
    margin: 0px 10px 10px 0px;
}
div.image_css5 {
    /* small right text */
    float: right;
    margin: 0px 0px 10px 10px;
}    

table.deelnemerslijst {
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: black;
}
table.deelnemerslijst caption {
    text-align: left;
}

table.deelnemerslijst th {
    text-align: left;
    vertical-align: bottom;
}

table.deelnemerslijst td {
    text-align: left;
    vertical-align: top;
}

table.deelnemerslijst tr.odd {
    background-color: #bad1e8;
}

table.deelnemerslijst tr:hover {
    background-color: #e8e8e8;
}

table.deelnemerslijst tr.odd:hover {
    background-color: #e8baba;
}