@font-face {
    font-family: 'Edwardian Script ITC';
    src: url('font/edwardian_script_itc.eot');
    src: url('font/edwardian_script_itc.eot?#iefix') format('embedded-opentype'), url('font/edwardian_script_itc.svg#Edwardian Script ITC') format('svg'), url('font/edwardian_script_itc.woff') format('woff'), url('font/edwardian_script_itc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}

body {
	color: #ffffff;
	font: normal 11pt arial, sans-serif;
	background-color: #3f3f3f;
}

h1 {
	font-size: 20pt;
}
h2 {
	font-size: 16pt;
}

#admin {
	position:absolute;
	top:5px;
	font-size:9pt;
	right:30px;
	display: block;
}
#admin_extended {
	position:absolute;
	top: 5px;
	font-size: 9pt;
	right:5px;
	width: 160px;
	padding: 10px;
	padding-top:0px;
    
    background-color: #777777;
	
	display: none;
	z-index: 1;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.left {
	text-align:left;
}
.right {
	text-align:right;
}
.emph {
	font-style:italic;
	display:inline;
}
.title {
    font-family: 'Edwardian Script ITC';
    font-size: 28pt;
}
.pink {
    color: #F7BBFB;
}

#page {
    position:relative;
    width: 1000px;
    
    display: block;
	overflow: hidden;
    
    margin-left: auto;
    margin-right: auto;
}

#leftbar {
    position:relative;
    width: 284px;

	display: block;

    float: left;
}

#logo {
    height:80px;
    width: 284px;
    
    padding-top: 20px;
    text-align: center;
    font-size: 50pt;
    font-family: 'Edwardian Script ITC';
}

#menu {
    position:relative;

	display: block;
	
    width: 284px;
	
	font-size: 28pt;
    font-family: 'Edwardian Script ITC';
	color:#1d318f;
}

#menu A:link {
    color: #ffffff;
}
#menu A:visited {
    color: #ffffff;
}
#menu A:hover {
	color:#ffffff;
}
#menu A:active {
	color:#ffffff;
}

.menu_item {
    width: 284px;
    
    padding-left: 10px;
    color: #ffffff;
    background-color: #000000;
}

.menu_item:hover{
	background-color: #666666;
    width: 284px;
    
    color: #ffffff;
	position:relative;
}

.menu_top {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.menu_bottom {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.menu_span {
    display: block;
}


#content_area {
	position:relative;
    width: 660px;
    
    padding: 20px;
    
	min-height:500px;
	
	background-color: #777777;
	
    float:left;
	clear:right;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#copyright {
	width: 200px;
	height: 10px;
	padding: 10px;
	
	margin-left:40%;
    font-size: 8pt;
}

A:link {
	color:#ffccff;
	text-decoration:none;
}
A:visited {
	color:#ffccff;
	text-decoration:none;
}
A:active {
	color:#ffccff;
	text-decoration: none;
}
A:hover {
	color: #d1b1c7;
}
A img {
    border: none;
}

li {
    list-style: none;
}

.warning {
	background-image: url('Images/uitroepteken.png');
	background-repeat:no-repeat;
	border:1px;
	border-style:dotted;
	border-color:red;
	
	padding:3px;
	padding-left:20px;
	margin:5px;
}
.succes {
	background-image: url('Images/yes.png');
	background-repeat:no-repeat;
	border:1px;
	border-style:dotted;
	border-color:green;
	
	padding:3px;
	padding-left:20px;
	margin:5px;
}
.clear { 
	clear: both 
}

.my_img {
	max-width: 940px;
	/* Resize the image for IE6 */
	width: expression(this.width > 940 ? 940: true);
}

.photo_display {
	border-collapse:collapse;
}
.photo_line {
	position:relative;
	display:table-row;
	
	border:0px;
	border-collapse:collapse;
}
.photo{
	padding: 5px;
	
	display:table-cell;
	
	border:inherit;
	border-style:inherit;
	border-collapse:collapse;
}