@font-face {
  font-family: 'zurich';
  src: url('zurich.ttf') format('truetype')
}

body {
	margin: 0;
	background-color:#DDDDDD;
	height:100%;
	background-image:url(images/bg_christmas.jpg);
	background-repeat:repeat-x;
	background-position:top
}

* {
	margin: 0;
}
html{
	height: 100%;
}

#home {width: 1020px; }

#header-outer {height:210px; margin:0;padding:0px;background-image:url(images/top.jpg); background-repeat:no-repeat; background-color:#333333}

#nav {height:20px;width:850px;float:left;margin-top:187px; padding-left:30px; text-align:left}

#language {height:20px;width:50px;float:right;margin-right:20px;}


* 									{ margin: 0; padding: 0; }
ul									{ list-style: none; }
a									{text-decoration:none;}
p                                   { margin: 0 0; }
img									{ padding: 10px}

/*	LEVEL ONE */
ul.one                         { position: relative; margin-bottom:0px }
ul.one li                      { font-weight: bold; float: left; zoom: 1; font-family:ZURICH; font-size:11px; text-align:left; }
ul.one a:hover		            { color: #A81F23; }
ul.one li a                    { display: block; padding: 2 10; border-right: 1px solid #fff; color: #ffffff;font-family:'zurich';}
ul.one li:hover                { color: #f1c400; position: relative; }

#content-wrapper{ margin:0 auto; padding:0; width:1015px; height:auto; background-color:#ffffff; background-position:center top; border-left:#A81F23 solid 5px}
#content { margin:0 auto; padding:0; height:auto; width:1015px; overflow:hidden; }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -15px; /* the bottom margin is the negative value of the footer's height */
}

.footer{
	height: 15px; /* .push must be the same height as .footer */
	width: 1010px;
	margin: 0 auto; 
	background:#333333; 
	padding:5px;
	font-family: 'zurich';
	font-weight: 100;
	color: #ffffff;
	font-size: 10px;
}

.push {
	height: 15px; /* .push must be the same height as .footer */
}


h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333333;
	font-size: 12px;
	text-align:left;
	padding:10px
}
	
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #333333;
	font-size: 12px;
	text-align:justify;
	padding:0 20px
}
	
.title {
	display: inline;
	background-color:#FFFFFF;
	font-family: 'zurich';
	color: #A81F23;
	font-size: 16px;
	text-decoration: none;
	padding:2px
	} 
.title_back{
 	background-repeat: repeat-x;
	background-image: url(images/title_line.gif);
}

.redlink {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
} 

.redlink:link {
	background-color:#333333;
	padding: 1px 3px 1px 3px;
	text-decoration:none
}
.redlink:visited {
	background-color:#333333
}
.redlink:hover {
	background-color:#A81F23;
}

.link {
	font-family: arial;
	font-size: 12px;
	text-decoration:none;
	padding:0px 0px 10px 0px;
}

.link:link {
	color:#666666;
}
.link:visited {
	color:#666666
}
.link:hover {
	color:#A81F23;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom
}

.link2 {
	font-family: arial;
	font-size: 12px;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	border-bottom: 1px solid #666;
	display:block
}

.link2:link {
	color:#666666;
}
.link2:visited {
	color:#666666
}
.link2:hover {
	color:#A81F23;
}

	
.footertext{
	font-family: 'zurich';
	font-weight: 100;
	color: #ffffff;
	font-size: 10px;
	padding:5px;
}	

/*
.new {
	text-decoration: none;
	color: #A81E22;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #333333;
}
.body_extra {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #333333;
	margin-left:15px;
	display:block;
}
.red {
	font-family: arial;
	font-size: 11px;
	color: #D32027;
	text-decoration: none;
	font-weight: bold;
}
.redlink {
	font-family: arial;
	font-size: 11px;
	color: #D32027;
	text-decoration: underline;
} 

.redlink:link {
	color: #D32027;
}
.redlink:visited {
	color: #D32027;
}
.redlink:hover {
	color: #333333;
}
.red_title{
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color:#D32027;
	display:inline;
}
.red_title:link {
	color: #ffffff;
}
.red_title:visited {
	color: #ffffff;
}
.red_title:hover {
	color: #000000;
}
.idk_grey {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.idk_white {
	font-family: arial;
	font-size: 12px;
	color: fff;
	text-decoration: none;
	font-weight: bold;
}
.idk_title {
	font-family: arial;
	font-size: 14px;
	color: fff;
	text-decoration: none;
		font-weight: bold;
}
.video_bg {
	background-attachment: fixed;
	background-image: url(images/video-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_idk {
	background-attachment: fixed;
	background-image: url(images/bg_idk.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bg_idk_rechts {
	background-attachment: fixed;
	background-image: url(images/bg_idk_rechts.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/* aanpassingen Thomas */
.backoffice{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
#login{
	background-color: #DDDDDD;
}
#mainContainerbo{
	width: 800px;
	margin: 0 auto 0;
}
#menubo{
	background-color: #DDDDDD;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 15px 5px 15px 5px;
}

#contentbo{
	width: 800px;
	margin: 10px 0 0 0;
	padding: 15px 5px 15px 5px;
}
.contentbo_spacer{
	width: 100%;
	height: 20px;
	margin: 20px 0 20px 0;
	background-color: #DDDDDD;
}
.backoffice a{
	color: #003333;
	text-decoration:none;
	border-bottom: 1px dotted #999999;
}
.backoffice .rood{
	color: #D32027
}
.msg_good{
	display: block;
	width: 400px;
	margin: 50px 0 50px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #006600;
	background-color: #99ff99;
	text-align: center;
}
.msg_bad{
	display: block;
	width: 400px;
	margin: 50px 0 50px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #660000;
	background-color: #FF9999;
	text-align: center;
}