@charset "utf-8";

/* DEFAULT */
body 														{ background-color:#a3b0be; margin-left:0px;	margin-top:0px;	margin-right:0px;	margin-bottom:0px; font-size:62.5%; background-image:url(../images/layout/achtergrond.gif); background-position:left top; background-repeat:repeat-x;  }
body,td,th 											{ font-family:Arial, Helvetica, sans-serif; color:#7b7b7b; line-height:1.8em; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img {	margin:0; padding:0; border:0; }
input, textarea									{ border:1px solid #898989; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; padding:2px 3px 2px 3px; color:#898989; }
p																{ margin:0 0 18px 0; }
h1															{ font-size:2.0em; color:#00244a; font-weight:lighter; margin:0 0 18px 0; line-height:23px }
h2															{ font-size:1.6em; color:#00244a; font-weight:lighter; margin:0 0 10px 0; }

/* LINKS */
a 															{	color:#7b7b7b; text-decoration:underline; }
a:hover 												{ color:#7b7b7b; text-decoration:none; }



/* LAYOUT */
#wrapper 												{	width:100%; text-align:center; overflow: hidden; font-size:1.1em; }
#wrapperCenter 									{ width:995px;	margin:0 auto; text-align:left; overflow: hidden;  }

.sfeer	{  width:769px; height:286px; overflow: hidden; }
.sfeer img	{  width:769px; }

/* TOP */
#topWrapper											{ width:995px; height:83px; overflow:hidden; }
#topWrapper	.logo								{ width:372px; height:83px; float:left; }
#topWrapper .menu								{ width:380px; float:left; margin:34px 10px 0 0; color:#898989; text-align:right; }
#topWrapper .menu .underline		{ text-decoration:underline; }
#topWrapper .menu	a							{ color:#898989; text-decoration:none; margin:0 17px 0 17px; }
#topWrapper .menu	a:hover				{ text-decoration:underline; }
#topWrapper .zoekveld						{ width:155px; height:83px; float:left; margin:31px 0 0 0; }
#topWrapper .zoekveld input			{ width:145px; }
#topWrapper .vlag								{ width:78px; height:83px; float:left; margin:31px 0 0 0; }
#topWrapper .vlag img						{ margin:0 10px 0 0; }


/*MAIN MENU*/
#mainMenu { height:30px;	width: 995px; background-image:url(../images/menu/menuachter.gif); background-position:left top; background-repeat:repeat-x;	}
#mainMenu ul {	display: inline; list-style-type: none; }
#mainMenu li {	display: inline;list-style-type: none;	text-indent:-3000px; background-repeat:no-repeat; display:block; float:left; height:30px;}
#mainMenu li:hover {	}
#mainMenu a { display:block; height:30px; overflow:hidden; }
/*menu-initial state*/
#mainMenu li.menu00 {	background-repeat:no-repeat; }
#mainMenu li.menu01 {	background-repeat:no-repeat; }
#mainMenu li.menu02 {	background-repeat: no-repeat; }
#mainMenu li.menu03 {	background-repeat:no-repeat; }
#mainMenu li.menu04 {	background-repeat: no-repeat; }
#mainMenu li.menu05 {	background-repeat: no-repeat; }
/*bgs for links*/
#mainMenu a#item0 {	background-repeat: no-repeat; background-position: -130px -90px; width: 122px; }
#mainMenu a#item1 {	background-repeat: no-repeat; background-position: -130px -90px; width: 161px; }
#mainMenu a#item2 {	background-repeat: no-repeat; background-position: -130px -90px;	width: 183px;}
#mainMenu a#item3 {	background-repeat: no-repeat; background-position: -130px -90px;	width: 145px;}
#mainMenu a#item4 {	background-repeat: no-repeat; background-position: -130px -90px; width: 140px;	}
#mainMenu a#item5 {	background-repeat: no-repeat; background-position: -130px -90px;	width: 131px;	}
/*hover styles*/
#mainMenu a#item0:hover {background-position:0 0; z-index:50;}
#mainMenu a#item1:hover {background-position:0 0; z-index:50;}
#mainMenu a#item2:hover {background-position:0 0; z-index:50;}
#mainMenu a#item3:hover {background-position:0 0; z-index:50;}
#mainMenu a#item4:hover {background-position:0 0; z-index:50;}
#mainMenu a#item5:hover {background-position:0 0; z-index:50;}

/* HOME */
#homeWrapper 									{ width:995px; background-image:url(../images/layout/achterhome.gif); background-position:left top; background-repeat:no-repeat; background-color:#fdfdfd; overflow:hidden; }
#homefotos										{ width:995px; height:265px; z-index:200; overflow:hidden; }
#homefotos	.animatie					{ width:663px; height:265px; float:left; }
#homefotos	.producten				{ width:314px; height:265px; float:left; margin:0 0 0 9px; }
#homepijl											{ width:14px; height:29px; position:relative; margin:-14px 0 7px 0; z-index:10; }
#hometekst										{ width:995px; background-color:#FFF; overflow:hidden; }
#hometekst h1									{ margin:0 0 12px 0; }
#hometekst .tekstblok1				{ width:281px; height:215px; float:left; padding: 18px 20px 20px 20px; background-image:url(../images/layout/temphomeblok3.jpg); background-position:left top; background-repeat:no-repeat; } 
#hometekst .tekstblok2				{ width:300px; height:215px; float:left; padding: 18px 20px 20px 20px; } 
#hometekst .border						{ width:1px; height:197px; float:left; background-image:url(../images/layout/hometekstachter.gif); background-position:left top; background-repeat:no-repeat; }
#hometekst .nieuws						{ width:314px; float:left; margin:9px 0 0 9px; background-image:url(../images/layout/achternieuws.gif); background-position:left top; background-repeat:repeat-x; background-color:#fdfdfd; overflow:hidden; }
#hometekst .nieuws .titel			{ width:314px; height:33px; color:#FFF; }
#hometekst .nieuws .titel	h1	{ color:#FFF; margin:0 0 0 10px; padding:8px 0 0 0; }
#hometekst .nieuws .item			{ width:314px; line-height:1.25em; margin:10px 0 10px 0; overflow:hidden; }
#hometekst .nieuws .item p		{ margin:0; }
#hometekst .nieuws .item .more{ color:#78b43e; font-weight:bold; text-decoration:none; }
#hometekst .nieuws .item .more:hover { text-decoration:underline; }
#hometekst .nieuws .item img	{ margin:0 10px 0 10px; border:1px solid #b8b8b8; padding:2px; }
#hometekst .nieuws .lijn  		{ width:303px; height:1px; background-image:url(../images/layout/horlijn.gif); background-position:left top; background-repeat:repeat-x; margin:0 0 0 10px; }

.productSlider								{ position: relative; width:314px; height:265px; margin:0 0 0 672px; overflow: hidden; background-image: url("../images/layout/sliderBackground.gif"); }
.productSlider .images				{ position: absolute; width:314px; height:265px; z-index: 1;}
.productSlider .overlayLeft { position: absolute; top: 102px; left: 9px; cursor: pointer; z-index:2; }
.productSlider .overlayRight { position: absolute; top: 102px; right: 9px; cursor: pointer; z-index:2; }
.productSlider .overlayBottom { position: absolute; top: 235px; left: 0px; width: 314px; text-align: center; z-index:2; }

/* VERVOLG */
#vervolgWrapper								{ width:995px; background-image:url(../images/layout/achtervervolg.gif); background-position:left top; background-repeat:no-repeat; background-color:#fdfdfd; overflow:hidden; padding:0 0 20px 0; }
#vervolgTop										{ width:995px; overflow:hidden; margin:0 0 26px 0; z-index:200; }
#vervolgTop .menu							{ width:226px; float:left; }
#vervolgTop .feer							{ width:769px; float:left; }
#vervolgTekst									{ width:995px; position:relative; z-index:300; }
#vervolgTekst .fotolinks			{ width:226px; float:left; margin:60px 0 0 0; }
#vervolgTekst .tekst					{ width:468px; float:left; padding:26px 26px 10px 26px; }
#vervolgTekst .fotorechts			{ width:249px; float:left; margin:60px 0 0 0; }
#vervolgTekst .tekstContact		{ width:278px; float:left; padding:0 26px 0 26px; }
#vervolgTekst .googlemaps			{ width:390px; float:left; margin:-75px 0 0 0; padding:9px; background-image:url(../images/layout/achtergoogle.gif); background-position:left top; background-repeat:repeat-x; background-color:#dfdfdf; }
#vervolgTekst .googleroute		{ width:390px; height:34px; background-color:#78b43e; }
#vervolgTekst .googleroute .inputveld  	{ width:290px; background-color:#d7e9c5;  }
#vervolgTekst .googleroute .inputbutton { border:0; cursor: pointer; }
#vervolgTekst .googleroute .divveld 		{ margin:5px 0 0 10px; float:left; }
#vervolgTekst .googleroute .divbutton 	{ margin:4px 0 0 0; float:left; }

/* CONTENT */
#contentWrapper								{ width:995px; background-image:url(../images/layout/achtercontent.gif); background-position:left top; background-repeat:repeat-x; background-color:#fdfdfd; overflow:hidden; }
#contentWrapper .menu					{ width:226px; float:left; }
#contentTekst									{ width:477px; float:left; padding:30px 25px 10px 18px; }
#contentTekstWrapper					{ width:769px; float:left; }
.contentTekstBreed						{ width:700px !important; }
#contentTekst .titel					{ padding:10px 0 0 0; }
#contentTekst .item						{ width:477px; line-height:1.25em; margin:10px 0 10px 0; overflow:hidden; }
#contentTekst .item p					{ margin:0; }
#contentTekst .item .more			{ color:#78b43e; font-weight:bold; text-decoration:none; }
#contentTekst .item .more:hover { text-decoration:underline; }
#contentTekst .item img				{ margin:0 10px 0 0; border:1px solid #b8b8b8; padding:2px; }
#contentTekst .lijn  					{ width:477px; height:1px; background-image:url(../images/layout/horlijn.gif); background-position:left top; background-repeat:repeat-x; }
#contentTekst .terug					{ color:#00244a; font-weight:bold; padding:0 0 20px 0; }
#contentTekst .terug a				{ color:#00244a; font-weight:bold; text-decoration:none; }
#contentTekst .terug a:hover	{ text-decoration:underline; }
#contentTekst .terug .pijltjes{ font-size:1.3em; }
#contentFoto									{ width:249px; float:left; margin:100px 0 0 0; }
#contentFoto2									{ width:249px; float:left; margin:68px 0 0 0; }
#contentFoto3									{ width:249px; float:left; margin:0 0 0 0; }
#contentFotoLinks							{ width:226px; margin:0 0 0 0; text-align:center; }
#contentProducts							{ width:735px; clear:both; background-color:#FFF; margin:0 0 10px 8px; padding:10px 0 0 10px; overflow:hidden; }
#contentProducts .blok				{ width:235px; height:161px; float:left; margin:0 10px 0 0; padding:0 0 10px 0; }
#contentProducts .titel				{ width:205px; height:52px; padding:5px 15px 0 15px; line-height:1.3em; text-align:center; background-image:url(../images/layout/achterproductsbar.gif); background-position:left top; background-repeat:repeat-x; color:#FFF; overflow:hidden; } 
#contentProducts .foto				{ width:235px; height:114px; overflow:hidden; }
#contentStockform										{ width:745px; clear:both; background-color:#FFF; margin:0 0 16px 8px; overflow:hidden; }
#contentStockform .blok							{ width:420px; float:left; padding:20px 0 30px 30px; }
#contentStockform .titel						{ width:135px; float:left; font-weight:bold; margin:6px 0 0 0; }
#contentStockform .titel2					{ width:135px; float:left; font-weight:bold; margin:6px 0 0 0; clear:both; }
#contentStockform .veld						{ width:275px; float:left; margin:4px 0 0 0; }
#contentStockform .inputveld				{ width:255px; }
#contentStockform .foto							{ width:274px; float:right; }
#contentStockform .checklist				{ width:425px; float:left; margin:25px 0 0 0; }
#contentStockform .checklist input	{ border:0; }
#contentStockform .button						{ width:77px; float:right; margin:22px 12px 0 0; }
#contentStockform .checklist2				{ width:200px; float:left; margin:4px 0 0 0;  }
#contentStockform .checklist2 input	{ border:0; }

.contentForm									{ width:442px; float:left; background-color:#FFF; margin:0 40px 16px 8px; padding:20px 0 20px 30px; }
.contentForm .titel						{ width:135px; float:left; font-weight:bold; margin:6px 0 0 0; }
.contentForm .veld						{ width:275px; float:left; margin:4px 0 0 0; }
.contentForm .titel2					{ width:135px; float:left; font-weight:bold; margin:6px 0 0 0; clear:both; }
.contentForm .inputveld				{ width:255px; }
.contentForm .inputveldPC 		{ width:70px; }
.contentForm .inputveldPL 		{ width:172px; margin: 0 0 0 5px; }
.contentForm textarea					{ width:400px; height:60px; }
#contentFormVerplicht					{ width:150px; float:left; clear:both; margin:0 0 0 40px; }
#contentFormButton						{ width:77px; float:left; padding:0 0 20px 0; margin: 0 0 0 179px; cursor: pointer; }
#contentStockFormButton					{ width:77px; float:left; padding:0 0 20px 0; cursor: pointer; }

.noBorder					{border: 0px solid transparent}

/* SNELMENU */
ul.snelmenu 									{ width:219px; padding:1px 0 40px 0; list-style-type:none; float:left; margin:24px 0 0 0; }
ul.snelmenu li 								{ height:23px; width:199px; list-style-type:none; padding:5px 0 0 20px; cursor:pointer; }
ul.snelmenu li:hover					{	background-image: url('../images/layout/snelBackground.jpg'); }
ul.snelmenu a									{ text-decoration:none; }
ul.snelmenu .active						{	background-image: url('../images/layout/snelBackground.jpg'); }


/* FOOTER */
#footerWrapper								{ width:995px; height:18px; background-color:#9b9b9b; color:#d7d7d7; }
#footerWrapper a							{ color:#d7d7d7; text-decoration:none; }
#footerWrapper a:hover				{ text-decoration:underline; }
#footerWrapper .copyright			{ float:left; margin:0 0 0 20px; text-transform:uppercase; }
#footerWrapper .links					{ float:right; margin:0 10px 0 0; }
#footerWrapper .links	a				{ margin:0 6px 0 6px; }

/* CAMPAGNE ROTTERDAM LOGO */
#campagnerotterdamWrapper			{ width:995px; height:18px; padding:30px 0 30px 0; text-align:center;  }			



.prodPrev { width: 67px; float: left; margin: 0 0 5px 0; }
.prodNext { width: 37px; float: right;  margin: 0 8px 5px 0;}

.searchWords							{ font-size: 1.2em; font-weight: bold; color: #00244A; }
.searchresults 						{ overflow: hidden; clear: both; margin: 0 0 0 18px; }
.searchresults .searchTitel	{ font-size: 1.2em; font-weight: bold; color: #00244A; }
.searchresults .item				{ width:584px; margin:20px 0 20px 0; overflow:hidden; }
.searchresults .item p			{ margin:0; }
.searchresults .item .more	{ color:#00244A; font-weight:bold; float: right; text-decoration:none; }
.searchresults .item .more:hover { text-decoration:underline; }
.searchresults .item img		{ margin:0 10px 0 10px; border:1px solid #b8b8b8; padding:2px; }
.searchresults .lijn  			{ width:584px; height:1px; border-bottom: 1px solid #7B7B7B; }


/* VACATURE FORM */
#solliciteer1{
	width: 650px;
}

#solliciteer1 fieldset#formulier{
	margin: 0;
	padding: 0;
	border: 0;
}

#solliciteer1 fieldset#formulier div#legend{
	margin: 0 0 10px 0;
	float: right;
	font-size: 1.2em;
	color: #437eaf;
	font-weight: bold;
	text-align: right;
	width: 100px;
}

#solliciteer1 fieldset#formulier div#formulierContent{
	border: 1px solid #CCCCCC;
	margin: 20px 1px 1px 1px;
	float: left;
	width: 645px;
	color:#113356;
	overflow:hidden;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden{
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 645px;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden li{
	margin: 0;
	padding: 0;
	list-style: none;
	clear:both;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden li label{
	display: block;
	width: 200px;
	text-align: right;
	font-weight: bold;
	float: left;
	margin: 3px 10px 0 0;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden li label.inline{
	display: inline;
	float: left;
	width: 30px;
	text-align: right;
	font-weight: bold;
	margin: 0;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden li input{
	display: block;
	width: 300px;
	font-weight: normal;
	float: left;
	margin: 1px;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden li input[type=radio]{
	display: block;
	width: 10px;
	font-weight: bold;
	float: left;
	margin: 1px;
	border: 0;
	background-color: transparent;
}

#solliciteer1 fieldset#formulier div#formulierContent ul#formulierVelden li span{
	display: block;
	width: 20px;
	font-weight: normal;
	float: left;
	margin: 5px;
}

#solliciteer1 fieldset#formulier div#formulierButton p{
	margin: 10px 0 0 0;
	padding: 0;
}

#solliciteer1 fieldset#formulier div#formulierButton p input[type=button]{
	background-color: #011f3f;
	color: #FFFFFF;
	border: 1px solid #163b62;
}