/*CSS BASIS Document*/
/* ONDERDELEN

Gebruikte kleuren 
blauw #003875
oranje #F58220


*/

html, body { height:100%; background-color: #333333; font-family: verdana;}
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */

body { margin:0; color:#003875; font-size:100%; }

/* sitewide weergave van links */
a:link,a:visited  {color:#F58220; text-decoration:none;}
a:hover {color:#F58220; text-decoration: none;}


.ata { color:#971b1e; font-size:16px; font-family:Arial; font-weight:bold;}
.fata { color:#ffffff; font-size:12px; font-family:Arial; font-weight:bold;}


/* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */
#container { position:absolute; background-color:#003875; top:0px; left:0px;height:800px; margin-left:auto; margin-right:auto; width:840px; position:relative; }

#logo { position:absolute; top:0px; left:0px; height:105px; width:270px;background-image: url(../img/bawykov_logo.jpg); background-repeat:no-repeat; background-position:left; } 
#zalmlogo {
	position:absolute;
	top:201px;
	left:100px;
	height:282px;
	width:425px; 
    background-image: url(../img/de_zalm_index.gif);
	background-repeat:no-repeat;
	background-position:left;
	z-index:3;
}
#nuttigenlogo {
	position:absolute;
	top:105px;
	left:244px;
	height:282px;
	width:425px;
    z-index:5;
} 
#kliekjeslogo {
	position:absolute;
	top:300px;
	left:200px;
	height:282px;
	width:455px;
	
	z-index:6;
} 
#bestellenlogo {
	position:absolute;
	top:201px;
	left:306px;
	height:282px;
	width:455px;
	z-index:5;
} 

#klikhier {
	position:absolute;
	top:565px;
	left:640px;
	width:200px;
	height:50px;
	font-family:Georgia;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:28px;
	background-color:#ec3e0c;
	text-align:center;
	z-index:8;
	
}

#klikhier a:link, #klikhier a:visited {
	position:absolute;
	height:50px;
	width:200px;
	line-height:28px;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	background-color:#ec3e0c;
	left: 0px;
}
#klikhier a:hover {position:absolute; height:50px; width:200px; line-height:28px; text-decoration:none;text-align:center; color:#003875; font-size:18px; font-weight:bold;background-color: #FFCC33;}



#headerimg { position:absolute; top:0px; left:270px; height:105px; width:570px;} 
#breadcrum {position:absolute;	top:105px;left:270px;height:30px;width:285px; padding-left:11px; background-color:#003875; color:#ffffff;font-size:15px;line-height:27px;} 


#menu { position:absolute; top:150px; left:40px; width:260px; z-index:1; text-align:left; background-color:#ffffff; }

#menu a:link { position:relative; height:48px;width:260px;  text-decoration:none; text-align:left; color:#003875; font-size:12px; background-color:#ffffff;cursor: pointer;
	cursor: hand;}
#menu a:hover {position:relative; height:48px; width:260px; text-decoration:none; text-align:left; color:#F58220; font-size:12px; }
#menu a:visited {position:relative; height:48px; width:260px; text-decoration:none; text-align:left; color:#003875; font-size:12px; background-color: #ffffff;}

/* lijntjes */
#menuzalm_lijn {
	position:absolute;
	top:234px;
	left:155px;
	width:106px;
	height:88px;
	z-index:9;
	background-image:url(../img/menuzalm_lijn.gif);
	background-repeat:no-repeat;	
}
#menunuttig_lijn {
	position:absolute;
	top:75px;
	left:445px;
	width:123px;
	height:86px;
	z-index:15;
	background-image:url(../img/menunuttige_lijn.gif);
	background-repeat:no-repeat;
}
#menukliek_lijn {
	position:absolute;
	top:422px;
	left:293px;
	width:96px;
	height:42px;
	z-index:15;
	background-image:url(../img/menukliek_lijn.gif);
	background-repeat:no-repeat;
}

#menubestel_lijn {
	position:absolute;
	top:371px;
	left:593px;
	width:47px;
	height:47px;
	z-index:15;
	background-image:url(../img/menubestel_lijn.gif);
	background-repeat:no-repeat;
}

