html{
height: 100.2%; width: 100%; padding: 0px; margin: 0px; 
}
body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: center; margin: 0px; padding: 20px 0px 20px 0px; background: #787878 url(http://www.burggroep.nl/images/site/layout/bg_body.jpg) top left repeat-x;
}
img{
border:none;
}
a:focus {
text-decoration: none; border: none; outline: none;
}
.clearer {
font-size: 0px; line-height: 0px; display: block; margin: 0px; padding: 0px; clear: both; height: 0px; width: auto;
}
#wrapper {
width: 850px; padding: 0px; margin: 0px auto 0px auto; height: auto; text-align: left; background: #FFF; border: 2px solid #FFF;
}
#header {
margin: 0px; padding: 0px; height: 250px; width: 850px; background-color: #fff;	
}

#navbar {
margin: 0px; padding: 0px; height: 35px; width: auto; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; background-color: #003876;
}
#navbar p {
color: #FFFFFF; text-align: left; margin: 0px; padding: 5px 0px 0px 10px; 
}
#navbar p.mid {
color: #FFFFFF; text-align: left; margin: 0px; padding: 11px 0px 0px 10px; font-size: 11px;
}
#navbar p.mid a:link.breadcrump, #navbar p.mid a:visited.breadcrump, #navbar p.mid a:active.breadcrump {
color: #fff; text-decoration: none; font-size:12px;
}
#navbar p.mid a:hover.breadcrump {
color: #fafafa; text-decoration: underline; font-size:12px;
}
#navbar p.right {
font-size: 16px; color:#ffffff; margin: 0px; padding-right:50px; padding-top:7px;
}

#container {
padding: 0px; margin: 0px; height: 1%; width: auto;
}

#navigation {
margin: 0px; width: 167px; height: 440px; padding: 0px 0px 40px 0px; float: left; display:inline; background: #003876 url(http://www.burggroep.nl/images/site/layout/bg_navigation.jpg) bottom left no-repeat;
}

#blue {
margin: 0; margin-top:5px; padding: 0; list-style: none;
}
#blue li {
list-style: none; margin: 0; padding: 0;
}
#blue a {
display: block; width: 156px; line-height: 27px; margin: 0; padding: 0 0 1px 11px; color: #fff; font-size: 16px; background: #003876; border-bottom: 1px solid #003876; overflow: hidden; text-decoration: none;
}
#blue a:hover, #blue a.active, #blue a.selected {
background: #003876; color: #EDD88D;
}
#blue ul.sub {
margin: 0; padding: 0; list-style: none;
}
#blue ul.sub a {
background: #003876; color: #ffffff; font-size: 13px;
}
#blue ul.sub a:hover, #blue ul.sub a:active, #blue ul.sub a.selected {
background: #003876 ; color: #EDD88D; font-size: 13px;
}

#flash_map {
margin: 0px; padding: 0px; height: 300px; width: 482px; 
}
/*482w*/
#main {
height: auto; width: 655px; padding: 10px 0px 20px 0px; float: left; display:inline; margin: 0px 0px 0px 13px; line-height: 1.4em;
}
#main h1 {
font-size: 18px; color:#B91E42; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #999;
}
#main h2 {
font-size: 16px; color:#666; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 0px solid #999;
}
#main h3 {
font-size: 14px; color:#666; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 0px solid #999;
}
#main h4 {
font-size: 13px; color:#666; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid #999;
}
#main p {
color: #444; text-align: left; margin: 0px; padding:0px 0px 15px 0px;
}
#main a:link, #main a:visited, #main a:active {
color: #B91E42; text-decoration: underline;
}
#main a:hover {
color: #B91E42; text-decoration: none;
}

#main img.alignleft {
float:left; text-align:left; margin-right:10px; border: 1px solid #666; padding: 2px;
}
#main img.alignright {
float:right; text-align:right; margin-left:10px; border: 1px solid #666; padding: 2px;
}
#main img.aligncenter {
display: block; margin-left: auto; margin-right: auto; border: 1px solid #666; padding: 2px;
}

#main img.image1{
margin: 20px 0 0px 5px; border: 1px solid #666; padding: 2px;
}
#main img.image2{
float: right; margin: 20px 0 0px 5px; border: 1px solid #666; padding: 2px; clear: right;
}

