
/* CSS Document */










A {
user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none; behavior: <PUBLIC:ATTACH event="onfocus" onevent="element.blur()" />
}
A:LINK, A:ACTIVE { whatever }
A:FOCUS {
user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none; behavior: <PUBLIC:ATTACH event="onfocus" onevent="element.blur()" />
}
A:VISITED { color : #666666; whatever }
A:HOVER { color : #FF9900; whatever }
























img, div { behavior: url(pngfix/iepngfix.htc) }
body , html{
	margin:0px;
	padding:0px;
	height:100%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#798F90;
	text-align:left;
	
}

a img{
border:none;
}

#container1{
width:775px;
margin:0px auto;
text-align:left;
}


/*producten*/
#containerp{
width:775px;
height:379px;
text-align:left;
margin:0px auto;
background-image:url(../images/prodback.gif);
background-position:left top;
background-repeat:no-repeat;
}



#topback{
width:775px;
height:331px;
background-image:url(../images/topback.gif);
background-repeat:no-repeat;
overflow:visible;
}

#titleback{
width:775px;
height:47px;
background-image:url(../images/titleback.gif);
background-repeat:no-repeat;
}
#contentback{
width:775px;
overflow:visible;
#height:200px;
background-image:url(../images/contentback.gif);
background-repeat:repeat-y;
overflow:auto;
#overflow:visible;
}

#footerback{
width:775px;
height:43px;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
background-position:center top;
margin:0px auto;
}


#whitestripe{
width:241px;
height:36px;
border-bottom:1px solid #ffffff;
border-top:0px;
border-left:0px;
border-right:0px;
float:right;
}
#leftconsole{
width:218px;
height:328px;
float:left;
}

#dropdowntitle{
top:34px;
width:155px;
height:30px;


float:left;
}

#dropdowntitle img{
margin:3px;
float:left;
}
h1{
	color:#4E7C93;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:25px;
	margin:5px;
	margin-top:10px;
	text-align:center;
}
h3{
margin:5px;
	font-size:13px;
	color:#223237;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2{
	color:#4E7C93;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:17px;
	margin:5px;
	margin-top:10px;

}

h5{
	color:#4E7C93;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:18px;
	margin:5px;
	margin-top:10px;
	text-align:center;
}

h6{
	color:#4E7C93;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:14px;
	margin:5px;
	margin-top:10px;
	text-align:center;
	line-height:12px;
}


h7{
	color:#4E7C93;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:14px;
	text-align:center;
	line-height:12px;
	float:left;

}

.t7{
float:left;
margin:3px;
width:300px;
}

#dropdown form select{
margin:2px;

}

#leftconsole img {
float:left;
}

#selecta{
width:200px;
font-size:1px;
}
#topnav{
width:555px;
height:33px;
float:left;
}


.menulink{
float:left;
height:20px;
 text-align:center;
width:70px;
overflow:visible;


}

#navigation{

float:left;}
.menuitemdiv{
background-color:#cccccc;
border:0px;
width:200px;
height:auto;
border-bottom:1px solid #ffffff;
}

.menuitemcontainer{
position:absolute;
z-index:20;
margin-right:0px;
padding:0px;
height:auto;

}




#navcontainer{
height:20px;overflow:visible;
width:440px;
}

#dropdown{
float:left;
display:block;
}

#navcontainer {
padding:0px;
margin:0px;
}


#navcontainer ul{
padding:0px;
margin:0px;

}

#navcontainer ul li{
float:left;

}
#navcontainer ul li li{
float:none;

}


.menulink a{
height:17px;
display:block;


}

.foldmenu{position:absolute;}
.menulink ul a{

color:#FF0000}
.menulink li{
padding:0px;
margin:0px; 
display:block;
 float: none;
/*border:1px solid #000000;*/

width:10px;

}

.openthis {
height:15px;overflow:hidden;
border:1px solid #000000;
background-color:#ff0000;
}
.openthis:hover{
height:auto;
overflow:visible;
display:block;
background-color:#009900;



}

.menuover{
height:auto;
overflow:visible;
display:block;
/*background-color:#cccccc;*/
display:block;
}



.menulink div{

background-color:#7D9190;
border:none;

}






.navspacer{
float:left;

}

#topnav ul{
	list-style: url(none) none;

}
#topnav li{


}
#navbar{
	margin-top:17px;
	height:15px;
	color:#ffffff;
	text-align:left;
	font-weight: bold;
	float:left;
}

