html
{
overflow:hidden;
}
body
{
font-family:Verdana;
font-size:12px;
margin:5px;
margin-top:33px;
overflow:hidden;

}
#body
{
overflow:auto;
position:absolute;
left:0px;
right:0px;
bottom:25px;
top:0px;
color:#FFFFFF;
background-color:#FFFFFF;
background-image:url('bg.png');
}
#background1
{
background-image:url('http://chaterz.nl/style/gloed1.png');
background-repeat:no-repeat;
background-position:top left;
}
#background2
{
background-image:url('http://chaterz.nl/style/gloed2.png');
background-repeat:no-repeat;
background-position:bottom right;
}
#global
{
border:1px dotted #FF0000;
margin-left:60px;
margin-right:60px;
text-align:center;
font-size:12px;
padding:5px;
}
#global span#title
{
display:block;
border-bottom:1px dotted #FF0000;
background-image:url('onderhoud.png');
height:19px;
margin:-5px;
padding-top:5px;
margin-bottom:5px;
font-weight:bold;
font-size:11px;
}
#container
{
color:#666666;
width:920px;
margin:auto;
background-image:url('pagina.png');
}
#footer
{
color:#333333;
width:920px;
margin:auto;
background-image:url('footer.png');
background-repeat:no-repeat;
text-align:center;
font-weight:bold;
font-size:10px;
padding-top:10px;
}
#footer span
{
display:block;
font-size:8px;
color:#FFFFFF;
margin-top:30px;
font-weight:normal;
padding-bottom:10px;
}
#content
{
margin-top:10px;
margin-left:60px;
margin-right:60px;
}
.button-next
{
background-image:url('button_next.png');
width:30px;
height:30px;
display:block;
float:right;
border:0px!important;
}
.button-last
{
background-image:url('button_last.png');
width:30px;
height:30px;
display:block;
float:right;
border:0px!important;
}
.button-last:hover, .button-next:hover
{
background-position:30px 30px;
}
#credits
{
padding:5px;
width:225px;
margin-top:10px;
height:18px;
padding-top:7px;
color:#C08000;
float:right;
margin-right:30px;
background-image:url('credits.png');
}
#credits #icon
{
float:left;
margin:2px;
margin-top:0px;
border:0px;
}
#credits .shopping
{
float:right;
margin:2px;
margin-top:0px;
border:0px;
}
#flags
{
margin-right:27px;
float:right;
height:18px;
width:230px;
padding-top:2px;
padding-left:6px;
background-image:url('langbar.png');
}
#flags img
{
float:left;
margin-right:1px;
margin-left:1px;
border:1px solid #888888;
}
#fade
{
height:10px;
background-image:url('fade.png');
}
#header-top
{
height:295px;
}
#submenu
{
float:right;
width:90px;
border:1px solid #999999;
position:relative;
top:-8px;
left:814px;
display:none;
z-index:3;
border-radius: 0px 0px 5px 5px;
}
#submenu #last
{
border-radius: 0px 0px 5px 5px;
}
#submenu a
{
background-color:#999999;
background-image:url('menubg.png');
display:block;
border:1px solid #FFFFFF;
width:88px;
height:15px;
padding-top:1px;
float:left;
text-align:center;
color:#000000;
text-decoration:none;
}
#submenu a+a
{
border-top:0px;
}
#submenu a:hover
{
background-position:0px 25px;
background-color:#C08000;
color:#FFFFFF;
}
#menubalk
{
height:25px;
border:1px solid #DDDDDD!important;
width:900px;
margin-left:4px;
margin-bottom:8px;
}
#menubalk a
{
background-image:url('menubg.png');
display:block;
width:90px;
height:20px;
padding-top:5px;
float:left;
text-align:center;
color:#000000;
text-decoration:none;
border-bottom:0px!important;
}
#menubalk a:hover
{
background-position:0px 25px;
color:#FFFFFF;
}
#menubalk a#meer
{
background-image:url('arrow.png');
display:block;
width:70px;
height:20px;
padding-top:5px;
padding-right:20px;
float:left;
text-align:center;
color:#000000;
text-decoration:none;
border-bottom:0px!important;
background-position:-30px 0px;
}
#menubalk a#meer:hover
{
background-position:-30px 25px;
color:#FFFFFF;
}
#header
{
background-repeat:no-repeat;
min-height:360px;
margin-left:4px;
width:910px;
}
#logo
{
width:300px;
background-image:url('logo_nl.png');
background-repeat:no-repeat;
background-position:10px 10px;
}
#logo img
{
position:relative;
left:-70px;
top:-20px;
}
#spotlight
{
width:220px;
height:115px;
background-image:url('spotlight.png');
float:right;
margin-top:0px;
margin-right:20px;
color:orange;
font-size:11px;
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
margin-bottom:10px;
}
#spotlight div
{
float:right;
text-align:right;
width:100px;
margin-top:10px;
}
#spotlight a
{
display:block;
font-weight:bold;
text-decoration:none;
color:orange;
float:right;
border-bottom:0px;
}
#spotlight a:hover
{
color:#ADDFFF;
text-decoration:underline;
}
#spotlight span.desc
{
display:block;
color:#FFFFFF;
float:right;
width:100px;
margin-top:10px;
}
#spotlight span.value
{
display:block;
color:#ADDFFF;
float:right;
width:100px;
}
#spotlight img
{
margin-top:20px;
float:left;
max-width:100px;
max-height:90px;
background-image:url('spotbg.png');
border:1px solid orange;
}
#chatnu
{
width:236px;
height:51px;
float:right;
margin-right:28px;
cursor:pointer;
}
#chatnu:hover
{
background-position:0px 51px;
}
.frame-header
{
background-image:url('title_center.png');
font-weight:bold;
height:20px;
padding-top:5px;
text-align:center;
font-size:12px;
border-radius: 5px 5px 0px 0px;
}
.frame-header span
{
margin-top:-5px;
float:left;
width:5px;
height:25px;
background-repeat:no-repeat;
background-position: -50px;
}
.frame-header span img
{
float:left;
}
div.frame-body+div.frame-header
{
margin-top:10px;
}
.frame-body
{
border:1px solid #FFC000;
border-top:0px;
min-height:20px;
padding:5px;
font-size:11px;
}
.clear
{
clear:both;
margin:0px;
padding:0px;
height:0px;
}
.frame-left
{
float:left;
margin-bottom:10px;
}
.frame-right
{
float:right;
margin-bottom:10px;
}
.frame-200
{
width:200px;
}
.frame-250
{
width:250px;
}
.frame-300
{
width:300px;
}
.frame-350
{
width:345px;
}
.frame-400
{
width:395px;
}
.frame-450
{
width:445px;
}
.frame-500
{
width:490px;
}
.frame-550
{
width:540px;
}
.frame-600
{
width:590px;
}
.frame-800
{
width:800px;
}
a
{
color:#666666;
text-decoration:none;
border-bottom:1px dotted #666666;
}
a:hover, #footer a:hover, a.button:hover
{
color:orange;
border-color:orange;
}
#footer a
{
color:#FFFFFF;
border-color:#FFFFFF;
}
a.button
{
border:1px solid #FDE397;
display:block;
text-align:center;
font-size:10pt;
height:16px;
padding:1px;
color:#666666;
text-decoration:none;
background-position:1px 1px;
background-repeat:no-repeat;
position:relative;
border-radius:5px;
}
a.button+a.button
{
margin-top:2px;
}
.message
{
border:1px solid #FAC21B;
padding:3px;
min-height:60px;
background-color:#FFFFFF;
}
.message div.msghead
{
height:14px;
margin:-3px;
margin-bottom:3px;
position:relative;
padding:3px;
background-color:#FDE397;
border-bottom:1px solid #FAC21B;
}
.message a.icon
{
margin-top:2px;
display:block;
float:right;
border:1px solid #999999;
width:18px;
height:18px;
margin-right:1px;
background-repeat:no-repeat;
background-position:1px 1px;
}
.message span.icon
{
margin-top:2px;
display:block;
float:right;
border:1px solid #DDDDDD;
width:18px;
height:18px;
margin-right:1px;
background-repeat:no-repeat;
background-position:1px 1px;
}
.message a.icon:hover
{
border-color:#FAC21B;
}
.message div.msghead span
{
float:left;
}
.message div.msghead span+span
{
float:right;
}
.message+.message
{
margin-top:3px;
}
.channel
{
background-image:url('hekje.png');
height:13px;
background-repeat:no-repeat;
padding-left:14px;
text-decoration:none;
color:#000000;
cursor:pointer;
border:0px!important;
}
.channel:hover
{
color:orange;
}
h1
{
color:Orange;
margin:0px;
padding:0px;
margin-bottom:10px;
font-size:14px;
}
input.text
{
border:1px solid orange;
background-image:url('onderhoud.png');
}
textarea.text
{
border:1px solid orange;
}
input.button
{
background-image:url('button_default.png');
width:100px;
height:30px;
border:0px;
color:#000000;
background-color:transparent;
}
input.button:hover
{
color:#FFFFFF;
background-position:0px 30px;
}
#editor-text
{
border:0px;
width:100%;
height:275px;
padding:0px;
margin-top:25px;
}
#editor-menu,#editor-header
{
position:absolute;
border-bottom:1px solid orange;
padding:1px;
height:22px;
width:698px;
color:#555555;
background-image:url('toolbar.png');
}
#editor-menu a,#editor-header a
{
display:block;
float:left;
margin:1px;
height:18px;
background-repeat:no-repeat;
background-position:2px 2px;
border:0px;
color:#555555;
padding-top:2px;
padding-left:20px;
}
#editor-menu span
{
width:1px;
background-color:orange;
margin-left:2px;
margin-right:2px;
display:block;
float:left;
height:20px;
margin-top:1px;
}
#editor-menu a:hover,#editor-header a:hover
{
background-color:#FEF4A8;

border:1px solid orange;
color:#555555;
margin:0px;
}
#editor-container
{
margin:auto;
width:700px;
border:1px solid orange;
height:300px;
overflow:hidden;
}
#editor-preview
{
width:100%;
height:275px;
border:0px;
margin-top:25px;
}
.editor-submenu span
{
display:block!important;
width:16px!important;
height:16px!important;
margin:2px!important;
}
.editor-submenu a
{
width:20px!important;
height:20px!important;
float:left;
padding:1px!important;
display:block;
border:0px;
margin:0px!important;
}
.editor-submenu a:hover
{
padding:0px!important;
border:1px solid orange!important;
}
.editor-submenu
{
position:relative;
top:25px;
border:1px solid orange;
background-color:#FEF4A8;
padding:2px;
width:150px;
float:right;
}
.editor-submenu img
{
margin:2px;
border:0px;
width:16px;
height:16px;
}
#ucp-bar
{
cursor:default;
z-index:2;
height:25px;
position:absolute;
bottom:0px;
left:0px;
right:0px;
border-bottom:0px;
font-family:arial;
font-size:12px;
background-position:center;
background-image:url('ucp-bar.png');
background-color:#4c4c4c;
}
.ucp-button
{
border-right:1px solid #5a5a5a;
padding:5px;
color:#FFFFFF;
float:left;
width:89px;
text-align:center;
cursor:pointer;
}
.ucp-button:hover
{
color:#C08000;
background-color:#C08000;
background-position:center;
background-image:url('ucp-button.png');
}
.ucp-menu
{
border-left:1px solid #5a5a5a;
padding:5px;
color:#FFFFFF;
float:right;
cursor:default;
}
.ucp-submenu
{
cursor:default;
font-family:arial;
font-size:12px;
position:absolute;
bottom:0px;
z-index:3;
display:none;
}
.ucp-submenu div
{
border:1px solid #5a5a5a;
background-color:#FFFFFF;
position:relative;
margin-bottom:-1px;
width:150px;
padding:2px;
padding-bottom:0px;
margin-left:-1px;
}
.ucp-submenu div+div
{
border:1px solid #5a5a5a;
border-top:0px;
padding:6px;
padding-top:8px;
color:#C08000;
background-color:#FFFFFF;
float:left;
width:87px;
text-align:center;
cursor:pointer;
z-index:4;
margin-left:-1px;
}
.ucp-submenu a
{
display:block;
color:#000000;
text-decoration:none;
padding:2px;
margin-bottom:2px;
border:0px;
}
.ucp-submenu a:hover
{
background-position:center;
color:#FFFFFF;
background-color:#C08000;
background-image:url('ucp-button.png');
}
.ucp-submenu span
{
color:#C08000;
border-bottom:1px solid #C08000;
font-size:10px;
display:block;
margin-bottom:2px;
}
.ucp-submenu p
{
overflow:auto;
margin:0px;
padding-right:2px;
}
#popframe-title
{
font-family:Arial;
font-size:12px;
height:16px;
padding:3px;
color:#C08000;
background-image:url('ucp-bar.png');
background-color:#555555;
background-position:center;
border:1px solid #8f8f8f;
border-bottom:0px;
}
#popframe-close
{
font-family:lucinda console;
font-size:12px;
float:right;
color:#8f8f8f;
text-decoration:none;
font-weight:bold;
width:16px;
height:15px;
margin-top:-1px;
margin-right:-1px;
text-align:center;
background-position:center;
border:1px solid #8f8f8f;
}
#popframe-close:hover
{
background-image:url('ucp-button.png');
color:#C08000;
border-color:#C08000;
}
#popframe-container
{
cursor:default;
position:absolute;
left:50%;
top:50%;
z-index:7;
display:none;
}
#popframe-body
{
border:1px solid #8f8f8f;
background-color:#FFFFFF;
overflow:auto;
font-family:Arial;
font-size:12px;
}
#popframe-bg
{
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:6;
display:none;
background-color:#888888;
opacity:0.5;
}
#ucp-label
{
border:1px solid #8f8f8f;
background-color:#CDCDCD;
bottom:30px;
right:20px;
position:absolute;
font-family:Arial;
font-size:11px;
z-index:3;
padding:2px;
display:none;
}
#preload
{
position:absolute;
top:-5000px;
left:-5000px;
}
#balloon
{
background-image:url('balloon.png');
margin-left:50px;
width:680px;
height:120px;
color:#FFFFFF;
text-align:center;
padding:10px;
padding-bottom:30px;
}
#balloon div
{
height:120px;
overflow:hidden;
}
#gb-nav
{
margin:auto;
width:690px;
height:50px;
}
.frame-body+#gb-nav
{
margin-top:20px;
}
#gb-nav a
{
display:block;
float:left;
width:19px;
height:17px;
text-align:center;
border:1px solid #FDE397;
text-decoration:none;
color:#999999;
padding:1px;
padding-top:3px;
}
#gb-nav a+a
{
margin-left:2px;
}
#gb-nav a:hover
{
background-color:#FDE397;
color:#FFA500;
border:1px solid #FFA500;
}
#gb-nav a#gb-text
{
width:90px;
}
#gb-current
{
border-color:#FFA500!important;
color:#FFA500!important;
font-weight:bold;
background:none!important;
}
#gb-inactive
{
width:90px!important;
border-color:#999999!important;
color:#999999!important;
background:none!important;
}
code
{
margin-left:10px;
border:1px solid #FFA500;
background-color:#EEEEEE;
display:block;
}
.ranking
{
width:24px;
height:16px;
display:block;
float:left;
border:1px solid #FFA500;
background-repeat:no-repeat;
background-color:#FFFFFF;
cursor:pointer;
}
.datalist
{
clear:left;
}
.datalist>span
{
float:left;
width:150px;
font-weight:bold;
}
.connection-5 {background-image:url('icons/connection_5.png');}
.connection-4 {background-image:url('icons/connection_4.png');}
.connection-3 {background-image:url('icons/connection_3.png');}
.connection-2 {background-image:url('icons/connection_2.png');}
.connection-1 {background-image:url('icons/connection_1.png');}
.connection-0 {background-image:url('icons/connection_0.png');}

