body{
margin: 0;
padding-top: 25px;
text-align: center;
background: #000;
}


a{
text-decoration: none;
}

#infopanel p{
font: arial;
color: #fff;
font-size: 14px;
font-weight: 100;
}

#infopanel td{
font: arial;
color: #fff;
font-size: 14px;
font-weight: 100;
}

#infopanel a{
font: arial;
color: #fff;
font-size: 14px;
font-weight: 100;
}

#infopanel h3{
font: calibri;
color: #fff;
font-weight: bold;
font-size: 16px;
margin: 0 0 12px 0;
}

#infopanel span{
font-family: arial;
color: #fff;
font-size: 12px;
}


#container{
width: 1000px;
height: 750px;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
background: #FFFFFF;
border: 0px solid #bbd84a;
}

#header{
width: 1000px;
height: 97px;
margin: 0;
text-align: left;
background: #99cc33 url(images/header_background.jpg) repeat-x top;
padding: 0;
}

#logo{
position: relative;
top: 4px;
left: 10px;
}

#logotext{
position: relative;
top: 0;
left: 5px;
}


#content{
width: 1000px;
height: 589px;
margin: 0;
text-align: left;
background: #CCC url(images/body_background.jpg) repeat-x top;
padding-top: 34px;
}


#infopanel{
width: 936px;
height: 510px;
margin: 0 auto 0 auto;
}

#panelbody{
width: 936px;
height: 496px;
margin: 0;
background: #2c2c2c;
padding: 0;
}

#paneltop{
width: 936px;
height: 7px;
background: url(images/panel_top.png) no-repeat top;
}

#panelbottom{
width: 936px;
height: 7px;
background: url(images/panel_bottom.png) no-repeat top;
}

#menubar{
width: 1000px;
height: 30px;
margin: 0;
background: #00FF00 url(images/menu_background.jpg) repeat-x top;
}

.button1{
height: 30px;
width: 118px;
background: #00FF00 url(images/button.jpg) repeat-x;
background-position: top;
float: left;
}

.button2{
height: 30px;
width: 118px;
background: #00FF00 url(images/button.jpg) repeat-x;
background-position: bottom;
float: left;
}

.button1 p{
margin: 5px 0 0 0;
font-size: 15px;
color: #fff;
text-align: center;
font-weight: bold;
font-family: arial;
}

.button2 p{
margin: 8px 0 0 0;
font-size: 15px;
color: #fff;
text-align: center;
font-weight: bold;
font-family: arial;
}


.menudivider{
width: 2px;
height: 30px;
margin: 0;
padding: 0;
background: #222 url(images/menu_divider.jpg) no-repeat top;
float: left;
}

.menuspacer{
width: 15px;
height: 30px;
margin: 0;
padding: 0;
background: #aadd44 url(images/menu_background.jpg) repeat-x top;
float: left;
}

#vertdivider{
width: 2px;
height: 496px;
position: relative;
margin: auto 0 auto 0;
padding: 0;
float: left;
background: url(images/vert_divider.png) no-repeat top;
}

#TLtext{
margin: 0 0 25px 0;
width: 410px;
max-width: 410px;
height: 230px; #deze gaan we aanpassen om meer text weer te kunnen geven
padding: 0;
border: 0px solid #FFF;
float: left;
word-wrap: break-word;
}

#BLtext{
margin: 0;
width: 410px;
max-width: 410px;
height: 215px;
padding: 0;
border: 0px solid #FFF;
float: left;
#overflow: hidden;
word-wrap: break-word;
}

#Ltext{
margin: 10px 24px 12px 24px;
width: 410px;
max-width: 410px;
height: 470px;
max-height: 470px;
padding: 0;
border: 0px solid #00FF00;
float: left;
overflow: hidden;
}

#TRtext{
margin: 10px 24px 12px 24px;
width: 420px;
max-width: 420px;
height: 470px;
max-height: 470px;
padding: 0;
border: 0px solid #FF0000;
float: left;
overflow: hidden;
word-wrap: break-word;
}