body {
	background		: #ffffff; 
	margin			: 0; 
	padding			: 0;
}

* {
	padding			: 0; 
	margin			: 0;
}

img {	
	border			: none;
}

/* Basisboxen ------------------------------------------------*/
    
#main {
	background		: #ffffff;
	position		: relative;
	width			: 862px;
	margin			: 0 auto;
	margin-top		: 40px;
}

#tablinks {
	float			: left;
	width			: 30px;
}

#container {
	float			: left;
	width			: 800px;
	border			: 1px solid #bbbbbb;
}

#tabrechts {
	float			: left;
	width			: 30px;
	padding-top		: 161px;
}

#leegte {
	float			: left;
	width			: 862px;
	height			: 40px;
}

/* Basiselementen pagina -------------------------------------*/

#header {
	float			: left;
	width			: 800px;
	height			: 100px;
}

#logo {
	float			: left;
	width			: 135px;
	height			: 68px;
	margin-top		: 18px;
	margin-left		: 13px;
}

#menu {
	float			: left;
	width			: 800px;
	height			: 40px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
}

#content {
	float			: left;
	width			: 800px;
	background		: #ffffff;
}

#kolomlinks {
	float			: left;
	margin-top		: 20px;
	width			: 508px;
	background		: #ffffff;
}

#kolomrechts {
	float			: left;
	margin-left		: 20px;
	margin-top		: 20px;
	margin-bottom		: 20px;
	width			: 272px;
	background		: #ffffff;
	display			: inline;
}

#footer {
	float			: left;
	width			: 800px;
	height			: 40px;
	background		: #b0c919;
	margin-top		: 20px;
}

/* Achtergronden headers -------------------------------------*/

.header-buttons {
	background		: url(/images/base/header-buttons.jpg) no-repeat;
}

.header-disco {
	background		: url(/images/base/header-silentdisco.jpg) no-repeat;
}

.header-tenen {
	background		: url(/images/base/header-tenen.jpg) no-repeat;
}

.header-tvs {
	background		: url(/images/base/header-tvs.jpg) no-repeat;
}

.header-kopjes {
	background		: url(/images/base/header-kopjes.jpg) no-repeat;
}

.header-catwalk {
	background		: url(/images/base/header-catwalk.jpg) no-repeat;
}



/* Hoofdmenu -------------------------------------------------*/

#menu ul {
	list-style		: none;
}

#menu li {
	float			: left;
	}

#menu li a {
	display			: block;
	text-indent		: -9999px;
	outline			: none;
}

#menu li a#menu-home {
	width			: 80px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -15px -5px;
	margin-top		: 5px;
	margin-left		: 15px;
}

#menu li a#menu-aangenaam {
	width			: 100px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -105px -5px;
	margin-top		: 5px;
	margin-left		: 10px;
}
#menu li a#menu-denken {
	width			: 70px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -220px -5px;
	margin-top		: 5px;
	margin-left		: 15px;
}
#menu li a#menu-doen {
	width			: 55px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -318px -5px;
	margin-top		: 5px;
	margin-left		: 28px;
}
#menu li a#menu-ontmoeten {
	width			: 90px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -398px -5px;
	margin-top		: 5px;
	margin-left		: 25px;
}
#menu li a#menu-delen {
	width			: 50px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -521px -5px;
	margin-top		: 5px;
	margin-left		: 33px;
}
#menu li a#menu-lezen {
	width			: 40px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -584px -5px;
	margin-top		: 5px;
	margin-left		: 13px;
}
#menu li a#menu-kijken {
	width			: 42px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -631px -5px;
	margin-top		: 5px;
	margin-left		: 7px;
}
#menu li a#menu-kopen {
	width			: 45px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -683px -5px;
	margin-top		: 5px;
	margin-left		: 10px;
}
#menu li a#menu-zenden {
	width			: 50px;
	height			: 30px;
	background		: url(/images/base/mc-menubalk.png) no-repeat;
	background-position	: -735px -5px;
	margin-top		: 5px;
	margin-left		: 7px;
}