/* menu*/
#menuzalm { position:absolute; top:150px; left:60px; width:260px; z-index:7; text-align:left; background-color:#003875; }
#menunuttig { position:absolute; top:50px; left:570px; width:250px; z-index:7; text-align:left; background-color:#003875; }
#menukliekjes{
	position:absolute;
	top:445px;
	left:80px;
	width:260px;
	z-index:7;
	text-align:left;
}
#menubestellen{ position:absolute; top:420px; left:570px; width:260px; z-index:7; text-align:left; background-color:#003875; }


#menu_tab { position:relative; top:0px; left:9px; width:270px; height:18px; color:#ffffff;font-size:12px;z-index:2; line-height:18px; cursor: pointer;cursor: hand;z-index:2; }
#menu_tab a:link, #menu_tab a:visited {	position:relative;	height:18px;width:260px;color:#ffffff;font-size:12px;line-height:18px;text-decoration:none;z-index:2;}
#menu_tab a:hover { position:relative; height:18px; width:270px; color:#F58220;  font-size:12px; line-height:18px; text-decoration:none; z-index:2}

#menu_tab a.actief:link, #menu_tab a.actief:visited {	position:relative;	height:18px;width:260px;color:#F58220;font-size:12px;line-height:18px;text-decoration:none;z-index:2; cursor: pointer;cursor: hand;}
#menu_tab a.actief:hover { position:relative; height:20px; width:270px; color:#F58220;  font-size:12px; line-height:20px; text-decoration:none; z-index:2}


#menu_header_zalm { position:relative; top:0px; left:0px; width:260px; height:25px; z-index:4; color:#ffffff; font-size:18px; font-family: Georgia;font-weight:bold; text-align:left;}
#menu_header_nuttig { position:relative; top:0px; left:0px; width:260px; height:25px; z-index:4; color:#ffffff; font-size:18px; font-family: Georgia;font-weight:bold; text-align:left;}
#menu_header_kliek  { position:relative; top:0px; left:0px; width:260px; height:25px; z-index:4; color:#ffffff; font-size:18px; font-family: Georgia;font-weight:bold; text-align:left;}
#menu_header_bestel { position:relative; top:0px; left:0px; width:260px; height:25px; z-index:4; color:#ffffff; font-size:18px; font-family: Georgia;font-weight:bold; text-align:left;}

#menu_headeractief { position:relative; top:0px; left:0px; width:260px; height:25px; z-index:4; color:#F58220; font-size:18px; font-family: Georgia;font-weight:bold; text-align:left;}




#lijnzalm{ position:absolute; top:420px; left:570px; width:179px; z-index:7; text-align:left; background-color:#003875; }







  
#footer {position: absolute; bottom:0px; left:-10px;height:15px;width:530px;background-color:#003875;color:#ffffff;font-size:10px;line-height:15px;text-align: center;}
  
#tekst-index { background-color:#ffffff; position:absolute; top:0px; left:0px; min-height:365px;   height:auto !important; line-height:20px;
  height:385px; width:500px; padding:20px; color:#003875;  font-size:12px; padding-left:10px; padding-right:10px; z-index:5;}

  
    
h1 { color:#003875; margin:0px; padding:10px 0px 10px 0px;  font-size:18px; width:350px; }
p {margin:0px; padding:0px; color:#003875;  font-size:12px;  width:290px; }
p2 {margin:0px; padding:0px; color:#ffffff;  font-size:10px;  width:290px; line-height:15px; }


ul { padding:0px 0px 0px 25px; margin:0px;}
td,tr,table {color:#003875;  font-size:10px; vertical-align:top;}

.dot { font-size:14px;  font-weight:bold; color:#FFFFFF;}

strong {color:#F58220; font-size:13px; font-family: Georgia;line-height:21px;}
strong2 {color:#Ffffff; font-size:14px; font-family: Georgia; line-height:12px;}

.style1 {font-size: 14px; line-height:12px;}