/* 
B&S Event Innovators
======================================================================================
URL:				http://www.bs-eventinnovators.nl/
Start ontwerp: 		onbekend
Start xhtml: 		15 januari 2009
Auteur: 			Jelmer Hoekstra [http://www.addnoise.nl]
======================================================================================
*/

@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);


body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #36424a; 
	background: #ffffff url(../images/bodyBackground.gif) top left repeat-x;
}

		
html
{
	height: 100%;
}

p {
	margin: 0px 0px 10px 0px;
}

table{
	position: relative;
	margin-left: -3px;
}

/* Fix voor IE */
* html table
{
	margin-left: -2px;
}

table td{
	border-bottom: 1px solid #eeeeee;
}

table p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* Container
---------------------------------------------------------------------------------------------- */
#mainContainer {
	width: 950px;
	margin: auto;
}

#mainContainer #topContainer{
	float: left;
	width: 950px;
	height: 77px;
}

#mainContainer #topContainer #topBalk{
	width: 895px;
	padding-left: 25px;
	padding-right: 30px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	color: #cecece;
	float: left;
}
#mainContainer #topContainer #topBalk a{ text-decoration: none; color:#cecece; font-weight:normal;}
#mainContainer #topContainer #topBalk a:hover{color:#fff;}
#mainContainer #topContainer #topBalk p{margin: 0; padding:0;}

#mainContainer #topContainer #topBalk #topBalkLeft { width: 600px; height: 15px; float: left;}
#mainContainer #topContainer #topBalk #topBalkRight { width: 200px; height: 15px; float: right; text-align: right;}

#mainContainer #topContainer #logoContainer {
	width: 895px;
	padding-right:30px;
	padding-left: 25px;
	height: 62px;
	background: #FFF url(../images/topBackground.gif) top left no-repeat;
	float: left;
	z-index: 999999;
}
#mainContainer #topContainer #logoContainer img{border: none;}

#mainContainer #topContainer #logoContainer .logo {
	height: 54px;
	width: 159px;
	float: left;
}

#mainContainer #topContainer #logoContainer .banner {
	height: 40px;
	width: 310px;
	padding: 13px 0px 0px 25px;
	float: left;
	position: relative;
}

#mainContainer #topContainer #logoContainer .banner img{ width: 310px; height: 40px; border: 0px;}

#flashcontent{
	position: absolute;
	width: 340px;
	height: 40px;
	top: 13px;
	left: 25px;
	z-index: 1;
}


a.spacer:link, a.spacer:visited, a.spacer:hover, a.spacer:active { 
	position: absolute;
	width: 340px;
	height: 40px;
	top: 13px;
	left: 25px;
	z-index: 2;	
	background: url(../images/spacer.gif) top left;
	}

	

/* Content
---------------------------------------------------------------------------------------------- */	

#mainContainer #contentContainer {
	width: 925px;
	padding-left: 25px;
	float: left;
	padding-top: 2px;
	background: #fff url(../images/contentContainerRightBg.gif) top right no-repeat;
	min-height: 500px;
}

/* Fix voor IE */
* html #mainContainer #contentContainer
{
	height: 500px;
}

#mainContainer #rightContent {
	width: 500px;
	padding-left: 49px;
	border-top: 1px solid #e5e5e5;
	float: left;
	margin-top: 11px;
	padding-top: 27px;
	padding-right: 87px;
	overflow: hidden;
}

#mainContainer #rightContentAccordion {
	width: 737px;
	padding-left: 49px;
	border-top: 1px solid #e5e5e5;
	float: left;
	margin-top: 11px;
	padding-top: 27px;
}

#mainContainer #homeContent {
	width: 786px;
	border-top: 1px solid #e5e5e5;
	float: left;
	margin-top: 11px;
	background: #FFF url(../images/homeContentBg.gif) top left no-repeat;
	height: 558px;
	position: relative;
}

#mainContainer #homeContent .btn1 {
	width: 91px;
	height: 35px;
	background: transparent url(../images/vernieuwers.gif) 0px 0px no-repeat;
	top: 264px;
	left: 0px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 14px 0px 0px 20px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
}
#mainContainer #homeContent .btn1:hover {
	background: #FFF url(../images/vernieuwers.gif) 0px -49px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn2 {
	width: 86px;
	height: 33px;
	background: transparent url(../images/btn2.gif) 0px 0px no-repeat;
	top: 337px;
	left: 111px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 5px 0px 0px 26px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
}
#mainContainer #homeContent .btn2:hover {
	background: #FFF url(../images/btn2.gif) 0px -34px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn3 {
	width: 86px;
	height: 26px;
	background: transparent url(../images/btn3.gif) 0px 0px no-repeat;
	top: 281px;
	left: 222px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 6px 0px 0px 32px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
}
#mainContainer #homeContent .btn3:hover {
	background: #FFF url(../images/btn3.gif) 0px -32px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn4 {
	width: 113px;
	height: 33px;
	background: transparent url(../images/btn4.gif) 0px 0px no-repeat;
	top: 56px;
	left: 222px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 8px 0px 0px 5px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
	text-align: center;
}
#mainContainer #homeContent .btn4:hover {
	background: #FFF url(../images/btn4.gif) 0px -41px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn5 {
	width: 110px;
	height: 30px;
	background: transparent url(../images/btn5.gif) 0px 0px no-repeat;
	top: 21px;
	left: 340px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
	text-align: center;
}
#mainContainer #homeContent .btn5:hover {
	background: #FFF url(../images/btn5.gif) 0px -35px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn6 {
	width: 108px;
	height: 25px;
	background: transparent url(../images/btn6.gif) 0px 0px no-repeat;
	top: 197px;
	left: 340px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 3px 0px 0px 2px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
	text-align: center;
}
#mainContainer #homeContent .btn6:hover {
	background: #FFF url(../images/btn6.gif) 0px -28px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn7 {
	width: 105px;
	height: 31px;
	background: transparent url(../images/btn7.gif) 0px 0px no-repeat;
	top: 351px;
	left: 450px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 8px 0px 0px 4px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
	text-align: center;
}
#mainContainer #homeContent .btn7:hover {
	background: #FFF url(../images/btn7.gif) 0px -39px no-repeat;
	font-size: 11px;
	color: #36424a;
}

