html, body {height: 100%;}


body, div, h1, h2, h3, h4, h5, h6 
{ 
	margin: 0px;
	padding: 0px;
}
/*
html.ie7, html.ie7 body {
	height: auto;
}
html.ie8, html.ie8 body {
	height: auto;
}

html.ie8, html.ie8 body {
	height: auto;
} 
*/
html.ie8, html.ie8 body, html.ie9, html.ie11 body {
    overflow: auto;
}
/*
h5 {
	font-size: 11px;
}

h2 {color:red;}
h2.a {color: white; text-shadow: black 0.1em 0.1em 0.2em}
*/

body {
font-family: 
font-size: 16px; 

Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

background-attachment: fixed;
min-height: 100%;
margin: 0px;
padding: 2px;
}

#wrapper {
padding-top: 10px;
}      
   /* laat de hoeveel ruimte boven van de achtergrond zien */

#container {
 	background:*#62707C;                              
	width: 980px ;  
	min-height: 600px;
	margin: 0 auto 0 auto;
	border: 1px; #0C3E70 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:1px;	
	border: 0.5px #1D1F21 solid;
/*	box-shadow: 5px 5px 5px 0px ; */  

-webkit-box-shadow: 6px 8px 108px 0px rgba(47,60,70,0.75);
-moz-box-shadow: 6px 8px 10px 0px rgba(47,60,70,0.75);
box-shadow: 6px 8px 10px 0px rgba(47,60,70,0.75);

} 

div#header {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;  
	padding-bottom: 1px;
	/*schaduw er zelf bij gemaakt.  */

-webkit-box-shadow: 6px 8px 108px 0px rgba(47,60,70,0.75);
-moz-box-shadow: 6px 8px 10px 0px rgba(47,60,70,0.75);
box-shadow: 6px 8px 10px 0px rgba(47,60,70,0.75);
}

#globe {
	background: url(../images/globe.png);     
	width:128px;        
	height:128px;      
	float: left;
}

.clearfix {	clear: both;  
}

/* header. inner is de smalle bovenband boven het menu in de pagina*/
#header .inner 
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9eb1ba+1,828c95+50,576b7c+99,576b7c+99 */
background: rgb(158,177,186); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(158,177,186) 1%, rgb(130,140,149) 50%, rgb(87,107,124) 99%, rgb(87,107,124) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(158,177,186) 1%,rgb(130,140,149) 50%,rgb(87,107,124) 99%,rgb(87,107,124) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(158,177,186) 1%,rgb(130,140,149) 50%,rgb(87,107,124) 99%,rgb(87,107,124) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eb1ba', endColorstr='#576b7c',GradientType=0 ); /* IE6-9 */
	
	
	
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9eb1ba+1,828c95+50,576b7c+99,576b7c+99 */
/*background: #9eb1ba; /* Old browsers */
/*background: -moz-linear-gradient(top,  #9eb1ba 1%, #828c95 50%, #576b7c 99%, #576b7c 99%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #9eb1ba 1%,#828c95 50%,#576b7c 99%,#576b7c 99%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #9eb1ba 1%,#828c95 50%,#576b7c 99%,#576b7c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eb1ba', endColorstr='#576b7c',GradientType=0 ); /* IE6-9 */
height: 140px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius:1px;

/*schaduw er zelf bij gemaakt !*/
/*
-webkit-box-shadow: 4px 10px 5px 0px rgba(47,60,70,0.75);
-moz-box-shadow: 4px 10px 5px 0px rgba(47,60,70,0.75);
box-shadow: 4px 10px 5px 0px rgba(47,60,70,0.75);
padding-bottom: 8px;
*/
}

