body {
font-family:Arial, Helvetica, sans-serif;
background:none;
}

html { 
height: 100%;
background:#333;
}

*{
margin: 0px;
padding: 0px;
}

p {
color: #000;
margin-bottom: 10px;
line-height:18px;
}

h2  {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}

p.buttonheading {
margin: 0px;
padding: 0px;
}

a, a:visited{
color:#000;
outline: none;
}

.content a, .content a:visited {
color: #000;
text-decoration:underline;
}

.container {
position: absolute;
top: 50%;
left: 50%;
margin: -285px auto auto -485px;
width: 970px;
height: 552px;
border: 0px solid red;
}

.submenu {
margin: 0px auto auto 8px;
width: 145px;
height: 150px;
border: 0px solid orange;
float:left;
}

.sub_header {
float:left;
width: 145px;
height: 125px;
margin-left: 5px;
border: 0px solid yellow;
}

.submenu ul.menu li, .submenu ul.menu li a  {
text-align:center;
font-size:12px;
color: #fff;
text-decoration:none;
vertical-align:middle;
width: 150px;
line-height:17px;
font-weight: bold;
display:block;
}

.submenu ul.menu li#current.active a, .submenu ul.menu li a:hover {
color: #ba6707;
text-decoration:none;
}

.user1 {
margin: 10px auto auto 37px;
width: 180px;
height: 180px;
border: 0px solid purple;
float:left;
}

.content {
font-size: 11px;
margin: 15px auto auto 5px;
width: 485px;
height: 315px;
border: 0px solid pink;
float:left;
padding: 5px;
overflow-y: auto;
overflow-x: none;
text-align: left;
}

#page {
border: 0px solid red;
width: 280px;
float:left;
padding-right: 20px;
line-height:20px;
}

#page li {
margin-left: 20px;
}

#page a {
color: #000;
}


.context {
width: 160px;
border: 0px solid blue;
float:left;
}

.tijdstip, .locatie, .datum {
padding-top: 5px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.thebox, .plattegrond, .schema, .link {
padding-top: 5px;
float: left;
}

.section {
width: 370px;
height: 25px;
border: 0px solid brown;
float:left;
}

.inputbox {
background: none;
border: 0px;
}

.clr_l {
clear:left;
}
.clr_r {
clear:right;
}

ul.menu{
list-style: none;
position:absolute;
}

a.pathway{
font-size: 20px;
text-decoration: none;
color: #fff;
}

a.pathway2 {
font-size: 14px;
font-weight:normal;
text-decoration: none;
color: #fff;
}

.artikelfoto IMG {
border: 1px solid #ccc;
}

.artikelfoto {
padding-top: 5px;
}

img {
border: 0px;
}

span.breadcrumbs.pathway {
font-size: 18px;
color: #fff;
font-weight:bold;
}

#preview {
width: 320px;
height:240px;
}


fieldset { 
border: 0px;
padding-bottom: 5px;
}

#search_searchword,  #ordering  {
background:  #FFFFCC;
border:1px solid #ccc;
}

/* alles voor easybook */ 
#easybook form .inputbox {
border:1px solid #ccc;
}

#easybook li, #easybook li a  {
display: inline;
padding-left: 5px;
color: #000;
margin-bottom: 0px;
}

#easybook a {
color: #000;
}

/* einde easybook */

/* voor the box */

.player-column {
border: 0px solid red;
float:left;
width: 340px;
height: 310px;
}

.title {
font-size:20px;
}

#preview {
float:left;
border:0px solid green;
height: 258px;
}

.opmerking {
clear:left;
margin-top: 5px;
height: 48px;
width: 335px;
font-size:11px;
color:#000;
overflow:auto;
padding: 2px;
border: 1px solid #ccc;
}

#category-select {
border: 0px solid red;
float:left;
}

#category-select .inputbox {
background: #fff;
width: 130px;
border:1px solid #ccc;
}

#category-items {
border: 1px solid #ccc;
float:left;
height: 290px;
width: 125px;
background: #fff;
}

#category-items a {
display:block;
float:left;
margin: 2px;
padding:2px;
width: 117px;
border-botttom: 1px solid #000;
line-height: 10px;
text-decoration: none;
text-align:left;
}

a.item:hover    {
display:block;
text-decoration:underline;
}

#category-items a:hover {
background: #ccc;
}

#selectie {
float:left;
width: 132px;
border: 0px solid blue;
}

/*  voor de box selectie */ 
#category-items .item_active  {
color: #ffffff;
}

/* einde box */

table.onstage {
border: 0px solid red;
}

table.onstage td {
padding: 3px;
}

table.onstage tr {
vertical-align:text-top;
line-height:12px;
font-size: 11px;
padding: 4px;
}


.article_column {
float:left;
width: 450px;
border-bottom: 1px solid #fff;
padding-bottom:5px;
}

.article_column img  {
border: 1px solid #f0f0f0;
padding: 5px;
float:right;
}

.bottom {
float:left;
border: 0px solid red;
height: 15px;
width: 100%;
background:#333;
}

.bottom p {
color: #666666;
font-size:10px;
margin: 0 30px 0 40px;
}

.bottom a {
color: #666;
text-decoration:none;
}