@charset "utf-8";
/* CSS Document */

html, body, div, i-frame, span, ul, li, object, img, p, h1, h2, h3, h4, h5, h6 {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}
/* hide for ie5mac \*/ 
html, body{height:100%;} 
/* end hack */
body {
	text-align: center;
	background-color: #311106;
	font-size:62.5%;
	background-image: url(img/vintagebkgr.gif);
	background-repeat: repeat;
	background-position: left top;
}
div, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EBB598;
	text-align: left;
	line-height: 1.4em;
}
td, th {
	vertical-align: top;	
}
#container {
	font-size: 1em;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height:100%;
	height:auto;
	background-color: #311106;
	background-image: url(img/contentbkgr.jpg);
	background-repeat: repeat-y;
}
* html #container{height:100%;}
#header {
	background-color: #311106;
	height: 404px;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#content, #content2, #content3, #content4, #content5 {
	font-size: 1.2em;
	margin-left: 220px;
	padding-bottom: 196px;
	margin-right: 24px;
	padding-right: 14px;
	padding-left: 24px;
	margin-top: -180px;
	padding-top: 15px;
	min-height: 660px;
	_height:660px;
	position: relative;
}
#content2 {
	margin-left: 24px;
}
#content3 {
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#content4 {
	margin-right: 16px;
	padding-right: 0px;
}
#content5 {
	margin-left: 14px;
	padding-left: 0px;
	margin-right: 14px;
	padding-right: 0px;
}

#books td {
	text-align: center;
	vertical-align: top;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}
#content .kader {
	padding: 12px;
	border: 1px solid #D36529;
	margin-bottom: 1.5em;
}
#books2 td {
	vertical-align: top;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}
.news td, .press td {
	padding-bottom: 8px;
}
.news td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBB598;
	padding-top: 8px;
}

.box {
	font-size: 1.2em;
	margin-left: 24px;
	margin-right: 16px;
	margin-top: -180px;
	padding-top: 15px;
	padding-bottom: 180px;
}
		
.box div.column, .box div.column2, .box div.column3  {
	float: left;
	margin: 0;
	position: relative;
	width: 29%;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
}

/*.box div.column {
    padding-left: 0%;
	padding-right: 0%;
}*/
#flashcontent {
	border: 1px solid #333333;
	height: 382px;
	width: 238px;
	background-image: url(img/slideshowbkgr.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}
#flashcontent2 {
	height: 640px;
	width: 456px;
	border: 1px solid #333333;
	background-image: url(img/international/ElCabalista3.jpg);
	background-repeat: no-repeat;
	margin-left: 44px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#flashcontent3 {
	
}

.biblio {
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 2em;
}

.biblio td {
	vertical-align: top;
	padding-bottom: 8px;
	text-align: center;
}
.biblio img {
	border: 1px solid #333333;
}


#content .movie {
	margin-bottom: 8px;
}
#content3 .movie-lecture {
	margin-top: 2em;
	margin-left: 3px;
	margin-bottom: 2em;
}
#content #schatkamer {
	margin-top: 2em;
}
#content #schatkamer td {
	text-align: center;
	padding-bottom: 8px;
}
#container #content #schatkamer img {
	border: 1px solid #333333;
}

#topnav {
	position: absolute;
	left: 9px;
	top: 166px;
}

#leftbar {
	position: absolute;
	width: 200px;
	left: 21px;
	top: 234px;
	font-size: 1.4em;
	z-index: 1;
}
#footer {
	font-size: 1.2em;
	position: relative;
	height: 195px;
	margin-top: -196px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 1px;
}

/* NAVIGATION Leftbar Static */

ul.leftnav-static {
	margin: 0px;
	padding: 0px;
}
ul.leftnav-static li {
	margin-bottom: 12px;
}

ul.leftnav-static li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 24px!important;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
ul.leftnav-static li a span{
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
}
a#leftb1 span{
	background-image: url(img/menu-biografie.jpg);
}
a#leftb2 span{
	background-image: url(img/menu-interview.jpg);
}
a#leftb3 span{
    background-image: url(img/sidenav-garamaj.gif);
}
a#leftb4 span{
    background-image: url(img/sidenav-onionik.gif);
}
a#leftb5 span{
    background-image: url(img/sidenav-prikje.gif);
}
a#leftb6 span{
    background-image: url(img/sidenav-info.gif);
}
a#leftb7 span{
    background-image: url(img/sidenav-ugozaldi.gif);
}

