body {
  
   text-align:center;
   min-height: 100%;
   padding: 0;
   margin: 0;
   background:url('../images/background-body.png') repeat-y center;  
}

p
{
        padding: 0;
        margin: 0;        
}

body#page
{
        background-image: none;
        background-color: #f2f2f2;  
        background-image: url('../images/bg_white.gif');
        background-position: center;
        background-repeat: repeat-y;  
        min-height: 100%;
}


#wrapper {
  margin:0px auto;
  text-align:left;
  width:998px;
  border:0px solid black;
  background:url('../images/wrapper_back.png') repeat-y center;
  position:relative;
}

#wrapperpage {
  margin:0px auto;
  text-align:left;
  width:998px;
  border:0px solid black;
  background-color: white;
  position:relative;
  min-height: 100%;
  height: 100%;
  
}


#header {
  width:999px;
  height: 133px;
  background:url('../images/header.png') no-repeat top left;
}

#headerpage {
  width:999px;
  height: 193px;
  background:url('../images/header.png') no-repeat top left;
}

#logo
{
        position: absolute;
        left: 16px;
        top: 26px;
        width: 500px;        
}

#title
{
        position: absolute;
        top: 100px;
        left: 0px;
        width: 100%;
        text-align: center;   
}

#title h1
{
        padding: 0;
        margin: 0;
        padding-left: 8px;
        font-family: Verdana;
        font-weight: bold;
        font-size: 17px;
        color: #cf447a;        
}

#title .gray
{
        color: #767676;        
}

#title .blue
{
        color: #1b3664;
}      

#top_menu {position:absolute;right:4px;top:72px;width:auto;height:20px;font-family: Trebuchet MS;}

#top_menu div
{
        float: right;
        width: 1px;
        font-size: 1px;
        margin: 0;
        padding: 0;
        background-color: #29426d;
        margin-top: 7px;
        height: 10px;
}


#top_menu a:link,#top_menu a:visited {
        
        display: block;
        float: right;
        text-align: center; 
        color:#29426d; 
        text-decoration:none; 
        font-weight:bold; 
        font-size:13px;
        height: 23px;
        line-height: 23px;
        width: 65px;
}

#top_menu a:hover {
        background:url('../images/krijtstreep.png'); 
        background-repeat: no-repeat;
        background-position: 0px 3px; 
        color:white;
}

#flash {
  text-align: center;
}

#deurmat {margin-top:5px;height: 240px;}
#deurmat a{ text-decoration: none;}

div#buttons{
        margin-top: 6px;        
}

div#buttons,div#buttonspage
{
        height: 50px;        
        padding-left: 16px;
}

div#buttonspage
{
        position: absolute;
        top: 135px;        
        left: -1px;
}

div#buttons a,div#buttonspage a {
        display: block;
        float: left;
        padding: 0;
        margin: 0;
        text-decoration: none; 
        text-align:center; 
        width: 235px; 
        height: 51px;
        line-height: 48px;
        font-size:20px; 
        font-family: "Trebuchet MS";
        font-weight:bold;
        color:white;
        background-position: top center;
        background-repeat: no-repeat;
        margin-right: 7px;
}



div#buttons a#button_1,div#buttonspage a#button_1
{
        background-image: url('../images/button1.png');        
}

div#buttons a#button_1:hover,div#buttonspage a#button_1:hover
{
                background-image: url('../images/button1_a.png');        
}

div#buttons a#button_2,div#buttonspage a#button_2
{
        margin-left: 1px;
        background-image: url('../images/button2.png');        
}

div#buttons a#button_2:hover,div#buttonspage a#button_2:hover
{
                background-image: url('../images/button2_a.png');        
}
div#buttons a#button_3,div#buttonspage a#button_3
{
        margin-left: 2px;
        background-image: url('../images/button3.png');
}

div#buttons a#button_3:hover,div#buttonspage a#button_3:hover
{
                background-image: url('../images/button3_a.png');        
}

div#buttons a#button_4,div#buttonspage a#button_4
{
        margin-left: 2px;
        background-image: url('../images/button4.png');
        margin-right: 0;
}

div#buttons a#button_4:hover,div#buttonspage a#button_4:hover
{
        background-image: url('../images/button4_a.png');        
}

#deurmat_1 {height:210px; width:233px; position:absolute; background:url('../images/event.png') no-repeat; left:20px;}
#deurmat_2 {height:210px; width:233px; position:absolute; background:url('../images/studio.png') no-repeat; left:258px;}
#deurmat_3 {height:210px; width:233px; position:absolute; background:url('../images/support.png') no-repeat; left:505px;}
#deurmat_4 {height:210px; width:233px; position:absolute; background:url('../images/shop.png') no-repeat; left:747px;}


#footer {

  position:absolute; 
  bottom:0px; 
  text-align:center; 
  width:999px;
  color:#546889;
  font-weight:bold;
  font-size:12px;
font-family: "Trebuchet MS";

}

