/* CSS Onderdelen voor de layout 
 * Laatst bewerkt: 23-5-2009 Mark Wienk
 */

html, body 	{ height: 100%; margin: 0; padding: 0; font: 11px verdana, sans-serif, arial, helvetica; text-align: center; background:url(http://fopshop.nl/images/bg_img_rechts.jpg) repeat-x}
img             { border: 0px; }
/* Wangen: Achtergronden aan de zijkanten */
div#linkerWang 	{ position: absolute; top: 0px; left: 0px; width: 99%; background:url(http://fopshop.nl/images/bg_img_links.jpg) repeat-x; min-height: 100%; z-index: 1; float: left;}
div#rechterWang { position: absolute; left: 50%; top: 0px; width: 50%; float: right; clear: right; background:url(http://fopshop.nl/images/bg_img_rechts.jpg) repeat-x; min-height: 100%; z-index: 1}

/* layout indeling */
div#content 	{ position: relative; margin-left: auto; margin-right: auto; background: url(../images/bg_center.png) repeat-y; top: 0px; width: 1000px; z-index:2; text-align: left; min-height: 650px;}
div#middenstuk 	{ padding:180px 133px 50px 210px; left:0px; width: 460px; z-index:1; font: 1em/1.3em verdana,sans-serif,arial; z-index: 2; background-image: url(../images/fopshop_gray.jpg); background-repeat: no-repeat; background-position: 726px 180px; }
div#layout 	{ position: absolute; top: 0px; left: 50%; margin-left: -500px; z-index: 3; width: 1000px;}

/* Bovenste horizontale balken */
div#header 	  { position:relative; background:url(http://fopshop.nl/images/bg_header_met_logo.jpg) #FFFFFF no-repeat; min-height: 110px; z-index:10;}
div#topnav        { position: absolute; left: 430px; top: 5px; }
   #topnav       a{ color: black; text-decoration: none; font-weight: bold; margin-left: 25px;}
   #topnav a:hover{ text-decoration: underline; }
div#oranjelijn 	  { width:100%; background-color:#f6ba13; top: 110px; min-height: 5px; }
div#wittelijn 	  { background-color:#FFFFFF; width:100%; min-height:1px;}

div#zoekbalk 	  { background-color : #a71200; width : 100%; z-index : 3; color: #FFFFFF; min-height: 26px; font-weight:bold;}
#zoekbalk        a{ color: #FFFFFF; font-weight: normal;}

div#breadcrumbs	  { background-color: #FFFFFF; min-height: 20px; padding: 8px 0px 0px 152px; color: #666666; font-weight:bold;}
div#breadcrumbs  a{ text-decoration: none; color: #666666;}

/* Menu's - rechts en links */
div#menulinks           { position: absolute; float:left; top: 170px; width: 195px;}
.menutitel_info         { background-color: #f6ba13; padding: 3px 3px 3px 3px; margin: 0px 0px 5px 0px;}
.menutitel_info        a{ color: #000000; text-decoration: none; font-weight: bold; font-size: 1.1em;}
ul.menu_info            { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; width:}
ul.menu_info          li{ padding: 0px 0px 0px 5px; margin: 0px 0px 2px 0px;}
ul.menu_info           a{ color: #000000; text-decoration: none;}
ul.menu_info li.normal:hover{ background-color: #f9d368}
li#menu_info_active     { background-color: #f9d368; font-weight: bold;}
li#menu_info_sub      li:hover{ background-color: #f9d368}
li#menu_info_subactive  { font-weight: bold; }
ul.menu_info          ul{ list-style-type: none; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}
div#balkmidden		{ position: absolute; left: 200px; top: 170px; float: left; background-color: #FF4500; width: 600px;}
div#menurechts           { position: absolute; left: 803px; top: 170px; float:right; width: 196px;}
.menutitel_bedrijfsinfo  { background-color: #a71200; padding: 3px 3px 3px 3px; margin: 0px 0px 5px 0px;}
.menutitel_bedrijfsinfo a{ color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.1em;}
ul.menu_bedrijfsinfo     { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
ul.menu_bedrijfsinfo   li{ padding: 0px 0px 0px 5px; margin: 0px 0px 2px 0px;}
ul.menu_bedrijfsinfo   li:hover{ background-color:#e76666}
ul.menu_bedrijfsinfo    a{ color: #000000; text-decoration: none;}
.menutitel_nieuwsbrief  { background-color: #a71200; padding: 3px 3px 3px 3px; margin: 0px 0px 5px 0px;}
.menutitel_nieuwsbrief a{ color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.1em;}
p.menu_nieuwsbrief       { padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px;}
ul.menu_nieuwsbrief     { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
ul.menu_nieuwsbrief   li{ padding: 0px 8px 0px 5px; margin: 2px 0px 2px 0px; text-align: right;}
ul.menu_nieuwsbrief    a{ color: #000000; text-decoration: none; font-weight: bold;}



/* Onderste gedeelte - Adres & Credits */
div#adres         { position: absolute; float: right; clear:both; width: 1000px; background-color: #ffffff; padding-top: 10px; font-size: 9px; color: #666666; bottom: 0px;}
div#adresbalk     { width: 1000px; background-color: #f3a3a8; min-height:12px;}
div#copyright     { float: left; width: 250px;}
div#adresgegevens { float: left; width: 400px;}
div#credits       { float: right; clear: right; width: 196px; text-align: right;}

/* IE Fixes */
html #header    { height: 110px; }
html #wittelijn { height: 1px; }
html #oranjelijn{ height: 5px; }
html #zoekbalk  { height: 26px; }
html #breadcrumbs { height: 20px; }
html #adresbalk { height: 12px; }
html #balkmidden { height: 2px; }

/* teksten */
#middenstuk a       { text-decoration: none; color: #000000; font-weight: bold;}
#middenstuk a:hover { text-decoration: underline;}
#middenstuk h1	    { font-size: 18px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#middenstuk h2      { font-size: 13px; padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px; color: #606060;}
#middenstuk h2  a   { text-decoration: none; color: #606060; }
#tekst              { text-align: justify; width: 330px; padding-right: 10px; float: left;}
#images             { width: 120px; top: 0px; vertical-align: top; float: left;}
#cleardiv	    { clear: both; }