/*~~~~~~~~~~~~~~~~~~~~  StyleSheet   ~~~~~~~~~~~~~~~~~~~~*/

.invisible { display: none; }

a{text-decoration: none;color: #fff;}
a:hover{color: #333;}

html {
	padding: 0;	
	color: #fff;
	background: #2E96DC url('../images/bg.png') repeat-x;
	font: bold 8pt 'Arial', Sans-Serif;
}

body {
	margin: 0;
}

img {border: 0;}

/*~~~~~~~~~~~~~~~~~~~~  Container   ~~~~~~~~~~~~~~~~~~~~*/

div#container {
	width: 1000px;
	background: url('../images/body_bg.png') 22px 0 repeat-y;
	margin: 0 auto;
}

/*~~~~~~~~~~~~~~~~~~~~  Left   ~~~~~~~~~~~~~~~~~~~~*/

div#left {
	float: left;
	width: 176px;
	background: url('../images/left_bg.png') no-repeat;
	margin: 0 0 36px 0; 
}

div#left div {
	background: url('../images/left_smilie.png') no-repeat;
	padding: 270px 0 0 27px;
}

div#left h2 {
	width: 137px;
	height: 17px;
	color: #fff;
	background: url('../images/left-h2_bg.png') no-repeat;
	margin: 13px 0 5px 0;
	padding: 1px 0 0 7px;
	font-size: 9pt;
}

div#left ul {
	background: url('../images/left-ul_body.png') 0 5px repeat-y;
	margin: 0;
	padding: 0;	
	zoom: 100%;
}

div#left ul li {
	padding: 0 0 0 14px;
	line-height: 100%;
	list-style: square;
	list-style-position: inside;
}

div#left ul li a:hover, div#left ul li:hover {color: #333;}

div#left ul li.head, div#left ul li.foot {
	height: 5px;
	font-size: 1px !important;
	line-height: 0em !important;
	list-style: none;
	list-style-position: outside;
}

div#left ul li.head {background: url('../images/left-ul_head.png') no-repeat;}
div#left ul li.foot {background: url('../images/left-ul_foot.png') no-repeat;}

div#left ul li.img {
	list-style: none;
	list-style-position: outside;
}

/*~~~~~~~~~~~~~~~~~~~~  Right   ~~~~~~~~~~~~~~~~~~~~*/

div#right {
	float: left;
	width: 759px;
	margin: 0 0 36px 0; 
}

/* Header */

div#header {
	width: 759px;
	height: 320px;
	background: url('../images/header_bg.png') no-repeat;
}

/* Menu */

ul#menu {
	height: 20px;
	margin: 0 0 0 0;
	padding: 79px 0 0 26px;
	list-style: none;
}

ul#menu li {float: left;}

ul#menu li a {
	display: block;
	width: 136px;
	height: 20px;
}

ul#menu li.beginpagina a{background: url('../menu/beginpagina.png') no-repeat;}
ul#menu li.startpagina a{background: url('../menu/startpagina.png') no-repeat;}
ul#menu li.faq a{background: url('../menu/faq.png') no-repeat;}
ul#menu li.favorieten a{background: url('../menu/favorieten.png') no-repeat;}
ul#menu li.aanmelden a{background: url('../menu/aanmelden.png') no-repeat;}
ul#menu li.beginpagina a:hover{background: url('../menu/beginpagina_a.png') no-repeat;}
ul#menu li.startpagina a:hover{background: url('../menu/startpagina_a.png') no-repeat;}
ul#menu li.faq a:hover{background: url('../menu/faq_a.png') no-repeat;}
ul#menu li.favorieten a:hover{background: url('../menu/favorieten_a.png') no-repeat;}
ul#menu li.aanmelden a:hover{background: url('../menu/aanmelden_a.png') no-repeat;}

/* Leuke links */

div#l_link {
	width: 730px;
	height: 105px;
	margin: 20px 0 0 28px;
	overflow: hidden;
}

/* Menu  2 */

ul#menu2 {
	height: 20px;
	margin: 0 0 0 0;
	padding: 40px 0 0 28px;
	list-style: none;
}

ul#menu2 li {float: left;}

ul#menu2 li a {
	display: block;
	width: 104px;
	height: 20px;
}

ul#menu2 li.avatars a{background: url('../menu/avatars.png') no-repeat;}
ul#menu2 li.emoticons a{background: url('../menu/emoticons.png') no-repeat;}
ul#menu2 li.namen a{background: url('../menu/namen.png') no-repeat;}
ul#menu2 li.skins a{background: url('../menu/skins.png') no-repeat;}
ul#menu2 li.backgrounds a{background: url('../menu/backgrounds.png') no-repeat;}
ul#menu2 li.downloads a{background: url('../menu/downloads.png') no-repeat;}
ul#menu2 li.winks a{background: url('../menu/winks.png') no-repeat;}
ul#menu2 li.avatars a:hover{background: url('../menu/avatars_a.png') no-repeat;}
ul#menu2 li.emoticons a:hover{background: url('../menu/emoticons_a.png') no-repeat;}
ul#menu2 li.namen a:hover{background: url('../menu/namen_a.png') no-repeat;}
ul#menu2 li.skins a:hover{background: url('../menu/skins_a.png') no-repeat;}
ul#menu2 li.backgrounds a:hover{background: url('../menu/backgrounds_a.png') no-repeat;}
ul#menu2 li.downloads a:hover{background: url('../menu/downloads_a.png') no-repeat;}
ul#menu2 li.winks a:hover{background: url('../menu/winks_a.png') no-repeat;}

