@charset "utf-8";

html {height:100%}

h3 {font-size:12px;font-weight:bold;margin:0}

h5 {font-size:12px;font-weight:bold;margin:0}

li {line-height:20px}

p {margin:1em 0}

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

a:hover {color: #549DBD}

table {margin-left:-2px;margin-top:-2px}

body {
margin:0px;
padding:0px;
background:url(images/bg.jpg) repeat-x #6fabc8;
text-align:center}

#container {
width:955px;
margin-left:auto;
margin-right:auto;	
text-align:left;
height:100%}

/*hack*/
html>/**/body h3 {margin-bottom:30px}

.home a {
margin:0;
padding:0;
background:url(images/home.jpg) no-repeat right;
width:184px;
height:32px;
display:block}

.bss a {
margin:0;
padding:0;
background:url(images/bss.jpg) no-repeat right;
width:184px;
height:32px;
display:block}

.cdb a {
margin:0;
padding:0;
background:url(images/cdb.jpg) no-repeat #48182C right;
width:184px;
height:33px;
display:block}

.crea a {
margin:0;
padding:0;
background:url(images/crea.jpg) no-repeat right;
width:184px;
height:32px;
display:block}

.leeg {
margin:0;
padding:0;
background:url(images/proj_leeg.jpg) no-repeat;
width:166px;
height:32px;
display:block}
	
.proj a {
margin:0;
padding:0;
background:url(images/proj.jpg) no-repeat;
width:166px;
height:32px;
display:block}
	
.blog a {
margin:0;
padding:0;
background:url(images/blog.jpg) no-repeat;
width:166px;
height:32px;
display:block}

.nws a {
margin:0;
padding:0;
background:url(images/nws.jpg) no-repeat;
width:166px;
height:33px;
display:block}
	
.contact a {
margin:0;
padding:0;
background:url(images/contact.jpg) no-repeat;
width:166px;
height:32px;
display:block}

#menul li, #menur li {list-style-type:none;margin:0;padding:0}
	
#menul ul, #menur ul {margin:0;padding:0}
	
#menul ul li.home a:hover, #menul  ul li.home a.active {background:url(images/homeh.jpg) no-repeat right}
	
#menul ul li.bss a:hover, #menul ul li.bss a.active {background:url(images/bssh.jpg) no-repeat right}
	
#menul ul li.cdb a:hover, #menul ul li.cdb a.active {background:url(images/cdbh.jpg) #48182C no-repeat right}

#menul ul li.crea a:hover, #menul ul li.crea a.active {background:url(images/creah.jpg) no-repeat right}

#menur ul li.proj a:hover, #menur ul li.proj a.active {background:url(images/projh.jpg) no-repeat}
	
#menur ul li.blog a:hover, #menur ul li.blog a.active {background:url(images/blogh.jpg) no-repeat}

#menur ul li.nws a:hover, #menur ul li.nws a.active {background:url(images/nwsh.jpg) no-repeat}

#menur ul li.contact a:hover, #menur ul li.contact a.active {background:no-repeat url(images/contacth.jpg)}	
	
h2 {
margin-top:0px;
font:Verdana, Arial, Helvetica, sans-serif 14px bold;
margin-bottom:30px}

#headerl {
background-color:#48182c;
float:left;
height:136px;
width:555px;
padding:19px 0 0 50px}


#menul {
background:url(images/menulbg.jpg) no-repeat #48182C right bottom;
float:left;
height:155px;
width:184px}
	
#menur {
background:url(images/menurbg.jpg) no-repeat bottom;
float:left;
height:155px;
width:166px}

/* PAGINA'S: HOME BLOG CONTACT NIEUWS EN EEN DEEL PROJECTEN */
#contentl {
background:url(images/contentl.jpg) no-repeat left;
float:left;
height:445px;
width:48px;
border-bottom:#48182C solid 1px;
border-left:#48182C solid 1px}


#content {
background:#FFF url(images/bglogo.jpg) no-repeat right top;
float:left;
height:398px;
width:475px;
border-right:#48182C solid 1px;
font:11px Verdana, Arial, Helvetica, sans-serif ;
color:#000;
padding:32px 230px 0 200px}



#contentr {
background:url(images/bglogo.jpg) #FFF repeat-y right top;
float:left;
height:875px;
width:170px;
padding-top:32px;
border-right:#48182C solid 1px;
border-bottom:#48182C solid 1px}

.filmpje {
float:right;
padding:5px;
border:1px solid #48182C}

#footer {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#E7E7E9;
height:15px;
width:905px;
text-align:right;
float:left;
background-color:#FFF;
border-bottom:#48182C solid 1px;
border-right:#48182C solid 1px}
	
#footer a {color:#E7E7E9;text-decoration:none}
	
#footer a:hover {color:#48182C;text-decoration:none}

/* PAGINA'S CLUB DE BRAIN CREATIVITEITSTRAININGEN BRAINSTORMSESSIES */

#kolom {
float:left;
height:374px;
width:247px;
background:url(images/bgkolom_notext.jpg) #569CBE no-repeat left top;
padding-top:70px;
border-bottom:#48182C solid 1px;
border-right:#48182C solid 1px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color: #FFF}

.cdb{background-image:url(images/bgkolom_cdb.jpg)}

.bs{background-image:url(images/bgkolom_bs.jpg)}

.crea{background-image:url(images/bgkolom_crea.jpg)}

#contentl_sessies {
background-image:url(images/contentl_sessies.jpg);
float:left;
height:445px;
width:11px;
border-left:#48182C solid 1px}

#content_sessies {
height:402px;
width:504px;
padding:32px 150px 10px 40px;
background:#FFF url(images/bglogo.jpg) right top no-repeat;
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
border-right:#48182C solid 1px;
border-bottom:#48182C solid 1px}

#content_sessies a {color:#000;text-decoration:underline}

#content_sessies a:hover {color:#569CBE}
	
#container #content_sessies #panelwidget .SlidingPanelsContentGroup #p1 a:hover {color:#549DBD}

h4 {margin-top:0px;font-size:11px}

#kolom a
{color:#FF0000;
background-image: none;
display: inherit}

#kolom a:hover{color:#48182C}

#sessie1 {
background-color:#086694;
height:99px;
width:217px;
margin:5px;
padding:10px}

#sessie2 {
background-color:#517492;
height:99px;
width:217px;
margin:5px;
padding:10px}

#sessie3 {
background-color:#386a82;
height:99px;
width:217px;
margin:5px;
padding:10px}

/*PAGINA PROJECTEN*/
#contentlprojecten {
background:url(images/contentl_sessies.jpg) repeat-y left top;
float:left;
height:875px;
width:11px;
border-bottom:1px solid #48182C;
border-left:1px solid #48182C;
padding-top:32px}

#contentprojecten {
background: #FFF url(images/contentbgproj.jpg) no-repeat left top;
float:left;
height:875px;
width:772px;
border-bottom:1px solid #48182C;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding-top:32px}

hr {height:0;
border:0;
border-top:1px solid #48182C;
margin-bottom:15px}

.inspringen {padding-left:235px;padding-right:50px}

.inspringen_header {padding: 0 0 20px 235px}

.inspringen_img {padding-left:150px;margin-top:20px}#kolom {
	text-align: center;
}