#menu 
{
height: 40px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#828c95+0,b5bdc8+40,b5bdc8+50,828c95+64,828c95+99 */
background: #828c95; /* Old browsers */
background: -moz-linear-gradient(top,  #828c95 0%, #b5bdc8 40%, #b5bdc8 50%, #828c95 64%, #828c95 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #828c95 0%,#b5bdc8 40%,#b5bdc8 50%,#828c95 64%,#828c95 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #828c95 0%,#b5bdc8 40%,#b5bdc8 50%,#828c95 64%,#828c95 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#828c95',GradientType=0 ); /* IE6-9 */
 
/*schaduw er zelf bij gemaakt.  */
-webkit-box-shadow: 6px 8px 108px 0px rgba(47,60,70,0.75);
-moz-box-shadow: 6px 8px 10px 0px rgba(47,60,70,0.75);
box-shadow: 6px 8px 10px 0px rgba(47,60,70,0.75);
}

#content .left 
{
width: 684px; 
float:center;
padding: 1px;
}

 /*
#content .right {
	width: 250px; 
	float: right;
}	

/*linker index box */
#content .left .box { 
width: 948px;   /* 943px;*/ 
 min-height: 400px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#828c95+0,828d93+100 */
background: rgb(130,140,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(130,140,149) 0%, rgb(130,141,147) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(130,140,149) 0%,rgb(130,141,147) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(130,140,149) 0%,rgb(130,141,147) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#828d93',GradientType=0 ); /* IE6-9 */
/*background:#C9D0D6;*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
- border-radius: 8px;

margin-bottom: 1px;
padding-left: 19px;
padding-right: 12px;      /* padding is de afstand vanaf het blok naar de kanten**/

-webkit-box-shadow: 8px 10px 10px 0px rgba(47,60,70,0.75);
-moz-box-shadow: 8px 10px 10px 0px rgba(47,60,70,0.75);
- box-shadow: 8px 10px 10px 0px rgba(47,60,70,0.75);
}	

/*  ---------------------------- Het rechter vlak uitgezet ! --------*/

/*
#content .right .box { 
	width: 230px;
	min-height: 150px;
	background: /*cee0e5;*/ 
          
/*background: rgb(204,218,221); /* Old browsers */
/*background: -moz-linear-gradient(-45deg,  rgba(204,218,221,1) 1%, rgba(178,189,196,1) 76%, rgba(178,189,196,1) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(204,218,221,1)), color-stop(76%,rgba(178,189,196,1)), color-stop(100%,rgba(178,189,196,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(-45deg,  rgba(204,218,221,1) 1%,rgba(178,189,196,1) 76%,rgba(178,189,196,1) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(-45deg,  rgba(204,218,221,1) 1%,rgba(178,189,196,1) 76%,rgba(178,189,196,1) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(-45deg,  rgba(204,218,221,1) 1%,rgba(178,189,196,1) 76%,rgba(178,189,196,1) 100%); /* IE10+ */
/*background: linear-gradient(135deg,  rgba(204,218,221,1) 1%,rgba(178,189,196,1) 76%,rgba(178,189,196,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdadd', endColorstr='#b2bdc4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*
 
 
 float: right;
	-webkit-border-radius: 5px;        /* radius betekent: de hoeken afronden*/
/*	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
	/* Er zelf bij gemaakt: de schaduw */
/*	-webkit-box-shadow: 5px 5px 5px 0px rgba(66,66,77,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(66,66,77,1);
	box-shadow: 5px 5px 5px 0px rgba(66,66,77,1);
} 
*/

.clear { clear:  both; }         

#content      /* padding is de afstand vanaf het blok naar de kanten**/
{
padding 15px;
}

#footer 
{
clear:both;
height: 40px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+10,828c95+23,28343b+100 */
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(181,189,200) 0%, rgb(130,140,149) 10%, rgb(130,140,149) 23%, rgb(40,52,59) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(181,189,200) 0%,rgb(130,140,149) 10%,rgb(130,140,149) 23%,rgb(40,52,59) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(181,189,200) 0%,rgb(130,140,149) 10%,rgb(130,140,149) 23%,rgb(40,52,59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
padding:3px; 
-moz-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#globe  {
	background: url(../images/globe.png); 
	width: 125px;
	height: 125px;
	float: left; 
}
/*
#globe2  {
	background: url(../images/medisch2.jpg);
	width: 125px;
	height: 125px;
	float: right; 
}
*/

#header .inner div.txt {
	float: left;
	margin-left:85px; 
	margin-top:5px; 
}


#header .inner h1 {
color:#D4CCCC;       /* #A5965F;                     /* #E0BA8B;       /*      #8D7D7D;      *#BFA85C;                /*  #786E68;                      #AF0E3E;                    /*#295699;*/
font-size: 80px;
 text-transform:    /* geen uppercase (hoofdletter) bovenaan */;
text-shadow: 0.065em 0.055em 0.10em #004 ;  /*teksschaduw op de Letters innner*/
/*
    0.10em is de sterkte van de schaduw.  #004 is de bijpassende tekstkleur. Geen 6 getallen, maar 3*/
}
/*
#header .inner  div.txt span {
	color:#990637;
font-size: 16px;   

}
*/
#header .inner h3 {
color: #D90404;                          /*       #911F09;                                    /*#AF0E3E; */ 
font-size: 25px;
text-transform: none;   /* geen uppercase (hoofdletter) bovenaan */;
text-shadow: 0.065em 0.055em 0.10em #004 ;  /*teksschaduw op de Letters innner*/
/*
    0.10em is de sterkte van de schaduw.  #004 is de bijpassende tekstkleur. Geen 6 getallen, maar 3*/
}