ul.leftnav-static li a:hover span{
    background-position: left bottom;
}
ul.leftnav-static li a.active span{
    background-position: left bottom;
}

/* TEXTSTYLES */

p {
	margin-bottom: 1em;
}
p.largebot {
	margin-bottom: 2em;
}
p.left-small {
	font-size: 10px;
	text-align: left;
}
.smallcaption {
	font-size: 10px;
	text-align: center;
}


h1 {
	letter-spacing:-1px;
	margin-bottom: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.box h1 {
	margin-bottom: 0.5em;
}
h2 {
	letter-spacing:-1px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin-bottom: 1em;
	margin-top: 1.3em;
}
h3 {
	font:1.3em arial, helvetica, sans-serif;
	font-weight:bold;
}
h5 {
	font:1.1em arial, helvetica, sans-serif;
	font-weight:bold;
}
p.to-top {
	margin-top: 2.5em;
	margin-left: 224px;
}
#content3 p, #content3 h1, #content3 h2, #content3 h3 {
	margin-right: 38px;
	margin-left: 24px;
}
#content3 p.to-top {
	margin-top: 2.5em;
	margin-left: 230px;
}
#books2 p, #books2 h2 {
    margin-bottom: 0.5em;
}
.news p, .news h1, .news h2, .news h3, .press p, .press h1, .press h2, .press h3 {
	margin-right: 10px;
}
.news h2 {
	margin-bottom: 0px;
}
.press h3 {
	margin-bottom: 0.5em;
}

#footer p {
	margin-top: 120px;
	padding-right: 44px;
	padding-left: 44px;
	color: #E3986F;
}

ul, ol {
	margin:0;
	list-style:circle;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 1.6em;
}
ol {
	list-style-type: lower-roman;
	
}
.box li {
	margin-bottom: 3px;
	list-style-type: circle;
}
#content3 ul {
	list-style:circle;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 1.6em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 44px;
}
.txt-center {
	text-align: center;
}
.txt-center {
	text-align: center;
}
.text-underline {
	text-decoration: underline;
}
.text-small {
	font-size: 10px;	
}
.text-tight {
	letter-spacing: -1px;
}

.align-left {
	text-align: left;
}
.boldorange {
	color: #FF6600;
	font-weight: bold;
	font-size: 1.8em;
}
.goldtext {
	color: #CC9;
}


/* LINKSTYLES */

a:link, a:visited {
	color: #EBB598;
}
a:hover, a:active a:focus {
	color: #FF8000;
	text-decoration: none;
}
a.z{
	color: #AB5221;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-decoration: none;
}
a.z:hover{
	color: #DD814F;
}
a:active, a:focus {
	outline: 0;
}

/* BUTTONS*/

