/*Basis Template*/
html, body, div, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li, a, fieldset, form, input, textarea, label {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body {text-align: center; margin: 0 auto; color: #ddd; background-color: #000; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; font-size: 12px; line-height: 150%; background-image: url(images/body.png); background-position:top center; background-attachment: fixed; background-repeat: repeat-x; }

h1 {width: 567px; height: 154px; text-align: center; margin: 0 auto 30px auto; line-height: 0; text-indent: -2000em; background-image: url(images/logo.png); }
h1 a {display: block; text-decoration: none; width: 100%; height: 100%; }
h2 {margin-bottom: 15px; font-size: 18px; padding-bottom: 4px; text-indent: 10px; background-image: url(images/border.gif); background-repeat: no-repeat; background-position: bottom; }
h2, h3, span {font-weight: bold; }
h2, h3, p, a {text-align: left; }
h3 {margin-bottom: 5px; } 
p {margin-bottom: 5px; }
p, span {color: #5fcbe2; }
a {color: #f0f0f0; font-weight: bold; text-decoration: none}
a:hover {color: #5fcbe2; font-weight: bold; text-decoration: none}
a:active {color: #5fcbe2; font-weight: bold; text-decoration: none}
img.signature {width: 137px; height: 54px; display: block; margin: 10px 0; }

/*Divjes*/
div.main {height: 500px; width: 831px; float: left; margin-bottom: 5px; text-align: left;}
div.content {height: 480px; width: 891px; padding: 10px 30px; text-align: center; margin: 0 auto; background-image: url(images/bg_stars.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; }
div.left, div.middle, div.right {width: 277px; float: left; margin-bottom: 5px; }
div.middle {margin-left: 30px; margin-right: 30px; }
div.clearfix {width: 0; height: 0; clear: left; }
div#footer {padding-top: 25px; clear: left; width: 100%; background-image: url(images/footer.gif); background-position: top center; background-repeat: no-repeat; }
div#nav {border: 1px solid #074353; background-image: url(images/trans.png); background-repeat: repeat; padding: 10px 10px 5px 10px; margin-bottom: 15px; text-align: center; width: 870px;}

/*Thumbnails*/
div.thumb {width: 255px; background-image: url(images/trans.png); background-repeat: repeat; padding: 10px 10px 5px 10px; margin-bottom: 15px; }
div.thumb, div.thumb img {border: 1px solid #074353; }
div.thumb li {text-align: left; list-style-type: none; margin: 5px 0; }
div.thumb img {width: 253px; height: 100px; }
div.thumb img:hover {border: 1px solid #5fcbe2; }

/*Formulier*/
li.formlist {list-style: none; }
input, textarea {margin-bottom: 5px; text-align: left; }
.box {padding: 0 5px; color: #ddd; background-color: #091619; border: 1px solid #063a48; width: 265px; }
.button {color: #ddd; font-weight: bold; text-decoration: none; padding: 2px 20px 2px 0; background-color: #000; }
.button:hover {color: #999; }
p.error {color: #f00; }
input.error, textarea.error {border: 1px solid #f00; }


	div#container {
		background:url(images/enter.png) no-repeat center;
		position: absolute;
		left: 50%;
		top: 25%;
		width: 200px;
		height: 200px;
		margin-left: -100px; /* half of width */
		margin-top: -100px; /* half of height */
	}
	
	div#container:hover {
		background:url(images/entermouse.png) no-repeat center;
	}