/*
 * Thiers-Horizon / Pirobouw
 * datum 20080624
 *
 */
/***** Initialize *****/
html, body {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0 0 1em 0; /* restore whitespace */
}

td { padding: 3px; }

/***** General layout *****/
body {
    background: #fff url(/site/images/pirobouw/bg_body.jpg) repeat left top;
    font-family: Arial, Helvetica, sans-serif;
    color: #787878;
    font-size: 12px;
}

#bodyInner {
    background: url(/site/images/pirobouw/bg_bodyInner.gif) repeat-x left top; /* Witte rand boven */
    overflow: hidden;
}

a {
    color: #787878;
}

a:hover {
    text-decoration: none;
    color: #F86923;
}
/***** indeling ******/
#container {
    width: 1020px;
    margin: 0 auto;
}

#header {
    height: 205px; /*250*/
    padding: 45px 0px 0 15px;
}

#headerBottom {
    background-color: #abb7bf;
    clear: both;
    margin: 2px 0;
    overflow: hidden;
    height: 24px;
    width: 969px;
}

#middle {
    background: url(/site/images/pirobouw/bg_middle.png) repeat-y left top; /* witte achtergrond */
}

#middleInner1 {
    background: url(/site/images/pirobouw/bg_middleInner1.png) no-repeat right top; /* Blokje rechts */
    padding: 0 36px 0 0;
    overflow: hidden;
}

#middleInner {
    padding: 0 15px 0 15px;
    overflow: hidden;
    /* background: url(/site/images/pirobouw/bg_middleInner.png) no-repeat 24px bottom; */ /* Logo linksonder */
}

#middle #col1 {
    float: left;
    width: 226px;
    padding: 0 0 62px 0;
}

#middle #col2 {
    margin: 0 0 0 246px;
}

#footer {
    height: 60px;
    background: url(/site/images/pirobouw/bg_footer.png) no-repeat left top;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 36px 20px 15px;
}
/***** Menu *****/
#menu {
    list-style: none;
    overflow: hidden;
    zoom: 1;
}

#menu li {
    float: left;
    list-style: none;
}

#menu li a {
    display: block;
    width: 99px; /* 106px */
    height: 64px; /* totaal 177px */
    padding: 113px 7px 0 0;
    text-decoration: none;
    text-align: right;
    color: #fff;
}
/* menu gewoon */
#menu li .item1 {
    width: 114px;
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat 0px 0px;
    color: #f00;
    text-align: left;
    text-indent: -500em;
}

#menu li .item2 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -121px 0px;
}

#menu li .item3 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -227px 0px;
}

#menu li .item4 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -333px 0px;
}

#menu li .item5 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -440px 0px;
}

#menu li .item6 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -547px 0px;
}

#menu li .item7 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -654px 0px;
}

#menu li .item8 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -761px 0px;
}

#menu li .item9 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -868px 0px;
}
/* Menu aangewezen*/
#menu li .item1:hover, #menu li.selected .item1 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat 0px -180px;
}

#menu li .item2:hover, #menu li.selected .item2 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -121px -180px;
}

#menu li .item3:hover, #menu li.selected .item3 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -227px -180px;
}

#menu li .item4:hover, #menu li.selected .item4 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -333px -180px;
}

#menu li .item5:hover, #menu li.selected .item5 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -440px -180px;
}

#menu li .item6:hover, #menu li.selected .item6 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -547px -180px;
}

#menu li .item7:hover, #menu li.selected .item7 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -654px -180px;
}

#menu li .item8:hover, #menu li.selected .item8 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -761px -180px;
}

#menu li .item9:hover, #menu li.selected .item9 {
    background: url(/site/images/pirobouw/bg_menu.jpg) no-repeat -868px -180px;
}
/**** Formulier *****/
#searchform {
    background-color: #fff;
    width: 225px;
    height: 20px;
    margin: 2px 0 0px 2px;
    float: left;
}

#searchform .text {
    background: none;
    border: none;
    width: 168px;
    padding: 0 0 0 2px;
    color: #5C595A;
}

#searchform .btn {
    border: none;
    background-color: #fff;
    color: #5C595A;
    width: 48px;
    padding: 0 2px 0 0;
    line-height: 16px;
    text-align: right;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
}
/**** Taalkeuze *****/
#langmenu {
    list-style: none;
    border-right: 2px solid #fff;
    /*	margin: 0 30px 0 0; */
    padding: 0 0 0 460px;
    /* width: 176px; */
    overflow: hidden;
}

#langmenu li {
    list-style: none;
    float: left;
}

#langmenu li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    width: 33px;
    height: 25px;
    line-height: 25px;
    border-left: 2px solid #fff;
    text-align: center;
}

#langmenu li a.item1 {
    width: 34px;
}

#langmenu li a:hover {
    color: #6b7c88;
}

#langmenu li.selected a {
    color: #E70D12;
	font-weight: bold;
}
/***** MenuLeft *****/
#menuLeft {
    list-style: none;
    margin: 26px 0 0 0;
}

#menuLeft li {
    list-style: none;
}

#menuLeft a {
    display: block;
    /*20080801
		height: 39px;
    line-height: 39px; */
    background: #A9AEB2 url(/site/images/pirobouw/bg_menuLeft.png) no-repeat left top;
    color: #fff;
    padding: 0 0 0 35px;
    padding: 13px 0 13px 35px;
    text-decoration: none;
    margin: 0 0 2px 0;
}

