/* GLOBAAL */
body { margin: 0; padding: 0; background: #fff; color: #000000; text-align: center; min-width: 800px;
font-family:Verdana,Geneva,Helvetica,sans-serif;
font-size:11px;
line-height:1.6;
}

/* PAGINA LAYOUT */

#paginalayout { background: url(images/background_agd.jpg) 0 0 repeat-x; }
#paginalayout #main a:link, #paginalayout #main a:visited { text-decoration: none; }
#paginalayout #main a:hover { text-decoration: underline; }
#paginalayout div.sidebar { float: left; width: 200px;  color: #000; }
#paginalayout div.contain { float: right; width: 555px; }

#paginalayout #sidebar h3 { margin: 0; }
#paginalayout #catpanel p { color: #000; font-weight: normal;}
#paginalayout #catpanel { background: url(/images/bg/bg_sprecs_cats_200x1000.gif) 0 100% no-repeat;
margin:0px 0px 20px 0px;
padding:1px 15px 10px 5px;
}
#paginalayout #catpanel ul { margin: 10 0 0 0; padding: 0; font-weight: normal; color: #333; }
#paginalayout #catpanel li { list-style: none; margin: 10px 0 15px; }
#paginalayout #catpanel li li { margin: 5px 0 0 0px; padding: 0 2px; font-weight: normal; color: #666; }
#paginalayout #catpanel .selected { background: #FFFFFF; padding: 2px; font-weight: bold; color: #fff; }
#paginalayout #catpanel input,select { font-size: 12px; margin-bottom: 5px; width: 175px; background-color: #FFFFFF; color: #000000; font-weight: normal; }
#paginalayout #catpanel input[type="submit"] { margin-bottom: 5px; width: 175px; background-color: #007281; color: #FFFFFF; font-weight: bold; }
#paginalayout #catpanel .viewall { font-weight: bold; }

#paginalayout #catpanelgoogle { margin-top: 1px; margin-bottom: 20px; background: url(/images/bg/bg_sprecs_cats_200x1000.gif) 0 100% no-repeat; padding: 1px 0px; text-align: center;}

/* netwerknavigatie */

#networknav {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(http://www.allegoededoelen.nl/images/bg_networknav.gif) repeat-x scroll 0 100%;
	font-size:10px !important;
	height:20px;
	color:#777777;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

#networknav .left {
	left:0;
	position:absolute;
}

#networknav .right {
	position:absolute;
	right:0;
}

#networknav ul {
	margin:0;
	padding:2px 5px;
	text-align:center;
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#networknav .left li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://www.allegoededoelen.nl/images/divider.gif) no-repeat scroll 100% 50%;
	float:left;
	padding:0 12px 0 10px;
}

#networknav .right li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://www.allegoededoelen.nl/images/divider.gif) no-repeat scroll 0 50%;
	float:left;
	padding:0 10px 0 12px;
}

#networknav li {
	display:inline;
}

#networknav ul, #networknav li {
	margin:0;
}

#networknav a, #networknav a:link, #networknav a:visited {
	color:#777777;
	font-size:10px;
	text-decoration:none;
	font-weight: bold;
}

#networknav a:hover {
	text-decoration:underline;
}


/* TIPS */
#contain #tip { float: right; width: 160px; margin: 0 0 10px 10px; background: #FFF0AA url(/images/bg/bg_trans_bot_160x7.gif) bottom left no-repeat; }
#contain #tip-in { background: url(/images/bg/bg_trans_top_160x7.gif) top left no-repeat; padding: 5px; }
#sidebar #tip { background: transparent; color: #5b969d;}
#sidebar #tip-in { background: url(/images/bg/bg_tip_top_190x23.png) top left no-repeat; padding: 7px 7px 7px 28px; margin-right: 0px; font-size: 9px; }
#sidebar #tip p, .sidebar tip h4 { margin: 0; }


#flashbanner{
	text-decoration: none;
	position: absolute;
	left: -100px;
	top: -60px;
	text-align: center;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
 }
#banner{
	text-decoration: none;
	position: absolute;
	top: 0px;
	width: 720px;
	margin-left: 0px;
	padding-left: 0px;
 }