div.bestelbutton, div.wens-chat-button, div.start-chat-button, .interact-contact, .interact-chat, .interact-gastenboek, .interact-wensenboek, .interact-deelnemers, .interact-schatkamer, div.klikbutton {
	margin-right: auto;
	margin-left: auto;
	width: 115px;
}
.interact-contact, .interact-chat, .interact-gastenboek, .interact-wensenboek, .interact-deelnemers, .interact-schatkamer {
	width: 125px;
}
.bestelbutton a, .bestelbutton-left a, .to-top a, .wens-chat-button a, .start-chat-button a, .interact-contact a, .interact-chat a, .interact-gastenboek a, .interact-wensenboek a, .interact-deelnemers a, .interact-schatkamer a, .klikbutton a{
	display: block;
	position: relative;
	overflow: hidden;
	height: 34px!important;
	width: 115px;
	cursor: pointer;
	text-align: center;
}
.interact-contact a, .interact-chat a, .interact-gastenboek a, .interact-wensenboek a, .interact-deelnemers a, .interact-schatkamer a{
	width: 125px;
}
.to-top a {
	height: 17px!important;
	width: 113px;
}
.wens-chat-button a, .start-chat-button a, .interact-contact a, .interact-chat a, .interact-gastenboek a, .interact-wensenboek a, .interact-deelnemers a, .interact-schatkamer a {
    height: 43px!important;
}
.bestelbutton a span, .bestelbutton-left a span, .to-top a span, .wens-chat-button a span, .start-chat-button a span, .interact-contact a span, .interact-chat a span, .interact-gastenboek a span, .interact-wensenboek a span, .interact-deelnemers a span, .interact-schatkamer a span, .klikbutton a span {
	background-image: url(img/bestelbutton.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.to-top a span {
	background-image: url(img/to-top.gif);
}
.wens-chat-button a span {
	background-image: url(img/button-wens-chat.jpg);
}
.start-chat-button a span {
	background-image: url(img/button-start-chat.jpg);
}

.interact-contact a span {
	background-image: url(img/button-interakt-contact.jpg);
}
.interact-chat a span {
	background-image: url(img/button-interakt-chat.jpg);
}
.interact-gastenboek a span {
	background-image: url(img/button-interakt-gastenboek.jpg);
}
.interact-wensenboek a span {
	background-image: url(img/button-interakt-wensenboek.jpg);
}
.interact-deelnemers a span {
	background-image: url(img/button-interakt-deelnemers.jpg);
}
.interact-schatkamer a span {
	background-image: url(img/button-interakt-schatkamer.jpg);
}
.klikbutton a span {
	background-image: url(img/klik-button.jpg);
}
.bestelbutton a:hover span, .bestelbutton-left a:hover span, .to-top a:hover span, .wens-chat-button a:hover span, .start-chat-button a:hover span, .interact-contact a:hover span, .interact-chat a:hover span, .interact-gastenboek a:hover span, .interact-wensenboek a:hover span, .interact-deelnemers a:hover span, .interact-schatkamer a:hover span, .klikbutton a:hover span{
	background-position: left bottom;
}

/*FORMSTYLES */
form {
	display:inline;
}
input, select, textarea {
	padding: 2px;
	color: #333333;
}
.textfield, .textfield2,.textfield-small {
	line-height:1.25;
	width: 400px;
	background-color: #D1B581;
	border: 1px solid #333333;
	color: #333333;
}
.textfield2 {
	width: 340px;
}

.textfield-small {
	width: 60px;
}

textarea {
	line-height:1.40;
	width: 400px;
	background-color: #D1B581;
	border: 1px solid #333333;
}

.button, .button2 {
	padding: 2px;
	width: 8em;
	border: 1px solid #000000;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	background-color: #D1B581;
}
.button2 {
	width: 12em;
	padding-top: 4px;
	margin-bottom: 2em;
}
.button:hover, .button2:hover {
	background-color: #E6400E;
}
label {
	cursor:pointer;
}

/* MISCELLANEOUS */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}

.img-right{
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 4px;
	border: 1px solid #333333;
}
.img-left{
	margin-bottom: 1px;
	margin-right: 14px;
	border: 1px solid #333333;
	margin-top: 4px;
}
img.brdr {
	border: 1px solid #333333;
}
.news img, .press img {
	border: 1px solid #333333;
}
.borderit img {
	border: 2px solid #F3BA9E;
   
}
.borderit:hover img {
	border: 2px solid #F16210;
   
}
div.guestbook-message {
	background: #D1B581;
	border:1px solid #000000;
	color: #000000;
	margin-bottom: 5px;
	padding: 10px;
}
div.guestbook-message div {
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dashed #A03513;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.wishbook-message {
	background: #D1B581;
	border:1px solid #000000;
	color: #000000;
	margin-bottom: 5px;
	padding: 10px;
}
.wishbook-header {
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dashed #A03513;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.wishbook-story {
	border-bottom: 1px dashed #A03513;
	color: #000000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.wishbook-story.last {
	border-bottom: none;
}
.reactions {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.reactions a {
	color: #000000;
	font-weight: bold;
}

.login-form .textfield {
	font-size: 11px;
	width: 100%;
}
.login-form label {
	font-weight: bold;
	font-size: 9px;
}
.login-form .submit {
	margin-top: 5px;
}
.login-form p.small-margin {
	margin-bottom: 0.3em;
}
.login-form p.no-margin {
	margin-bottom: 0;
}
.login-form p, .login-form ul {
	font-size: 100%;
	color: #333333;
}
.login-form a, a.black{
	font-size: 11px;
	color: #333333;
}
.chat-openinghours {
	border: 3px double #EBB598;
	padding: 5px;
}