img{
	border: 0;
}

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	background-color: #744186;
	font-size: 11px;
}

#borderRight, #borderRightMenu{
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 28px;
	height: 600px;
	background-image: url(../images/rand_rechts.png);
}

#borderRightMenu{
	width: 197px;
}

#borderRightMenu ul{
	border-top: 2px dotted #b287b5;
	width: 178px;
	margin: 111px 0px 0px 0px;
	padding: 0;
}

#borderRightMenu ul li{
	cursor: pointer;
	list-style-type: none;
}

#borderRightMenu ul li a{
	display: block;
	cursor: pointer;
	color: #b287b5;
	font-size: 1.2em;
	text-decoration: none;
	height: 21px;
	width: 168px;
	padding: 8px 0px 2px 10px;
	border-bottom: 2px dotted #b287b5;
}

#borderRightMenu ul li a:hover, #borderRightMenu ul li a.active{
	background-image: url(../images/accentRechts.png);
	background-repeat: no-repeat;
}

#borderRightMenu ul li a.active{
	border-bottom: 2px dotted #FFFFFF;
	color: white;
}

#backgroundDots{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 8;
	width: 434px;
	height: 600px;
	background-image: url(../images/stippen.png);
	_background-image: url(../images/dots.gif);
	float: left;
}

#container{
	background-color: #884c8a;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	margin-top: 8%;
	width: 955px;
	height: 600px;
}


#mobiusKrul{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 35px;
	width: 546px;
	height: 346px;
	background-image: url(../images/mobiusKrul.gif);
}

#containerNav{
	margin-top: 40px;
	float: left;
	width: 200px;
}

#containerNav ul{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#containerNav ul.top{
	border: 0;
	margin-bottom: 24px;
}

#containerNav ul.bottom{
	border: 0;
	margin-top: 38px;
}

#containerNav ul li{
	position: relative;
	width: 200px;
	display: block;
	background-repeat: no-repeat;
}

#containerNav ul li#home{
	height: 44px;
	background-image: url(../images/newMenu/home.gif);
	background-position: 0px 0px;
}

#containerNav ul li#home.active, #containerNav ul li#home:hover{
	background-position: 0px -46px;
}

#containerNav ul li#bureauprofiel{
	height: 44px;
	background-image: url(../images/newMenu/bureauprofiel.gif);
	background-position: 0px 0px;
}

#containerNav ul li#bureauprofiel.active, #containerNav ul li#bureauprofiel.active:hover{
	background-position: 0px -94px;
}

#containerNav ul li#bureauprofiel:hover{
	background-position: 0px -47px;
}


#containerNav ul li#inbeeld{
	height: 44px;
	background-image: url(../images/newMenu/mobiusinbeeld.gif);
	background-position: 0px 0px;
}

#containerNav ul li#inbeeld.active, #containerNav ul li#inbeeld.active:hover{
	background-position: 0px -94px;
}

#containerNav ul li#inbeeld:hover{
	background-position: 0px -47px;
}

#containerNav ul li#vakgebieden{
	height: 32px;
	background-image: url(../images/newMenu/vakgebieden.gif);
	background-position: 0px 0px;
}

#containerNav ul li#vakgebieden.active, #containerNav ul li#vakgebieden.active:hover{
	background-position: 0px -134px;
}

#containerNav ul li#vakgebieden.menuactive{
	background-position: 0px -67px;
}

#containerNav ul li#vakgebieden.menuactive:hover{
	background-position: 0px -34px;
}

#containerNav ul li#vakgebieden:hover{
	background-position: 0px -100px;
}

#containerNav ul li#werkvelden{
	height: 32px;
	background-image: url(../images/newMenu/werkvelden.gif);
	background-position: 0px 0px;
}

#containerNav ul li#werkvelden.active, #containerNav ul li#werkvelden.active:hover{
	background-position: 0px -134px;
}

#containerNav ul li#werkvelden.menuactive{
	background-position: 0px -67px;
}

#containerNav ul li#werkvelden.menuactive:hover{
	background-position: 0px -34px;
}

#containerNav ul li#werkvelden:hover{
	background-position: 0px -100px;
}

#containerNav ul li#projecten{
	height: 33px;
	background-image: url(../images/newMenu/projecten.gif);
	background-position: 0px 0px;
}

#containerNav ul li#projecten.active, #containerNav ul li#projecten.active:hover{
	background-position: 0px -138px;
}

#containerNav ul li#projecten.menuactive{
	background-position: 0px -70px;
}

#containerNav ul li#projecten.menuactive:hover{
	background-position: 0px -35px;
}

#containerNav ul li#projecten:hover{
	background-position: 0px -104px;
}

#containerNav ul li#vacatures{
	height: 33px;
	background-image: url(../images/newMenu/vacatures.gif);
	background-position: 0px 0px;
}

#containerNav ul li#vacatures.active, #containerNav ul li#vacatures.active:hover{
	background-position: 0px -138px;
}

#containerNav ul li#vacatures.menuactive{
	background-position: 0px -70px;
}

#containerNav ul li#vacatures:hover{
	background-position: 0px -104px;
}