#menu li a#menu-home:hover, #menu li a#menu-home.active {
	background-position	: -15px -45px;
}
#menu li a#menu-aangenaam:hover, #menu li a#menu-aangenaam.active {
	background-position	: -105px -45px;
}
#menu li a#menu-denken:hover, #menu li a#menu-denken.active {
	background-position	: -220px -45px;
}
#menu li a#menu-doen:hover, #menu li a#menu-doen.active {
	background-position	: -318px -45px;
}
#menu li a#menu-ontmoeten:hover, #menu li a#menu-ontmoeten.active {
	background-position	: -398px -45px;
}
#menu li a#menu-delen:hover, #menu li a#menu-delen.active {
	background-position	: -521px -45px;
}
#menu li a#menu-lezen:hover, #menu li a#menu-lezen.active {
	background-position	: -584px -45px;
}
#menu li a#menu-kijken:hover, #menu li a#menu-kijken.active {
	background-position	: -631px -45px;
}
#menu li a#menu-kopen:hover, #menu li a#menu-kopen.active {
	background-position	: -683px -45px;
}
#menu li a#menu-zenden:hover, #menu li a#menu-zenden.active {
	background-position	: -735px -45px;
}

/* Basisteksten ----------------------------------------------*/

p {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	text-align		: left;
	color			: #000000;
}

p a {
	color			: #5c2365;
}

p a:hover {
	color			: #b0c919;
}	

.paars {
	color			: #5c2365;
	font-weight		: bold;
}

.groen {
	color			: #b0c919;
	font-weight		: bold;
}

.paddinglinks {
	padding-left		: 20px;
}

.paddingrechts {
	padding-right		: 20px;
}

.paddingboven {
	padding-top		: 20px;
}

.paddingonder {
	padding-bottom		: 20px;
}

.wit {
	color			: #ffffff;
}

/* Homepage overige items ------------------------------------*/

#onshuismerk h2 {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-weight		: bold;
	font-size		: 8pt;
	line-height		: 12pt;
	text-align		: left;
	color			: #5c2365;
	padding-left		: 10px;
}

#onshuismerk img {
	margin-bottom		: 20px;
}

#onshuismerk p {
	padding-right		: 20px;
	padding-left		: 10px;
	margin-bottom		: 20px;
}

#gedanezaken {
	float			: left;
	width			: 488px;
	background		: #ffffff;
	margin-top		: 20px;
}

#gedanezakenheader {
	float			: left;
	width			: 88px;
	height			: 250px;
	background		: #b0c919 url(/images/base/bg-gedane_zaken.png) no-repeat;
}

#gedanezakenknop {
	float			: left;
	width			: 22px;
	height			: 22px;
	margin-left		: 22px;
	margin-top		: 15px;
}

#gedanezakenfotobox {
	float			: left;
	width			: 400px;
	height			: 250px;
	background		: #b0c919;
	margin-bottom		: 5px;
}

#gedanezaken p {
	text-align		: right;
}

#manischnieuws {
	float			: left;
	width			: 358px;
	background		: #ffffff url(/images/base/bg-manisch_nieuws.png) no-repeat;
	margin-top		: 20px;
	margin-left		: 20px;
	padding-top		: 16px;
	padding-left		: 110px;
	padding-right		: 20px;
	padding-bottom		: 20px;
	display			: inline;
}

#manischnieuws h2 {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-weight		: bold;
	font-size		: 8pt;
	line-height		: 12pt;
	text-align		: left;
}

#manischnieuws strong {
	color			: #e2007a;
}

#fototweet-tekst {
	width			: 252px;
	padding-top		: 5px;
}

#fototweet-tekst strong {
	color			: #5c2365;
}

#manischkort {
	float			: left;
	width			: 220px;
	background		: url(/images/base/bg-manischkort.png) no-repeat;
	margin-bottom		: 20px;
	padding-top		: 30px;
	padding-left		: 20px;
	padding-right		: 10px;
}

#mk-bericht1 {
	padding-bottom		: 5px;
	border-bottom		: 1px solid #b0c919;
	margin-bottom		: 5px;
}
#mk-bericht2 {
	padding-bottom		: 5px;
	border-bottom		: 1px solid #b0c919;
	margin-bottom		: 5px;
}
#mk-bericht3 {
	margin-bottom		: 5px;
}

#mk-bericht1 p, #mk-bericht2 p, #mk-bericht3 p {
	color			: #5c2365;
}

/* Splash page elementen -------------------------------------*/

#splashheader {
	float			: left;
	width			: 800px;
	height			: 145px;
	background		: #5c2165;
}

#splashmotto {
	float			: left;
	width			: 800px;
	height			: 70px;
	background		: #5c2165;
}

#splashbestteam {
	float			: left;
	width			: 800px;
	height			: 380px;
	background		: #ffffff;
}

#splashgaverder {
	position		: absolute;
	width			: 70px;
	height			: 70px;
	top			: 146px;
	left			: 700px;
	background		: #5c2165;
	z-index			: 99;
}

#tabrechts-splash {
	float			: left;
	width			: 30px;
	padding-top		: 146px;
}

/* Aangenaam pagina ------------------------------------------*/
#duocv {
	padding-right		: 0px;
}
#duocv img {
	margin-bottom		: 20px;
}

#duocv p {
	padding-right		: 20px;
	padding-left		: 10px;
	margin-bottom		: 20px;
}

.aangenaampaarsvlak {
	background		: #e8dee7;
	margin-left		: 20px;
}

.paddingpaarsvlak {
	padding-left		: 20px;
	padding-right		: 20px;
	padding-top		: 3px;
	padding-bottom		: 20px;

}


/* Denken pagina ---------------------------------------------*/
#ideeuitvoering {
}

#ideeuitvoering img {
	margin-bottom		: 20px;
}

#ideeuitvoering p {
	padding-right		: 20px;
	padding-left		: 10px;
	margin-bottom		: 20px;
}

#denkenkolom {
	float			: left;
	padding-top		: 20px;
	padding-bottom		: 20px;
	padding-right		: 20px;
	width			: 488px;
	background		: #e8dee7;
}

#footer-denken {
	float			: left;
	width			: 800px;
	height			: 40px;
	background		: #b0c919;
}


/* Doen pagina -----------------------------------------------*/
#doen {
	float			: left;
	background		: url(/images/doen/bg-daden-1.jpg) no-repeat;
	width			: 800px;
	height			: 435px;
}

#doen-knop {
	float			: left;
	width			: 800px;
	height			: 44px;
}

#doen-tekst {
	float			: left;
	width			: 210px;
	margin-left		: 20px;
	display			: inline;
}

#doen-werk {
	float			: left;
	width			: 530px;
	height			: 370px;
	margin-left		: 40px;
	margin-top		: 16px;
	display			: inline;
	background		: #ffffff;
}

#doen-werkafbeelding {
	float			: left;
	width			: 130px;
	height			: 310px;
}

#doen-paginacijfers {
	float			: left;
	width			: 530px;
	height			: 40px;
	margin-top		: 20px;
	display			: inline;
}

#doenpaarseknop {
	float			: left;
	width			: 145px;
	height			: 24px;
	margin-left		: 460px;
	margin-top		: 20px;
	display			: inline;
}

#doenpulldown {
	display			: none;
	background		: #ffffff;
	border			: 1px solid #888888;
	width			: 298px;
	position		: absolute;
	top			: 185px;
	left			: 490px;
	height			: 320px;
	overflow		: auto;
}

#doenpulldown li {
	width			: 281px;
	height			: 20px;
	list-style-type		: none;
}

#doenpulldown li a {
	display			: block;
	width			: 268px;
	text-align		: left;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	color			: #888888;
	padding-left		: 14px;
	text-decoration		: none;
}	

#doenpulldown li a:hover {
	background-color	: #e7dee8;
	color			: #000000;
	height			: 20px;
}

#doen-werktekst {
	float			: left;
	height			: 270px;
}

#doen-werktekst h3 {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	text-align		: left;
	color			: #5c2365;;
	font-weight		: bold;
}	

#doen-logovlak {
	float			: left;
	width			: 210px;
	overflow		: hidden;
}

.kijken-submenu {
	float			: right;
	width			: 30px;
}


/* Delen pagina ----------------------------------------------*/
#delen {
	float			: left;
	background		: url(/images/delen/bg-delen-1.jpg) no-repeat;
	width			: 800px;
	height			: 415px;
}

#delen-tekst {
	float			: left;
	width			: 140px;
	height			: 330px;
	margin-top		: 60px;
	margin-left		: 630px;
	display			: inline;
}
	

/* Lezen pagina ----------------------------------------------*/

#blogkolom {
	float			: left;
	padding-top		: 20px;
	padding-bottom		: 20px;
	width			: 508px;
	background		: #e8dee7;
}

#lezen-tekst {
	float			: left;
	width			: 255px;
}

#lezen-beeld {
	margin-top		: 20px;
	float			: left;
	width			: 200px;
}

#lezen-links {
	float			: left;
	width			: 200px;
	margin-top		: 20px;
}

#blogkolom h1 {
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: bold;
	padding-left		: 30px;
	padding-right		: 20px;
}

#blogkolom h1 a {
	color			: #ec008c;
	text-decoration		: none;
}	

#blogkolom h1 a:hover {
	color			: #ec008c;
	text-decoration		: underline;
}	

#blogkolom p {
	text-align		: left;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	color			: #000000;
	padding-left		: 30px;
	padding-right		: 20px;
}

#blogkolom p a {
	color			: #5c2165;
}

#blogkolom p a:hover {
	color			: #b0c919;
}

.weblogmeta {
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 7pt;
	line-height		: 12pt;
	color			: #000000;
}

.koppaars {
	color			: #5c2365;
}

.kopgroen {
	color			: #b0c919;
}

.kopmagenta {
	color			: #ec008c;
}

.kopcyaan {
	color			: #00adef;
}

.koporanje {
	color			: #ff8a00;
}

.kopzwart {
	color			: #000000;
}


/* Kopen pagina ----------------------------------------------*/
#kopen {
	float			: left;
	background		: url(/images/delen/bg-delen-kopen-1.jpg) no-repeat;
	width			: 800px;
	height			: 435px;
}

#kopen-tekst {
	float			: left;
	width			: 260px;
	height			: 330px;
	margin-top		: 20px;
	margin-left		: 20px;
}

/* Zenden pagina ---------------------------------------------*/

#zenden-1-a {
	float			: left;
	width			: 460px;
	height			: 400px;
	margin-top		: 20px;
	margin-left		: 20px;
}

#zenden-1-b {
	float			: left;
	width			: 260px;
	height			: 350px;
	margin-top		: 20px;
}

.formulier { 
	color			: #000000;
	background		: #ffffff;
	font-family		: verdana, helvetica, arial, sans-serif;
	font-size		: 9pt;   
	border			: 1px solid #b0c919;
	padding-bottom 		: 3px;
	padding-left 		: 3px;
	padding-right 		: 3px;
	margin-bottom 		: 3px;
}

.formulierknop {
	border			: 1px solid #5c2165;
	background		: #ffffff;
	color			: #5c2165;
	font-style		: bold;
}


/* Fotoalbum layout ------------------------------------------*/

#fotospul {
	float			: left;
	width			: 800px;
	height			: 435px;
}

#thumb0, #thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6 {
	float			: left;
	width			: 75px;
	height			: 60px;
	margin-right		: 19px;
}