div#lid_van
{
        position: absolute;
        top: 4px;
        right: 20px;
        width: 318px;
        text-align: right;
        height: 60px;
        background-image: url('../images/lidvan.png');
        background-repeat: no-repeat;
        background-position: top right;

}

.rozekop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 15px;
        color: #cf447a;
}

.rozesubkop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 14px;
        color: #cf447a;
}

.oranjekop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 15px;
        color: #cb7a00;
}

.oranjesubkop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 14px;
        color: #cb7a00;
}

.blauwekop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 15px;
        color: #4568c6;
}

.blauwesubkop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 14px;
        color: #4568c6;
}

.donkerblauwekop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 15px;
        color: #1b3664;
}

.donkerblauwesubkop {
        font-family: "Trebuchet MS";
        font-weight: bold;
        font-size: 14px;
        color: #1b3664;
}

.tekst {
        color: #4b4b4b;
        font-family: "Trebuchet MS";
        font-size: 13px;
        line-height: 18px;
}

#submenu
{
        margin-left: 16px;
        color: #515151;
        font-family: "Trebuchet MS";
        font-size: 15px;
        margin-top: 10px;
}

span.orangetitle
{
        color: #cb7a00;
        font-weight: bold;
}

span.bluetitle
{
        color: #4568c6;
        font-weight: bold;
}

span.darkbluetitle,span.blue
{
        color: #1b3664;
        font-weight: bold;
}

span.pinktitle
{
        color: #cf447a;
        font-weight: bold;
}

div#breadcrumb
{
	font-family: "Trebuchet MS";
	font-size: 15px;	
	margin-left: 20px;
	margin-top: 5px;
}

div#breadcrumb a.algemeen
{
	color: #8a8a8a;
}

div#imagetitle
{
	font-size: 16px;
	color: #828282;
	font-family: "Trebuchet MS";	
	margin-left: 480px;
}

#submenu a,div#breadcrumb a
{
        text-decoration: none;
        color: #515151;
}

#submenu a:hover,#submenu a.active,#breadcrumb a.active
{
        text-decoration: underline;
}

div#flash
{

	margin-top: 5px;
}


table#contact_table
{
	font-family: "Trebuchet MS";
	color: black;	
	font-size: 14px;
	margin-bottom: 20px;
}

table#contact_table a
{
	color: black;	
	text-decoration: underline;
}

table#contact_table h1
{
	color: black;
	font-size: 15px;
}

label{
	float: left;
	width: 180px;
	font-weight: bold;
}

input, textarea{
	width: 180px;
	margin-bottom: 5px;
}

textarea{
	width: 424px;
	height: 150px;
}

div#contact
{
	margin-left: 15px;	
	margin-top: 30px;
	width: 688px;
}

div#contact_boven
{
	background-image: url('../images/1.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div#contact_boven div
{
	
	background-image: url('../images/2.png');
	background-position: top right;
	background-repeat: no-repeat;
}

div#contact_midden,div#contact_onder,div#contact_boven
{
	background-color: #efcadb;
}

div#contact_midden.contact_midden279,
div#contact_boven.contact_boven279,
div#contact_onder.contact_onder279
{
	background-color: #e9c895;
}

div#contact_midden.contact_midden280,
div#contact_boven.contact_boven280,
div#contact_onder.contact_onder280
{
	background-color: #95a9df;
}

div#contact_midden.contact_midden281,
div#contact_boven.contact_boven281,
div#contact_onder.contact_onder281
{
	background-color: #b0b8c7;
}

div#contact_onder
{
	background-image: url('../images/4.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#contact_onder div
{
	background-image: url('../images/3.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

table.login {
	background-color:#DBD9D9;

	border-color:#B4B4B4 #A4A3A3 #A4A3A3 #B4B4B4;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
}

div#text
{
	font-family: "Trebuchet MS";
	font-size: 14px; 
	color: #828282;
	line-height: 18px;
	margin-left: 330px;
	width: 480px;
}

div#titel
{
	position: absolute; 
	left: 495px;
	top: 215px;
	width: 500px;
	font-family: "Trebuchet MS";
	font-size: 16px; 
	color: #828282;
	display: none;
}

select#salutation
{
	margin-left: 234px;
}

div#paginacontent
{
	margin-left: 10px;
}

div#login_form
{
	height: 500px;
}

a img
{
	border: 0;
}

div#ideal
{
	padding: 20px 0px;
	font-size: 13px;
	line-height: 18px;
	font-family: "Trebuchet MS";
}

div#boven
{
	position: absolute;
	width: 194px;
	height: 129px;
	right: 20px;
	top: 490px;
}

div#links
{
	position: absolute;
	width: 95px;
	height: 143px;
	right: 118px;
	top: 625px;
}

div#rechts
{
	position: absolute;
	width: 95px;
	height: 143px;
	right: 20px;
	top: 625px;
}

div#image-title
{
	margin-left: 330px;
	width: 480px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 13px;
}