#containerNav ul li#vacatures.menuactive:hover{
	background-position: 0px -35px;
}

#containerNav ul li#nieuws{
	height: 35px;
	background-image: url(../images/newMenu/nieuws.gif);
	background-position: 0px 0px;
}

#containerNav ul li#nieuws.active, #containerNav ul li#nieuws.active:hover{
	background-position: 0px -146px;
}

#containerNav ul li#nieuws.menuactive{
	background-position: 0px -73px;
}

#containerNav ul li#nieuws:hover{
	background-position: 0px -109px;
}

#containerNav ul li#nieuws.menuactive:hover{
	background-position: 0px -36px;
}

#containerNav ul li#contact{
	height: 44px;
	background-image: url(../images/newMenu/contact.gif);
	background-position: 0px 0px;
}

#containerNav ul li#contact.active, #containerNav ul li#contact.active:hover{
	background-position: 0px -93px;
}

#containerNav ul li#contact:hover{
	background-position: 0px -47px;
}

#containerNav ul li#zoek{
	height: 70px;
	background-image: url(../images/newMenu/zoeken.gif);
	background-position: 0px -72px;
}

#containerNav ul li#zoek.active{
	background-position: 0px 0px;
}

#containerNav ul li#zoek input, #containerNav ul li#zoek.active input{
	margin: 40px 0px 0px 30px;
	background-color: #baa1d7;
	float: left;
	border: none;
	color: #641a6b;
	width: 130px;
	height: 18px;
	padding: 0;
}

#containerNav ul li#zoek button{
	margin: 40px 0px 0px 0px;
	float: left;
	border: none;
	width: 18px;
	height: 18px;
	padding: 0;
	display: block;
	background-color: #baa1d7;
	background-image: url(../images/searchBut.gif);
	background-repeat: no-repeat;
}


#containerNav ul li a{
	display: block;
	width: 200px;
	height: 100%;
	color: white;
}

#containerContentPage, #containerContentMovie{
	z-index: 2;
	margin-top: 40px;
	position: relative;
	float: left;
	width: 576px;
}

#containerContentMovie{
	z-index: 1000;
}

#containerContent{
	z-index: 100;
	margin-top: 40px;
	margin-left: 33px;
	position: relative;
	float: left;
	width: 576px;
}

#containerContentPage{
	width: 586px;
}

#topBlocks{
	width: 576px;
	height: 110px;
	background-color: #56075f;
	clear: both;
}

#topblockPurple{
	position: relative;
	width: 288px;
	height: 110px;
	float: left;
}

#topblockYellow{
	position: relative;
	width: 288px;
	height: 82px;
	float: left;
	padding: 14px 0px;
	text-align: right;
	background-color: #f5c412;
}

#topblockYellow h2{
	margin: 0;
	margin-top: 0px;
	margin-right: 8px;
	font-size: 1em;
	color: white;
	text-transform: uppercase;
}

#topblockPurple{
	background-color: #56075f;
}

#topblockPurple img{
	position: absolute;
	right: 20px;
	bottom: 15px;
}

#content{
	margin-top: 14px;
	clear: both;
	background-image: url(../images/backFrontPage.png);
	width: 576px;
	height: 388px;
}

#logoPage{
	position: absolute;
	z-index: 10;
	left: 586px;
	top: 59px;
	width: 142px;
	height: 43px;
	background-image: url(../images/mobiusLogoSmall.png);
	background-repeat: no-repeat;
}

#contentPage{
	position: relative;
	z-index: 2;
	margin-top: 71px;
	width: 558px;
	height: 440px;
	background-repeat: no-repeat;
}

#contentMovie{
	position: relative;
	background-color: white;
	margin-top: 71px;
	width:  538px;
	height: 403px;
	border-top: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
	z-index: 1000;
}

#movieDescription{
    position: relative;
    float: right;
    margin: 0px;
    padding: 3px 0px 3px 0px;
    background-color: white;
    width: 234px;
    min-height: 42px;
}

#movieDescription p{
    margin: 0;
}

#descriptionBox{
    width: 558px;
    background-color: white;
}

#movieDescription em{
    color: #65246C;
}

#content2{
	float: left;
	padding: 5px;
	width: 311px;
	height: 430px;
}

#content2 ul.project{
	margin: 0;
	padding-left: 20px;
}

#content2 ul.project li{
	font-size: 1.2em;
	margin-top: 8px;
	font-weight: bold;
}

#content2 ul.project li a{
	color: #641a6b;
	text-decoration: none;
}

#content2 ul.project li a:hover{
	text-decoration: underline;
}

#contentInside{
	padding-right: 5px;
	height: 425px;
	overflow: hidden;
}

/* Scrollbar */
.vScrollbar{
	float: right;			
}

.vTrack {
	height: 300px;
	width: 11px;
	position: relative;
	background-repeat: repeat-y;
	background-position: center center;
	overflow: hidden;			
}

.vThumb{
	position: absolute;
	top: 0;
	left: 3px;
	height: 15px;
	width: 5px;
	overflow: hidden;
}


.arrowUp, .arrowDown{
	height: 12px;
	width: 10px;
	overflow: hidden;						
}

