/* KINDERCHAT.NL - DESIGN & BASING DOOR BENBOOGAARDT.NL

************************************************************/

* {margin: 0; padding: 0;}

html, body {behavior: url("/css/css.htc");}

body {background: #dcf7ff url(/img/background.gif) repeat-x center top; font: 11px Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration: none; color: #000;}

img {border: none;}

	@font-face {  
	  font-family: "Segoe UI";  
	  src: url( /segoeui.eot ); /* IE */  
	  src: local("Segoe UI"), url( /segoeui.ttf ) format("truetype"); /* non-IE */  
	}  

/* GROTE VLAKKEN

************************************************************/

#container {width: 750px; position: relative; left: 50%; margin-left: -375px;}

#header {width: 750px; height: 60px;}

#menuold {width: 750px; height: 36px; clear: left;}

#content {width: 738px; background: #fff; border-left: 1px #7b9da8 solid; border-right: 1px #7b9da8 solid; padding: 0 5px; overflow: hidden;}

#content a{text-decoration: underline;}

#links {width: 404px; float: left; clear: left;}

#rechts {width: 334px; float: left; clear: right;}



/* HEADER & MENU

************************************************************/

img#ga_chat {width: 297px; height: 33px; margin: 14px auto auto 17px;}





/**//**/

#menu{font-family:arial,sans-serif;font-weight:bold;width:750px;height:32px;position:relative;font-size:10px;z-index:100; margin:5px 2px 0 5px;}

#menu ul li a,

#menu ul li a:visited,#menu ul li span.active

{

display:block;text-decoration:none;

width:74px;

height:20px;

text-align:center;color:#fff;

background:#7b2a00;line-height:20px;font-size:10px;overflow:hidden;

}

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

#menu ul li{float:left;position:relative}

#menu ul li ul{display:none}

/**/

#menu ul li:hover a,#menu ul li span.active{background:#F5FFC5;color:#000}

#menu ul li:hover ul

{

display:block;position:absolute;top:20px;left:0;width:85px;

}

#menu ul li:hover ul li ul{display:none}

#menu ul li:hover ul li a{display:block;width:100px;background:#ddd;color:#000}

#menu ul li:hover ul li a:hover{background:#F5FFC5;color:#000}

#menu ul li:hover ul li:hover ul{display:block;position:absolute;left:105px;top:0}

#menu ul li:hover ul li:hover ul.left{left:-105px}



/* LINKS HOME

************************************************************/

#geel {width: 202px; float: left; margin-right: 5px; background: #fffbd9;}

#geel_boven {width: 202px; height: 10px; background: url(/img/geel_boven.gif) no-repeat;}

#geel_inhoud {width: 192px; padding: 0 5px;}

#geel_onder {width: 202px; height: 10px; background: url(/img/geel_onder.gif) no-repeat;}

#geel input.text {width: 177px; padding: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px #ccc solid; background: #fff url(/img/input.gif) repeat-x; margin: 2px 0;}

#geel a {text-decoration: underline; line-height: 18px; margin-left: 4px;}

#geel a:hover {text-decoration: none;}



#geelsmall {width: 160px; float: left; margin-right: 5px; background: #fffbd9;}

#geelsmall_boven {width: 160px; height: 10px; background: url(/img/geel_boven.gif) no-repeat;}

#geelsmall_inhoud {width: 150px; padding: 0 5px;}

#geelsmall_onder {width: 160px; height: 10px; background: url(/img/geel_onder.gif) no-repeat;}

#geelsmall input.text {width: 135px; padding: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px #ccc solid; background: #fff url(/img/input.gif) repeat-x; margin: 2px 0;}

#geelsmall a {text-decoration: underline; line-height: 18px; margin-left: 4px;}

#geelsmall a:hover {text-decoration: none;}





#forum_info {width: 195px; float: left;}

#forum_info img {margin: 5px;}



#forum_info li {width: 179px; height: 24px; list-style: none; padding: 0 8px; line-height: 22px; background: #fff;}

#forum_info li.evenrow {background: url(/img/forum_grijs.gif) repeat-x;}

#forum_info li span {color: #ccc;}

#forum_info a:hover {text-decoration: underline;}



#groen {width: 400px; float: left; margin-right: 5px; margin-top: 3px; background: #f5ffc5;}

#groen_boven {width: 400px; height: 12px; background: url(/img/groen_boven.gif) no-repeat;}

#groen_inhoud {width: 392px; padding: 0 5px; overflow: hidden;}

#groen_onder {width: 400px; height: 12px; background: url(/img/groen_onder.gif) no-repeat;}



#groen_links {width: 186px; float: left;}

#groen_rechts {width: 186px; float: left;}



#groen_links .populairste_foto {width: 100px; height: 95px; float: left; margin-top: 5px; float: left;}

#groen_links .populairste_foto img.nummer {margin: 40px 0 0 48px;}

#groen_links .populairste_tekst {float: left; clear: right; margin-top: 5px; line-height: 20px;}



#groen_rechts ul {margin: 5px 0 0 10px;}

#groen_rechts ul li {width: 165px; list-style: inside square; padding: 6px 10px; background: #e3f58b; border-bottom: 1px #f9ffd9 solid;}

#groen_rechts ul li.om {background: #f9ffd9; border-top: 1px #c8d97a solid;}

#groen_rechts a:hover {text-decoration: underline;}



/* RECHTS HOME

************************************************************/

#zoeken {width: 332px; height: 48px; margin-left: 2px; background: url(/img/zoek_bg.gif) no-repeat;}

input#zoek {width: 300px; height: 15px; padding: 8px; margin: 8px 0 0 8px; background: url(/img/zoek_bar.gif) no-repeat; border: none; font: 11px Verdana, Arial, Helvetica, sans-serif;}



#zoekensmall {width: 160px; height: 48px; margin-left: 2px; background: url(/img/zoek_bg.gif) no-repeat;}

input#zoeksmall {width: 128px; height: 15px; padding: 8px; margin: 8px 0 0 8px; background: url(/img/zoek_bar.gif) no-repeat; border: none; font: 11px Verdana, Arial, Helvetica, sans-serif;}



img#advertentie_klein {margin: 2px 0 0 1px;}

img.rkop {margin: 5px 0 0 0;}

#rechts p {padding: 5px 10px 10px 10px; line-height: 20px; border-bottom: 1px #000 dashed;}



#willekeurig {padding: 5px;}

#willekeurig img#profielfoto {float: left;}

#willekeurig ul, #jarigen ul, #nowonline ul, #withhyves ul, #withtwitter ul {float: right;}

#willekeurig li, #jarigen li, #nowonline li, #withhyves li, #withtwitter li {list-style: none; line-height: 22px;}

#willekeurig a, #jarigen a, #nowonline a, #withhyves a, #withtwitter a {text-decoration: underline;}

#willekeurig a:hover, #jarigen a:hover, #nowonline a:hover, #withhyves a:hover, #withtwitter a:hover {text-decoration: none;}



/* ONDER

************************************************************/

img#advertentie_groot {margin: 8px 5px;}



#footer {width: 730px; height: 11px; padding: 17px 10px; background: url(/img/footer.gif) no-repeat; color: #fff;}

#footer a {color: #fff;}



/* FORUM

************************************************************/

#forum_links {width: 573px; float: left;}

#forum_rechts {width: 160px; float: left; margin-left: 5px;}



#forum_img {float: left;}

#forum_nav {float: right; margin: 8px 10px 0 0;}



.cmsbboard:first {border-top: none;}

.cmsbboard .roweven,#jarigen .even, #nowonline .even, #withhyves .even, #withtwitter .even {background: #fffde7 url(/img/forum_oranje.gif) repeat-x; padding: 7px 0 12px 12px; line-height: 20px; border-bottom: 1px #fbd998 solid; border-top: 1px #fff solid; overflow: hidden;}

.cmsbboard .rowoneven,#jarigen .oneven, #nowonline .oneven, #withhyves .oneven, #withtwitter .oneven {background: #fff url(/img/forum_wit.gif) repeat-x; padding: 7px 0 12px 12px; line-height: 20px; border-top: 1px #fff solid; border-bottom: 1px #fbd998 solid; overflow: hidden;}



.cmsbboard .forumheader {background: #F7B432; line-height: 20px; border-top: 1px #fff solid; border-bottom: 1px #fbd998 solid; overflow: hidden; color:#fff; font-weight: bold; font-style: italic; font-size:10px; padding:7px 0 5px 5px;}

#jarigen .links , #nowonline .links, #withhyves .links, #withtwitter .links{width: 385px; float: left;}

.cmsbboard .big, .forum_in_links {width: 250px; float: left;}

.bigmessages{width: 180px; float: left;}

.bigmessage{width: 305px; float:left;}

 #jarigen .links ul, #nowonline .links ul, #withhyves .links ul, #withtwitter .links ul {float: left;}

.cmsbboard .middle,.cmsbboard .small, #jarigen .rechts, #nowonline .rechts, #withhyves .rechts, #withtwitter .rechts {width: 160px; float: left; padding-left: 15px; border-left: 1px #fce2a3 solid;}



.cmsbboard .middle {width:90px;}

.cmsbboard .small {width:70px;}

#reg_login {margin: 5px;}

#reg_login a {text-decoration: underline;}

#reg_login a:hover {text-decoration: none;}

/*.forumheader div.big, .forumheader div.small, .forumheader div.middle {padding-left: 15px;}*/

/* PROFIEL

************************************************************/

h1.naam {font: bold 17px Arial, Verdana, Helvetica, sans-serif; font-style: italic; margin: 4px;}



#profiel_links {width: 270px; float: left;}

#profiel_rechts {width: 303px; float: left;}



#profiel_links ul {width: 260px;}

#profiel_links ul li {padding: 9px 12px; border-top: 1px #ccc solid;}

#profiel_links ul li.om {background: #eee; padding-bottom: 8px; border-bottom: 1px #fff solid; border-top: 0;}



#profiel_links form {margin: 10px;}

#profiel_links select {font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px;}



#profiel_rechts #gele_knop {background: #fdffbc; border: 1px #dcca79 solid; float: left; padding: 5px 10px; margin: 5px 4px 0 10px;}

#profiel_rechts #groene_knop {background: #edffa4; border: 1px #c1c450 solid; float: left; padding: 5px 10px; margin: 5px 0 0 4px;}



#persoonlijkbericht {clear: both; padding: 10px; border-top: 1px #999 dashed; border-bottom: 1px #999 dashed; line-height: 18px;}

h1,h2{font-size: 16px; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;font-style: italic; margin:2px;}

h2{font-size: 14px;}

#ai1 p {border: none;}