#mainContainer #homeContent .btn8 {
	width: 111px;
	height: 38px;
	background: transparent url(../images/btn8.gif) 0px 0px no-repeat;
	top: 31px;
	left: 559px;
	color: #d9d9d9;
	text-decoration: none;
	padding: 7px 0px 0px 0px;
	font-weight: normal;
	position: absolute;
	display: block;
	font-size: 0px;
	text-align: center;
}
#mainContainer #homeContent .btn8:hover {
	background: #FFF url(../images/btn8.gif) 0px -45px no-repeat;
	font-size: 11px;
	color: #36424a;
}




/* Menu
---------------------------------------------------------------------------------------------- */	
#mainContainer #contentContainer #mainMenuContainer{
	width: 103px;
	float: left;
	background: #FFF url(../images/mainMenuBottomBg.gif) bottom center no-repeat;
	padding-bottom: 144px;
	margin-right: 30px;
}

#navblok{
	float: left;
	width: 103px;
	overflow: hidden;
	position: relative;	
}

#navblokwrapper{
	float: left;
	width: 103px;
	position: relative;
	margin-top: -33px;
}


#navblok ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	text-indent:0px;
	width: 103px;
	text-align: left;
	}
	
#navblok ul a {
	cursor: pointer;
	background: url(../images/mainMenuBtn.gif) top center no-repeat;
	height: 30px;
	line-height: 30px;
	color:#666666;
	display:block;
	font-weight:normal;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	text-decoration: none;
	}
	
#navblok ul a:hover {
	color:#36424a;
	background: url(../images/mainMenuBtnActief.gif) top center no-repeat;
	}
	
#navblok ul a.actief {
	color:#36424a;
	background: url(../images/mainMenuBtnActief.gif) top center no-repeat;
	}
	
#navblok ul a.current {
	background-color:#ffdd00;
}

#navblok ul ul {
	border-width:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent:0px;
	background: none;
	position: relative;
	}
	
#navblok ul li {
	list-style:none outside none; 
	display:inline;
	margin: 0px;
	padding: 0px;
	background:#FFF url(../images/mainMenuBackground.gif) top center repeat-y;
	}

#navblok ul li li a {
	color:#999999;
	display:block;
	text-decoration: none;
	font-weight:normal;
	background: none;
	line-height: 20px;
	height: 20px;
	margin: 0px;
	}

	
#navblok ul li li a:hover {
	font-weight: bold;
	color:#36424a;
	background: none;
	}
#navblok ul li li a.actief {
	font-weight: bold;
	color:#36424a;
	background: none;
	}

.foto_overzicht{
	display: block;
		
}

.foto_overzicht img{
	float: left;
	width: 105px;
	height: 105px;
	border: 0px;
	padding: 10px 10px 0px 0px;
}

/* Accordion
---------------------------------------------------------------------------------------------- */	

#accordionMenu {
	width: 400px;
	float: right;
}
#leftText {
	float: left;
	width: 307px;
}

.basic{
	width: 400px;
}

.basic div {
	width: 400px;
	border-top: 1px solid #ffffff;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

.basic div.active {
	width: 400px;
	border-top: 1px solid #ffffff;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}



.basic p {
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

.basic p img{
	border: 0px;
	width: 400px;
	margin: -24px 0px 0px 0px;
	padding: 0px;
	display: block;
}

.basic a {
	cursor: pointer;
	display: block;
	height: 24px;
	padding: 0px;
	margin: 0px;	
	overflow: hidden;
}	

.basic a:hover {
	
	}
	
.basic a.actief {
	background: none;		
	}
	
.basic a img{
	border: 0px;
	width: 400px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
/* Font opmaak
---------------------------------------------------------------------------------------------- */	

a:link, a:visited { 
	color: #b3ab01;
	text-decoration: none;
	font-weight:bold;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #b3ab01;
	text-decoration: underline;
	}
	
h1 { 
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	color: #36424a;
	padding: 0px 0px 0px 0px;
	}
	
h2 { 
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #36424a;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h4 { 
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #242424;
	padding: 0px 0px 0px 0px;
	}	
	
h5 { 
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 31px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
	
/* Clearer
---------------------------------------------------------------------------------------------- */		


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}