.arrowUp{
	margin-bottom: 3px;
	background-repeat: no-repeat;
}

.arrowDown{
	margin-top: 3px;
	background-repeat: no-repeat;
}

#imagePage{
	position: absolute;
	right: 0;
	bottom: 0;
	margin-top: 127px;
	width: 237px;
	height: 313px;
}

#imagePageContact{
	position: absolute;
	right: 197px;
	bottom: 49px;
	margin-top: 127px;
	width: 237px;
	height: 313px;
	z-index: 1000;
}

#imagePageContact img{
	position: absolute;
	bottom: 0;
}

#content2 h1{
	font-size: 2em;
	margin: 0;
	padding: 7px 0px 11px 0px;
	border-style: dotted;
	border-width: 0px 0px 2px 0px;
}

#content2 p{
	margin: 8px 0px;
	line-height: 1.6em;
}

.white{
	background-image: url(../images/backgroundWhite.jpg);
	color: #641a6b;
}

.white h1{
	border-color: #d7b22f;
	color: #d7b22f;
}

.white a{
	color: #641a6b;
}

/* start Scrollbar */
.white .vTrack {
	background-image: url(../images/backgroundScrollbarYellow.gif);
}

.white .vThumb{
	background: #d7b22f;
}

.white .arrowUp{
	background-image: url(../images/scrollUpYellow.gif);
}

.white .arrowDown{
	background-image: url(../images/scrollDownYellow.gif);
}
/* end Scrollbar */

.yellowish{
	background-image: url(../images/backgroundYellowish.jpg);
	color: #641a6b;
}

/* start Scrollbar */
.yellowish .vTrack {
	background-image: url(../images/backgroundScrollbarPurple.gif);
}

.yellowish .vThumb{
	background: #612a64;
}

.yellowish .arrowUp{
	background-image: url(../images/scrollUpYellowish.gif);
}

.yellowish .arrowDown{
	background-image: url(../images/scrollDownYellowish.gif);
}
/* end Scrollbar */

.yellow{
	background-image: url(../images/backgroundYellow.jpg);
	color: #641a6b;
}

/* start Scrollbar */
.yellow .vTrack {
	background-image: url(../images/backgroundScrollbarPurple.gif);
}

.yellow .vThumb{
	background: #612a64;
}

.yellow .arrowUp{
	background-image: url(../images/scrollUpYellowBack.gif);
}

.yellow .arrowDown{
	background-image: url(../images/scrollDownYellowBack.gif);
}
/* end Scrollbar */

.yellow h1, .yellowish h1, .yellowish a, #contentPage.lightpurple h1, #contentPage.lightpurple a{
	border-color: #641a6b;
	color: #641a6b;
}


.lightPurple{
	background-image: url(../images/backgroundLightPurple.jpg);
	color: #641a6b;
}

.lightPurple a{
	color: #641a6b;
}

/* start Scrollbar */
.lightPurple .vTrack {
	background-image: url(../images/backgroundScrollbarPurple.gif);
}

.lightPurple .vThumb{
	background: #612a64;
}

.lightPurple .arrowUp{
	background-image: url(../images/scrollUpPurple.gif);
}

.lightPurple .arrowDown{
	background-image: url(../images/scrollDownPurple.gif);
}
/* end Scrollbar */

.darkPurple{
	background-image: url(../images/backgroundDarkPurple.jpg);
}

.darkPurple{
	background-image: url(../images/backgroundDarkPurple.jpg);
	color: white;
}

.darkPurple a{
	color: white;
}

.darkPurple h2, #contentPage.darkPurple h2 a{
	font-size: 1em;
	color: #884c8a;
}

/* start Scrollbar */
.darkPurple .vTrack {
	background-image: url(../images/backgroundScrollbar.gif);
}

.darkPurple .vThumb{
	background: #ffffff;
}

.darkPurple .arrowUp{
	background-image: url(../images/scrollUp.gif);
}

.darkPurple .arrowDown{
	background-image: url(../images/scrollDown.gif);
}
/* end Scrollbar */

#rightContent{
	float: right;
	width: 268px;
	height: 251px;
	padding: 5px 10px 5px 10px;
}

#rightContent p{
	font-size: 1.2em;
}

#leftContent{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 268px;
	padding: 5px 10px 5px 10px;
	color: #56075f;
}

#leftContent h2{
	font-size: 1em;
	margin: 8px 0px 0px 0px;
	color: #56075f;
}

#leftContent a{
	color: #56075f;
	text-decoration: none;
}

#rightContent{
	color: white;
}

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

a.searchActive{
	text-decoration: none;
	font-weight: bold;
}

#content2 input, #content2 textarea{
	width: 100%;
	border: none;
	background-color: white;
}

#content2 textarea{
	height: 80px;
}

img.coord{
	position: absolute;
	bottom: 46px;
	right: 252px;
}

img.coord2{
	float: right;
}

a.route{
	color: #c0a149;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
	position: absolute;
	width: 305px;
	height: 40px;
	bottom: 0;
	left: 4px;
	border-top: 2px dotted white;
}

.clear{
    clear: both;
}