/* Cubique Webcreations - www.cubique.nl  */

/* -------------------------------------------------------------- layout kenmerken */

html, body {
	height:100%;
}
* html #outer{
	height:100%;
}
body {
	padding:0;
	margin:0;
	background: url('img/main/body-background.gif') repeat-x;
	font-family: verdana, arial, tahoma;
	background-position: 0 109px;
}
#container{
	height:100%;
	min-height:100%;
	width:830px;
	margin:auto;
	position:relative;
}
#outer{
	min-height:100%;
	margin: 0 0 -16px 0;
	padding: 0;
	width: 830px;	
	background: url('img/main/content-back.png') repeat-y;
	behavior: url(/js/iepngfix.htc);
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:110px;
	overflow:hidden;
	margin-left: 15px;
	background: url('img/main/content-strategy-logo.gif') no-repeat 30px 10px;
}
#header-photo {
	height: 166px;
	width: 800px;
	border-top: 6px solid #899ca7;
	border-bottom: 6px solid #899ca7; 
	position:relative;
}
.img1 {
	background: url('img/headers/header-1.jpg');
}
.img2 {
	background: url('img/headers/header-2.jpg');
}
.img3 {
	background: url('img/headers/header-3.jpg');
}
.img4 {
	background: url('img/headers/header-4.jpg');
}
.img5 {
	background: url('img/headers/header-5.jpg');
}
.img6 {
	background: url('img/headers/header-6.jpg');
}
.img7 {
	background: url('img/headers/header-7.jpg');
}
.img8 {
	background: url('img/headers/header-8.jpg');
}
.img9 {
	background: url('img/headers/header-9.jpg');
}
#trans {
	width: 800px;
	height: 76px;
	background: url('img/main/transparancy.png');
	position: absolute;
	bottom: 0;
	filter:alpha(opacity=50);  
   	-moz-opacity:0.5;         
   	opacity: 0.5;

}
#clearheader {
	height:105px;
}
#footer {
	position:relative;
	clear:both;
	min-height:15px;
	height: auto !important;
	height: 15px;
	padding-left: 516px;
}
#clearfooter{
	clear:both;
	height:25px;
}
#centrecontent {
	margin-top: 0px;
	width: 800px;
	margin-left: 15px;
}
#content {
	position: relative;
	width: 800px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: url('img/main/back-content.gif') no-repeat;
}
#inhoud {
	width: 415px;
	margin: 30px;
	float: left;
	display: inline;
	position: relative;
}
#right-block {
	float: right;
	display: inline;
	width: 279px;
	margin: 40px 20px 0px 0;
}
/* -------------------------------------------------------------- algemene kenmerken */

td {
	vertical-align: top;
}
img {
	border: 0 none;
}
a, input {
	outline: none;
}
* {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------- menu kenmerken */

/* ----------------------- menu-top kenmerken */

#menu-top {
	position: absolute;
	top: 0;
	left: 500px;
	margin-right: 20px;
}
#menu-top ul, #menu-main ul {
	list-style-type: none;
}
#menu-top li, #menu-main li {
	display: inline;
	width: 85px;
	border-bottom: 6px solid #cb4e41;
}
#menu-top li a, #menu-main li a {
	float: left;
	width: 85px;
	background-repeat: no-repeat;
	margin-left: 8px;
	border-bottom: 6px solid #cb4e41;
}
#menu-top a#home			{background-image: url('img/menu/menu-home.gif');height: 25px;}
#menu-top a#contact			{background-image: url('img/menu/menu-contact.gif');height: 44px;}
#menu-top a#nieuwsbrief		{background-image: url('img/menu/menu-nieuwsbrief.gif');height: 35px;}

#menu-main a#nieuws			{background-image: url('img/menu/menu-nieuws.gif');height: 117px;margin-top:32px;}
#menu-main a#diensten		{background-image: url('img/menu/menu-diensten.gif');height: 149px;}
#menu-main a#seminars		{background-image: url('img/menu/menu-seminars.gif');height: 84px;margin-top: 65px;}