/* Nieuws */
.nieuws-item {
border-bottom: 1px dotted #999; width: 100%; margin-bottom: 15px; height:auto;
}
#main .photo_nieuws_left { 
margin:0px 10px 10px 0px; padding:2px; border:1px solid #666; float:left;
}
#main .photo_nieuws_right { 
margin:0px 0px 10px 10px; padding:2px; border:1px solid #666; float:right;
}

/* Submenu product assortiment */

#prod-menu a:link, #prod-menu a:visited, #prod-menu a:active {
color: #666; text-decoration: none;
}
#prod-menu a:hover {
color: #999; text-decoration: none;
}

/* Submenu verpakkingen assortiment */

#door3 a:link, #door3 a:visited, #door3 a:active {
color: #666; text-decoration: none;
}
#door3 a:hover {
color: #999; text-decoration: none;
}


/* Listing verpakkingen */

#verpakkingen-wrapper {
width:630px; margin:0px auto 0px auto;
}
#verpakkingen {
float:left; list-style:none; margin:0px 0px 0px 0px; padding:0px; 
}
#verpakkingen li {
float:left; display:block; width:131px; margin:10px; display:inline; padding:2px; background:#fff; border:1px solid #999; height:220px;
}
#verpakkingen li a {
border:none;
}
#verpakkingen p {
margin-bottom:0;
}

#verpakkingen li a.show{
display:block; width:129px; height:198px;
}
#verpakkingen li .show img{
display:block; width:130px; height:195px;overflow:hidden;
}
#verpakkingen li .show-title{
display:block; width:129px; height:20px;margin-top:3px; text-align: center;
}
#verpakkingen li div.show-title a {
color:#666; font-size:12px; padding-right: 4px;
}
#verpakkingen li div.show-title a:hover {
color:#666;
}

#verpakkingen li .hide {
color:#555; text-align: left; height: 0; overflow:hidden; background:#fafafa;
}
#verpakkingen li:hover .hide, #verpakkingen li.over .hide {
cursor: pointer; height: 177px; padding:10px 10px 11px 10px; width:112px;
}
#verpakkingen li:hover .show, #verpakkingen li:hover .show-title, #verpakkingen li.over .show {
height: 0; overflow: hidden;
}

#verpakkingen li a {
color:#555; font-size:12px;
}
#verpakkingen li a:hover {
color:#888;
}

/* vestigingen */
.img-380 {
float:left; text-align:left; margin-right:10px; border: 1px solid #666; padding: 2px;
}
/* end vestigingen */

/* vacatures */
h3.vacatures-titel {
margin: 0px; padding: 0px 0px 5px 0px; font-size: 14px;
}
h4.vacatures-titel {
margin: 0px; padding: 0px 0px 5px 0px; font-size: 13px;
}
p.vacatures-tekst {
text-align: left; padding: 0px 20px 0px 0px; margin: 0px;
}
a.vacatures-link:link, a.vacatures-link:visited {
color: #004997; text-decoration: none; padding: 5px 0px 5px 0px; float:right;
}
a.vacatures-link:hover, a.vacatures-link:active {
text-decoration: underline;
}
.sb-row {
display: block; float:left;line-height: 15px; width: 175px; font-weight: normal; 
}
/* end vacatures */

/* Medewerkers aan het woord */
.medewerkersaanhetwoord-item {
border-bottom: 1px dotted #999; width: 100%; margin-bottom: 15px; height:auto;
}
#main .photo_medewerkersaanhetwoord_left { 
margin:0px 10px 10px 0px; padding:2px; border:1px solid #666; float:left;
}
#main .photo_medewerkersaanhetwoord_right { 
margin:0px 0px 10px 10px; padding:2px; border:1px solid #666; float:right;
}

/*175w 13m*/
#sidebar {
padding: 10px 0px 10px 0px; height: auto; width: 13px; float: left; display:inline; margin: 0px 0px 0px 2px;
}
#sidebar p {
color: #000; text-align: left; margin: 0px; padding: 0px 10px 0px 0px;
}
#sidebar img {
border:none; margin: 0px; padding:10px;
}

#footer {
margin: 0px; padding: 0px 13px 0px 0px; height: 134px; background: #fff url(http://www.burggroep.nl/images/site/layout/bg_footer.jpg) bottom left no-repeat;
}
#footer p {
color: #fff; text-align: right; margin: 0px; padding: 14px 0px 0px 0px; font-size: 12px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #ddd; text-decoration: none;
}
#footer a:hover {
color: #CCC; text-decoration: underline;
}

/* End stylesheet */