/* 
   made by 4rn0 -- content managed websites (c) 2005 - www.4rn0.nl 
   this messy little stylesheet is filled with IE/Mac hacks...
*/

body {
	margin: 50px 0 20px;
	text-align: center;
}

a {
	color: #000000;
}

div#container {
	text-align: left;
	margin: 0 auto;
	width: 770px;
}

body, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


h1 {
	float: left;
	width: 46px;
	height: 66px;
	margin: -10px 10px 0 0;
	position: relative;
	background-image: url(../layout/stjx.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

/* IE Mac */
ul#navigation {
	width: 250px;
	margin: 0 0 0 56px;
	padding: 0;
}

ul#navigation li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#navigation li a {
	margin: 0 0 7px;
	padding: 0;
	display: block;
	
	background-repeat: no-repeat;

	line-height: 300px;
	text-decoration: none;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -999px;
	/**/	

}

/* TODO: IE5 */
ul#navigation li a#home { width: 52px; height: 20px; background-image: url(../layout/home.gif); }
ul#navigation li a#home:hover, ul#navigation li a#home.breadcrumb { background-image: url(../layout/homegroen.gif); }
ul#navigation li a#photogallery { width: 145px; height: 25px; background-image: url(../layout/photogallery.gif); }
ul#navigation li a#photogallery:hover, ul#navigation li a#photogallery.breadcrumb { background-image: url(../layout/photogallerygroen.gif); }
ul#navigation li a#history { width: 78px; height: 23px; background-image: url(../layout/history.gif); }
ul#navigation li a#history:hover, ul#navigation li a#history.breadcrumb { background-image: url(../layout/historygroen.gif); }
ul#navigation li a#extra { width: 55px; height: 18px; cursor: default; background-image: url(../layout/extra.gif); }
ul#navigation li a#extra.breadcrumb { background-image: url(../layout/extragroen.gif); }

ul#subnavigation {
	width: 51px;
	margin: -20px 0 0 70px;
	padding: 0;
}

ul#subnavigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#subnavigation li a {
	margin: 0;
	padding: 0;
	display: block;

	line-height: 300px;
	text-decoration: none;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	

}

ul#subnavigation li a#tednoten { width: 51px; height: 14px; background-image: url(../layout/ted_noten.gif); }
ul#subnavigation li a#tednoten:hover, ul#subnavigation li a#tednoten.breadcrumb { background-image: url(../layout/ted_notengroen.gif); }
ul#subnavigation li a#login { width: 51px; height: 18px; background-image: url(../layout/login.gif); }
ul#subnavigation li a#login:hover { background-image: url(../layout/logingroen.gif); }
ul#subnavigation li a#contact { width: 51px; height: 17px; background-image: url(../layout/contact.gif); }
ul#subnavigation li a#contact:hover, ul#subnavigation li a#contact.breadcrumb { background-image: url(../layout/contactgroen.gif); }
ul#subnavigation li a#links { width: 25px; height: 11px; background-image: url(../layout/links.gif); }
ul#subnavigation li a#links:hover, ul#subnavigation li a#links.breadcrumb { background-image: url(../layout/linksgroen.gif); }
ul#subnavigation li a#shop { width: 51px; height: 17px; margin: 2px 0 0; background-image: url(../layout/shop.gif); }
ul#subnavigation li a#shop:hover, ul#subnavigation li a#shop.breadcrumb { background-image: url(../layout/shop_groen.gif); }

h2#recentPhotos {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/recent_photos.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

table#recentPhotosTable {
	margin: -160px 0 0 215px;
}

table#recentPhotosTable td, table#allPhotosTable td {
	padding: 0 5px;
}

img {
	border: 0;
}

h2#addPhotos {
	float: left;
	width: 450px;
	height: 68px;
	margin: -150px 0 0 245px;
	display: inline;
	background-image: url(../layout/add_photo_pictograms.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

h2#allPhotos {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_all_photos.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

h2#headerAfrica {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_africa.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}
h2#headerEurope {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_europe.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}
h2#headerAmerica {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_america.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}
h2#headerAustralia {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_australia.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}
h2#headerAsia {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_asia.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}
h2#headerAntartica {
	float: left;
	width: 161px;
	height: 30px;
	margin: -200px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_antartica.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

div#allPhotos {
	margin: -160px 0 0 215px;
	width: 540px;
	height: 160px;
	overflow: auto;
}

#photosTable {
	margin: -160px 0 0 215px;
}

#entryTable {
	margin: -80px 0 0 20px;
}

#entryTable img {
	margin: 0 0 20px;
}

div#content {
	width: 400px;
	text-align: justify;
	position: relative;
	top: 5px;
	left: 210px;
}

div#content img {
	margin: 0 0 25px 25px;
}

div#content.empty {
	margin: -165px 0 0 5px;
}

div#content p {
	margin: 10px;
	padding: 0;
	
	/*\*//*/
	float: left;
	margin: 10px 0 0 220px;
	/**/
}

