/*Dieter Treffer Formatierung für 
www.so-klappt-es.de und traeume-unter-dach*/
*{
	padding:0;
	margin:0;
}
body {
	color:#000;
	padding:0;
	margin:0;
	font:normal 1.1em/1.2em Geneva, Arial, Helvetica, sans-serif;
	font-size:100.1%;
	background-color:#002A5F;
}
html {
	margin:0;
}
html, body {
	height:100%;
}
img {
	border:0px; margin:0px; padding:0px;
}
.lightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
}
.lightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
}
/*Links und spezielle Schriften*/
a:link {
	color:Darkslategray;
} 
a:visited {
	color:Darkslategray; 
} 
a:focus {
	color:Darkslategray;
}
a:hover {
	color:Midnightblue; 
} 
a:active {
	color:#000; 
} 
h1 { 
	font:bold 1.2em "Adobe Helvetica", Helvetica, sans-serif;
	letter-spacing:10px;
	text-align:left;
	color:#000;
	margin:5px 0 0 10px;
	float:left;
}
h1#titel:first-letter {
	font:bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#002A5F;
}
h2 {
	font:bold 1.25em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	color:#002A5F;
	text-align:left;
}
h2 a, dl.site a, #navirechts li a, #navirechts li span, #navirechts li a:hover, .navioben a:hover, .navioben a{
	text-decoration:none;
}
h3 {
	font:bold 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:blue;
}
strong {
	font:bold 1.05em Geneva, Arial, Helvetica, sans-serif;
}
p  { margin-right:90px;
	font:normal 1.05em/1.3em  Geneva, Arial, Helvetica, sans-serif;
}
p.absatz:first-letter {
	font:bold 1.5em/1.3em  Geneva, Arial, Helvetica, sans-serif;
	color:#002A5F;
}
dfn {	font:normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#7F7F8A;}
dfn a {text-decoration:none;}
dfn a:hover {color:#000; cursor:help; text-decoration:none;}
/*Aussehen und Positionierung*/
#Rand {
	margin:0 30px;
	padding:0 0 5px 0;
	background-color:#FFF;
	color:#000;
	border:4px solid #fff;
	border-width:0 4px;
}
#head {
	padding:0px;
	text-align:center;
	height:150px;
	background:#002A5F url(img/head_links.jpg) no-repeat center;
	margin:0px;
}
#werbung {
	font:0.7em  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#E6E6FA;
	border:solid 1px #000;
	margin:0.5em 0;
	clear:left;
}
#content {
	color:#000;
	margin:0em 1em 0em 10em;
	padding:1em 1.3em;
	background-color:#E6E6FA;/*: #fffacd url(img/head1.jpg) no-repeat right top;*/
	border:solid 1px #000;
	font:normal 0.9em/1.35em Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear:right;
}
.footer {
	padding:0.5em 0.5em;
	border:solid 1px #000;
	font:0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#E6E6FA;
}
.top {
	font:0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0;
	padding:0;
}
a.top {
	clear:right;
	display:block;
	width:5em;
}
/*Navigation*/
.hidden {
	visibility:hidden;
	margin:0;
	padding:0;
}
.left{float:left;}
.right{float:right}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}
#navi {
	padding:0px;
	margin:2.5em 0 0 0;	
	float:left;
	clear:both;
}
ul#navirechts {
	margin:0px;
	padding:0px;
	border:none;
	width:9em;
}
#navirechts li {
	margin:0px;
}
a.untermenu {
	background-color:#E6E6FA;
	text-align:right;
}
.navioben li, .bild li, #navirechts li {
	list-style:none;
}
#navirechts li a, #navirechts li span{
	display:block;
	border-bottom:1px dashed #C39C4E;
	border-left:0.5em solid #FFF;
	padding:0.5em 0 0.4em 0.2em;
	margin:0.2em 0 0.2em 0;
	color:#666;
	font:bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navirechts li span, .navioben li span {
	color:#666;
	border-left:0.5em solid #002A5F;
}
	
