@import url(reset.css);

@import url(menu.css);

@import url(submenu.css);

@import url(gallery.css);

@import url(footer.css);


/* website kleuren

blauw : 			#006eb7
grijs : 			#475a67
lichtblauw:			#a3d6ff
*/


*
{
font-family:		Helvetica, Arial, sans-serif;
font-size:			12px;
color:				#475a67;
}					

html, body			
{					
height: 			100%;
}	
				
#wrapper			
{					
min-height: 		100%;
height: 			auto !important;
height: 			100%;
width: 				969px;
background:			white url(/media/bgwrapper.gif) repeat-y;
margin: 			0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}


#footer
{
height: 			190px; /* #push must be the same height as #footer */
width:				969px;
background:			url(/media/bgfooter.gif) left bottom no-repeat;
margin:				0 auto;
}

#header
{
width:				969px;
height:				190px;
margin:				0 auto;
background:			white url(/media/bgheader.gif) top left no-repeat;
}	

				
#menu				
{					
width:				968px;
height:				50px;
border-right:		white solid 1px;
font-size:			14px;
}

#page				
{					
width:				969px;
padding-bottom:		120px;
}

.clear
{
float:none;
clear:both;
height:0;
}

/* Zoek */

#zoek
{
position: 			relative;
float:				right;
width: 				160px;
height: 			22px;
background: 		url(/media/bgsearch.gif) no-repeat;
}
#zoek form#search input
{
float: 				left;
border: 			none;
width:				122px;
height: 			19px;
padding:			4px 0 0 8px;
color:				#006eb7;
background: 		none;
}
#zoek form#search input.button
{
width:				30px;
height: 			22px;
background: 		none;
display: 			block;
cursor: 			pointer;
}


/* Crumble */

#crumble
{
width:				969px;
height:				30px;
}
#crumble ul
{
margin-left: 		49px;
}
#crumble ul li
{
display:			inline;
}


/* Algemeen */

a, a:link
{
color: 				#006eb7;
text-decoration:	none;
}
a:hover, a:active
{
color: 				#475a67;
}

p.s {
margin:				4px 0;
}

.verder
{
float:right;
clear:left;
}

/* kleuren */
.red {
color:red;
}


/* HEADER */

#products
{
position:			relative;
width:				640px;
height:				167px;
float:				right;
}
#lists
{
width:				329px;
/*margin-top:			115px;*/
float:				left;
}

/* header items */





/* VLAGGEN TAAL */

ul#lang
{
margin-left:		49px;
float:				left;
}					
ul#lang li a		
{					
font-size:			10px;
line-height:		16px;
}					
ul#lang li.hi a
{					
text-transform:		uppercase;
color:				#475a67;
font-weight:		bold;
}
ul#lang li a.Nederlands,
ul#lang li a.English,
ul#lang li a.Deutsch
{
padding-left:		20px;
display:			block;
}
ul#lang li a.Nederlands { background: url(/media/li_nederlands.png) no-repeat 0 50%; }
ul#lang li a.English 	{ background: url(/media/li_english.png) no-repeat 0 50%; }
ul#lang li a.Deutsch	{ background: url(/media/li_deutsch.png) no-repeat 0 50%; }






ul.products
{
width:				120px;
margin-left:		0px;
float:				left;
border-left:		1px solid #475a67;
padding-left:		14px;
}
ul.products li a
{
font-size:			10px;
line-height:		14px;
}


/* headerlist */
ul#headerlist
{
margin:				21px 0 0 auto;
}
ul#headerlist li
{
display:			inline;
}
ul#headerlist li a
{
width:				64px;
display:			inline-block;
padding-top:		12px;
float:				left;
cursor:				pointer;
margin-right:		11px;
}
ul#headerlist li:hover a
{
background:			url(/media/bgheaderli_mo.gif) no-repeat;
color: 				#475a67;
}
ul#headerlist li img
{
float:				left;
}
ul#headerlist li a .hli
{
float:				left;
width:				54px;
display:			block;
margin-top:			10px;
padding-left:		10px;
border-left:		solid 1px #475a67;
font-size:			10px;
line-height:		14px;
}
ul#headerlist li a .hli
{
color: 				#006eb7;
text-decoration:	none;
}
ul#headerlist li a:hover .hli
{
color: 				#475a67;
}


/* list */

li.active,
li.active a
{
font-weight:		bold;
}


.blue
{
color: 				#006eb7;
}

h1, h1 a
{
font-size:			24px;
line-height:		auto;
margin:				0 0 15px 0;
line-height:		26px;
}
h2, h2 a
{
font:				21px/26px Helvetica, Arial, sans-serif;
font-weight:		normal;
color: 				#006eb7;
margin:				0 0 8px 0;
line-height:		auto;
}
h3,
h3 a
{
font:				15px/20px Helvetica, Arial, sans-serif;
font-weight:		bold;
color: 				#006eb7;
margin:				0 0 4px 0;
line-height:		auto;
}

p
{
margin: 0 0 8px 0;
}
p.intro
{
font:				14px/28px Helvetica, Arial, sans-serif;
font-weight:		bold;
}

.content ul
{
margin:				4px 0;
padding-left:		15px;
}
.content ul li
{
list-style:			outside disc;
}

.boxl
{
position:			relative;
float:				left;
width:				240px;
margin:				0 0 20px 49px;
}

.content
{
position:			relative;
float:				right;
width:				600px;
margin:				0 40px 15px 0px;
font:				12px/19px Helvetica, Arial, sans-serif
}
.content .bsafbgroot
{
width:				266px;
border-left:		1px solid #475a67;
margin:				6px 0 8px 320px;
padding:			2px 0 0 14px;
display:			inline-block;
color:				#006eb7;
}

.content .boxr
{
float:				right;
width:				280px;
margin:				0 0 18px 20px;
}

.boxr .pageImage
{
width:				266px;
margin-bottom:		12px;
}
.boxr .pageImage .bs
{
width:				266px;
border-left:		1px solid #475a67;
margin:				6px 0;
padding-left:		14px;
display:			inline-block;
color:				#006eb7;
}













/* filmstrip */

.fsbs
{
margin:					6px 0;
}

/* fotostrip */


.top3pics
{
position: 				relative;
width: 					280px;
height:					94px;
background: 			url(/media/bggallery.png) repeat-x;
}
.top3pics .left
{
position: 				absolute;
top:					0;
left:					0;
width:					10px;
height:					94px;
background: 			url(/media/endsgallery.gif) no-repeat;
}
.top3pics .right
{
position: 				absolute;
top:					0;
right:					0;
width:					10px;
height:					94px;
background: 			url(/media/endsgallery.gif) -10px no-repeat;
}

.top3pics .top
{
position: 				absolute;
top:					0px;
left:					20px;
width:					239px;
height: 				1px;
background-color: 		#475a67;
}

ul.fotostrip
{
margin:					0 0 0 10px;
padding:				10px;
width:					250px;
height:					74px;
}

ul.fotostrip li
{
list-style: 			none;
display: 				inline;
margin:					0 7px 0 0;
padding:				0;
}
ul.fotostrip li a img
{
border: 				solid 1px #006eb7;
}

/* BANNERS */

.banner
{
position: 				relative;
float: 					left;
width:					214px; /*240-(2*13)*/
margin:					10px 0;
background: 			#343537 url(/media/bgbanner.jpg) no-repeat;
color: 					white;
padding:				13px;
margin:					0 0 10px 0;
}
.banner strong,
.banner b
{
font:					14px/18px Helvetica, Arial, sans-serif;
color: 					#a3d6ff;
}
.banner p
{
font:					12px/18px Helvetica, Arial, sans-serif;
color: 					white;
margin:0;
}
.banner img.thumb
{
margin:					0 10px 4px 0;
float: 					left;
border:					solid 1px #a3d6ff;
}
.banner img.hilite
{
margin:					0 10px 4px 0;
border:					solid 1px #a3d6ff;
}


.logos
{
margin: 				10px 0;
}

/* Nieuws homepage */

ul.nieuwslijst
{
position:				relative;
float:					left;
width:					227px;
}
ul.nieuwslijst li
{
width:					197px;
position:				relative;
float:					left;
clear:					left;
background: 			url(/media/bgsublist.gif) repeat-y;
padding: 			    0 30px 0 13px;
margin-top:				10px;
}
ul.nieuwslijst li img.newspreview
{
float:					right;
clear:					right;
border:					solid 1px #006eb7;
margin:					0 -17px 4px 5px;
}
ul.nieuwslijst li .datum
{
font-size:				11px;
margin-bottom:			8px;
display:				block;
}
ul.nieuwslijst li p.intro
{
font:					12px/19px Helvetica, Arial, sans-serif;
font-weight:			normal;
}
ul.nieuwslijst li img.meernieuws
{
position:				absolute;
right:					13px;
bottom:					11px
}
ul.nieuwslijst li.line
{
width:					197px;
height:					1px;
margin-top:				10px;
background:				#d1d6d9;
float:					left;
}


/* Nieuwspagina */

.newsdate
{
display:				block;
margin-bottom:			6px;
font-size:				12px;
}
.newsbox .newsdate
{
margin-bottom:			4px;
}

.newsholder
{
position:				relative;
float:					left;
padding:				1px 1px 0px 1px;
width:					598px; /* 600-1-1 */
background:				#b8d1e5;
margin-bottom:			12px;
}
.newsbox
{
float:					left;
height:					120px;
padding:				12px;
background:				white url(/media/bgnewsrow.png) repeat-x bottom;
border-bottom:			solid 1px #b8d1e5;
}

