/*  
Theme Name: NBBDO
Theme URI: 
Description: NBBDO Wordpress site
Version: 2.0
Author: Geert Feytons, Jurgen Dedeckere, Olivier Suarez, Niky Patyn
Author URI: http://proximity.bbdo.be

*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	width:100%;
	height: 100%;
	background-color:white;
}

img{
	border-width:0px;
}

#mainwrap{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	height:100%;
	width:990px;
	position:absolute;
	left:50%;
	margin-left:-495px;
	overflow:visible;
	background-image: url(images/greybg.gif);
	background-repeat:repeat-y;
	background-position: 660px 0px;
}

#contentwrap{
	width:990px;
	margin:0px;
	padding: 0px;
	background-image: url(images/greybg.gif);
	background-repeat:repeat-y;
	background-position: 660px 0px;
}

#bigcontent{
	background-image: url(images/nlogo.gif);
	background-repeat:no-repeat;
	background-position: 75px 40px;	
	padding-left:200px;
	padding-top:64px;
	width:460px;
}

#rightcontent {
	float:right;
	width:200px;
	margin: 0px;
	padding: 0px;
	padding-top: 64px;
	padding-right:110px;
}

#content {
	width:450px;
	margin:36px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#logo {
	display:none;
}

.logoposition {
	position:fixed;
	bottom:20px;
}


.titel{    
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
    color: black;
    text-transform: uppercase;
    font-size: 16px;    
	text-decoration:none; 
}

.titel a { 
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
    color: black;
    text-transform: uppercase;
    font-size: 16px;    
	text-decoration:none; 
}
 
.titel a:hover { 
    color: #ee3124;
    text-transform: uppercase;
    text-decoration:none; 
} 

.titel a:active {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #6e5e01;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}

.bodytext {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.bodytext a {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	color: #ee3124;
	background-color:none;
	text-decoration:none;
}

.bodytext a:hover {
	color: #fff;
	background-color:#ee3124;
	text-decoration:none;
}

.textfield_effect {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    width: 168px;
}

.postnavigation {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 9px;
	color: black;
}

.postnavigation a {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 9px;
	color: #ee3124;
	background-color:transparent;
}

.menudatum {
	font-family: Gill Sans Light, Verdana;
	font-size: 10px;
	color: #ee3124;

}

.menutext {
	font-family: Gill Sans Light, Verdana;
	font-size: 10px;
	color: #000000;
}

#dynamic_right{
	padding:0px;
	list-style-type:none;
	margin-left:0px;
	margin-top:20px;
	padding-top:0px;
	line-height:0px;

}

#dynamic_right ul {

	padding:0px;
	list-style-type:none;
	margin-left:0px;
	margin-bottom:20px;
	line-height:normal;

}

#dynamic_right h2{
	padding:0px;
	margin:0px;
	display:none;
}

#dynamic_right li {
	display:inline;
	font-family: Gill Sans Light, Verdana;
	font-size: 10px;

	margin:0px;
	height:auto;
}

#dynamic_right li a{
	display:block;
	color: #000000;
	text-decoration:none;
}
#dynamic_right li a:hover, #dynamic_right li a:hover span{
	color:#ee3124;
}

#dynamic_right li a span{
	color:#C7CB6A;
}



.page_item{
	list-style: none;
	float: left;
	font-size: 0px;
}




a#home img {
	background: url(images/home.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#news img {
	background: url(images/news.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#work img {
	background: url(images/work.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#jobs img {
	background: url(images/jobs.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#about img {
	background: url(images/about.gif) top left no-repeat;
	height: 19px; 
	width: 70px; 
	border-width: 0;
}
a#team img {
	background: url(images/team.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#contact img {
	background: url(images/contact.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#top img{
	border-width: 0;
}

#newsletter {
	background: url(images/newsletter_normal.gif) top left no-repeat;
	height: 30px;
	width: 125px;
	border-width: 0;
}

a#home:hover img, a#home.selected img{
	background: url(images/homeb.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#news:hover img, a#news.selected img {
	background: url(images/newsb.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#work:hover img, a#work.selected img {
	background: url(images/workb.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#jobs:hover img, a#jobs.selected img {
	background: url(images/jobsb.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#about:hover img, a#about.selected img {
	background: url(images/aboutb.gif) top left no-repeat;
	height: 19px; 
	width: 70px; 
	border-width: 0;
}
a#team:hover img, a#team.selected img {
	background: url(images/teamb.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#contact:hover img, a#contact.selected img {
	background: url(images/contactb.gif) top left no-repeat;
	height: 19px; 
	width: 50px; 
	border-width: 0;
}

a#community img {
	background: url(images/community.gif) no-repeat top left;
	height: 27px;
	width: 200px; 
	border-width: 0;
}

a#experience img {
	background: url(images/experience.gif) no-repeat top left;
	height: 27px;
	width: 200px; 
	border-width: 0;
}

a#activation img {
	background: url(images/activation.gif) no-repeat top left; 
	height: 27px;
	width: 200px; 
	border-width: 0;
}

a#community:hover img {
	background: url(images/communityb.gif);
}

a#experience:hover img {
	background: url(images/experienceb.gif);
}

a#activation:hover img {
	background: url(images/activationb.gif); 
}

a.titel:hover {
	color:#ee3124;
}

#newsletter:hover {
	background: url(images/newsletter_over.gif) no-repeat top left;
}
.hr {
	background: url(images/seperator.gif) repeat-x top left;
	height:1px;
	overflow:hidden;
}
.clear {
	height:0px;
	clear:both;
	overflow:hidden;
}