#menuLeft a:hover, #menuLeft a.selected {
    background: #A9AEB2 url(/site/images/pirobouw/bg_menuLeft.png) no-repeat left -80px;
}

#menuLeftSub {
    list-style: none;
    margin: 0 0 0 0;
}

#menuLeftSub li {
    list-style: none;
}

#menuLeftSub a {
    display: block;
    height: 20px;
    line-height: 20px;
    background: none;
    color: #333;
    padding: 0 0 0 35px;
    text-decoration: none;
    margin: 0 0 2px 0;
}

#menuLeftSub a.selected {
    color: #E70D12;
}

#menuLeftSub a:hover, #menuLeftSub a.selected {
    background: none;
}

#menuLeftSubSub {
    list-style: none;
    margin: 0 0 0 15px;
}



/***** Breadcrumb *****/
#breadcrumb {
    height: 25px;
    border-bottom: 1px solid #A8A8A8;
    padding: 0;
    line-height: 25px;
}

#breadcrumb a {
    text-decoration: none;
    color: #999;
}

#breadcrumb a:hover {
    color: #6B7C88;
}
/***** col2content *****/
#col2 #col2content {
    padding: 10px 20px 0 0;
}

#col2 #col2content ul {
    list-style: none;
    list-style-image: url(/site/images/pirobouw/opsommingsteken.gif);
    padding: 0 0 1em 2em;
}

#col2 #col2content ul li {
    padding: 0 0 1em 0;
}
/****** footer *****/
#footer .col1 {
    float: left;
    width: 228px;
    text-align: center;
    margin: 7px 0 0 15px;
    line-height: 44px;
    color: #fff;
    font-weight: bold;
}

#footer .col2 {
    text-align: right;
    margin: 7px 30px 0 0;
    line-height: 44px;
    color: #fff;
    font-weight: bold;
}
/***** Startpagina *****/
.start #menu {
    padding: 84px 0 0 0;
    /*zoom:1;
     border: 1px solid #0f0;*/
}

.start #menu li a {
    display: block;
    width: 99px; /* 106px */
    height: 64px; /* totaal 119px */
    padding: 55px 7px 0 0;
    text-decoration: none;
    text-align: right;
    color: #fff;
    zoom: 1;
}
/* menu gewoon */
.start #menu li .item1 {
    width: 114px;
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat 0px 0px;
    color: #f00;
    text-align: left;
    text-indent: -500em;
}

.start #menu li .item2 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -121px 0px;
}

.start #menu li .item3 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -227px 0px;
}

.start #menu li .item4 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -333px 0px;
}

.start #menu li .item5 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -440px 0px;
}

.start #menu li .item6 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -547px 0px;
}

.start #menu li .item7 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -654px 0px;
}

.start #menu li .item8 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -761px 0px;
}

.start #menu li .item9 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -868px 0px;
}
/* Menu aangewezen*/
.start #menu li .item1:hover, .start #menu li.selected .item1 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat 0px -150px;
}

.start #menu li .item2:hover, .start #menu li.selected .item2 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -121px -150px;
}

.start #menu li .item3:hover, .start #menu li.selected .item3 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -227px -150px;
}

.start #menu li .item4:hover, .start #menu li.selected .item4 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -333px -150px;
}

.start #menu li .item5:hover, .start #menu li.selected .item5 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -440px -150px;
}

.start #menu li .item6:hover, .start #menu li.selected .item6 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -547px -150px;
}

.start #menu li .item7:hover, .start #menu li.selected .item7 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -654px -150px;
}

.start #menu li .item8:hover, .start #menu li.selected .item8 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -761px -150px;
}

.start #menu li .item9:hover, .start #menu li.selected .item9 {
    background: url(/site/images/pirobouw/bg_menu_start.jpg) no-repeat -868px -150px;
}

.start #middle {
    background: url(/site/images/pirobouw/bg_middle_start.png) repeat-y left top; /* witte achtergrond */
}

.INVALIDstart #middleInner1 {
    background: url(/site/images/pirobouw/bg_middleInner1.png) no-repeat right top; /* Blokje rechts */
    padding: 0 36px 0 0;
}

.start #middleInner {
    padding: 0 15px 0 456px;
    overflow: hidden;
    background: url(/site/images/pirobouw/bg_middleInner_start.jpg) no-repeat 15px top; /* Afbeelding links */
    height: 337px;
}

.start #content {
    overflow: hidden;
    padding: 36px 0 0 40px;
    color: #fff;
}
/* langmenu */
.start #langmenu {
    list-style: none;
    border: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    /*	margin: 0 30px 0 0; */
    margin: 0 0 0 316px;
    padding: 0 32px 0 0;
    width: 176px;
    overflow: hidden;
}

.start #langmenu li {
    list-style: none;
    float: left;
}

.start #langmenu li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    width: 33px;
    height: 28px;
    line-height: 25px;
    border: none;
    border-right: 2px solid #fff;
    text-align: center;
}

.start #langmenu li a.item1 {
    width: 34px;
}

.start #langmenu li a:hover, .start #langmenu li.selected a {
    color: #6b7c88;
}

.start h1 {
    color: #DB2E33;
    padding: 0 0 10px 0;
}

/* ffscrollbarfix */
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}