#thumb7 {
	float			: left;
	width			: 75px;
	height			: 60px;
}


#fotoknop-links {
	float			: left;
	width			: 30px;
	height			: 30px;
	margin-top		: 15px;
}

#fotoknop-rechts {
	float			: left;
	width			: 30px;
	height			: 30px;
	margin-top		: 15px;
}

#foto-knoppenbalk {
	float			: left;
	width			: 800px;
	height			: 60px;
	padding-top		: 20px;
}

#foto-albumkiezer {
	float			: left;
	width			: 770px;
	height			: 20px;
	padding-top		: 3px;
	padding-left		: 30px;
}

#kijken-groot {
	float			: left;
	width			: 455px;
	height			: 280px;
	margin-left		: 30px;
	margin-top		: 10px;
	display			: inline;
}

#kijken-1-a {
	float			: left;
	margin-top		: 10px;
	margin-left		: 30px;
	padding-right		: 30px;
	width			: 230px;
}

#kijken-albumnaam {
	float			: left;
	width			: 455px;
	height			: 20px;
	z-index			: 99;
}

#kijken-preload {
	width			: 455px;
	height			: 280px;
	position		: absolute;
	top			: 30px;
	left			: 30px;
}

#kijken-paginacijfers {
	width			: 260px; 
	height			: 30px;
	position		: absolute;
	top			: 535px; 
	left			: 510px;
}

#kijken-selector {
	width			: 260px; 
	height			: 30px;
	position		: absolute;
	top			: 224px; 
	left			: 30px;
}

#daden-paginacijfers {
	width			: 800px; 
	height			: 30px;
	position		: absolute;
	top			: 515px; 
	left			: 0px;
}

.kijken-submenu {
	float			: right;
	width			: 30px;
}








/* Ontmoeten pagina ------------------------------------------*/
#tekstvak {
	float			: left;
	width			: 800px;
	height			: 435px;
}

#reageren-1-a {
	float			: left;
	width			: 285px;
	height			: 240px;
	margin-left		: 20px;
	margin-top		: 30px;
}

#reageren-1-b {
	float			: left;
	width			: 400px;
	height			: 20px;
	margin-left		: 200px;
	margin-top		: 60px;
	text-align		: center;
}

#ontmoeten-box {
	float			: left;
	width			: 800px;
	height			: 150px;
}

#ontmoeten-contactinfo {
	float			: left;
	width			: 360px;
	height			: 100px;
	text-align		: center;
	padding-left		: 20px;
	padding-right		: 20px;
}

#ontmoeten-boekje {
	float			: left;
	width			: 360px;
	height			: 80px;
	padding-left		: 20px;
	padding-right		: 20px;
	padding-top		: 20px
}

/* Films -----------------------------------------------------*/

#filmvlak-grijs {
	background-color	: #e8dee7;
	width			: 495px;
	padding-left		: 35px;
	padding-top		: 20px;
	padding-bottom		: 20px;
}

/* Beheer ----------------------------------------------------*/

#beheermenu {
	float			: left;
	margin-top		: 20px;
	margin-bottom		: 20px;
	margin-left		: 20px;
	width			: 160px;
	padding-bottom		: 200px;
}

#beheercontent {
	float			: left;
	margin-left		: 20px;
	margin-top		: 20px;
	margin-bottom		: 20px;
	width			: 580px;
}

#menuuit {
	float			: left;
	width			: 800px;
	height			: 40px;
	background		: url(/images/base/mc-beheermenubalk.png) no-repeat;
}

#beheermenu ul {
	list-style		: none;
}

#beheermenu li {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	text-align		: left;
	color			: #000000;
}

#beheermenu li a {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	text-align		: left;
	color			: #5c2365;
}

#beheercontent h1 {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 16pt;
	line-height		: 16pt;
	text-align		: left;
	color			: #5c2365;
	margin-bottom		: 26px;
}