#menu-top a:hover, #menu-main a:hover {
	background-position: -85px 0;
}

/* ----------------------- menu-main kenmerken */

#menu-main {
	position: absolute;
	left: 501px;
	top: -130px;
	width: 279px;
	height: 155px;
	z-index: 10;
}

/* -------------------------------------------------------------- inhoud kenmerken */

#inhoud h1, #right-block h1 {
	text-transform: lowercase;
	color: #cb4e41;
	font-size: 0.84em;
	padding-bottom: 8px;
}
#inhoud h2 {
	text-transform: lowercase;
	color: #cb4e41;
	font-size: 0.71em;
	padding-bottom: 4px;
}
#inhoud p, #inhoud li, #nieuws-block p, #agenda p, #agenda li, #about li {
	line-height: 160%;
	font-size: 0.71em;
	color: #858688;
}
#inhoud p {
	padding-bottom: 8px;
}
#inhoud ul, #inhoud ol {
	margin-left: 18px;
	padding-bottom: 8px;
}
#inhoud a {
	color: #858688;
	text-decoration: underline;
}
#inhoud a:hover {
	color: #163642;
}
.imgleft {
	float: left;
	padding: 0;
	margin: 3px 3px 3px 0;
}
.imgright {
	float: right;
	padding: 0;
	margin: 3px 0 3px 3px;
}
/* -------------------------------------------------------------- right block kenmerken */

#right-block div {
	width: 249px;
	margin-bottom: 6px;
}
div #right-block #menu-main {
	width: 279px;
}
#nieuws-block, #agenda, #about {
	border: 1px solid #a5a6a8;
	background: #fff;
}
#nieuws-block, #agenda, #about, #zoeken {
	padding: 10px;
	margin-left: 8px;
}
#zoeken {
	clear: both;
	position:absolute;
	top: 62px;
	margin: 0;
	width: 255px;
}
#about {
	background: #fff url('img/main/about-back.gif') no-repeat;
	min-height: 160px;
	height: auto!important;
	height: 160px;
}
#nieuws-block h2, #agenda h2, div #nieuws .nieuwsbericht h2 {
	font-size: 0.71em;
	padding: 2px 0 4px 0;
}
#nieuws-block h2 a, #agenda h2 a, div #nieuws .nieuwsbericht h2 a {
	text-decoration: none;
	color: #617a81;
}
#nieuws-block h2 a:hover, #agenda h2 a:hover, #about li a:hover, div #nieuws .nieuwsbericht h2 a:hover {
	text-decoration: underline;
}
#nieuws-block p, #agenda p {
	padding-bottom: 4px;
}
#agenda ul, #about ul, #nieuws .agenda ul {
	list-style-type: none;
}
#agenda li, #nieuws .agenda li {
	background: url('img/main/ul-blue.gif') no-repeat;
	background-position: left;
	padding-left: 12px;
}
#about li {
	background: url('img/main/ul-red.gif') no-repeat;
	background-position: left;
	padding-left: 12px;	
}
#about li a {
	color: #858688;
	text-decoration: none;
}

/* -------------------------------------------------------------- opdrachtgevers kenmerken */

#inhoud .opdrachtgevers {
	margin-top: 25px;
}
#inhoud #opdrachtgevers {
	border-top: 1px solid #a5a6a8;
	border-bottom: 1px solid #a5a6a8;
	padding: 8px 0 8px 0;
	margin: 5px 0 15px 0;
}
.clear {
	clear:both;
}
/* -------------------------------------------------------------- zoeken kenmerken */

#search {
	width: 225px;
	float: left;
	font-family: verdana, arial, tahoma;
	color: #858688;
	font-size: 69%;
	border: 1px solid #a5a6a8;
	padding: 3px 5px 3px 5px;
	margin-right: 5px;
	font-style: italic;
	position: relative;
}
#zoeken .search-button {
	float: right;
	margin-right: -10px;
	display: inline;
}
/* -------------------------------------------------------------- footer kenmerken */

