body, html, form {margin: 0px; width: 100%; text-align: center; top: 0px; bottom: 0px;
}

.maincontainer {margin-left: auto;margin-right: auto; width: 1000px; background-image: url('/images/back.jpg'); text-align: center; background-repeat: repeat-y; top: 0px; bottom: 0px;}
.header {width: 980px; background-image: url('/images/header.jpg'); height: 120px; margin: 0 10px;}
.footer {width: 1000px; height: 25px; background-image: url('/images/footer.jpg'); margin-left: auto; margin-right: auto;}
.menu {width: 980px; height: 20px; margin: 0 10px;}
.menu-left {width: 18px; height: 20px; background-image: url('/images/left-menu.jpg'); float: left;}
.menu-right {width: 14px; height: 20px; background-image: url('/images/right-menu.jpg'); float: left;}
.menu-main {text-align: left; width: 948px; height: 20px; line-height: 20px; font-family: Verdana; font-size: 14px; background-image: url('/images/menu.jpg');float: left;}

#content {width: 960px; top: 140px; bottom: 25px; overflow: auto; padding-left: 10px; padding-right: 10px; text-align: left; font-family: Verdana; font-size: 11px; color: #092334; margin: 10px 10px 0px 10px;}
#content a {color: #092334;}
#content a:hover {text-decoration: none;}

.photodiv {padding-top: 10px; padding-bottom: 10px; text-align: center; margin: 4px; border: solid 1px #125a83; height: 100px; overflow: hidden; width: 150px; float: left; font-family: Myriad Pro, Verdana; font-size: 11px;}
.photodiv-alternated {text-align: center;  border: solid 1px #125a83; margin: 4px; height: 100px; overflow: hidden;width: 150px; float: left; font-family: Myriad Pro, Verdana; font-size: 11px;}
.photodiv-alternated:hover {background-color: #d1dfe7;}
.photodiv-selected {background-color: #d1dfe7; padding-top: 10px; padding-bottom: 10px; text-align: center; margin: 4px; border: solid 1px #125a83; height: 100px; overflow: hidden; width: 150px; float: left; font-family: Myriad Pro, Verdana; font-size: 11px;}
.photodiv:hover {background-color: #d1dfe7;}
/*.modalPopUp {text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('/images/transparentbackground.png');}*/
.modalBackground {	background-image: url('/images/transparentbackground.png');}
.popupPanel {text-align: center; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 750px; height: 600px; background-color: #025a96; border: solid 6px #FFFFFF;}
.sliderrail {height: 24px; background-image: url('/images/scrollbar.png'); position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px;}
.sliderhandle {position: absolute; top: 0px; left: 0px; width: 18px; height: 24px;} 
.datalistrow {width: 960px; margin-left: 10px; text-align: left; margin-top: 3px;}
.datalistalternatingrow {width: 960px; background-color: #d0e2ee; margin-left: 10px; text-align: left; margin-top: 3px;}
.datalistdiv {border: solid 1px #5099c9; font-family: Verdana; font-size: 11px; color: #092334; line-height: 16px; padding: 8px; text-align: left;}
.datalistdiv:hover {background-color: #7ebbe4; text-align: left;}
.vriendenboekcontent:first-child {margin-top: 0px;}
.vriendenboekcontent:last-child {margin-bottom: 0px;}
.vriendenboekcontent p {margin-top: 8px; margin-bottom: 8px;}


/* Button Stijlen */
#content .ButtonTxt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height:28px; cursor: pointer; text-decoration: none;}
#content .ButtonTxt a {color: #666666; margin:0px 4px; margin-left: 0px; padding: 3px 20px; border: 1px SOLID #CCCCCC; background-color: #FFFFFF; text-decoration: none; } 
#content .ButtonTxt a:hover {color: #FFFFFF; margin:0px 4px; margin-left: 0px; background-color: #092334; border: 1px solid #CCCCCC; text-decoration: none; } 
#content .ButtonActiveTxt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height:28px; cursor: pointer; text-decoration: none; } 
#content .ButtonActiveTxt a {color: #FFFFFF; margin:0px 4px; padding: 3px 20px; background-color: #7ebbe4; border: 1px solid #CCCCCC; text-decoration: none; } 
#content .ButtonActiveTxt a:hover {background-color: #092334; } 

#content .PagerButton {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height:28px; cursor: pointer; text-decoration: none; color: #FFFFFF; } 
#content .PagerButton a {color: #FFFFFF; margin:0px 0px; padding: 3px 8px; background-color: #7ebbe4; border: 1px solid #CCCCCC; text-decoration: none; } 
#content .PagerButton a:hover {background-color: #092334; } 
#content .PagerButtonActiveTxt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height:28px; cursor: pointer; text-decoration: none; } 
#content .PagerButtonActiveTxt a {color: #FFFFFF; margin:0px 0px; padding: 3px 8px; background-color: #092334; border: 1px solid #CCCCCC; text-decoration: none; } 
#content .PagerButtonActiveTxt a:hover {background-color: #092334; } 



.menu-item {font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight: 800; padding: 0px 4px;}