div#extra {
	width: 350px;
	text-align: justify;
	position: relative;
	top: 75px;
	left: 210px;
	
	/*\*//*/
	margin: -100px 0 0 0;
	/**/
}

div#extra p {
	margin: 10px;
	padding: 0;
	
	/*\*//*/
	float: left;
	margin: 10px 0 0 220px;
	/**/
}

div#extra div#primary {
	float: left;
	position: relative;
	margin: 50px 0 0 -130px;
	text-align: center;
	
	/*\*//*/
	margin: 50px 0 0 -130px;
	/**/
}

div#extra div#secondary {
	float: right;
	position: relative;
	margin: 50px -190px 0 0;
	text-align: center;
	
	/*\*//*/
	margin: 50px -400px 0 0;
	/**/
}

div#history {
	width: 760px;
	margin: 0;
	text-align: justify;
}

div#history div#primary, div#history div#secondary {
	float: left;
	width: 250px;
}

div#history div#primary p.p {
	margin: 10px 0 0 0;
	position: relative;
	left: 70px;
	width: 250px;
}

div#history p#primaryData {
	margin: 130px 15px 0;
	height: 150px;
	text-align: right;
}

div#history img {
	float: left;
	margin: 0 5px;
	display: inline;
	
	/*\*//*/
	margin: 0 0 0 -60px;
	/**/	
}

div#history a:hover img {
	width: 248px;
	border: 1px solid black;
}

div#history div#secondary p.p {
	margin: 10px 0 0 -170px;
	position: relative;
	width: 250px;
}

div#history p#secondaryData {
	margin: 130px 0 0;
	height: 150px;
}

p#insignia {
	margin: 10px 0 0 0;
	position: relative;
	left: 70px;
	width: 250px;
	text-align: right;
}

p#brooch {
	margin: 10px 0 0 -170px;
	position: relative;
	width: 250px;
}

h2#overview {
	float: left;
	width: 156px;
	height: 10px;
	position: relative;
	top: -190px;
	left: 460px;
	margin: 0;
	padding: 0;
	background-image: url(../layout/overview.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	
	float: none;
	/**/	
}

ul#statistics {
	clear: left;
	width: 80px;
	position: relative;
	top: -190px;
	left: 460px;
	margin: 20px 0 0;
	padding: 0;
}

ul#statistics li {
	list-style-type: none;
	font-size: 10px;
	margin: 0;
	padding: 0;
	
	/*\*//*/
	display: inline;
	/**/
}

ul#statistics li a {
	margin: 0 0 3px;
	padding: 0;
}

h2#login {
	width: 103px;
	height: 70px;
	margin: -400px 0 0 10px;
	background-image: url(../layout/login_arrow.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -999px;
	/**/	
}

h2#login2 {
	width: 103px;
	height: 70px;
	margin: 55px 0 0 10px;
	background-image: url(../layout/login_arrow.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -999px;
	/**/	
}

form#loginForm {
	width: 126px;
	height: 230px;
	margin: 0;
	padding: 0;
	background-image: url(../layout/login_text.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	
	/*\*//*/
	position: absolute;
	margin: 0 0 0 -620px;
	/**/	
}

form#loginForm input {
	width: 103px;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin: 0 auto 2px;
	display: block;
}

form#loginForm input#submit {
	width: 105px;
	font-weight: bold;
}

p.smalltext {
	margin: 0;
	font-size: 10px;
}

input, textarea, select {
	width: 220px;
	margin: 0 0 1px;
}

.auto {
	width: auto;
	margin: 30px 0 0;
}

form#entryForm {

}

h2#tedNoten {
	float: left;
	width: 161px;
	height: 30px;
	margin: -60px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_ted_noten.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

h2#h2History {
	float: left;
	width: 161px;
	height: 30px;
	margin: -60px 0 0 250px;
	display: inline;
	background-image: url(../layout/balk_history.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

h3#h3Contact {
	width: 51px;
	height: 12px;
	margin: 0 0 10px 25px;
	background-image: url(../layout/balk_contact.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -999px;
	/**/	
}

h3#h3Links {
	width: 33px;
	height: 12px;
	margin: 0 0 10px 0;
	background-image: url(../layout/balk_links.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -999px;
	/**/	
}

html[xmlns] h3#h3Links {
	margin: 0 0 10px 70px;
}

a.shop {
	color: #FF00FF;
	font-weight: bold;
	text-decoration: none;
}

img#tedPhoto {
	float: right;
	margin: -150px 120px 0 0;
}

h2#shopHeader {
	float: left;
	width: 161px;
	height: 30px;
	margin: -100px 0 0 250px;
	display: inline;
	background-image: url(../layout/shop_balk.gif);
	background-repeat: no-repeat;
	line-height: 200px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

img#espadaShop {
	float: right;
	margin: -120px 225px 0 0;
}