/* *** code written by naloo, www.naloo.net *** */
/* *** with support and code from miss monorom, www.intensivstation.ch *** */
/* *** with code from nyokiglitter, www.nyokiglitter.com/tutorials/tabs.html *** */


/*body*/

body {
background-color: #BEB18D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #402e00;
margin: 0;
padding: 10px 0 50px 0;
background-image: url(images/bg.jpg);
}

/*hide screenversion*/

#header {display:none;}


/*naloo*/

#naloo {
position: absolute;
left: 0px;
top:0px;
z-index: 2;
padding: 0;
margin: 0;
}

/*naloo*/

#link {
position: absolute;
right: 10px;
top: 0px;
z-index: 3;
padding: 0;
margin: 0;
}

/*general typo*/

p {
padding: 0 0 25px 0;
margin: 0;
line-height: 25px;
}

a { color: #9f7300;}
a:visited { color: #6f5000; }
a:hover { color: #ece9e1; }
a:active { color: #ece9e1; }

h1, h2 {
padding: 0;
margin: 0;
font-size: 16px;
color: #ddd8cc;
}

h3 {
padding: 0 0 25px 0;
margin: 0;
font-size: 16px;
color: #ddd8cc;
}

h4 {
padding: 25px 0 0 0;
margin: 0;
font-size: 16px;
color: #ddd8cc;
}

/*navigation*/

#navigation {
text-align: center;
margin: 0 auto;
padding: 0px;
background-image: url(images/navi_bg.jpg);
background-repeat: repeat-x;
background-position: 50% 0px;
vertical-align: middle;
}

/*content text*/

#contentbig {
	text-align: left;
	margin: 4px auto;
	padding: 0px;
	width: 820px;
	background-image: url(images/bg_schiefer.jpg);
	background-repeat: none;
	height: 783px;
}

#content {
text-align: left;
margin: 4px auto;
padding: 0px;
width: 820px;
height: 485px;
background-image: url(images/bg_schiefer-klein.jpg);
background-repeat: none;
}


#subnavi {
margin: 0;
padding: 43px 0 12px 0;
text-align: center;
}

#schiefertafel {
width: 626px;
margin: 0 auto;
padding: 0;
line-height: 25px;
color: #ddd8cc;
}

/*content bilder*/

#bilder {
margin: 4px auto 9px auto;
padding: 0px;
width: 820px;
position: relative;
}

#bilder #rundgang {
	position: absolute;
	left: 680px;
	top: 260px;
	width: 227px;
	height: 228px;
	background: url("images/rundgang.png") no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}


#bilder #wineanddine {
	position: absolute;
	left: 700px;
	top: 168px;
	width: 144px;
	height: 144px;
	background: url("images/wineanddine.png") no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	z-index: 1000;
}


#bilder #silvester {
	position: absolute;
	left: -30px;
	top: 328px;
	width: 150px;
	height: 151px;
	background: url("images/silvester2010-2010.png") no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	z-index: 1000;
}

/*gartentanz*/
.gartentanzflyer { margin: 0 auto; display:block; width:800px;}

/*content kontakt*/

#kontakt {
text-align: left;
margin: 4px auto;
padding: 0px;
width: 820px;
}

.floatright {
float: right;
margin: 0 0 10px 10px;
padding: 0;
}

/*gästebuch*/

#gaestebuch {
width: 626px;
margin: 0 auto;
padding: 0;
line-height: 25px;
}

table { line-height: 25px; padding: 0; margin: 0;}

tr {height: 25px; padding: 0; margin: 0; }
td {height: 25px; padding: 0; margin: 0; }


#fortable {
	position: absolute;
	top: 190px;
	left: -30px;
	margin:0;
    padding:0;
}


#fortable .button{
    text-indent: -1000px;
    font-size: 1px;
    overflow: hidden;
    width: 145px;
    height: 145px;
    background: transparent url(images/fortable.png) no-repeat center center;
    border: none;
    cursor:pointer;

}