#right{
width:558px;
height:295px;
overflow:hidden;
float:right;

}



#flashcont{
margin-top:89px;
position:relative;
width:205px;
height:205px;
z-index:50;
float:right;
}

#title1{
float:left;
width:200px;
height:40px;
text-align:center;
}
#title2{
float:left;
width:294px;
height:40px;
text-align:center;
}
#title3{
float:left;
width:275px;
height:40px;
text-align:center;
}


#row1{
float:left;
width:165px;
text-align:left;
position:relative;
font-size:11px;
overflow:hidden;
margin:5px;
color:#B8C1C5;
}
#row1 img{
display:block;
float:left;
}
#row2 img{
display:block;
float:left;
}
#row2 ul{
line-height:16px;
margin-right:10px;

}
#row3 img{
display:block;
float:left;
}
#row1 p{
margin-left:10px;
margin-right:5px;

font-size:11px;
line-height:15px;

}

#row1 h1{
font-size:12px;
margin-left:10px;
margin-right:5px;
margin-bottom:5px;
color:#4E7C93;
text-align:justify;
}

#row2{
	float:left;
	width:304px;
	text-align:justify;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	line-height:16px;
	margin-left:25px;
	margin-right:25px;
	overflow:hidden;
}

#row2 p{
margin-left:10px;
margin-right:10px;

font-size:11px;
line-height:15px;


}
#row3{
	float:left;
	width:220px;
	text-align:left;
	color:#626A5B;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	overflow:hidden;
	/*font-family: "Times New Roman", Times, serif;*/

}
#row3 ul{

line-height:15px;
}
#row3 p{
margin-left:10px;
margin-right:10px;
color:#626A5B;font-weight:bold;
}
#solid{
width:306px;
height:165px;
float:right;
z-index:12;
}
#trans{
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
background-image:url(../images/seetrough.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:308px;
height:167px;
position:absolute;

z-index:10;
}

#transcontent{
width:306px;
height:165px;
position:absolute;
z-index:11;
}



#transcontent2{
/*
width:306px;
height:167px;
z-index:11;
background-image:url(../images/seetrough2.png);
background-repeat:no-repeat;
background-position:bottom right;
z-index:20;
float:right;*/
}


#tctitle{
width:230px;
height:40px;
float:right;
font-size:20px;
text-align:right;

}
#tctitle h2{
font-size:25px;
}
#tccontent{
width:300px;
float:right;
overflow:auto;
color:#ffffff;
}


#yellowbar{
font-size:1px;
width:241px;
height:10px;

float:right;
/*border:1px solid #000000;*/
}
#logo{
height:154px;
}
#droptitle{
width:155px;
height:34px;
float:left;
}




#dropdown img{
float:left;
margin:4px;
}


#picture{
width:557px;
height:295px;
float:left;
background-image:url(../images/frontpics/paprika.jpg);
background-repeat:no-repeat;
background-position:bottom left ;
}
#picspacer{
width:249px;
height:295px;
float:left;
}


#rightinfo{
width:305px;
height:295px;
float:right;
}



#navbar a:link{
font: 10px Arial, Helvetica, sans-serif;
color: #ffffff;

text-decoration:none;
}
#navbar a:active{
font: 10px Arial, Helvetica, sans-serif;
color: #ffffff;

text-decoration:none;
}

#navbar a:visited{
font: 10px Arial, Helvetica, sans-serif;
color: #ffffff;

text-decoration:none;
}
#navbar a:hover{
font: 10px Arial, Helvetica, sans-serif;
color: #FFCC33;

text-decoration:none;
}


#navbar menulink {
color:#FF0000
}


#fotoscroll{
width:555px;
height:145px;

float:right;
}

#scrollfill{
background-image:url(../images/contentback.gif);
background-position:center center;
background-repeat:repeat-y;
overflow:auto;
#overflow:visible;
width:775px;
margin:0px auto;

}

#leftcolspacer{
height:112px;
width:219px;
float:left;

}

