body {margin: 0; padding: 0; background-image: url(images/background_tile.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; width: 100%; height: 100%;}
html {
	width: 100%; height: 100%;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #f9f9f9;
	scrollbar-track-color: #000000;
	scrollbar-shadow-color: #f9f9f9;
	scrollbar-lightshadow-color:#000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #f9f9f9;
	scrollbar-3dlight-color:#000000;
}
#uberholder {position: absolute; width: 750px; left: 50%; margin: 5px 0 0 -375px; padding: 0; text-align: left;}
#headerMain {width: 750px; height: 323px; background-image:     url(images/header.png);}
#headerMain h1 {text-align: left; color: #91c3c4; font-size: 12px; font-weight: bold; padding: 280px 0 0 20px; margin:0; test;}
#menu {width: 750px; height:36px; background-image:     url(images/menu.png); display: block; overflow: hidden;}
#menuHolder {font-size: 10px; font-weight: bold; float: left; height: 38px;}
#menuItems {margin: 5px 0 0 20px; float: none;}
#statusHolder {font-size: 10px; font-weight: bold; color: #bebf21; float: right; height: 40px;}
#status {margin: 5px 10px 0 0; float: none}
#status p {margin: 0;}
#main {width: 750px; background-image:     url(images/background.png); padding: 0; margin: 0;}
#clear {clear: both; height: 1px; overflow: hidden; margin: 0;}
#bottom {width: 750px; height: 80px; background-image:     url(images/footer.png);}
#footer {width: 750px; text-align: center; font-size: 9px; color: #91c3c4;}
#footer a {color: #91c3c4;}

/* styling standards */
a:link {color: #91c3c4;}
a:active {color: #91c3c4;}
a:visited {color:  #91c3c4;}
a:hover {color: #f9f9f9;}
a img {border: none; margin: 0; padding: 0;}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0; list-style-type: none;}
form {margin: 0;}
form .button {color: #fff; padding: 0 5px 0 5px; background-color: #143164; font-size: 9px; font-weight: bold; margin: 5px; border: 2px outset #f00;}
form select {font-size: 9px; margin: 5px 0 5px 5px;}

/* menu links */
#menu a {margin-right: 12px;}
#menu a:link{color:  #91c3c4; text-decoration: none;}
#menu a:active{color: #91c3c4; text-decoration: none;}
#menu a:visited{color: #91c3c4; text-decoration: none;}
#menu a:hover{color: #f9f9f9; border-bottom: 1px dotted #f9f9f9;}
#menu #statusHolder #status .name a {margin-right: 0;}

/* left content */
#mainFrame {color: #000000; background-image:    url(images/background.png); background-position: -10px 0; padding: 0; margin: 0; width: 100%; height: 100%; display: block;}
#mainFrame p {margin: 0 0 0 5px; padding: 0;}
#mainFrame .votes {color: #f9f9f9;}
#leftContent {width: 150px; margin: 5px 0 0 10px; color: #f9f9f9; float: left; padding: 0; display: inline; font-size: 11px; overflow: hidden;}
#leftContent h2 {width: 140px; height: 30px; display: block; margin: 0 0 0px 10px; padding: 0; font-size: 11px;}
#leftContent h2 span {display: none;}
#leftContent h3 {margin: 5px 0 5px 5px; padding: 0; font-size: 11px; font-weight: bold;}
#leftContent #aankondigingen {background-image:    url(images/button.png);}
#leftContent .date {color: #f9f9f9;}
#leftContent #vrienden {background-image:    url(images/button.png);}
#leftContent #fotos {background-image:     url(images/button.png);}
#leftContent #stemopmij {background-image:    url(images/button.png);}
#leftContent #poll {background-image:     url(images/button.png);}
#leftContent #vriendenboek {background-image:    url(images/button.png);}
#leftContent #spelletjes {background-image:    url(images/button.png);}
#leftContent #muziek {background-image:    url(images/button.png);}
#leftContent p {margin: 5px 5px 5px 5px; width: 145px; overflow: hidden;}
#content {width: 530px; margin: 0 0 0 165px; color: #000;}

/* main content */
.graphicsHolder {width: 100%; height: 100%; margin: 0; padding: 0; display: block; background-image:    url(images/cadrebackgr.png); background-position: center; overflow: auto;}
.graphicsHolder img {margin: 10px;}
.messageHolder {width: 530px; height: 100%; margin: 0; padding: 0; display: block; background-image:    url(images/cadrebackgr.png); background-position: center; overflow: auto;}
.extra {width: 535px; display: block; margin: 10px; overflow: hidden;}
.cadre iframe {width: 530px; height: 290px; margin: 16px; padding: 0; display: block; border: 0px solid #000;}
.cadre {width: 530px; color: #000000;}
.cadre .cadreTop {margin-left:6px; width: 546px; height: 43px; display: block; background-image:    url(images/cadretop.png);}
.cadre .cadreContent0 {margin-left:6px;width: 546px; display: block; overflow: hidden; background-image:    url(images/cadrebackgr.png); text-align: left;}
.cadre .cadreContent1 {margin-left:6px;width: 546px; display: block; overflow: hidden; background-image:    url(images/cadrebackgr.png); text-align: right;}
.cadre .cadreContent2 {margin-left:6px;width: 546px; display: block; overflow: hidden; background-image:    url(images/cadrebackgr.png); text-align: center;}
.cadre .cadreBottom {margin-left:6px;width: 546px; height: 40px; display: block; background-image:    url(images/cadrebottom.png);}
.cadre .headLine0 {padding: 10px 0 0 20px; margin: 0 0px 0 0px; font-size:12px; font-weight: bold; color: #f9f9f9; text-align: left;}
.cadre .headLine1 {padding: 10px 0 0 20px; margin: 0 0px 0 0px; font-size:12px; font-weight: bold; color: #f9f9f9; text-align: left;}
.cadre h3 {margin: 5px 0 5px 20px; font-size:14px; font-weight: bold; color: #a05f1d;}
.cadre h4 {padding: 0; margin: 5px 0 5px 0; font-size:14px; font-weight: bold; text-align: center;}
.cadre h4 a {color: #f9f9f9;}
.cadre h4 a:hover {color: #f9f9f9; text-decoration: none; border-bottom: 2px dotted #ffffff}
.cadre p {font-weight: bold; color: #f9f9f9 ;margin: 5px 40px 0 20px;}
.cadre p .answer { color: #f9f9f9;}
.cadre .graphicHolder0 {float: right; display: inline; margin: 15px 30px 0 0; background-repeat: no-repeat;}
.cadre .graphicHolder1 {float: left; display: inline; margin: 15px 0 0 30px; background-repeat: no-repeat;}
.cadre .graphic1 {background-image:    url(images/graphic1.png); width:120px; height:61px;}
.cadre .graphic2 {background-image:    url(); width:126px; height:160px;}
.cadre .graphic3 {background-image:    url(); width:126px; height:160px;}
.cadre .graphic4 {background-image:    url(); width:160px; height:126px;}
.cadre .graphic5 {background-image:url(); width:108px; height:108px;}

/* messages */
.messages {color: #152C3B; width: 510px; margin: 10px auto 20px auto; text-align: left; border: 1px solid #B58966; border-collapse: collapse; table-layout: fixed;}
.messages a {color: #152C3B;}
.messages a:link{color: #152C3B;}
.messages a:visited{color: #152C3B;}
.messages td {text-align: left; vertical-align: top; margin: 0; padding: 5px;}
.messages .user {width: 100px; border-right: 1px solid #B58966; overflow: hidden;}
.messages .user .rank0 {font-size: 9px; font-weight: normal; margin: 2px 0 5px 0;}
.messages .user .rank1 {font-size: 9px; font-weight: bold; margin: 2px 0 5px 0; color: #f00;}
.messages .user .name0 {font-size: 11px; font-weight: bold;}
.messages .user .name1 {font-size: 11px; font-weight: bold; color: #f00;}
.messages .user img {display: block; margin: 5px 0 0 0;}
.messages .time {font-size: 9px; font-weight: normal; float: left; color: #B58966;}
.messages .icons {font-size: 9px; float: right;}
.messages hr {height: 1px; border: 0; color: #B58966; background-color: #B58966; clear: both; margin: 0; padding: 0;}
.messages p {margin: 0; padding: 5px 0 0 0; text-align: justify; border-top: 1px solid #B58966; clear: both;}
.messages .msg0 {background-color: #EED0B8;}
.messages .msg1 {background-color: #F7EAE0;}
.messages .messageContent {width: 380px; overflow: hidden;}

/* navigation buttons */
.navButtons {margin: 10px auto 0 auto; padding: 0;}
.navButtons td {margin: 0; padding: 0;}
.navButtons td a {width: 25px; height: 25px; background-position: 0 0; background-repeat: no-repeat; display: block; padding: 0; margin: 0 0 0 2px; text-decoration: none; overflow: hidden;}
.navButtons td a:hover {background-position: 0 -25px;}
.navButtons td a .nav {display: none;}
.navButtons td a .number {font-size: 11px; color: #fff; font-weight: bold; text-align: center; margin-top: 5px;}
.navButtons td .prev {background-image:url(http://img213.imageshack.us/img213/9282/buttonnavprev7ot.gif);}
.navButtons td .page0 {background-image:url(http://img213.imageshack.us/img213/9274/buttonnav4nn.gif);}
.navButtons td .page1 {background-image:url(http://img213.imageshack.us/img213/7707/buttonnavcurrent1hh.gif);}
.navButtons td .next {background-image:url(http://img213.imageshack.us/img213/91/buttonnavnext9jf.gif);}