
/*=========MAIN=========*/

body {
	margin: 0;
	padding: 0;
    background-image: url("bg.jpg");
	b1ackground-image: url("1050.png");
    b1ackground-repeat: repeat-x;
	font-size:medium;
}

div#outer {
	position:relative;
	width:760px;
	margin:0px auto 50px; /* de helft van de breedte */
	l1eft:50%;
	border:solid 2px white;
	color:white;
	background: black;
	
}


div#head 
{
	height: 20px;
	padding-top: 107px;
	b1order:solid 1px red;
}

h1, h2, h3 {
	font-size:140%;
	t1ext-align:center;
	margin-top:20px;
	margin-left:30px;
	b1order:solid 1px white;
}

h2 {font-size:120%;}
h3 {font-size:100%;}

h2.docu {text-align:center;font-size:140%;margin:0px;}

.center {text-align:center;}

/*=========BANNER=========*/

div.bghome
{
    background: url("home/banner.png") no-repeat; 
    color: black;
}

div.bgphoto
{
    background: url("photo/banner.png") no-repeat; 
    color: black;
}

div.bgdocu
{
    background: url("docu/banner.png") no-repeat; 
    color: black;
}

div.bgacro
{
    background: url("acro/banner.png") no-repeat; 
    color: black;
}

div.bgmakeup
{
    background: url("makeup/banner.png") no-repeat; 
    color: black;
}

div.bglinks
{
    background: url("links/banner.png") no-repeat; 
    color: black;
}

.home_links a {color:red;font-size:110%;text-decoration:none;font-weight:bold;}
.home_links a:hover {text-decoration:underline;}

/*=========NAVIGATION=========*/

div#nav ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 672px; /* aantal navigatiepunten X breedte per navpunt */
}
div#nav ul li {
	display: block;
	width: 112px;
	float: left;
	text-align: center;
}
div#nav ul li a {
    text-decoration:none;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
}

div#nav ul li a:hover {
	color: red;
}

div#nav ul li a.active {
	color: red;
}

/*=========SLIDESHOW=========*/

div#main {
	p1adding: 10px;
    b1ackground: black;
    font-family: arial;
	color: white;
	font-size: 12px;
	text-align: justify;
	b1order:solid 1px lime;
	p1adding: 0px 45px 100px 45px;
	b1order:solid 1px lime;
	line-height:1.4em;
}

div#main.no_slide p {
	margin-left:30px;
}

div#main.no_slide a {color:#2a5db0;}

.CollapsiblePanelContent {
	margin-top:7px;
	b1order:solid 1px lime;
}

#CollapsiblePanel1, #CollapsiblePanel2, #CollapsiblePanel3, #CollapsiblePanel4, #CollapsiblePanel5, #CollapsiblePanel6 {clear:both;margin:50px;margin-left:30px;b1order:solid 1px red;}

#CollapsiblePanel2, #CollapsiblePanel3, #CollapsiblePanel4, #CollapsiblePanel5, #CollapsiblePanel6 {width:600px;margin:0px auto;}

.CollapsiblePanelContent p {
	l1ine-height:1.2em !important;
	m1argin-bottom:-5px !important;
	f1ont-family:"Courier New";
}

#CollapsiblePanel6 em {font-weight:bold;font-size:120%;}

#CollapsiblePanel6 {margin-bottom:80px;}

#synopsis, #synopsis2, #synopsis3, #synopsis4 {text-align:center;font-style:italic;}

p.left_margin {margin-left:30px;padding-right:30px;}


div#kolom1 {
	float: left;
	w1idth: 530px;
	b1ackground: black;
	padding: 10px;
	padding-left:30px;
	b1order:solid 1px red;
}

div#kolom1 img {
	float: left;
	margin: 0 10px 0 0;
}

div#kolom2 {
	b1ackground: black;
	m1argin: 0 0 0 540px;
	p1adding: 10px;
	padding-top:40px;
	w1idth:230px;
	b1order:solid 1px white;
}

div#kolom2 img {
	f1loat:left;
}

div#eind {
	padding: 100px 0px 20px 0px;
	text-align: center;
}

td {
	text-align:center;
	font-size:110%;
	font-weight:bold;
}

#portret_home {
	width:320px;
	height:240px;
	margin:30px auto 0px;
}

table {
	float:right;
	margin-right:30px;
}

.divider {
	border-bottom:solid 2px white;
	margin:20px 30px;
}