/* opmaak buttons*/
 #menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu ul li {
	float: left;
	
	border-right: white solid 1px;
	font-weight: bold;
	font-size:  18px;      
	text-transform:        /*uppercase; dat veroorzaakt een hoofdletter*/
}

#menu ul li a {
	color:#FFFFFF;               
	text-decoration: none;
	padding: 10px 25px 10px 25px;   
	display: block; 
}

/* opmaak + kleur button */
#menu ul li ul {
	display: none;
	position:absolute; 
	background:#5A7393;            /*      #28343B;                         /*#828C95; */                        
	border-left: 1px black solid;
	border-bottom: 1px black solid;
}

#menu ul li ul li{
	float: none;
}

#menu ul li:hover ul {
	display: block;
}

/* de rode aanwijs knop op de menubalk*/
#menu ul li a:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27629e+1,27629e+30,828c95+48,29639e+70,29639e+100 */
background: rgb(39,98,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(39,98,158,1) 1%, rgba(39,98,158,1) 30%, rgba(130,140,149,1) 48%, rgba(41,99,158,1) 70%, rgba(41,99,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(39,98,158,1) 1%,rgba(39,98,158,1) 30%,rgba(130,140,149,1) 48%,rgba(41,99,158,1) 70%,rgba(41,99,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(39,98,158,1) 1%,rgba(39,98,158,1) 30%,rgba(130,140,149,1) 48%,rgba(41,99,158,1) 70%,rgba(41,99,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27629e', endColorstr='#29639e',GradientType=0 ); /* IE6-9 */

}

#footer .inner {      /* opmaak zwarte balk*/
	padding: 8px;
	color: #FFFFFF;
	text-align: center;
	font-size:  18px; 
}

#footer .inner a {
	color: #FFFFFF;
	text-decoration: none;   /*zelf de onderstreping weggehaald*/
}

/* tekst linker border gedeelte*/
#content .left h2 {
	color:#0B2B8C;                              /*#1D1F21; */ 
	
		font-style:italic; 
	font-size: 25px;           /*  #C9D0D6;                                              
	text-transform:  /*uppercase;*/
}

#content .left h3 {
	color: #C9D0D6;      
	text-transform:none;
	font-style:italic; 
	font-size:21px; 
}

#content .left h4 {
	color:#1D1F21 ;
	font-size: 18px;
    text-transform:none;
/*    font-style:"Bookman Old Style"; */
    }

#content .left h5 {
	color:#FFFFFF;
	text-transform: 
}

.imgborder {
	border: black 2px solid;
	/* zelf gemaakt: border-radius: 5px;5px; 5px; 5px; */
}

/*
#content .right h2 {     /* tekst border rechts Moppen */
/*	color: #C41B2E;
	text-transform: uppercase;
}
*/
/* button van de mop */
/*
.mop {
	border-bottom: 1px solid #c9c7c7;
	background: #c2d1d6;             
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-right: 10px;
	
			/*schaduw er zelf bij gemaakt */
