/* overall styles */

body {margin:0; padding:0; font: normal 0.8em Tahoma, Verdana, Arial; color: #323232; background: white url(/imperial/images/background.jpg) no-repeat center top;}
img {border:0;}
a {color:black;}
a:hover {color:#444444;}
a span.imagepreview {display: block;position: absolute; top: 0px; left: 30px;padding: 5px; margin: 10px; z-index: 900;}

h2 {color:#ed171f; font-size:1.8em; font-weight:normal;}
h3 {color:black; font-size:1.4em; font-weight:normal;}

test.span.apDiv1 {
	position:absolute;
	text-align:center;
	left:0px;
	top:30px;
	width:100%;
	z-index:10;
	background:red;
}

div.overallsitecontainerlangselect {width:436px; margin-left:auto; margin-right:auto; text-align:center;}
div.contentoveralllangselect {float:left; padding-top:250px;}
div.langselectnl {float:left; width:200px; height:70px; border-right:solid 1px black; padding:0 20px 0 0; margin:30px 0 0 0; text-align:right; font-size:0.85em;}
div.langselectnl a {font-size:2em; text-decoration:none; color:#ed171f;}
div.langselectnl a:hover {color:Black;}
div.langselectfr {float:left; width:195px; padding:0 0 50px 20px; margin:60px 0 0 0; text-align:left; font-size:0.85em;}
div.langselectfr a {font-size:2em; text-decoration:none; color:#ed171f;}
div.langselectfr a:hover {color:Black;}

h1.welkomhome {font-size:1.4em; font-weight:normal; padding:0; margin:0; font-family:Tahoma,Verdana,Arial;}
h1.hijiser {font-family:Georgia, Times, 'Times New Roman'; padding:0; margin:0; font-size:1.8em; color:#ed171f;}

div.talenkeuze {float:left;	height:65px; width:965px; text-align:right;	padding: 10px 10px 7px 0;}

div.overallsitecontainer {width:975px; margin-left:auto; margin-right:auto;}
div.contentoverallhome {float:left; width:745px;}
div.contentoverallvolg {float:left; width:745px;}
div.contentvolgoverall {float:left; width:640px; padding: 0 40px 0 40px; text-align:left;}

/* opmaak hoofdnavigatie */
div.hoofdnav {float:left; width:229px; text-align:right;}
div.hoofdnav a {font-size:1.3em; font-weight:normal; color:White; text-decoration:none;}
div.hoofdnav a:hover {color:black;}
div.hoofdnav .select {font-size:1.3em; font-weight:normal; color:black;}

/* opmaak footer */
div.footer {float:right; text-align:center; width:705px; font-size:0.85em; color:#c0c0c0; padding:2px 0 0 0;}
div.footer a {color:#c0c0c0;}
div.footer a:hover {color:#0d0d0d;}

/* opmaak home */
div.blockrecepprod {float:left; width:715px; padding:10px 0 0 20px;}
div.blockproductsnl {float:left; width:220px; padding:2px 10px 5px 0; background: url(/imperial/nl/images/prod-kijker-home-nl.gif) no-repeat 10px 10px;}
div.blockrecipiesnl {float:left; width:220px; padding:2px 10px 5px 0; background: url(/imperial/nl/images/rece-maand-home-nl.gif) no-repeat 10px 10px;}
div.blockactiesnl {float:left; width:220px; padding:2px 10px 5px 0; background: url(/imperial/nl/images/actiefolder-home-nl.gif) no-repeat 10px 10px;}
div.blockproductsfr {float:left; width:220px; padding:2px 10px 5px 0; background: url(/imperial/fr/images/prod-kijker-home-fr.gif) no-repeat 10px 10px;}
div.blockrecipiesfr {float:left; width:220px; padding:2px 10px 5px 0; background: url(/imperial/fr/images/rece-maand-home-fr.gif) no-repeat 10px 10px;}
div.blockactiesfr {float:left; width:220px; padding:2px 10px 5px 0; background: url(/imperial/fr/images/actiefolder-home-fr.gif) no-repeat 10px 10px;}
div.frameimgrecprod {float:left; width:180px; height:180px; overflow:hidden; padding:33px 0 0 31px;}
div.frametxtrecprod {float:left; width:180px; padding:5px 0 0 30px;}
div.titlehomerecprod {padding-bottom:3px; font-size:1em; color:White; text-decoration:none;}
div.titlehomerecprod a {color:#ed171f; text-decoration:none; font-family:Georgia, Times, 'Times New Roman'; font-weight:bold;}
div.titlehomerecprod a:hover {color:Black;}
div.txthomerecprod {}


/* opmaak products */
div.blockprodoverview {float:left; width:310px; height:155px; padding:0 0 10px 0;}
div.blockprodoverviewframe {float:left; width:310px; height:155px; border: solid 1px #d0d0d0; background:#f3f3f3;}
div.blockprodoverviewleft {float:left; width:310px; height:155px; padding:0 10px 10px 0;}
div.frameimgprodoverview {float:left; width:155px;}
div.frameimgprodoverview img {border-right:dashed 1px #d0d0d0;}
div.frametxtprodoverview {float:left; width:140px; padding:10px 0 0 5px; text-align:left; color:white;}
div.titleprodoverview {padding-bottom:7px; font-size:1em; color:#ed171f; font-weight:bold; text-decoration:none;}
div.titleprodoverview a {color:#ed171f; font-weight:bold; text-decoration:none;}
div.titleprodoverview a:hover {color:Black;}
div.txtprodoverview {padding-bottom:4px; color:Black;}
div.blockproddetail {float:left; width:640px; padding:0 0 10px 0;}
div.frameimgproddetail {float:left; width:290px;}
div.frametxtproddetail {float:left; width:330px; padding:10px 0 0 10px; text-align:left; color:#323232;}

/* opmaak recipies */
div.blockrecoverview {float:left; width:310px; padding:0 0 10px 0;}
div.blockrecoverviewframe {float:left; width:310px; height:150px; border: solid 1px #d0d0d0; background:#f3f3f3;}
div.blockrecoverviewleft {float:left; width:310px; padding:0 10px 10px 0;}
div.frameimgrecoverview {float:left; width:155px;}
div.frameimgrecoverview img {border-right:dashed 1px #d0d0d0;}
div.frametxtrecoverview {float:left; width:140px; padding:10px 0 0 5px; text-align:left; color:white;}
div.titlerecoverview {padding-bottom:7px; font-size:1em; color:#ed171f; font-weight:bold; text-decoration:none;}
div.titlerecoverview a {color:#ed171f; font-weight:bold; text-decoration:none;}
div.titlerecoverview a:hover {color:Black;}
div.txtrecoverview {padding-bottom:4px;}
div.blockrecdetail {float:left; width:640px; padding:0 0 10px 0;}
div.frameimgrecdetail {float:left; width:290px;}
div.frametxtrecdetail {float:left; width:330px; padding:10px 0 0 10px; text-align:left; color:#323232;}

td.koksmuts {border-right:solid 1px #323232;}
div.koksmuts {float:left; width:35px; text-align:center;}
div.niveau {float:left; padding:7px 12px 0 5px;}
td.klokje {border-right:solid 1px #323232;}
div.klokje {float:left; width:35px; text-align:center;}
div.tijd {float:left; padding:7px 12px 0 5px;}
td.personen {padding:7px 0 0 5px;}


/* opmaak jobs */
div.contentvolgjobs {float:left; width:640px; padding: 0 55px 20px 40px; text-align:left;}
div.blockjobsoverview {float:left; width:600px; padding:10px 0 10px 0; border-bottom: solid 1px #d0d0d0; text-align:left;}
div.frametxtjobsoverview {width:490px; color:#323232;}
div.titlejobsoverview {font-size:1.2em; color:#323232; font-weight:normal;}
div.titlejobsoverview a {font-size:1.2em; color:#323232; font-weight:normal; text-decoration:none;}
div.titlejobsoverview a:hover {color:Black;}
div.txtjobsoverview {padding-bottom:4px;}
div.blockjobsdetail {float:left; width:640px; padding:10px 0 0 0; border-bottom: solid 1px #d0d0d0; text-align:left;}
div.frametxtjobsdetail {width:500px; color:#323232; padding-left:30px;}
div.titlejobsdetail {font-size:1.3em; color:#323232; font-weight:bold;}
div.txtjobsdetail {padding-top:5px;}


/* readmore and back */
a.readmorehome {color:black; font-weight:normal; text-decoration:none;}
a.readmorehome:hover {color:black; font-weight:normal; text-decoration:none;}

a.readmorevolg {color:black; font-weight:normal; text-decoration:none;}
a.readmorevolg:hover {color:#444444; font-weight:normal; text-decoration:none;}

div.back {float:left; padding:10px 0 10px 0; text-transform:lowercase; font-size:0.85em; width:640px;}
div.back a {color:#323232; font-weight:bold; text-decoration:none; padding:1px 7px 2px 5px; border:solid 1px #c0c0c0; background-color:#f2e1e2;}
div.back a:hover {color:#323232; font-weight:bold; text-decoration:none; background-color:#e7a6a4; border:solid 1px #d86e6b;}

div.backbot {float:left; width:745px; text-align:center; padding:5px 0 20px 0; text-transform:lowercase; font-size:0.85em;}
div.backbot a {color:#909090; font-weight:bold; text-decoration:none; padding:2px 7px 3px 5px; border:solid 1px #a2a2a2; background-color:#c8cacc;}
div.backbot a:hover {color:white; font-weight:bold; text-decoration:none; background-color:#ed171f;}

/* contact */
div.contactform {float:left; width:380px; padding-right:40px; text-align:right;}
div.contactaddress {float:left; width:180px; text-align:left;}
.textfieldcontact {width:270px; border:solid 1px #999999;}
.textareacontact {width:270px; height:100px; border:solid 1px #999999;}

/* opmaakelementen */
.textbold {font-weight:bold}
.textblue {color:#ed171f;}
.textlarge {font-size:1.4em;}
.textblack {color:Black;}
.textwhite {color:white;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.floatleft {float:left;}

img.border {border:solid 1px #d0d0d0;}

/* folderactie */
div.folderpage {float:left; padding:0 10px 5px 0; width:150px;}
div.folderpage div.foto a {float:left; border:solid 1px black;}
div.folderpage div.foto a:hover {float:left; border:solid 1px red;}