/* L */

div#l {
	float: left;
	width: 605px;
}

/* Content */

div.box {
	width: 597px;
	background: #fff url('../images/right-div_head.png') no-repeat;
	margin: 7px 0 0 3px;
	padding: 7px 0 0 0;
	font-size: 9pt;
	overflow: hidden;
}

div.boxfoot, div.innerboxhead, div.innerboxfoot  {
	font-size: 1px !important;
	line-height: 0em !important;
	clear: both;
}

div.innerboxhead {
	width: 585px;
	height: 7px;
	background: url('../images/right-div2_head.png') no-repeat;
}

div.innerboxfoot {
	width: 585px;
	height: 7px;
	background: url('../images/right-div2_foot.png') no-repeat;
}

div.boxfoot {
	width: 597px;
	height: 8px;
	background: url('../images/right-div_foot.png') no-repeat;
}


div#right h2 {
	width: 590px;
	height: 17px;
	color: #fff;
	background: url('../images/right-h2_bg.png') no-repeat;
	margin: 0 0 0 6px;
	padding: 1px 0 0 7px;
	font-size: 9pt;
}

div#right h3 {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 9pt;
}

.innerbox {
	width: 585px;
	background: url('../images/right-div2_body.png') 0 7px repeat-y;
	margin: 3px 0 0 6px;
}

div.box p {
	width: 430px;
	margin: 0;
	padding: 7px 0 7px 20px;
	line-height: 100%;
}

div.box p img {
	float: left;
	margin: 0 20px 0 0;
}

ul.emoticons {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style: none;
}

ul.emoticons li {
	float: left;
	width: 101px;
	margin: 0 2px;
	text-align: center;
}

.download2 {
	float: right;
	margin: 0 30px 0 0;
}

ul.avatars {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style: none;
}

ul.avatars li {
	float: left;
	width: 100px; height: 100px;
	margin:5px 5px;
	text-align: center; 
	background-color:#FFF;
}

ul.avatars2 {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style: none;
}

ul.avatars2 li {
	float: left;
	width: 100px;
	margin:5px 5px;
}



ul.emoticons2 {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style: none;
}

ul.emoticons2 li {
	float: left;
	width: 130px;
	margin: 0 2px;
	text-align: center;
}

ul#ringtones {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#ringtones li {
	height: 14px;
	padding: 1px 0 1px 20px;
	line-height: 1em;
	clear: both;
}

ul#ringtones li.light {background: #FFBB75;}

ul#ringtones li img{
	margin: 0 10px 0 0;
	vertical-align: middle;
}

ul#ringtones li span, ul#ringtones li img {float: left;}

ul#ringtones li span.bestel {
	float: right;
	margin: 0 30px 0 0; 
}

/* R */

div#r {
	float: left;
	width: 149px;
	background: url('../images/right-r_bg.png') top right no-repeat;
	padding: 0 0 0 5px;
}

div#r h2 {
	width: 137px;
	height: 17px;
	color: #fff;
	background: url('../images/right-h2r_bg.png') no-repeat;
	margin: 16px 0 5px 0;
	padding: 1px 0 0 7px;
	font-size: 9pt;
}

div#r div {
	width: 144px;
	background: url('../images/left-ul_body.png') 0 5px repeat-y;
	margin: 0;
	padding: 0;	
	text-align: center;
}

div#r div img {margin: 12px 0 0 0;}

div#r div div.head, div#r div div.foot  {
	font-size: 1px !important;
	line-height: 0em !important;
	clear: both;
}

div#r div div.head {
	width: 144px;
	height: 5px;
	background: url('../images/left-ul_head.png') no-repeat;
}

div#r div div.foot {
	width: 144px;
	height: 5px;
	background: url('../images/left-ul_foot.png') no-repeat;
}


/* Bericht */

img.bericht {
	float: left;
	margin: 259px 0 0 0;
}

/*~~~~~~~~~~~~~~~~~~~~  Footer   ~~~~~~~~~~~~~~~~~~~~*/

div#footer {
	width: 100%;
	height: 17px;
	background: #646464;
	padding: 3px 0 0 0;
	border-top: 1px solid #fff;
	font-weight: normal;
	clear: both;
	text-align: center;
}

div#footer img {
	float: left;
	margin: 0 0 0 20px;
}

div#footer span.left, div#footer span.middle, div#footer span.right  {width: 30%;float: left;padding: 0 1% 0 2%;}

div#footer span.left {text-align: left;}
div#footer span.middle {text-align: center;}
div#footer span.right {text-align: right;}


/*~~~~~~~~~~~~~~~~~~~~  EXTRA   ~~~~~~~~~~~~~~~~~~~~*/
.weirdmaker {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 12px; font-weight:normal;
	height: 14px;
	border: 1px solid #FF7C10;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #21557C;

}



/* NAVIGATIE LINKS HORIZONDAAL */
.linklistTable {
	padding:2px;
}

.linklistTable td a {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 12px;
	line-height: 14px;
	display: block;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF7C10;
}

.linklistTable td a:hover {
	text-decoration: none;
	color: #000;
	padding: 1px;
	border-style: solid;
	border-width: 2px;
	border-color: #000;
}

/*Zoek buttons*/
.Search { 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 12px;
	line-height: 12px;
	background-color: #FFFFFF;
	border: 1px solid #FF7C10;
	width: 140px;
}