#leftcol{

width:178px;
height:100px;
float:left;

}

#leftcoltitel{
height:45px;
width:219px;
float:left;
text-align:center;
}
#midcol{
width:243px;
height:310px;
float:left;
}

#rightcol{
width:310px;
height:310px;
float:right;
}


ul{
	list-style: url(../images/li.gif);
	line-height:10px;
}
li{
margin-bottom:5px;
}

a:link{
text-decoration:underline;
color:#626A5B;
}
a:active{
text-decoration:underline;
color:#626A5B;
}
a:visited{
text-decoration:underline;
color:#626A5B;
}
a:hover{
text-decoration:underline;
color:#666666;
}

centerit{

}

#langselect{

float:right;
width:100px;
height:30px;

}
.out{

opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;

}
.over{

opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;

}
#langselect a{
text-decoration:none;
}

.fright{
float:right;
}


#layer2{
position:absolute;
width:100%;

height:10px;
text-align:center;

}

#layer1{
width:100%;
text-align:center;

}
#overlaycontainer{
width:776px;
height:327px;
border:1px solid #ffffff;
margin:auto;



}




#onion1{
width:100%;
height:20px;
overflow:visible;
position:absolute;
z-index:10;
text-align:center;
top:0px;
left:0px;
}
#onion2{
width:100%;
height:20px;
overflow:visible;
position:absolute;
z-index:20;
top:0px;
left:0px;
text-align:center;
}
#onion3{
width:100%;
height:20px;
overflow:visible;
position:absolute;
top:0px;
left:0px;
z-index:30;
text-align:center;
}
#onion4{
width:100%;
height:20px;
overflow:visible;
position:absolute;
top:0px;
left:0px;
z-index:40;
text-align:center;
}

#topback{
width:775px;
height:331px;
background-image:url(../images/topback.gif);
background-repeat:no-repeat;
background-position:center top;
margin-left:auto;
margin-right:auto;
}
#topback2{
width:775px;
height:331px;

margin-left:auto;
margin-right:auto;
}

#topoverlay{
width:775px;
height:331px;
margin-left:auto;
margin-right:auto;
text-align:right;
}
#topspacerleft{
width:469px;
height:331px;

float:left;
}
#topspacerright{
width:469px;
height:331px;
background-color:#ff0000;
float:left;
}

#rightflap{
width:306px;
height:331px;
margin:0px;
float:right;
/*background-image:url(../images/seetrough3.png);
background-repeat:no-repeat;
background-position:right bottom;
*/
}
#rightflapb{
width:306px;
height:331px;
margin:0px;
float:right;
background-image:url(../images/seetrough3b.png);
background-repeat:no-repeat;
background-position:right bottom;
text-align:left;

}
#pagetitel{
background-color:#ff0000;

}
.menuroll {
overflow:hidden;
background-color:#ff0000;
height:20px;
display:block;
cursor:pointer;
border:1px solid #000000;
}
.menuroll:hover {
overflow:hidden;
background-color:#ffcc00;
height:200px;
display:block;
}

#o3spacer{

width:775px;
height:331px;

margin-left:auto;
margin-right:auto;
}


#lowercontent{
width:775px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/contentback.gif);
background-position:center top;
background-repeat:repeat-y;
height:100px;
}


select{
font-size:10px;
}

/*styles for mailform*/

.formdevider{
width:300px;
height:20px;
border:1px solid #000000;
margin:0px;
text-align:left;
}

formdevider div{
float:left;
}
.cinput1{
width:300px;

}
.cinput2{
width:300px;
height:200px;
}
.formitem{
}
input{
margin:0px;
padding:0px;
}
.fbut{
width:150px;
border:1px solid #003C74;
background-color:#ffffff;
display:block;
font-weight:bold;
cursor:pointer;
height:20px;
float:left;
}
/*
.twocol{
width:550px;
border:1px solid #000000;
column-count:2;
column-width:250px;
column-gap:10px;
margin-left:50px;
}*/

.xmessage a{
text-decoration:none;
}


.xnewslink{
width:220px;
height:15px;
display:block;

background-color:#EFF3F2;
border:1px solid #cccccc;

margin:2px;
margin-left:8px;
text
}




