@import url('css/menu.css');
@import url('css/inventarisatieformulier.css');
@import url('css/route.css');

html { overflow-y:scroll; }
body#Body { background-color:#8cbde8; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
body { background-color:#FFFFFF; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h2 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#2c87d0; }

/* Layout */
#servicebalk { width:100%; height:32px; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/servicebalk.png); background-repeat:repeat-x; }
#hoofdmenu { width:970px; margin:0 auto; }
#hoofdmenu-inner { float:left; }
#zoeken { float:right; width:218px; margin:3px 0; }
#wrap { width:980px; margin:0 auto; }
#linkerschaduw { float:left; width:980px; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/schaduwlinks-nieuw.png); background-position:left bottom; background-repeat:repeat-y 10px; }
#rechterschaduw { float:right; width:975px; background-color:#FFFFFF; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/schaduwrechts-nieuw.png); background-position:right bottom; background-repeat:repeat-y; }
#rechterschaduw-wit { float:right; width:975px; background-color:#FFFFFF; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/schaduwrechts-nieuw.png); background-position:right bottom; background-repeat:repeat-y; }
#inhoud { clear:both; width:970px; }
#header { width:970px; height:80px; }
#logo { float:left; padding:12px 10px 13px 10px; }
#keurmerken-logos { float:left; padding:28px 10px 13px 50px; }
#keurmerken-logos-lo { float:left; padding-left:20px }
#serviceblok { float:right; padding:5px 10px; }
#vlaggen { float:right; padding:0; }
#social { clear:right; float:right; width:32px; }
#social-lo { float:right; width:32px; padding-right:20px; }
#banner-homepage { clear:both; width:950px; height:270px; margin:0 auto; }
#banner { clear:both; width:950px; height:190px; margin:0 auto; }
.DnnModule.DnnModule-Banners { clear:both;width:950px; height:190px; margin:0 auto;}
#content { padding:10px; }
#linkerkolom { float:left; padding:10px 0 50px 10px; }
#linkermenu { width:280px; }
.leftpane { padding:10px; }
#binnencontent { float:right; width:630px; padding:10px; }
#binnencontentbreed { padding:10px; }
#broodkruimel { padding-bottom:20px; }
#subfooter { clear:both; width:970px; height:36px; }
#footer { clear:both; width:970px; height:29px; background-color:#2c87d0; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/footer.png); background-position:bottom; background-repeat:no-repeat; }
#login { clear:both; width:980px; margin:0 auto; padding:10px 0; text-align:center; }
#blokken { width:950px; margin:0 auto; }
.blok1, .blok2, .blok3, .blok4, .blok5 { float:left; width:174px; height:250px; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/blokken.png); background-repeat:no-repeat; }
.blok1:hover, .blok2:hover, .blok3:hover, .blok4:hover, .blok5:hover { background-image:url(/Portals/_default/Skins/Dijkshoorn/images/blokken-hover.png); background-repeat:no-repeat;  }
.blok1, .blok2, .blok3, .blok4 { margin:0 20px 40px 0; }

/* Layout stijlen */
#vlaggen img { border:0; }
#zoeken span { margin:0; padding:0; }
#zoeken .ServerSkinWidget { float:right; display:block; margin:0; padding:0; }
#zoeken .NormalTextBox { position:relative; left:10px; width:150px; border:1px solid #2c87d0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; height:22px; padding:0 3px; float:left;  }
#zoeken a, #zoeken a:link, #zoeken a:visited, #zoeken a:active { width:50px; background-color:#36709a; display:block; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:24px; text-align:center; float:right;}
#zoeken a:hover { background-color:#1b5986; }
.Breadcrumb { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
a.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:visited, a.Breadcrumb:active { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2c87d0; text-decoration:underline; }
a.Breadcrumb:hover { color:#36709a; }
#footerinhoud { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:24px; text-align:center; }
#footerinhoud a, #footerinhoud a:link, #footerinhoud a:visited, #footerinhoud a:active { color:#FFFFFF; text-decoration:underline; }
#footerinhoud a:hover { color:#EEEEEE; text-decoration:underline; }
#login a.user, #login a.user:link, #login a.user:visited, #login a.user:active { font-size:12px; }

/* Algemene stijlen */
body, p, div, .Normal, table, td, li { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:20px; }
.contentpane p { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; lif0ne-height:20px; }
a, a:link, a:visited, a:active { font-weight:bold; color:#2c87d0; text-decoration:none; }
a:hover { color:#36709a; text-decoration:underline; }
.contentpane a, .contentpane a:link, .contentpane a:visited, .contentpane a:active { font-weight:bold; color:#2c87d0; text-decoration:none; }
.contentpane a:hover { color:#2c87d0; text-decoration:underline; }

/* DNN stijlen */
.TitleHead { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#2c87d0; }
.Head { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#2c87d0; }
.SubHead { color:#333333; }
input.NormalTextBox, input.NormalTextBoxSmall, textarea.NormalTextBox, select.NormalTextBox { border:1px solid #2c87d0; color:#333333; padding:3px; }
a.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color:#2c87d0; text-decoration:underline; }
a.CommandButton:hover { color:#36709a; text-decoration:underline; } 

/* Blokken stijl */
#blokken h2 { width:174px; display:block; background-image:url(/Portals/_default/Skins/Dijkshoorn/images/blokken-header.png); background-repeat:no-repeat; }
#blokken h2 .TitleHead { color:#FFFFFF; line-height:32px; text-transform:uppercase; padding:0 10px; }
#blokken .c_content { padding:0 5px 0 4px; }
#blokken .c_content p { margin:0 5px; }
#blokken .leesmeer { color:#FFFFFF; text-decoration:underline; }
#blokken .leesmeer:hover { color:#EEEEEE; text-decoration:underline }