/* CSS Document voor Test CSS-01 */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a { color: #ffffff;}
a:visited {color: #ffffcc;}
a:hover {color: #ffffff; background: #ff6633;}
a:active {color: #ffff99;
}
#toppage{
	width:800px;
	height: 10px;
}
#topbar{
	float:center; 
	width:799px; 
	height:50px; 
}
#content{
    width:800px;
}
#content2{
    background-color: #000011;
    background-image: url(../images/bg-diashow2.gif);
    width:796px;
    height: 600px;
    padding-top:22px;
}
#content2a{
    background-color: #000011;
    background-image: url(../images/bg-diashow2.gif);
    width:800px;
    height: 600px;
    padding-top:0px;
}
#content3{
    width:800px;
    height:540px;
    padding-top:0px;
}
#content4{
    background-image: url(../images/bg-3d-03e.jpg);
    width:800px;
    height:540px;
    padding-top:0px;
}
#content5{
    width:800px;
    height:540px;
    padding-top:0px;
}
#content-kleuren{
    width:1024px;
    height:768px;
    padding-top:0px;
}
#contenttext{
    float:left; width:678px;
    margin-left:00px;  
	min-height:540px;
}
#contenttext2{
    background-image: url(../images/bg-4c3b.jpg);
    float:left; width:678px;
    margin-left:5px;  
	min-height:540px;
}
#contenttext3{
    background-image: url(../images/bg-rgb-breed.jpg);
    float:left; width:678px;
    margin-left:5px;  
	min-height:540px;
}
#menu{ 
	float:left; width:120px; margin:0px;
    background-image: url(../images/bg-01a.gif);
    min-height:540px;
}
#menu2{ 
	float:left; width:116px; margin:0px;
    background-image: url(../images/2474-klein2.jpg);
    border: solid #c81919 2px;
    min-height:538px;
}
#menu3{
    background-image: url(../images/bg-rgb8.jpg);
    float: left; width:106px; margin:0px;
    background-color: #5e8822;
    padding: 5px;
    min-height:530px;
}
#menu3b{
    background-image: url(../images/bg-rgb9.jpg);
    float: left; width:106px; margin:0px;
    background-color: #5e8822;
    padding: 5px;
    min-height:530px;
}
#menu4{
    background-image: url(../images/links-index-av-e.gif);
    float: left; width:106px; margin:0px;
    padding: 0px;
    min-height:540px;
}
#footer{
    width: 800px;
}
#footer2{
    background-image: url(../images/bg-footer2b.gif);
    width:800px;
	height: 45px;
	background-color: #220044;
	border: solid  #110022 1px;
	padding-bottom: 2px;
}
#footer2b{
    background-image: url(../images/bg-footer-blauw.jpg);
    width:798px;
	height:40px;
	border: solid  #000022 1px;
	padding-bottom: 1px;
}
#footer3{
    background-image: url(../images/bg-footer-groen.jpg);
    width:800px;
	height: 40px;
	background-color: #220044;
}
/* PANELS */
.panel-01{
    float:left;
	margin-left:25px;
	padding:0px;
	width:300px;
	height:540px;
}
.panel-01a{
    float:left;
	margin-left:25px;
	padding:0px;
	width:400px;
	height:540px;
}
.panel-01b{
    background-image: url(../images/bg-3d-02.jpg);
    float:left;
	margin-left:25px;
	padding:0px;
	width:400px;
	height:540px;
}
.panel-02{
    background-image: url(../images/bg-02.gif);
    float:right;
    margin:0px;
	padding:0px;
	width:330px;
	height:540px;
	text-align:left;
}
.panel-02a{
    background-image: url(../images/2474-klein2.jpg);
    border: solid #c81919 2px;
    float:right;
    margin:0px;
	padding:0px;
	width:226px;
	height:538px;
	text-align:left;
}
.panel-03{
    background-image: url(../images/2474-klein.jpg);
    border:solid 1px #c81919; 
    float:left;
    margin-top:25px;
	padding:0px;
	width:298px;
	height:100px;
	text-align:left;
}
.panel-03a{
    background-image: url(../images/2474-klein.jpg);
    border:solid 1px #c81919; 
    float:left;
    margin-top:25px;
	padding:0px;
	width:298px;
	height:145px;
	text-align:left;
}
.panel-03b{
    background-image: url(../images/2474-klein.jpg);
    border:solid 2px #c81919; 
    float:left;
    margin-top:25px;
	padding-top:10px;
	width:396px;
	height:350px;
	text-align:left;
}
.panel-03c{
    float:left;
    margin-top:20px;
	padding-top:0px;
	width:296px;
	height:225px;
	text-align:left;
}
.panel-galerie{ 
    background-position: center 0;
    bxxorder: #fff 1px solid;   
    margin-left:0px; 
    padding:0; 
    width:300px; 
    height:500px; 
}
/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #ff0000;
}
.blue10 {font-family: Verdana, Arial, sans-serif; color: #0044cc;font-size: 10px;margin: 2px;}
.blue11 {font-family: Verdana, Arial, sans-serif; color: #0044cc;font-size: 11px;margin: 2px;}
.darkblue10 {font-family: Verdana, Arial, sans-serif; color: #000066;font-size: 10px;margin: 2px;}
.darkblue11 {font-family: Verdana, Arial, sans-serif; color: #000066;font-size: 11px;margin: 2px;}
.darkblue12 {font-family: Verdana, Arial, sans-serif; color: #000066;font-size: 12px;margin: 2px;}
.darkblue14 {font-family: Verdana, Arial, sans-serif; color: #000066;font-size: 14px;margin: 2px;}
.darkgreen11 {font-family: Verdana, Arial, sans-serif; color: #003300;font-size: 11px;margin: 2px;}
.darkgreen12 {font-family: Verdana, Arial, sans-serif; color: #003300;font-size: 12px;margin: 2px;}
.darkred10 {font-family: Verdana, Arial, sans-serif; color: #cc0000;font-size: 10px;margin: 2px;}
.darkred11 {font-family: Verdana, Arial, sans-serif; color: #aa0000;font-size: 11px;margin: 2px;}
.darkred12 {font-family: Verdana, Arial, sans-serif; color: #aa0000;font-size: 12px;margin: 2px;}

.deeppurple10 { font-family: Verdana, Arial, sans-serif; color: #330033;font-size: 10px;margin: 2px;}
.white10 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 10px;margin: 2px;}
.white11 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 11px;margin: 2px;}
.white12 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 12px;margin: 2px;}
.white14 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 14px;margin: 2px;}
.white16 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 16px;margin: 2px;}
.white18 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 18px;margin: 2px;}
.white22 {font-family: Verdana, Arial, sans-serif; color: white;font-size: 22px;margin: 2px;}

hr {
  border:0;
  color:#fff;
  background-color:#fff;
  height:1px;
}
#linksmenu a{
    margin-left:10px;
    margin-bottom:1px;  
    float:left; 
	width:100px; 
	height:15px; 
	border:solid 1px #ffffff;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:3px; 
}
#linksmenu2 a{
    background-color: #000022;
    margin-top:0px;
    margin-left:20px;
    float:left; 
	width:60px; 
	height:22px; 
	border:solid 1px #ffffff;
	font: 0.7em Verdana, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:2px;
}
#linksmenu3 a{
    margin-left:8px;
    margin-bottom:1px;  
    float:left; 
	width:100px; 
	height:15px; 
	border:solid 1px #ffffff;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:3px; 
}
#linksmenu4 a{
    margin-left:5px;
    margin-bottom:1px;  
    float:left; 
	width:85px; 
	height:15px; 
	border:solid 1px #6600cc;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:3px; 
}
#linksmenu5 a{
    margin-left:5px;
    margin-bottom:1px;  
    float:left; 
	width:85px; 
	height:15px; 
	border:solid 1px #002299;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px; 
}
#linksmenu6 a{
    margin-left:5px;
    margin-bottom:1px;  
    float:left; 
	width:85px; 
	height:15px;
	text-align: center; 
	border:solid 1px #229922;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px; 
}
#linksmenu7 a{
    margin-left:5px;
    margin-bottom:1px;  
    float:left; 
	width:85px; 
	height:15px; 
	border:solid 1px #aa0000;
	font: 0.7em Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #aa0000;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px; 
}
#linksmenu a:hover{
	color: #FFFFFF; background-color: #FF6633;
}
#linksmenu2 a:hover{
	color: #FFFFFF; background-color: #FF0000;
}
#linksmenu3 a:hover{
	color: #FFFFFF; background-color: #FF6633;
}
#linksmenu4 a:hover{
	color: #FFFFFF; background-color: #9900ff;
}
#linksmenu5 a:hover{
	color: #FFFFFF; background-color: #0033cc;
}
#linksmenu6 a:hover{
	color: #FFFFFF; background-color: #33ff33;
}
#linksmenu7 a:hover{
	color: #FFFFFF; background-color: #FF6633;
}