/*kleuren
donkerblauw - 247cae 
lichblauw - cce0ec
*/

/* algemeen */
* {	margin: 0;padding:0; }
html, 
body { height: 100%; }
body { font-family: arial,verdana; font-size: 11px;}
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -22px; }
#push {	height: 22px; }
.clear { clear: both; }
a { text-decoration: underline; color:#fff;  } 
a:hover { text-decoration:none; }
a img {border:none;}

/*body*/
body {background:#cce0ec url('../grfx/background_body_bg.gif') top left repeat-x;}

/*opmaak*/
img#left-flank {position:absolute;left:-56px;top:0;display:block;}
img#right-flank {position:absolute;top:114px;right:-35px;display:block;}
#shadow {position:absolute;bottom:22px;left:44px;width:799px;height:124px;background: transparent url('../grfx/content_shadow_bottom_bg.gif') top left repeat-x;z-index:1;}
#skyscraper  {position:absolute;top:0; right:-113px; background: #fff url('../grfx/120x600_bg.gif') top left no-repeat; width: 142px; height:620px;}
#skyscraper img {position:relative;left:9px;top:10px;}

/*container*/
#container {position:relative;width:827px;padding:0 30px 0 30px; background: #fff url("../grfx/container_border_bg.gif") top left repeat-y;}


/*header */
#container #header {position:relative;height:138px;width:799px;margin:0 auto;background: #fff url('../grfx/header_bg.gif') top left repeat-x;}
#container #header img#left {position:absolute;bottom:0;left:0;}
#container #header img#right {position:absolute;bottom:0;right:0;}
#container #header img#logo {position:absolute;top:26px;left:33px;z-index:5;}

#sms4you {background: transparent url('../grfx/sms4u_bg.gif') top left no-repeat;position:absolute;top:0;right:23px; width:525px;height:123px;}
#sms4you .sms4you-block {width:235px;height:85px;position:absolute;padding-top:25px;}
#sms4you .sms4you-block.left {left:20px;}
#sms4you .sms4you-block.right {left:275px;}

/*#sms4you .sms4you-block.girl {background: transparent url('../grfx/content/sms4you/girl.gif') 90px 12px no-repeat }
#sms4you .sms4you-block.boy {background: transparent url('../grfx/content/sms4you/boy.gif') 93px 12px no-repeat }*/

#sms4you .sms4you-block .thumb {position:absolute;width:88px;height:84px;overflow:hidden;} 
#sms4you .sms4you-block .thumb .overlay {position:absolute;left:0;top:0;width:88px;height:84px;background:transparent url('../grfx/content/sms4you/thumb_overlay.png') top left no-repeat;_background-image: url('../grfx/content/sms4you/thumb_overlay.gif');}
#sms4you .sms4you-block .thumb img {position:absolute;top:0;left:0;}
#sms4you .sms4you-block .text {position:absolute;width:140px;left:100px;color:#287fb1;}
#sms4you .sms4you-block .text h2 {font-weight:bold;font-size:10px;padding:0 0 5px 0px;margin:0 0 5px 0;background: transparent url('../grfx/dotline_blue.gif') bottom left repeat-x;width:110px;}
#sms4you .sms4you-block .text p {margin:0 0 10px 0;}
#sms4you .sms4you-block .text p a {color:#287fb1;text-decoration:none;}
.sms4you-block {cursor:pointer;}

/*content*/
#container #content-container {position:relative;background:transparent url('../grfx/content_top.gif') top left no-repeat; width:799px;margin:0 auto; z-index:5; min-height: 440px; height: auto !important; height: 440px; padding: 20px 0 35px 0;} /* minimale hoogte opioneel*/
#container #content-container #content-left {position:relative;width:195px;padding:0 0 0 10px;float:left;z-index:5;}
#container #content-container #content-right {position:relative;width:594px;float:left;z-index:5;}

/*Banner op juiste positie*/
#skyscraper .banner {position:relative;left:9px;top:10px;}
.block .banner-container .banner {position:relative;left:19px;top:14px;}



/*topnavigatie*/
#nav {position:relative; width:799px; margin: 0 auto; height:25px;background:#267fb0 url('../grfx/topnav_bg.gif') top left no-repeat;}
ul#nav-buttons {position:absolute;margin:-29px 0 0 35px;list-style-type:none;width:750px;_margin-top:-28px;z-index:10000;}
ul#nav-buttons li {float:left;position:relative;}
ul#nav-buttons li a {display:block;height:30px;width:86px;line-height:30px;color:#fff;text-align:center;background: url('../grfx/nav.png') left top no-repeat;text-transform:uppercase;font-weight:bold;text-decoration:none;_background-image: url('../grfx/nav.gif'); _height:28px;_line-height:28px;}
ul#nav-buttons li a:hover {background-position: left -50px;}

/* footer */
#footer { padding:0 30px 0 30px;width:827px;margin:0 auto; position: relative; height: 22px; background: #247cae url("../grfx/container_border_bg.gif") top left repeat-y;}
#footer p {line-height:22px;text-align:center;color:#fff;}


/**************************************************************/
/*                        CONTENT STYLES                      */
/**************************************************************/

/* fame blok */
#fame {position:relative;width:195px;margin: -10px 0 0 0;padding:53px 0 0 0;background:transparent url('../grfx/content/fame/fame_top.gif') top left no-repeat;}
#fame #fame-afbeelding {position:relative;background:transparent url('../grfx/content/fame/fame_pic_bg.jpg') top left repeat-y;min-height:171px;_height:171px;text-align:center;}
#fame #fame-afbeelding img {display:block;margin:0 auto;}
#fame #fame-bottom {position:relative;bottom:0;left:0;height:100px;width:195px;background: transparent url('../grfx/content/fame/fame_bottom.gif') top left no-repeat;}
#fame #fame-bottom a#naam {position:absolute;top:30px;left:42px;display:block;text-decoration:none;color:#000;font-weight:bold;width:115px;height:22px;line-height:22px;text-align:center;font-size:13px;}
#fame #fame-bottom a#naam:hover {color:#247cae;}
#fame #fame-bottom a#get-famous {position:absolute;bottom:17px;left:40px;display:block;width:110px;height:14px;text-indent:-9999px;overflow:hidden;}
/* einde fame blok */

/*login blok */
#login {position:relative;width:195px;height:170px;background:transparent url('../grfx/content/login/login_bg.gif') top left no-repeat;}
#login a#forgot-password {position:absolute;bottom:15px;left:35px;text-decoration:none;color:#fff;font-size:9px;}
#login a#forgot-password:hover {text-decoration:underline;}
#login-form {color:#fff;}
#login-form #form-username {position:absolute;top:37px;left:19px;height:20px;line-height:20px;width:154px;background:#fff url('../grfx/content/login/input_bg.gif') top left no-repeat;border:none;text-indent:10px;color:#000;font-size:10px;}
#login-form #form-password {position:absolute;top:63px;left:19px;height:20px;line-height:20px;width:154px;background:#fff url('../grfx/content/login/input_bg.gif') top left no-repeat;border:none;text-indent:10px;color:#000;}
#login-form #form-beveiligd {position:absolute;top:87px;left:35px;}
#login-form #form-login-submit {position:absolute;top:112px;left:40px;width:112px;height:25px;background: url('../grfx/content/login/btn_login.gif') top left no-repeat; border:none; cursor:pointer;}

/*mijnprofiel blok */
#mijnprofiel {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/mijnprofiel/mijnprofiel_bg.gif') top left no-repeat;margin:0 0 5px 0;}
#mijnprofiel .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#mijnprofiel .content p {margin:0 0 15px 0;}
#mijnprofiel .content p .kleur {color:#a3ddff}
#mijnprofiel .content ul {list-style-type:none;margin:0 0 15px 0;}
#mijnprofiel .content ul li a {text-decoration:none;}
#mijnprofiel .content ul li a:hover {text-decoration:underline;}

/*profielopties blok */
#profielopties {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/profielopties.gif') top left no-repeat;margin:0 0 5px 0;}
#profielopties .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#profielopties .content p {margin:0 0 15px 0;}
#profielopties .content p .kleur {color:#a3ddff}
#profielopties .content ul {list-style-type:none;margin:0 0 15px 0;}
#profielopties .content ul li a {text-decoration:none;}
#profielopties .content ul li a:hover {text-decoration:underline;}

/*actievetopics blok */
#actievetopics {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/actievetopics.gif') top left no-repeat;margin:0 0 5px 0;}
#actievetopics .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#actievetopics .content p {margin:0 0 15px 0;}
#actievetopics .content p .kleur {color:#a3ddff}
#actievetopics .content ul {list-style-type:none;margin:0 0 15px 0;}
#actievetopics .content ul li a {text-decoration:none;}
#actievetopics .content ul li a:hover {text-decoration:underline;}

/*mijnbuddies blok */
#mijnbuddies {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/mijnbuddies.gif') top left no-repeat;margin:0 0 5px 0;}
#mijnbuddies .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#mijnbuddies .content p {margin:0 0 15px 0;}
#mijnbuddies .content p .kleur {color:#a3ddff}
#mijnbuddies .content ul {list-style-type:none;margin:0 0 15px 0;}
#mijnbuddies .content ul li a {text-decoration:none;}
#mijnbuddies .content ul li a:hover {text-decoration:underline;}

/*sitestatistieken blok */
#sitestatistieken {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/sitestatistieken.gif') top left no-repeat;margin:0 0 5px 0;}
#sitestatistieken .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#sitestatistieken .content p {margin:0 0 15px 0;}
#sitestatistieken .content p .kleur {color:#a3ddff}
#sitestatistieken .content ul {list-style-type:none;margin:0 0 15px 0;}
#sitestatistieken .content ul li a {text-decoration:none;}
#sitestatistieken .content ul li a:hover {text-decoration:underline;}

/*laatstebezoekers blok */
#laatstebezoekers {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/laatstebezoekers.gif') top left no-repeat;margin:0 0 20px 0;}
#laatstebezoekers .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#laatstebezoekers .content p {margin:0 0 15px 0;}
#laatstebezoekers .content p .kleur {color:#a3ddff}
#laatstebezoekers .content ul {list-style-type:none;margin:0 0 15px 0;}
#laatstebezoekers .content ul li a {text-decoration:none;}
#laatstebezoekers .content ul li a:hover {text-decoration:underline;}

/*admincorner blok */
#admincorner {position:relative;width:195px;height:247px;background:transparent url('../grfx/content/admincorner.gif') top left no-repeat;margin:0 0 5px 0;}
#admincorner .content {position:relative;width:165px;left:15px;top:30px;color:#fff;}
#admincorner .content p {margin:0 0 15px 0;}
#admincorner .content p .kleur {color:#a3ddff}
#admincorner .content ul {list-style-type:none;margin:0 0 15px 0;}
#admincorner .content ul li a {text-decoration:none;}
#admincorner .content ul li a:hover {text-decoration:underline;}

.block {display:block;width:557px;position:relative;background:#247cae url('../grfx/content/block_bg.gif') top left repeat-y;padding: 0 10px 0 10px;margin: 26px 0 66px 0;color:#fff;}
.block .block-content {width:100%;position:relative;left:1px;}
.block .block-content.gradient {background: transparent url('../grfx/content/block_content_gradient.gif') bottom left repeat-x;_height:245px;min-height:245px;}
.block img.heading {position:absolute;top:-36px;left:25px;z-index:5;}
.block .bottom {position:absolute;bottom:-26px;left:0;z-index:1;background: transparent url("../grfx/content/block_bottom.gif") top left no-repeat;width:577px;height:26px; }
.block .bottom-light {position:absolute;bottom:-26px;left:1px;z-index:1;background: transparent url("../grfx/content/block_bottom_light.gif") top left no-repeat;width:577px;height:26px; }
.block .top {position:absolute;top:-26px;left:0;z-index:1;background: transparent url("../grfx/content/block_top.gif") top left no-repeat;width:577px;height:26px; }
.block .intro {position:relative;left:230px;width:320px;}
.block .intro p {position:relative;_height:130px;min-height:130px;padding:0 0 10px 0;}
.block .intro p a.more {display:block;width:50px;float:right;margin:5px 0 0 0;}
.block .intro h1 {font-size:16px;margin:0 0 5px 0;padding:0 0 5px 0;background: transparent url('../grfx/dotline.gif') bottom left repeat-x;}
.block .intro-thumb {position:absolute;left:10px;width:202px;height:138px;padding:10px 0 0 12px;background: transparent url('../grfx/content/intro_thumb.gif') top left no-repeat;}
.block .banner-container {position:relative;margin:0 auto;width:505px;height:91px;background: transparent url('../grfx/banner_bg.png') top left no-repeat}
.block .banner-container img {position:relative;left:19px;top:14px;}

.block .newsitem {position:relative;background: #5b9cc3 none;margin:0 0 1px 0;_height:90px;min-height:90px;}
.block .newsitem .thumb {position:absolute;left:5px;top:2px;width:85px;height:60px;}
.block .newsitem .thumb img {position:relative;top:5px;left:6px;}
.block .newsitem .content {position:relative;width:445px;left:100px;top:3px;}
.block .newsitem .content h1 {font-size:14px;}
.block .newsitem .content a {font-weight:bold;text-decoration:none;}

/****** profiel pagina *******/
/* achtergrondblok */
.block-profiel {display:block;width:557px;position:relative;background:transparent url('../grfx/profiel/block_bg.gif') 2px top repeat-y;padding: 0 10px 0 10px;margin: 26px 0 66px 0;color:#fff;}
.block-profiel .block-content {width:100%;position:relative;left:1px;}
.block-profiel .block-content.gradient {position:relative;left:1px;background: transparent url('../grfx/profiel/gradient_bg.gif') bottom left repeat-x;_height:1045px;min-height:1045px;width:533px;padding:0 15px 0 10px;overflow-x:hidden;} 
.block-profiel .bottom {position:absolute;bottom:-25px;left:2px;z-index:1;background: transparent url("../grfx/profiel/block_bottom.gif") bottom left no-repeat;width:577px;height:25px; }
.block-profiel .top {position:absolute;top:-25px;left:2px;z-index:1;background: transparent url("../grfx/profiel/block_top.gif") top left no-repeat;width:577px;height:25px; }
#profiel-container {width:537px;}

/*uitklapmenu*/
#nav-buttons li ul { position: absolute;	left: -999em; 	width:150px;	z-index:1000;	background:#267FB0 none;	border-left:1px solid #fff;	border-right:1px solid #fff;	border-bottom:1px solid #fff;	height:auto;	font-size:10px;	font-weight:normal;	_margin:_1px 0 0 0;	_padding:1px 0 0 0;	_border-top:1px solid #fff;}
#nav-buttons li ul li {text-indent:0;display:block;width:100%;clear:both;background:none;margin:0;}
#nav-buttons li ul li a{margin:0;text-indent:10px;display:block;text-align:left;width:100%;height:16px;line-height:16px;background:none;text-decoration:none;font-weight:normal;text-transform:none;}
#nav-buttons li ul li a:hover {background:#eee none;color:#267FB0;}
#nav-buttons li ul ul { border:1px solid #fff;	margin: -14px 0 0 70px;	font-size:11px;}
#nav-buttons li:hover ul ul, #nav-buttons li:hover ul ul ul, #nav-buttons li.sfhover ul ul, #nav-buttons li.sfhover ul ul ul {	left: -999em;}
#nav-buttons li:hover ul, #nav-buttons li li:hover ul, #nav-buttons li li li:hover ul, #nav-buttons li.sfhover ul, #nav-buttons li li.sfhover ul, #nav-buttons li li li.sfhover ul { /* lists nested under hovered list items */	left: auto;	z-index:1000;}
/* einde uitklapmenu */

/*nieuw:*/
.news .thumb {float:left;margin:0 10px 10px 0;}
.news .block-content {position:relative;left:1px;padding:0 12px;width:533px;}
.news .block-content.gradient {background: transparent url('../grfx/content/block_content_gradient.gif') bottom left repeat-x;_height:245px;min-height:245px;}
.news h1 {display:inline-block;font-size:16px;margin:0 0 5px 0;padding:0 0 5px 0;background: transparent url('../grfx/dotline.gif') bottom left repeat-x;}
.news .news-content {position:relative;_height:130px;min-height:130px;padding:0 0 10px 0;}
.news .news-content p {padding:0 0 10px 0;}
.news .news-content p a.more {display:block;width:50px;float:right;margin:5px 0 0 0;}