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

  html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:85%;
	margin:0 auto;
	/*border: #33FF99;*/
}
#header {
	display:none;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:10em 1em;
/*border-left: dotted 1px #996600;
border-right: dotted 1px #996600;*/
} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	display:none;
}
html>body #footer {
	position:fixed;
	bottom:0;
	
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
	/*background: #FFEBB3;*/
}
body {font:95%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1,
h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
p {margin:1em 0;}
.info {
	position:relative;
	padding:0.5em;
	width:95%;
	height:160px;
	border-bottom:2px solid #999;
	background:#fff;
}
.info img {
float:right;
}
a:link,
a:visited {
	border-bottom:1px dotted;
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#D03900;
}
/*#header,*/
#footer {
/*background:#FFEBB3;*/
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
text-align:center;
color:#996600;

border:thin #996600 solid;
}
#footer a {
	color:#666666;
}
#content-wrap,
#content { background-color:#FFFFFF;
}
/*--Navigation--*/
#nav {
display:none;
}
#navigation ul {
	display:none;

}
#navigation li {
	display: inline;
}
#navigation a:link, #navigation a:visited { 
	padding: 3px 10px 2px 10px; 
	color: #000000;
	font-weight: 300;
	text-decoration: none;
	border-left: 2px solid #711515;
	border-right: 2px solid #711515;
}
#navigation a:hover {

color: #000000;
font-weight: bold;
text-decoration: underline;	
}
#angebote ul {
	display:none;

}
#angebote li {
	display: inline;
}

#angebote a:hover {

color: #000000;
font-weight: bold;
text-decoration: underline;	
}
#links ul {
text-decoration:none;
list-style:none;}
#logo {
position:absolute; 
width:153px; 
height:95px; 

left: 4px; 
/*top: 457px; */
background-image: url(images/logklot.gif); 
border: 1px none #000000;
}


/*--Tabellenformatierung für Preise--*/
.preistable { 
border:none;
border-collapse:collapse;
text-align:center;

}
.preistable caption {
text-align:center;
font-weight:bold;
padding: 10px;
border-bottom:groove;
}
.preistable td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
padding-top:8px;
text-align:left;
}
.preistable tr {
padding: 10px;
}
.preistable th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#666666;
padding-top:8px;
}
.preistable tr:visited {
	background-color:#FFFFCC;
	
}
.preistable tr.altrow {
	background-color:#FFFFCC;
	color:#000099;
}
.preistable tr:hover {
	background-color:#EBEBEB;
	
}
/*--Gallery--*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer a {
text-decoration:none;
border-bottom:none;
}
.thumbnail img{
border: 1px solid #996600;
margin: 0 5px 5px 0;

}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 2px solid #996600;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFEBB3;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}