/*	-webkit-box-shadow: 2px 2px 2px 0px rgba(66,66,77,1);
	-moz-box-shadow: 2px 2px 2px 0px rgba(66,66,77,1);
	box-shadow: 2px 2px 2px 0px rgba(66,66,77,1); 
}

/* de mopregel waarop de mop staat */
/*
.mop .avatar {
	background: #fff;
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
	border-right: #000 1px solid;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* de foto bij de mop*/
/* om de randen mooi af te ronden als de rest


 .mop .avatar img {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* .clearfix" doet niks anders dan de eigenschap "float: left;" op te heffen. Dit
 gebeurt met "clear: both;", wat inhoudt dat zowel de links drijvende als de rechts drijvende
 elementen eindigen. */
/*
.clearfix {	clear: both;
}
/*
.mop .txt {float}
	/* Om de tekst van de mop op te pimpen*/
	/*.mop h4 {
	color: #C2D1D6;       
   	padding-top: 7px;
}

/* links van de Links */ 
/*  ------------------------------------------------------------------------------------
div.links {
	float: left; 
	background: #786E68;
	width: 38px;
	border-bottom: 1px #solid; #756F6F;
	background: #abbfc6;        
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-top: 8px;
	/*schaduw er zelf bij gemaakt */
/*
	-webkit-box-shadow: 3px 2px 3px 0px rgba(66,66,77,1);
	-moz-box-shadow: 3px 2px 3px 0px rgba(66,66,77,1);
	box-shadow: 3px 2px 3px 0px rgba(66,66,77,1);
}

/* De koptekst wordt ermee gestyled*/
/*

div.links h3 {
	/* uppercase = hoofdletters */
/*
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px 5px 5px 5px;
	color: #990637;
	padding: 5px;
}
/*	
/* vierkantjes bij de links*/
/*
div.links ul {
	list-style-type: square;
	padding: 0px 0px 0px 25px;
}
/*lichtgele-oranje rand van de icoon*/
/*
div.links ul li {
	color: #d5e2e5;            /*         DEDBD9;*/
}
/*
/* kleur van de links van de list item Links*/
/*
div.links ul li a {
	color: #911F09;
}
-----------------------------------------------------------------------------------

/* hiermee hef je het doorzakken van de buttons uit het grijze vlak tegen*/


.clearfix {	clear: both;  
}

table.contact {
	margin-top: 30px;
}
table.contact td, table.contact th {
	/* om de tekst naar boven te zetten*/
	vertical-align: top;
	/* om de tekst horizontaal naar links uit te lijnen*/
	text-align: left;
}
table.contact th {
	width: 175px;
}
table.contact td.name {
	color: #36296B;
	font-weight: bold;
}

/*Om de ruimte tussen de icoontjes en de tekst te vergroten en de links in het grijze blok oranje te
 maken,  (CONTACT)*/

table .icon {
	margin-right: 5px;
}

#content .left a {
	color:#295699;
}
/*
img.pasfoto {
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	float: right;
	margin: 12px 0 24px 24px;
}
*/

#pasfoto {
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float:left;
margin: 10px 10px 10px 10px;
}

/*Er zelf bij gemaakt*/
#pasfoto2 {
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float:right;
margin: 10px 10px 10px 10px;
}

#menu ul li a.actief {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01357f+0,01357f+0,01357f+29,8e97ad+45,8e97ad+51,01357f+73,01357f+100,8e97ad+100,01357f+100 */
background: #01357f; /* Old browsers */
background: -moz-linear-gradient(top,  #01357f 0%, #01357f 0%, #01357f 29%, #8e97ad 45%, #8e97ad 51%, #01357f 73%, #01357f 100%, #8e97ad 100%, #01357f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #01357f 0%,#01357f 0%,#01357f 29%,#8e97ad 45%,#8e97ad 51%,#01357f 73%,#01357f 100%,#8e97ad 100%,#01357f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #01357f 0%,#01357f 0%,#01357f 29%,#8e97ad 45%,#8e97ad 51%,#01357f 73%,#01357f 100%,#8e97ad 100%,#01357f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01357f', endColorstr='#01357f',GradientType=0 ); /* IE6-9 */

}

