/* 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;}

/* 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;}

#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 {idth: 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 {float: right;}
#willekeurig li, #jarigen li {list-style: none; line-height: 22px;}
#willekeurig a, #jarigen a {text-decoration: underline;}
#willekeurig a:hover, #jarigen 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 {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 {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 {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 {float: left;}
.cmsbboard .middle,.cmsbboard .small, #jarigen .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;}