#pop-container
{
text-align:center;
position:absolute;
display:none;
left:50%;
top:50%;
z-index:7;
}
#pop-frame
{
width:100%;
height:100%;
}
#pop-topleft
{
position:absolute;
left:-20px;
top:-35px;
width:20px;
height:30px;
background-image:url('frame/frame-tl.png');
}
#pop-topright
{
position:absolute;
right:-20px;
top:-35px;
width:20px;
height:30px;
background-image:url('frame/frame-tr.png');
}
#pop-bottomleft
{
position:absolute;
left:-20px;
bottom:-20px;
width:20px;
height:20px;
background-image:url('frame/frame-bl.png');
}
#pop-bottomright
{
position:absolute;
right:-20px;
bottom:-20px;
width:20px;
height:20px;
background-image:url('frame/frame-br.png');
}
#pop-tcenter
{
position:absolute;
text-align:center;
right:0px;
left:0px;
top:-35px;
height:20px;
padding-top:10px;
background-image:url('frame/frame-tm.png');
color:#FFFFFF;
font-weight:bold;
}
#pop-cleft
{
position:absolute;
left:-20px;
top:-5px;
bottom:0px;
width:20px;
background-image:url('frame/frame-ml.png');
}
#pop-cright
{
position:absolute;
right:-20px;
top:-5px;
bottom:0px;
width:20px;
background-image:url('frame/frame-mr.png');
}
#pop-bcenter
{
position:absolute;
right:0px;
left:0px;
bottom:-20px;
height:20px;
background-image:url('frame/frame-bm.png');
}
#pop-tcenter a
{
position:absolute;
height:19px;
width:40px;
background-image:url('frame/frame-close.png');
background-position:0px 19px;
right:0px;
border:0px!important;
}
#pop-tcenter a:hover
{
background-position:0px 0px;
}
#pop-filler
{
position:absolute;
right:0px;
left:0px;
top:-5px;
height:5px;
background-color:#000000;
}
object
{
z-index:1;
position:relative;
}
.forum-forum
{
padding:2px;
padding-left:28px;
border:1px solid #FAC21B;
background-color:#FDE397;
min-height:22px;
background-position:1px 1px;
background-repeat:no-repeat;
background-image:url('forum.png');
border-radius:5px;
}
.forum-forum + .forum-forum
{
margin-top:3px;
}
.forum-forum a
{
font-size:12px;
font-weight:bold;
}
.forum-forum div
{
font-style: italic;
}
.forum-topic
{
padding-left:20px;
border:1px solid #FAC21B;
background-color:#FDE397;
background-position:1px 1px;
background-repeat:no-repeat;
background-image:url('topic.png');
height:18px;
border-radius:5px;
}
.forum-topic + .forum-topic
{
margin-top:1px;
/*border-top:0px;*/
}
.forum-topic>a
{
display:block;
float:left;
margin:1px;
}
.forum-topic div
{
width:100px;
float:right;
border-left:1px dotted #FAC21B;
height:16px;
padding:1px;
text-align:center;
}
.forum-topic a.icon
{
display:block;
border:0px;
width:16px;
height:16px;
background-repeat:no-repeat;
margin:0px;
margin-left:5px;
}
.socialbuton{
height:30px;
margin-left:5px;
}
.socialbutton a{
width:70px;
padding:5px;
border:0px;
float:left;
display:block;
height:15px;
}
.socialbutton a:hover{
width:70px;
padding:5px;
border:0px;
color:#000000;
height:15px;
}
.watdoeik{
padding:5px;
border-bottom:1px dotted #cccccc;
}