table {  border: 0; }
th { text-align: left; }
tr.tblhdr { background: #999; }
.helper { font-size: 85%; }
.spacer { clear: both; line-height: 0; height: 0; }
html { overflow: -moz-scrollbars-vertical; }
* html 	.spacer { font-size: 1px; } 
.indent { margin-left: 35px; }
.top { margin-top: 0 !important; }
.bottom { margin-bottom: 0 !important; }
.btn { text-align: center; }
.right { text-align: right; }
.preview { background: #9CF; }
.even, .odd { background: #EEE; }
abbr { text-decoration: none; border: none; font-style: normal; }
sup { font-size: 70%; }
.dim { color: #999 !important; }
.vmid { vertical-align: middle; }
.vtop { vertical-align: top; }
.printme { float: right; width: 135px; margin: 0; padding: 3px;}
.posrel { position: relative; }
.small { font-size: 9px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* ie5mac backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end ie5mac backslash hack */


/*------------------------------------------------------
3 K O L O M M E N
------------------------------------------------------*/
#columns3{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	width: 540px;
    height: 80px;
	background-image: url(/images/background_grijze_banner.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#columnscontent1{
	position: absolute;
	top: 10px;
	margin-left: 0px;
	width: 175px;
	padding-left: 0px;
}

#columnscontent2{
	position: absolute;
	top: 10px;
	margin-left: 190px;
	width: 175px;
	padding-left: 0px;
}

#columnscontent3{
	position: absolute;
	top: 10px;
	margin-left: 350px;
	width: 175px;
	padding-left: 0px;
}

/*------------------------------------------------------
GOOGLE
------------------------------------------------------*/
#google{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 0px 45px;
	width: 510px;
    height: 80px;
	background-image: url(/images/background_grijze_banner.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/*------------------------------------------------------
BANNER HOMEPAGE
------------------------------------------------------*/
#bannerhomepage{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 0px 45px;
	width: 508px;
    height: 80px;
	/* background-image: url(/images/background_grijze_banner.gif);
	background-repeat: repeat-x;
	background-position: left top; */
}

/* FORMULIEREN */
form { margin: 0; }
textarea { margin: 5px 0; font-family: arial, helvetica, sans-serif;  }
select, input[type="text"], input[type="password"] { 
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #DDDDDD;
color:#007C85;
font-weight:normal;
margin:3px 0;
}
.headersearchbar { background-color: #fff; margin-bottom: 2px; }
h2.formhdr { font-size: 135%; font-weight: normal; margin-bottom: 5px; color: #333; }

fieldset { border: 1px solid #CCC; padding: 0 10px 10px; margin-bottom: 20px; }
fieldset div { padding-left: 15px; }
fieldset .first { margin-top: 5px; }
legend { font-weight: bold; color: #666; }
span.formhelp { color: #56BAEC; }
input#faker { width: 0; height: 0; margin: 0; padding: 0; border: 0; }
.labelon { color: #000 !important; }
.labeloff { color: #999 !important; }

/* LINKS */
a:link { color: #007281; font-weight: bold;}
a:visited { color: #007281; font-weight: bold;}
a img { border: 0; }
a.backtop { display: block; text-align: right; margin-bottom: 10px; }

/* HEADER */
#header { width: 800px; margin: 0 auto; padding-top: 15px; text-align: left; position: relative; background: url(/images/bovenkant.png) top left no-repeat;}

#header #logo { float: left; width: 420px; left: 259px;}
#header #banner { position: absolute; top: 10px; left: 279px; }
#header ul { list-style: none; margin: 7px 0 0; padding: 0 0 0 25px; float: left; position: relative; }
#header ul.guest { padding-left: 84px; }
#header ul li { width: 113px; margin: 0 2px; padding: 0; float: left; background: url(/images/bg/tabbladen.gif) 0 -34px no-repeat; }
#header ul li a { color: #FFF; display: block; text-decoration: none; background: url(/images/bg/tabbladen.gif) top left no-repeat; margin: 0; padding: 7px 0 5px; width: 115px; text-align: center; font-weight: bold; }
#header ul li a:hover { background-image: none; color: #FFF;}
#header ul li.on { background-position: 0 -68px; }
#header ul li.on a, div#header ul li.on a:hover { background-image: none; color: #FFF;}
#header ul ul { position: absolute; left: 3px; width: 721px; }
* html #header ul ul { left: 6px; }
#header ul ul li { margin: -3px 20px 0 0; width: auto; background: none; }
#header ul li.on ul li a { padding: 0; width: .1em; background: none; }
#header ul li.on ul li a:hover { text-decoration: underline; font-weight: 900; } /* for ie5mac */
#header ul li img { position: absolute; top: -5px; margin-left: 83px; }
#header ul li ul li img.toggle { position: absolute; top: -2px; margin-left: 0; left: 590px; margin-right: -590px; }
/* ie5mac backslash hack \*/
#header ul li.on ul li a { width: auto; }
#header ul li ul li img.new { position: absolute; top: -5px; margin-left: 83px; }
#header ul li ul li img.toggle { right: 0; left: auto; margin-right: 0; }
/* end ie5mac backslash hack */
#header #subnav { clear: both; background: #5b969d url(/images/subnav.gif) 0 0 no-repeat; height: 25px; }
#header #notabs { border-bottom: 1px solid #CCC; margin-top: 8px; height: 1px; background-color: transparent; }
#header .searchbar { background: #e9e9e9; padding: 1px; text-align: center; border-left: 1px solid #5b969d; border-right: 1px solid #5b969d;}
#header .searchletter { background: #f2f2f2; padding-top: 5px; padding-bottom: 5px;text-align: center; border-left: 1px solid #5b969d; border-right: 1px solid #5b969d; border-bottom: 1px solid #5b969d;}
#header #core { background: #D7D7D7; }
#header .searchbar p { margin: 0; }
#header .searchbar input, #header .searchbar img { vertical-align: middle; }


/* MAIN */
div#main { width: 798px; margin: 0 auto; text-align: left; padding: 20px 0px 0px 0px; background: transparent; display: inline-block;}
div#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#sidebar { float: left; color: #777; margin-bottom: 15px; margin-right: 10px; width: 200px;}
#sidebar h4 {  margin-bottom: 0; }
#sidebar ol, #sidebar ul { margin-left: .9em; padding-left: .9em; padding-right: .9em;}
#sidebar ul.sidenav { margin: 0; padding: 0; }

#contain { float: left; color: #000000; margin-bottom: 15px; margin-left: 10px; width: 550px;}

ul.sidenav li { padding: 7px 0; list-style: none; }
ul.sidenav li a:link, ul.sidenav li a:visited { font-weight: bold; }
ul.sidenav li a:link.here, ul.sidenav li a:visited.here { color: #000; text-decoration: none;}
.divide { border-top: 1px solid #CCC; padding-top: 15px; }
.dividelow { border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 15px; }

h1 { font-size: 140%; margin: 0 0 0px; padding: 3px 0 7px; color: #000000; text-align: left; font-weight: bold; }
h1 span { color: #999; }
h2 { font-size: 140%; margin: 0; }
h3 { font-size: 115%; }
div.containmid { padding-left: 110px; }
* html div.containmid { width: 665px; w\idth: 555px; }
.hdrlink { position: absolute; top: 20px; left: 520px; text-align: right; width: 300px; margin: 0; padding-bottom: 1px; }
/* ie5mac backslash hack \*/
.hdrlink { top: 13px; left: 470px; }
/* end ie5mac backslash hack */

/* CONTENT */
#content { float: left; color: #000; margin-bottom: 15px; margin-left: 20px; display: block; width: 750px;}
dl dt { margin: 0 0 1px 15px; font-weight: bold; }
dl dd { margin: 0 0 12px 30px; }
div.usinglinkedin { float: left; width: 30%; padding: 7px; text-align: center; }
div.usinglinkedin p { text-align: left; }
div.promosteps { margin: 0 auto; padding: 10px 0; text-align: center; }
div.promosteps img { display: block; float: left; width: 80px; }
div.promosteps p { float: right; width: 425px; text-align: left; text-indent: -1.1em; padding-left: 1.1em; }
ol.steps li { display: block; list-style-type: none; padding-left: 50px; margin-left: -7px; }
ol.steps li h3 { padding-top: 10px; }
ol.steps li ul li { display: list-item; list-style-type: disc; padding-left: 0; }
li.one { background: url(/images/icon/icon_1_blue_37x37.gif) no-repeat; }
li.two { background: url(/images/icon/icon_2_blue_37x37.gif) no-repeat; }
li.three { background: url(/images/icon/icon_3_blue_37x37.gif) no-repeat; }
li.four { background: url(/images/icon/icon_4_blue_37x37.gif) no-repeat; }
li.five { background: url(/images/icon/icon_5_blue_37x37.gif) no-repeat; }
blockquote { margin: 0; }
blockquote div { text-align: right; font-style: italic; }
div.tour h3 { color: #56BAEC; border-top: 1px solid #56BAEC; padding-top: 7px; margin: 20px 0 0; }
div.tour .stock { float: left; margin-right: 10px; }
div.tour p.aside { float: right; text-align: right; width: 200px; color: #56BAEC; font-size: 80%; margin: 0 0 0 10px; }
div.tour p.aside img { display: block; float: right; margin-left: 10px; }
div.tour p.step { text-align: right; }
h4.privacy { background: url(/images/v2/icon_lock.gif) top left no-repeat; padding-left: 25px; border-bottom: 1px solid #999; padding-bottom: 10px; }

/* FOTO SCROLLING */

#gallery {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:425px; 
  border:1px solid #888; 
  background:#fff url(windows/win_back.gif);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:239px;
  }
#gallery li a:hover img {
  height:239px;
  }


#thumbwrapper {width:100%;  overflow: scroll;}
#thumbscroller {width: 3000px; background:#FFFFFF;}
#thumbscroller img {float:left;}

/* FOOTERS */
#foot { width: 745px; margin: 15px auto 5px; padding: 5px 10px 10px 20px; border: 0px; border-width: 1px 0; background: transparent; font-size: 85%; }
* html  #foot { width: 775px; w\idth: 775px; }
#foot .fcol { width: 137px; margin-right: 15px; float: left; text-align: left; }
#foot .last { margin-right: 0; }
#foot h4 { margin: 5px 0 3px;  }
#foot h4 a { color: #333; text-decoration: none; }
#foot h4 a:hover { text-decoration: underline; }
#foot ul { margin: 0; padding: 0; }
#foot li { list-style: none; padding: 0 0 3px 7px;  }
* html #foot li { padding-bottom: 0; }
#foot .sitemap { margin: 0; text-align: right; }
#foot a:link, #foot a:visited { text-decoration: none; }
#foot a:hover { text-decoration: underline; }
#copyright { width: 800px; margin: 0 auto; padding-bottom: 20px; padding-top: 5px; text-align: left; font-size: 85%; color: #777; text-align: left; height: 60px;}
#copyright a:hover  {
   font-style: italic;
}

#copyright a  {
   font-style: Normal;
   text-decoration: underline;
   color: #666;
}

#copyrightplaatjes { width: 200px; margin: 0 auto; padding-bottom: 0px; padding-left: 20px; text-align: left; float:left;}
#copyrighttekst { padding-top: 10px; float:left;}


div#footer { width: 775px; margin: 10px auto 0; padding: 10px 0; text-align: center; clear: both; border-top: 0px; }
div#footer p { margin: 5px; }
body.nofoot #foot { display: none; }
body.nofoot #copyright { margin-top: 20px; text-align: center; }
 
/*------------------------------------------------------
Z O E K E N 
------------------------------------------------------*/
#zoekcategorie{
	position: relative;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 130px;
    height: 75px;
	background-image: url(/styles/zoekcategorie.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.zoekcategorie
{
width: 110px;
border-left: white;
border-right: white;
border-top: white;
border-bottom: white;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 6pt;
font-weight: bold;
text-transform: uppercase;
}

#zoekbeginletter{
	display: block;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 130px;
    height: 125px;
	background-image: url(/styles/zoekbeginletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#zoekbeginletters{
	position: absolute;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 110px;
    height: 75px;
}

#zoekproject{
	position: relative;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 130px;
    height: 200px;
	background-image: url(/styles/zoekproject.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*------------------------------------------------------
RSSBOX
------------------------------------------------------*/
	#rssBox{
		width:550px;
		margin:0px;
		display: block;
		border:0px dotted #317082;
		padding:0px;
		font-size:1em;
		background-color:#FFFFFF;
	
	}		
	.rssBoxDate{
		display:none;	/* I don't want to show the date */
	}
	.rssBoxHeading{	/* Heading of RSS item */
		font-weight:bold;
		color:#007281;
		margin:0px;
	}
	.rssBoxDescription{	/* Description of RSS item */
	
	}	
	.rssBoxLink{	/* Read more link */
		color:#F00;
		text-decoration:none;
	}
	.rssBoxLink:hover{	/* Read more link - mouse over */
		text-decoration:underline;
	}