/*
.oranje-button {
/*
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24266d+3,24266d+3,101151+71,101151+100&1+2,0+49,1+99 */
/*background: -moz-linear-gradient(top, rgba(36,38,109,1) 2%, rgba(36,38,109,0.98) 3%, rgba(22,24,90,0) 49%, rgba(16,17,81,0.44) 71%, rgba(16,17,81,1) 99%, rgba(16,17,81,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(36,38,109,1) 2%,rgba(36,38,109,0.98) 3%,rgba(22,24,90,0) 49%,rgba(16,17,81,0.44) 71%,rgba(16,17,81,1) 99%,rgba(16,17,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(36,38,109,1) 2%,rgba(36,38,109,0.98) 3%,rgba(22,24,90,0) 49%,rgba(16,17,81,0.44) 71%,rgba(16,17,81,1) 99%,rgba(16,17,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24266d', endColorstr='#101151',GradientType=0 ); /* IE6-9 */
/*padding:10px 24px 10px 24px;  /*  De grootte van de button ! */

/*
box-shadow:inset 2px 2px 2px 0px;rgba(66,66,77,1);                          
-moz-box-shadow:inset 2px 2px 2px 0px;rgba(66,66,77,1);                                      
-webkit-box-shadow:inset 2px 2px 2px 0px; rgba(66,66,77,1);                 
border:1px solid #990637 ;                            

border-radius:8px;  
-moz-border-radius:8px;
-webkit-border-radius:8px;

/*LETTER EN SCHADUW */

/*
font-size:15px;
font-weight:bold;

text-decoration:  none;
text-shadow:1px 1px 0px darkred;                            /*schaduw v.d. letter oranje button*/  


/*
color: /*#FFFFFF; */        /* letterkleur oranje button*/                 

/*
box-shadow:inset 0px 0px 1px 0px; #5d778c;                                  
-moz-box-shadow:inset 0px 0px 1px 0px; #5d778c;               
-webkit-box-shadow:inset 0px 0px 1px 0px; #5d778c;        

border:1px solid: #FFFFFF;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;  
}

/*

.oranje-button:hover 
{
background: rgb(35,83,138); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(35,83,138,1) 0%, rgba(167,207,223,1) 58%, rgba(167,207,223,1) 75%, rgba(35,83,138,1) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,83,138,1)), color-stop(58%,rgba(167,207,223,1)), color-stop(75%,rgba(167,207,223,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(35,83,138,1) 0%,rgba(167,207,223,1) 58%,rgba(167,207,223,1) 75%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(35,83,138,1) 0%,rgba(167,207,223,1) 58%,rgba(167,207,223,1) 75%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(35,83,138,1) 0%,rgba(167,207,223,1) 58%,rgba(167,207,223,1) 75%,rgba(35,83,138,1) 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(35,83,138,1) 0%,rgba(167,207,223,1) 58%,rgba(167,207,223,1) 75%,rgba(35,83,138,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
/*
}

.oranje=button:active
{
 /*
  position:relatieve;
  top: 1px 
  } 
*/

form label {
	width: 150px;
	float: left;
	font-weight: bold;
	clear: both;
}

form input.text {
	float: left;
	width: 300px;
	margin-bottom: 5px;
}
form input.button{
	clear: both;
	margin-left: 150px;
}
form textarea {
	float: left;
	width: 300px;
	height: 100px;
}
/*
div#header .inner .icons {
	float:left;
	padding:5px;
}

div#header .inner .icons a {
text-decoration: none;
}

/* slideshow 
}
<style type="text/css">
/*** maak de hoogte en breedte gelijk aan je afbeeldingen **/
/*
}
#slideshow {
position:relative;
height:300px;
width:450px;

}
#slideshow .slide {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow div.active {
z-index:10;
opacity:1.0;
}
#slideshow div.last-active {
z-index:9;
}
</style>
}
*/



/*testjes*/

/*
div#links { width: 350px; height: 350px; background:lightblue; 
padding: 20px 20px 20px 20px;
} 

.groot { font-size: 46px; }


p.groot { font-size: 36px; color: darkred; }


h6.groot { font-size: 36px; color:red; }

div#rechts { float:right; width: 350px; height: 350px; background: red; }
div#onder { clear:both; width: 350px; height: 350px; background: blue; }

div#onder {
float:left;
width: 350px;
height: 350px; 
background: yellow;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

*/