#footer div {
	width: 85px;
	margin-left: 8px;
	background: #707072;
	min-height: 15px;
	height: auto! important;
	height: 15px;
	float: left;
	display: inline;
}
#footer p {
	padding: 2px 4px 2px 4px;
	color:  #fff;
	font-size: 61%;
}
#footer div a {
	color: #fff;
	text-decoration: none;
}

/* -------------------------------------------------------------- contact kenmerken */

.contact-form {
	padding: 15px 5px 15px 5px;
	margin: 15px 0 0 0;
	border: 1px solid #d4d4d4;
}	
.label-contact {
	display: block;
	padding: 2px 1px;
	float: left;
	width: 150px;
	border-bottom: 1px solid #bcbebf;
	font-size:69%;
	font-family: verdana, arial;
	font-weight: bold;
	color: #858688;
}
.formfields-2 {
	display: block;
	padding: 2px 1px;	
	margin-left: 152px;
	padding: 2px;
}	
.formfields-1 {
	margin-bottom: 10px;
	border: 1px solid #bcbebf;
	font-family: verdana, arial;
	font-size: 71%;
	width: 210px;
	color: #858688;
	padding: 4px;
}
fieldset {
	border: none;
	margin: 0;
	padding-left: 5px;
}	
fieldset span {
	font-family: courier;
	color: #cb4e41;
}
button {
	background: #eceded;
	border: none;
	padding: 2px 8px 2px 8px;
	color: #434245;
	cursor: pointer;
	font-weight: bold;
	margin-left: 157px;
	font-size: 69%;
	letter-spacing: 1px;
}	
button:hover	{
	background: #d4d4d4;
	color: #a71528;
}
form .red {
	border-color: #cb4e41;
}
#options {
	margin-left: 152px;
	border-left: 1px solid #bcbebf;
	padding-left: 5px;
	font-size: 69%;
	margin-bottom: 10px;
	color: #858688;
	line-height: 190%;
}

/* -------------------------------------------------------------- nieuws kenmerken */

#nieuws .nieuwsbericht {
	border: 1px solid #cbcfff;
	padding: 8px 8px 0 8px;
	margin-bottom: 6px;
	min-height: 50px;
	background: #fff;
}
#nieuws .nieuwsbericht p {
	padding-right: 20px;
}
div #nieuws .nieuwsbericht .plaatsingsdatum {
	font-size: 61%;
	padding-right: 0;
}
#inhoud p.intro {
	font-weight: bold;
}
div #inhoud p.plaatsingsdatum {
	font-size: 61%;	
}
#inhoud .pdf {
	margin: 0 10px 0 0;
}
div #nieuws .agenda li {
	padding-left: 10px;
}
div #nieuws .agenda ul {
	margin: 0;
	padding-left: 5px;
}
div #nieuws .archive {
	padding-top: 10px;
}
/* -------------------------------------------------------------- nieuws gallery kenmerken */

#fotoserie {
	width: 400px;
	margin-bottom: 10px;
	overflow:hidden;
}
div #fotoserie .galleria {
	list-style:none;
	width:400px;
	margin: 0;
	padding: 0;
}
.galleria li{
	display:block;
	width:93px;
	height:70px;
	overflow:hidden;
	float:left;
	margin:0 8px 8px 0;
}
.galleria li a{
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img {
	cursor:pointer;
}
.galleria li.active div img, .galleria li.active div{
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
	display:block;
	padding-top:.5em
}
* html .galleria li div span {
	width:400px
	}
.caption {
	font-family: verdana, arial;
	font-size: 74%;
	color: #858688;
	font-style: italic;
	padding-left: 8px;
}
.gallery-a {
	width:400px;
}
.gallery-a li {
	border:1px solid #c4c4c4;
	margin: 0 5px 5px 0;
}
.gallery-a li div {
	left:240px
}
.gallery-a li div .caption { 
	font-family: verdana, arial;
	font-size: 74%;
	color: #ccff00;
}
#main_image {
	margin: 0 0 40px 0;
	height:255px;
	width:396px;
}