.cornernwslb,
.cornernwsrb,
.cornernwslo,
.cornernwsro
{
position:				absolute;
width:					10px;
height:					10px;
background-image:		url(/media/cornernws.png)
}
.cornernwslb
{
left:					0;
top:					0;
background-position:	0 0;
}
.cornernwsrb
{
right:					0;
top:					0;
background-position:	10px 0;
}
.cornernwslo
{
left:					0;
bottom:					0;
background-position:	0 -10px;
}
.cornernwsro
{
right:					0;
bottom:					0px;
background-position:	10px -10px;
}



.newsbox .newsboxpics
{
position:				relative;
float:					right;
width:					82px;
height:					100%;
margin-left:			10px;
}
.newsbox .newsboxpics img.preview
{
border:					solid 1px #006eb7;
float:					right;
}
.newsbox .newsboxpics img.newsnext
{
position:				absolute;
right:					0;
bottom:					0;
}


/* IMAGES */

.pic600
{
position:relative;
}



/* KLANTEN */

#klanten
{
position:				relative;
width:					600px;
float:					left;
clear:					both;
margin-bottom:			10px;
}

.klant
{
position:				relative;
float:					left;
background:				white url(/media/bgnewsrow.png) 0 120px repeat-x;
width:					129px;
height:					117px;
border:					solid 1px #bfd7eb;
margin:					-1px 0 0 -1px;
padding:				10px;
}
.klantnaam
{
position:				absolute;
bottom:					5px;
width:					149px;
height:					15px;
text-align:				center;
}

.cornerlb_lb,
.cornerlb_rb,
.cornerlb_lo,
.cornerlb_ro
{
position:				absolute;
width:					10px;
height:					10px;
background:				url(/media/cornernws.png);
z-index:				5;
}
.cornerlb_lb
{
left:					-1px;
top:					-1px;
background-position:	0 0;
}
.cornerlb_rb
{
right:					0;
top:					-1px;
background-position:	10px 0;
}
.cornerlb_lo
{
left:					-1px;
bottom:					0;
background-position:	0 -10px;
}
.cornerlb_ro
{
right:					0;
bottom:					0px;
background-position:	10px -10px;
}


/* CONTACTFORMULIER */

.form
{
position:				relative;
float:					left;
width:					280px;
}
.form .item
{
float:					left;
clear:					left;
width:					80px;
height:					22px;
margin-bottom:			8px;
}
.form .input
{
float:					left;
width:					200px;
height:					22px;
background:				url(/media/formelements.png);
display:				block;
margin-bottom:			8px;
}
.form .input input
{
border: 				0;
width:					184px;
margin:					3px 8px;
background:				none;
}
.form .area
{
float:					left;
width:					200px;
height:					152px;
background:				url(/media/formelements.png) no-repeat 0px -22px;
margin-bottom:			8px;
}
.form .area textarea
{
border: 				0;
width:					184px;
height:					144px;
margin:					3px 8px;
background:				none;
}

.form .button
{
float:					right;
margin:					6px 0;
}
.form input.submit
{
width:					106px;
height:					26px;
background:				url(/media/formelements.png)  no-repeat 0px -174px;
border:					none;
}

.antispam
{
float:					left;
width:					200px;
}
.antispamimage
{
float:					left;
margin-bottom:			8px;
}


/* ROUTE */

form#directions .input
{
float:					left;
width:					200px;
height:					22px;
background:				url(/media/formelements.png);
display:				block;
margin-right:			8px;
}
form#directions .input input
{
border: 				0;
width:					184px;
margin:					3px 8px;
background:				none;
}
form#directions .submit
{
width:					25px;
height:					26px;
background:				url(/media/next_blue.png) no-repeat;
border:					none;
margin:					8px 0;
}

/* PAGEBROWSER */

.pagebrowser
{
width:					600px;
height:					26px;
margin:					8px 0;
}

.pagebrowser a span
{
position:				relative;
float:					left;
width:					25px;
height:					26px;
margin-right:			4px;
display:				block;
text-align:				center;
color:					white;
padding-top:			4px;
}

.prev_page
{
background:				url(/media/prev_blue.png) no-repeat;
}
.prev_page:hover
{
background:				url(/media/prev_grey.png) no-repeat;
}
.next_page
{
background:				url(/media/next_blue.png) no-repeat;
}
.next_page:hover
{
background:				url(/media/next_grey.png) no-repeat;
}
.pagenr
{
background:				url(/media/bgpagenr_blue.png) no-repeat;
}
.pagenr:hover,
.pagenr_hilite
{
background:				url(/media/bgpagenr_grey.png) no-repeat;
}
.prev_page:hover,
.next_page:hover,
.pagenr:hover,
.pagenr_hilite:hover
{
cursor:					pointer;
}