/* CSS Document / Allgemeines */
* {
	margin: 0;
	padding: 0;
}

body {	
	font:1em arial, verdana, sans-serif;
	background-image:url(../img/hintergrund.jpg);	
	background-repeat:repeat;
}

#wrap{
	margin: 2px auto;
	width:800px;
}

#header {
	width:772px;
	height:271px;
	background-image:url(../img/head.png);
	margin: 2px auto;
	

}

#footer{
	padding:10px;
	text-align:center;
	}

#content{
	background-color:#982110;
	color:#ffffff;
	padding:5px;
}

table {
	font:normal 76%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-collapse:separate;
	border-spacing:0;
	margin:5px auto;
	color:#000;
	}
table a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
table a:visited {
	color:#444;
	font-weight:normal;
	}
table a:visited:after {
	content:"\00A0\221A";
	}
table a:hover {
	border-bottom-style:solid;
	}
thead th,
thead td,
tfoot th,
tfoot td {
	border:1px solid #523A0B;
	border-width:1px 0;
	background:#EBE5D9;
	}
th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
tbody th,
td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
tbody th a:link,
tbody th a:visited {
	font-weight:bold;
	}
tbody td,
tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
tbody tr.odd th,
tbody tr.odd td {
	border-color:#EBE5D9;
	background:#F7F4EE;
	}
tbody tr:hover td,
tbody tr:hover th {
	background:#ffffee;
	border-color:#523A0B;
	}


#menue ul li{list-style: none;
    	     display: inline;
	     padding-left:1px; 
	     margin-right:1px;
	     }
		 

#menue{
padding-top:5px;
width:690px;
text-align:center;
}

#menue li a{
	text-decoration: none;
	}

a img{border:none;}

#unten ul li{list-style: none;
    	     display: inline;
	     padding-left:1px; 
	     margin-right:1px;
	     }
		 

#unten{
padding:5px 0;
text-align:right;
}

#unten li a{
	text-decoration: none;
	}
	
#kurz_navi ul li{list-style: none;
    display: inline;
    margin-left:3px; 
    margin-right:3px;
   }
		 

#kurz_navi{
padding-top:5px;
text-align:center;
}

#kurz_navi li a{
	text-decoration: none;
	color:#ffffff;
	font-weight:bold;
	}
	

h1{

	color: #000000;
    font: bold 1.2em Arial;

}



h2{

      font: bold 1.0em Arial;

	background: #982121;

	color: #ffffff;

	padding: 3px 0 3px 5px;

}



h3{

        padding:2px 0 2px 5px;

	border-bottom: 1px solid #40749C;

	margin: 10px;

        font: bold 1.1em Arial;

}



p{

	margin: 10px 5px 0 5px;

}

.abschluss{

	text-align: center;

	clear: left;

}

#main {

	padding: 15px 0 20px 0;

	border: 7px solid #9c7c7d;
	
	background: #982121;

}


/* ==================================== */

/* ============= Gästebuch ============ */

/* ==================================== */



.gb_haupt{

	margin-bottom:20px;

	border: 2px solid #9c7c7d;

}



.gb_top{

	background: #9c7c7d;

	color: #fff;

	padding: 5px;

	border-bottom: 3px solid #9c7c7d;

}



.gb_content{

	padding: 10px 5px 15px 5px;

	background: #a9a9a9;

	color: #000000;

}

.aktionen a{

	margin: 0 10px;

}



.gb_top img{

	padding-left: 10px;

	border: 0px;

	background: #9c7c7d;

	color:#FFFFCC;

}



a.info {

	border-bottom: 1px dashed #800000;

	text-decoration: none;

}



a.info:hover {

	cursor: pointer;

	background: #FFFFFF;

}



a.info span {

	visibility: hidden;

	position: absolute;

	left: 20em;

	margin-top: 1em;

	padding: 1em;

	text-decoration: none;

}



a.info:hover span {

 	visibility: visible;

	border: 1px solid #800000;

	color: #800000;

	background: #F8F9B9;

}



.warning{

	text-align:center;

	border: 2px solid #FF0000;

	text-decoration: underline;

	font-size:18px;

}



#ohne_rahmen td{

	border:none;

}

.abschluss{

	text-align: center;

	clear: left;

}



.h1balken{

	background: #9c7c7d;

	padding: 5px 0 5px 6px;

	margin: 0 1px 0 1px;

}



.box{

	width: 90%;

	margin: 0 auto;

	margin-top: 20px;

	background: #a9a9a9;

	border: 1px solid #ffffff;
	
	color:#000000;

}



.hinweis{

	background: #9c7c7d;

	color: #ffffff;

	width: 50%;

	margin: 0 auto;

	margin-top:10px;

	background-image:url('img/tag.gif');

	background-repeat: no-repeat;

	background-position: left;

	border: 3px solid #40749C;

	padding: 0 10px 0 40px;

}



/* ==================================== */

/* ============== Galerie ============= */

/* ==================================== */



.gallery{

	width:60px;

 	height:60px; 

	text-align:center;

 	background:#B0E0E6;

}



.vorschaualle{

	margin:0 0 0 5%;

	padding-top:5px;

}



.vorschau{

	margin:0 0 0 15%;

	padding-top:5px;

}



#bildernavi{

	margin:5px 0 40px 0;

	text-align:center;

	font: 1.2em verdana, sans-serif;

}





/* =Hoverbox Code ----------------------------------------------------------------------*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview_hoch

{

	display: none;

}



.hoverbox a .preview_quer

{

	display: none;

}



.hoverbox a:hover .preview_quer

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox a:hover .preview_hoch

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;



}



.hoverbox li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}



.hoverbox .preview_quer

{

	border-color: #000;

	width:300px;

}



.hoverbox .preview_hoch

{

	border-color: #000;

	height:300px;

}