#navirechts li a:hover {
	display:block;
	border-bottom:1px dashed #002A5F;
	border-left:0.5em solid #002A5F;
	padding:0.5em 0 0.4em 0.2em;
	color:#000;
	font:bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.site dt a{
color:#666;
}
.site dt a:hover, .site dd a:hover{
color:#000;
}
.site dd {
	margin-left:40px;
}
.navioben {
	float:right;
	margin:0 1em 0 0;
	padding:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
}
.navioben ul {
	margin:1.3em 0;
}
.bild li{
	float:left;
	margin-right:5px;
	width:180px;
}
.bild li p {
	margin:0;
	padding:0;
}
.navioben li, .bild li{
	display:inline;
}
.bild {
	clear:right;
}
.navioben li a {
	padding:0.2em 0.3em;
	border-left:6px solid #fff;
	color:#666;
	font-weight:bold;
	margin:0;
}
.navioben li span {
	padding:0.2em 0.3em;
	color:#666;
	font-weight:bold;
	margin:0;
}
.navioben li a:hover {
	padding:0.2em 0.3em;
	border-left:6px solid #002A5F;
	font-weight:bold;
	color:#000;
	margin:0;
}
/*Formulare*/
#content_form {
	color:#000;
	margin:0em 1em 0em 10em;
	padding:1em 1.3em;
	background:#E6E6FA/* url(img/head1.jpg) no-repeat right top*/;
	border:solid 1px #000;
	font:normal 0.9em/1.35em Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear:right;
}
form#eins {
	width:31em;
	border:4px inset #666;
}
form#eins fieldset {
	display:block; border:1px solid #666; padding:5px 5px 5px 10px;
	margin:auto;
}
form#eins fieldset:hover {
	border:1px solid #000;
}
form#eins input {
	padding-left:0.5em; margin-bottom:0.6em;  background:#666;
}
form#eins input:hover {
	padding-left:0.5em; margin-bottom:0.6em;  background:#fff;
}
form#eins input:focus {
	padding-left:0.5em; margin-bottom:0.6em;  background:#fff;
}
.pflicht {
	font-weight:bold;
}
form#eins .button	{
	border-bottom:black 1px solid;
	border-left:#666 1px solid;
	border-right:black 1px solid;
	border-top:#666 1px solid;
	font:bolder 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	color:black;
	background-color:#D8D7D9;
	margin-left:10px;
	width:100px;
}
form#eins .button:hover {
	border-left:black 1px solid;
	border-bottom:#297394 1px solid;
	border-top:black 1px solid;
	border-right:#297394 1px solid;
	font:bolder 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	color:#fff;
	background-color:#C3C1C3;
	display:inline;
}
/*Gaestebuch*/
table#gast {
	width:25em;
}
.bgweiss {
	background-color:#fff;
	padding:3px;
	border:2px solid #666;
	font:bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:auto;
	margin:auto;
	padding:5px;
}

a.gb_link  {
	font:normal 1.35em  Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:19em;
	display:block;
	padding:0;
	text-decoration:none;
	color:Darkslategray;
	margin:0 0 15px 0;
	border:1px dashed #666;
	text-align:center;
}
a:hover.gb_link   {
	color:#000;
}
.error {
	color:red;
	font:normal 1em Verdana, sans-serif;
}
.weg {
	display:none;
}
fieldset  {
	width:25em;
}
/*galerie "zelte" */
.vorschau {
	position:relative;
	margin:2em 0;
	border-bottom:1px solid #000;
	padding:5px;
}
.vorschau h2 {
	padding:10px 60px 10px 30px;
	font:normal 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}
.vorschau h2 em {
	font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
}
.vorschau img {
	border:none;
	margin:0px;
	padding:0px;
}
/*Galerie Messe*/
#container {
	position:relative;
	width:600px;
	height:700px;
	background:#E6E6FA;
	margin:0;
	clear:right;
}

#container h2 {
	padding:10px 60px 10px 30px;
	font:normal 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}
#container h2 em {
	font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
}
a.gallery, a.gallery:visited {
	display:inline;
	color:#000;
	text-decoration:none;
	border:1px solid #fff;
	width:75px; height:75px;
	float:left;
	margin:7px 21px;
	position:relative;
	cursor:default;
}
a.slidea {background:url(img/th_wester1.jpg);}
a.slideb {background:url(img/th_wester2.jpg);}
a.slidec {background:url(img/th_wester3.jpg);}
a.slided {background:url(img/th_wester4.jpg);}
a.slidee {background:url(img/th_wester5.jpg);}
a.slidef {background:url(img/th_wester6.jpg);}
a.slideg {background:url(img/th_wester7.jpg);}
a.slideh {background:url(img/th_wester8.jpg);}
a.slidei {background:url(img/th_wester9.jpg);}
a.slidej {background:url(img/th_wester10.jpg);}
a.gallery span {
	visibility:hidden;
	display:block;
	position:absolute; top:189px; left:9px;
	width:580px;
	height:400px;
	color:#000;
	background:#ccc;
	text-align:center;
	border:2px inset #fff;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", verdana, sans-serif;
	letter-spacing:1px; cursor:default;
}
a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}
a.gallery:hover {
	white-space:normal;
	border:1px inset #fff;
	z-index:100;
}
a.gallery:hover span {
	visibility:visible;
	z-index:100;
}
a.gallery:hover span img {
	margin:10px;
	border:1px solid #000;
	position:relative;
	z-index:100;
}
a.gallery:active, a.gallery:focus {
	border:1px solid #c00;
	z-index:10;
}
a.gallery:active span, a.gallery:focus span {
	visibility:visible;
	z-index:10;
}
a.gallery:active span img, a.gallery:focus span img {
	border:1px solid #000;
	position:relative;
	margin:10px;
	z-index:10;
}