*					{ margin: 0; padding: 0; }
body 				{ font-size: 11px; font-family: arial, Helvetica, sans-serif; background-color: #554d4b; }

a:link, 
a:visited, 
a:active 			{ color: #fff; text-decoration: underline; }
a:hover 			{ color: #fff; text-decoration: none; }

a.dark:link, 
a.dark:visited, 
a.dark:active 		{ color: #5c5253; text-decoration: none; }
a.dark:hover 		{ color: #5c5253; text-decoration: underline; }

h1 					{ font-size: 30px; font-weight: normal; padding-bottom: 30px; }
h2 					{ color: #5c5253; font-size: 22px; font-family: arial; font-weight: normal; margin-bottom: 10px; }
h3					{ color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; margin-bottom: 10px; }

img 				{ border-width: 0; }
input, textarea 	{ font-size: 11px; font-family: Arial; padding: 3px; } 

#container 			{ width: 900px; margin-left: -450px; left: 50%; position: absolute; background-image: url(../images/bg_content.gif); background-repeat: repeat-y; z-index: 1; }
#background 		{ background-image: url(../images/bg_content.gif); background-repeat: repeat-y; position: absolute; z-index: 1; }
#header_background 	{ background-repeat: no-repeat; background-image: url(../images/header.gif); width: 900px; z-index: 1; float: left; }
#content 			{ color: #fff; font-size: 11px; font-family: arial; line-height: 21px; background-color: #78886b; background-image: url(../images/content_bg.jpg); background-repeat: repeat-x; width: 580px; float: left; padding: 35px 65px 10px; }
#container_footer	{ background-image: url(../images/footer.gif); background-repeat: no-repeat; width: 900px; height: 40px; z-index: 1; float: left; }
#header 			{ width: 710px; float: left; margin-top: 35px; margin-left: 0; }
#buttons 			{ position: absolute; width: 450px; height: 40px; z-index: 2; margin-top: 130px; margin-left: 350px; }

#actual 			{ font-size: 11px; width: 308px; float: left; margin-top: 24px; padding-left: 72px; }
#banner 			{ text-align: right; width: 330px; height: 190px; float: left; padding-top: 10px; }
#navigation 		{ color: #5c5253; font-size: 14px; font-family: arial; font-weight: bold; text-align: center; width: 710px; float: left; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #78886b; border-bottom: 1px solid #78886b; }

#admin 				{ width: 700px; left: 50%; margin-left: -350px; position: relative; float: left; background-color: #fff; padding: 10px; }
#admin a:link, 
#admin a:visited, 
#admin a:active 	{ color: #5c5253; text-decoration: underline; }
#admin a:hover 		{ text-decoration: none; }
#admin_menu 		{ border: 1px solid #ccc; background-color: #efefef; width: 220px; float: left; padding:15px; }
#admin_edit 		{ width: 390px; float: left; padding:15px; }

#armation 			{ float: right; padding-top: 25px; }

.width 				{ width: 710px; z-index: 1; margin-left: 95px; }
.button 			{ color: #5c5253; font-size: 14px; font-weight: bold; background-image: url(../images/button.gif); background-repeat: no-repeat; text-align: center; width: 103px; height: 40px; float: left; padding-top: 12px; padding-right: 1px; padding-bottom: 14px; }
.reactie			{ float: left; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15; border-top: 1px #fff solid; width: 100%; }

.image				{ background-color: #fff; float: left; margin-right: 22px; margin-bottom: 22px; padding: 3px; border: solid 1px #5c5253; }

.thumbnail			{ position: relative; z-index: 0; }
.thumbnail:hover	{ background-color: transparent; z-index: 50; }

/*CSS for enlarged image*/
.thumbnail span		{ position: absolute; background-color: #fff; padding: 5px; left: -1000px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; }

/*CSS for enlarged image*/
.thumbnail span img	{ border-width: 0; padding: 2px; }

/*CSS for enlarged image on hover*/
.thumbnail:hover span{ 
visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ }