/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:"Tahoma",Verdana,Arial,Sans-serif; font-size:11px;}
img{border:0px;}
body{background:#344966 url(../images/background.png) repeat-x;}
div.clear{clear:both; font-size:0px;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
h6 a{display:block; background:url(../images/logo_small.png) no-repeat; margin:11px auto 12px auto; width:73px; height:26px; text-indent:-6000px;}
fieldset{margin:auto; padding:5px 0px 10px 0px; border:none; width:171px;}
label{color:#45535f;}
input.fullinput{border:1px solid #c1c3c6; margin-bottom:2px; padding:3px 0px 2px 0px; width:100%; vertical-align:middle;}
input{border:1px solid #c1c3c6; margin-bottom:2px; padding:3px 0px 2px 0px; vertical-align:middle;}
input.submit {border:1px solid #c1c3c6; margin-bottom:2px; padding:3px 0px 2px 0px; width: 130px; vertical-align:middle; background-color: #ffaa1b;}
button.b_blue{background:url(../images/b_blue.png) no-repeat; border:none; padding-bottom:3px; width:81px; height:22px; color:#235887; text-align:center; vertical-align:middle;}
button.b_orange{background:url(../images/b_orange.png) no-repeat; border:none; padding-bottom:3px; width:81px; height:22px; color:#7c5d29; text-align:center; vertical-align:middle;}

h1, h2, h3 {
	font-weight: bold;
}
h1 {
	color: #e86e06;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	padding-bottom: 9px;
}

h2 {
	color: #555;
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 9px;
}
h3 {
	font-size: 20px;
/*	line-height: 24px;
	padding: 6px 0;*/
}
/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{background:#fff; width:989px; margin:11px auto 0px auto;}


/************************************************************************************************/
/*top*/
/************************************************************************************************/
#top{position:relative;}

/*menu*/
#top .menu{background:url(../images/top_bar.png) no-repeat; padding:6px 13px 0px 13px; height:25px;}
#top .menu *{color:#fff0da;}
#top .menu ul{list-style:none;}
#top .menu ul li{display:inline;}
#top .menu ul li a:hover{border-bottom:1px dotted #fff; color:#fff; font-weight:bold;}
#top .menu ul li span{padding-left:3px;}
#top .menu .left{float:left;}
#top .menu .right{float:right;}

/*header*/
#top .header{background:url(../images/top_background.png) no-repeat; height:115px; position:relative;}
#top .header h2{text-indent:-6000px;}
#top .header h1 a{display:block; background:url(../images/logo.png) no-repeat; width:323px; height:80px; text-indent:-6000px; position:absolute; top:19px; left:23px;}
#top .header .banner{position:absolute; top:27px; right:6px;}

/************************************************************************************************/
/*menu*/
/************************************************************************************************/
#menu{padding:0px 1px 0px 1px; position:relative;}

/*menu*/
#menu .menu{background:url(../images/blue_bar.png) repeat-x; padding-top:5px; height:20px; position:relative;}
#menu .menu .m_left{background:url(../images/blue_bar_left.png) no-repeat; width:2px; height:25px; position:absolute; top:0; left:0;}
#menu .menu .m_right{background:url(../images/blue_bar_right.png) no-repeat; width:2px; height:25px; position:absolute; top:0; right:0;}
#menu .menu *{font-weight:bold;}
#menu .menu ul{list-style:none; text-align:center;}
#menu .menu ul li{display:inline;}
#menu .menu ul li a{color:#fff; text-transform:uppercase;}
#menu .menu ul li a:hover{border-bottom:1px dotted #fff; color: #ff9a0b;}
#menu .menu ul li span{padding:0px 1px 0px 5px; color:#bdbdbd;}

/*submenu*/
#menu .submenu{background:url(../images/grey_sub_bar.png) repeat-x; position:relative;}
#menu .submenu .back{background:url(../images/grey_sub_bar_right.png) right no-repeat; padding-top:5px; height:21px;}
#menu .submenu ul{list-style:none; text-align:center;}
#menu .submenu ul li{display:inline;}
#menu .submenu ul li *{color:#404e5a; font-size:10px; text-transform:uppercase;}
#menu .submenu ul li span{padding:0px 1px 0px 5px; font-weight:bold;}
#menu .submenu ul li a:hover{color: #000; border-bottom:1px dotted #000; font-weight:bold;}

/************************************************************************************************/
/*middle*/
/************************************************************************************************/
#middle{padding:0px 1px 0px 1px; height:100%; position:relative;}


/************************************************************************************************/
/*left*/
/************************************************************************************************/
#center{float:left; width:988px; position:relative;}
#center .content{background:url(../images/content_back.png) repeat-x; padding:10px 1px 0px 1px;}



/*left*/
#center .nav{float:left; width:215px;}
#center .nav .chatrooms{background:#fafafa; border:1px solid #e7e7e7;}
#center .nav .chatrooms .title{background:url(../images/orange_bar2.png) repeat-x; }
#center .nav .chatrooms .title h3{background:url(../images/orange_bar_right2.png) right no-repeat;}
#center .nav .chatrooms .title h3 .icon{display:block; background:url(../images/i_chat.png) no-repeat; padding:5px 0px 0px 25px; height:20px; color:#fff;}
#center .nav .chatrooms ul{padding:0px 6px 6px 6px; list-style:none;}
#center .nav .chatrooms ul li{padding:8px 0px 4px 25px; border-bottom:1px dotted #a1a4a6; position:relative;}
#center .nav .chatrooms ul li.important{background:url(../images/i_people.png) left 5px no-repeat;}
#center .nav .chatrooms ul li a{color:#394753;}
#center .nav .chatrooms ul li.important a{font-weight:bold;}
#center .nav .chatrooms ul li span.chan{color:#86888a; position:absolute; top:8px; right:0;}


#center .nav .banner.skyscraper{margin:15px auto 15px 47px;}

/*login*/
#center .nav .title{background:url(../images/orange_bar.png) repeat-x; }
#center .nav .title h3{background:url(../images/orange_bar_right.png) right no-repeat;}
#center .nav .title h3 .icon{display:block; padding:5px 0px 0px 35px; height:20px; color:#fff;}
#center .nav .title.blue{background:url(../images/blue_bar.png) repeat-x; }
#center .nav .title.blue h3{background:url(../images/blue_bar_right2.png) right no-repeat;}
#center .nav .top{background:url(../images/light_blue_bar.png) repeat-x;}
#center .nav .top .back{background:url(../images/light_blue_bar_right.png) no-repeat; padding:5px 0px 0px 0px; height:21px; text-align:right;}
#center .nav .top a{background:url(../images/arrow.png) left center no-repeat; padding-left:16px; color:#45535f;}
#center .nav .top a.orange{margin-right:25px;}
#center .nav .top a.orange, #right .top a:hover{color:#ff9709; font-weight:bold;}
#center .nav .content{background:#f4f9fc url(../images/light_blue_background.png) repeat-x;}
#center .nav .contentgrey{background:url(../images/content_back.png) repeat-x; height: 10px; padding:19px 1px 0px 1px;}
#center .nav button{float:right;}

.title{background:url(../images/orange_bar2.png) repeat-x; }
.title h3{background:url(../images/orange_bar_right2.png) right no-repeat;}
.title h3 a {color:#FFF; text-decoration:underline;}
.profiel .title h3 .icon{display:block; background:url(../images/i_chat.png) no-repeat; padding:5px 0px 0px 25px; height:20px; color:#fff;}

#center .nav .login h3 .icon{background:url(../images/i_login.png) no-repeat;}
#center .nav .login .content {padding: 0px 1px 0px 1px;}

/*right*/
#center .left{float:left; width:552px;}
#center .left .blogs{background:#f8f8f8; border:1px solid #e8e8e8; margin-bottom:3px;}
#center .left .blogs.odd .title{background:url(../images/blue_bar3.png) repeat-x;}
#center .left .blogs.odd .title h3{background:url(../images/blue_bar_right3.png) right no-repeat;}
#center .left .blogs.even .title{background:url(../images/orange_bar3.png) repeat-x;}
#center .left .blogs.even .title h3{background:url(../images/orange_bar_right3.png) right no-repeat;}
#center .left .blogs .title h3 .icon, #center .left .special h3 .icon{display:block; background:url(../images/i_notepad.png) 7px 5px no-repeat; padding:5px 0px 0px 30px; height:20px; color:#fff;}
#center .left .blogs .info{padding:20px 10px 15px 10px;}
#center .left .blogs .info img{float:left;}
#center .left .blogs .info p{float:right; width:332px; color:#394753;}
#center .left .blogs .info a{color:#ff9103; text-decoration:underline;}
#center .left .blogs .bottom{background:url(../images/grey_bottom_bar.png) repeat-x; border-top:1px solid #ebebeb; border-bottom:1px solid #fafafa; padding:6px 10px 0px 10px; height:24px; color:#b1b7bb; position:relative;}
#center .left .blogs .bottom .buttons{position:absolute; top:4px; right:10px;}
#center .left .blogs .bottom .buttons button{margin-left:20px;}

#center .left .special{background:#fff; border:1px solid #e8e8e8; margin-bottom:3px;}
#center .left .special h3{background:url(../images/blue_bar4.png) repeat-x; border-bottom:1px solid #fafafa; position:relative;}
#center .left .special .m_left{display:block; background:url(../images/blue_bar_left4.png) no-repeat; width:2px; height:25px; position:absolute; top:0; left:0;}
#center .left .special .m_right{display:block; background:url(../images/blue_bar_right4.png) no-repeat; width:2px; height:25px; position:absolute; top:0; right:0;}
#center .left .special .info{background:url(../images/grey_top.png) repeat-x;}
#center .left .special .info .back{background:url(../images/grey_bottom.png) bottom repeat-x;}

#center .left .special .item{float:left; width:245px;}
#center .left .special .item .inner{padding:7px 4px 0px 4px; height: 150px;}
#center .left .special .item .top *{color:#394753;}
#center .left .special .item .top img{float:left; padding-right:3px;}
#center .left .special .item .top h4{float:left; padding-bottom:3px;}
#center .left .special .item .top .name{float:left; background:url(../images/i_notepad.png) 2px 2px no-repeat; padding:2px 0px 2px 24px;}
#center .left .special .item p{color:#69727a; padding-bottom:9px;}
#center .left .special .buttons{background:url(../images/grey_bottom_bar.png) repeat-x; border-top:1px solid #ebebeb; border-bottom:1px solid #fafafa; padding:3px 10px 0px 10px; height:24px; color:#b1b7bb;position:relative;}
#center .left .special .buttons button.b_left{float:left;}
#center .left .special .buttons button.b_right{float:right;}

#center .left .banner.top{margin-bottom:3px; margin-left:42px;}

/************************************************************************************************/
/*right*/
/************************************************************************************************/
#center .right{float:right; width:215px; position:relative;}
#center .right .title{background:url(../images/orange_bar.png) repeat-x; }
#center .right .title h3{background:url(../images/orange_bar_right.png) right no-repeat;}
#center .right .title h3 .icon{display:block; padding:5px 0px 0px 35px; height:20px; color:#fff;}
#center .right .title.blue{background:url(../images/blue_bar.png) repeat-x; }
#center .right .title.blue h3{background:url(../images/blue_bar_right2.png) right no-repeat;}
#center .right .top{background:url(../images/light_blue_bar.png) repeat-x;}
#center .right .top .back{background:url(../images/light_blue_bar_right.png) no-repeat; padding:5px 8px 0px 0px; height:21px; text-align:right;}
#center .right .top a{background:url(../images/arrow.png) left center no-repeat; padding-left:16px; color:#45535f;}
#center .right .top a.orange{margin-right:25px;}
#center .right .top a.orange, #right .top a:hover{color:#ff9709; font-weight:bold;}
#center .right .content{background:#f4f9fc url(../images/light_blue_background.png) repeat-x;}
#center .right .contentgrey{background:url(../images/content_back.png) repeat-x; height: 15px; padding:19px 1px 0px 1px; z-index:-1;}
#center .right button{float:right;}

/*search*/
#center .right .search h3 .icon{background:url(../images/i_search.png) no-repeat;}

/*new_users*/
#center .right .new_users .content{padding:7px 10px 10px 10px;}
#center .right .new_users h3 .icon{background:url(../images/i_new_users.png) no-repeat;}
#center .right ul{width:112px; list-style:none;}
#center .right ul li{padding:7px 0px 2px 17px; border-bottom:1px dotted #a1a4a6;}
#center .right ul li a{color:#45535f;}
#center .right .male{float:left; border-right:1px solid #c6c9ca; padding:0px 14px 5px 0px;}
#center .right .male ul li{background:url(../images/male.png) 0px 9px no-repeat;}
#center .right .female{float:left;}
#center .right .female ul li{background:url(../images/female.png) 0px 9px no-repeat;}

/*new_photos*/
#center .right .new_photos .content{padding:25px 3px 0px 3px;}
#center .right .new_photos h3 .icon{background:url(../images/i_new_photos.png) no-repeat;}
#center .right .new_photos .content a{display:block; float:left; margin:0px 13px 11px 13px;}
#center .right .new_photos .content a img{border:1px solid #feb337; padding:1px;}

/*stats*/
#center .right .stats{}
#center .right .stats .content{padding:5px 3px 10px 10px;}
#center .right .stats ul{width:200px; list-style:none;}
#center .right .stats ul li{ padding:5px 0px 2px 30px; border-bottom:1px dotted #a1a4a6;}
#center .right .stats ul li span.icon{position: absolute;left: 20px; display:block; padding:5px 0px 0px 35px; height:20px; color:#fff; height:20px; color:#fff;}
#center .right .stats ul li span.icon.fotos{background:url(../images/camera.png) no-repeat;}
#center .right .stats ul li span.icon.cake{background:url(../images/cake.png) no-repeat;}
#center .right .stats ul li span.icon.smile{background:url(../images/emoticon_smile.png) no-repeat;}
#center .right .stats ul li span.icon.male{background:url(../images/male.png) no-repeat; border-right: 0px;}
#center .right .stats ul li female{/*float:left;*/ border-right:1px solid #c6c9ca;}
#center .right .stats ul li span.icon.female{background:url(../images/female.png) no-repeat; border-right: 0px; /*padding:5px 0px 0px 35px;*/}
#center .right .stats ul li span.icon.comments{background:url(../images/comments.png) no-repeat;}

#center .right .stats ul li span.icon.bulletgreen{background:url(../images/bullet_green.png) no-repeat;}
#center .right .stats ul li span.icon.new{background:url(../images/new.png) no-repeat;}
#center .right .stats ul li span.icon.text_list_bullets{background:url(../images/text_list_bullets.png) no-repeat;}
#center .right .stats ul li span.icon.rosette{background:url(../images/rosette.png) no-repeat;}
#center .right .stats ul li span.icon.mouse{background:url(../images/mouse.png) no-repeat;}

/************************************************************************************************/
/*full*/
/************************************************************************************************/
#center .full{ float: right; width:770px;}

/*box*/
#center .full .box{float: left; width:769px; background:#f8f8f8; border:1px solid #e8e8e8; margin-bottom:3px;}
#center .full .box .title{background:url(../images/orange_bar.png) repeat-x; }
#center .full .box .title h3{background:url(../images/orange_bar_right.png) right no-repeat;}
#center .full .box .title h3 .icon{display:block; padding:5px 0px 0px 10px; height:20px; color:#fff;}
#center .full .box .content{ border-bottom:1px solid #fafafa; background: #fff repeat-x 0 0;}


/*chatboxes*/
#center .full .col1{ float: left; clear: right; }
#center .full .col2{ float: left; clear: right; }
#center .full .col3{ float: left; clear: right; z-index:2; }
#center .full .chatbox{width: 250px;background:#fafafa; border:1px solid #e7e7e7; z-index:2; position:relative;}
#center .full .chatbox .title{background:url(../images/orange_bar2.png) repeat-x; }
#center .full .chatbox .title h3{background:url(../images/orange_bar_right2.png) right no-repeat;}
#center .full .chatbox .title h3 .icon{display:block; background:url(../images/i_chat.png) no-repeat; padding:5px 0px 0px 25px; height:20px; color:#fff;}
#center .full .chatbox ul{padding:0px 6px 6px 6px; list-style:none;}
#center .full .chatbox ul li{padding:8px 0px 4px 25px; border-bottom:1px dotted #a1a4a6; position:relative;}
#center .full .chatbox ul li.important{background:url(../images/i_people.png) left 5px no-repeat;}
#center .full .chatbox ul li a{color:#394753;}
#center .full .chatbox ul li.important a{font-weight:bold;}
#center .full .chatbox ul li span{color:#86888a; position:absolute; top:8px; right:0;}

/*nieuws*/

#center .full .nieuws{float: left; background:#f8f8f8; border:1px solid #e8e8e8; margin-bottom:3px;}
#center .full .nieuws.odd .title{background:url(../images/blue_bar3.png) repeat-x;}
#center .full .nieuws.odd .title h3{background:url(../images/blue_bar_right3.png) right no-repeat;}
#center .full .nieuws.even .title{background:url(../images/orange_bar3.png) repeat-x;}
#center .full .nieuws.even .title h3{background:url(../images/orange_bar_right3.png) right no-repeat;}
#center .full .nieuws .title h3 .icon{display:block; background:url(../images/i_notepad.png) 7px 5px no-repeat; padding:5px 0px 0px 30px; height:20px; color:#fff;}
#center .full .nieuws .info{padding:20px 10px 15px 10px;}
#center .full .nieuws .info img{float:left;}
#center .full .nieuws .info p{float:right; width:332px; color:#394753;}
#center .full .nieuws .info a{color:#ff9103; text-decoration:underline;}
#center .full .nieuws .bottom{background:url(../images/grey_bottom_bar.png) repeat-x; border-top:1px solid #ebebeb; border-bottom:1px solid #fafafa; padding:6px 10px 0px 10px; height:24px; color:#b1b7bb; position:relative;}
#center .full .nieuws .bottom .buttons{position:absolute; top:4px; right:10px;}
#center .full .nieuws .bottom .buttons button{margin-left:20px;}

/*userlist box*/
#center .full .userlist-box { float:left; width:120px; height:240px; line-height:140%; padding:0px 15px; }
#center .full .userlist-background { background-color:#efefef; text-align:center; background-image:url(../images/bg_foto.gif); background-repeat:no-repeat; width:120px; height:110px; padding:15px 0px; margin:0px 0px 0px 0px; }
#center .full .userlist-leaderbord { float:left; width:728px; overflow:hidden; border:1px solid #cfcfcf; border-left:none; border-right:none; margin:5px 0px; text-align:left; padding:5px 0px; }
#center .full .userlist-action{ border-top:1px dotted #dfdfdf; margin:4px 0px 3px 0px; text-transform:lowercase; }
#center .full .userlist-action a { text-decoration:underline; color:#7aa6d4;}


/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{background:url(../images/bottom_bar.png) no-repeat; padding-top:6px; height:25px; text-align:center;}
#footer *{color:#6f6962;}
#footer span{padding-left:3px;}

/************************************************************************************************/
/*report*/
/************************************************************************************************/

table.report{
  border-collapse: collapse;
  width: 100%;
}

table.report td, table.report th{
  padding: 5px;
}

table.report thead{
  background-color: #ccc;
}

table.report thead tr th{
  text-align: left;
}

table.form{
  border-collapse: collapse;
  width: 100%;
}

table.form tr td{
  padding: 5px;
  vertical-align: top;
}

table.form tr td.label{
  width: 30%;
  text-align: right;
  font-weight: bold;
}

table.form tr td.buttons input{
  width: auto;
}

ul.draggable{
  list-style: none;
  padding: 5px;
  margin: 5px;  
}

ul.draggable li{
  margin: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  display: block;
  width: 700px;
}

ul.draggable li .button{
  color: #aaa;
  margin-left: 5px;
}

ul.draggable li .handle{
  cursor: move;
  color: #fff;
  background-color: #ccc;
  padding: 4px;
}

.headertitel
{
	width:100%;
	height:23px;
	background-color:#0C6;
	color:#FFF;
background:url(../images/blue_bar.png) repeat-x;
padding-top:5px;
	
}
.boxcontent
{
padding-left:15px;
padding-right:15px;
background-color:#FFF;
}

.list
{
padding-left:20px;
}


/************************************************************************************************/
/*Waar Chatten Pagina*/
/************************************************************************************************/

.waarnaam
{
	
	width:250px;
	position:absolute;
	left:400px;
	z-index:10;
}
.waarbutton
{	
	position:absolute;
	left:640px;
	z-index:11;
}
.waartabel a
{
	color:#ffffff;
}

/************************************************************************************************/
/*Chatten Pagina*/
/************************************************************************************************/
.chatbutton
{	
	position:absolute;
	left:150px;
	z-index:11;
}
.chatinvul
{
	width:100px;
	margin-left:50px;
}
.chatpagekader
{
	background:url(../images/content_back.png) repeat-x;
	background-color:#FFF;
	padding:5px 0px 5px 1px;
	padding-left:5px;
}

/************************************************************************************************/
/*Safe Chatten Pagina*/
/************************************************************************************************/

.saferegels
{
	font-size:18px;
	font-weight:bold;
}

.safedisclaimer	
{
	text-align:right;
	color:#333;
	padding-right:15px;
	padding-bottom:10px;
}

/************************************************************************************************/
/*Operator Worden Pagina*/
/************************************************************************************************/

.operatorlist
{
	padding-left:40px;
	padding-right:100px;
	padding-top:10px;
	padding-bottom:10px;
}

/************************************************************************************************/
/*ChatHome Pagina*/
/************************************************************************************************/

.bannergirl
{
		background:url(../images/girl.png);
		width:163px;
		height:115px;
		position:absolute;
		left:750px;
}
.bannerbutton
{
		position:absolute;
		left:550px;
		top:5px;
		z-index:11;
}
.bannerbutton2
{
		position:absolute;
		left:640px;
		top:15px;
		z-index:10;
}

.bannerslogan1
{
		position:absolute;
		left:275px;
		top:30px;
		z-index:10;
		color:#9c9c9c;
		font-size:14px;
}
.bannerslogan2
{
		position:absolute;
		left:400px;
		top:60px;
		z-index:10;
		color:#9c9c9c;
		font-size:14px;
}

.home-1
{
	height:196px;
	width:196px;
	background:url(../images/home-1.png);
	position:absolute;
	left:2px;
	top:2px;
}
.home-2
{
	height:196px;
	width:196px;
	background:url(../images/home-2.png);
	position:absolute;
	left:199px;
	top:2px;

}
.home-3
{
	height:196px;
	width:196px;
	background:url(../images/home-3.png);
	position:absolute;
	left:396px;
	top:2px
}
.home-4
{
	height:196px;
	width:196px;
	background:url(../images/home-4.png);
	position:absolute;
	left:593px;
	top:2px
}
.home-5
{
	height:196px;
	width:196px;
	background:url(../images/home-5.png);
	position:absolute;
	left:791px;
	top:2px
}
.home-stats
{
	height:100px;
	width:787px;
	background:url(../images/stats.png);
	position:absolute;
	left:2px;
	top:200px
}
.home-cyberhate
{
	height:49px;
	width:196px;
	position:absolute;
	left:791px;
	top:250px;
	background:url(../images/cyberhate.png);
}
.home-button
{
	height:49px;
	width:196px;
	position:absolute;
	left:791px;
	top:200px;
	background:url(../images/buttonleeg.png);
}

.chathomekader a
{
	padding-left:10px;
	color:#333;
}
.titlehome
{
	padding-left:5px;
}

.chathomebutton
{	
	position:absolute;
	left:100px;
	z-index:11;
	top:4px;
}
.chathomeinvul
{
	width:100px;
	margin-left:20px;
	top:4px;
}
/***************************DONAMAIL****************************/

div.donamail{
margin-left: 10px;
}

fieldset.donamail{
width: 750px;
}


/*************************END DONAMAIL *************************/