/* ---------- Allgemein ---------- */

html {
	overflow-y: scroll;
}

body {
	background-color: #FFF;
	text-align: center;
	margin: 15px 0 15px 0;
}

/* ---------- Fonts ---------- */

* {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
}

@font-face {
  font-family: "DirtyEgo";
  src: url(../inc/DirtyEgo.ttf) format("truetype");
}

h1 {
	color: #FFF;
	font-family: "DirtyEgo", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 0;
	margin: 30px 0 40px 20px;
}

h2 {
	color: #0099FF;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 20px 0;
	margin: 0;
}

h3 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 20px 0;
	margin: 0;
}

h3:after { content: "."; }

h3 img {
	vertical-align: top;
}

small {
	font-variant: small-caps;
	font-size: 11px;
	color: #666666;
}

/* ---------- Copyright ---------- */

a.copyright:link, a.copyright:visited {
	color: #666;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	padding: 40px;
}

a.copyright:hover, a.copyright:active {
	color: #333;
}

hr {
	border-color: transparent;
	background: url(../img/design/hr.jpg) no-repeat;
	width: 640px;
	height: 1px;
	margin: 10px 0 10px 0;
	padding: 0;
}

hr.bottom {
	clear: both;
	border-color: transparent;
	background: url(../img/design/line.jpg) no-repeat;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}

ul.newsdate {
	font-variant: small-caps;
	font-size: 12px;
}

table.typ1 td {
	border-bottom: 1px solid #333;
	vertical-align: top;
	padding: 4px;
}

table.typ2 td {
	border-top: 1px solid #333;
	vertical-align: top;
	padding: 4px;
}

td.counter {
	width: 90px;
	height: 63px;
	text-align: center;
	font-size: 32px;
	color:  #000000;
	background: url(../img/couter_bg.png) no-repeat center;
}

/* --------------- design --------------- */

#center {
	text-align: left;
	width: 955px;
	background-color: #000000;
	border: 0;
	margin: 0px auto;
	padding: 0;
}

#top {
	width: 955px;
	height: 30px;
	background: url(../img/design/top.jpg) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
}

#logo {
	position: absolute;
	top: 15px;
	width: 235px;
	height: 245px;
	background: url(../img/design/logo.png) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
}

#header {
	width: 953px;
	height: 200px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 0;
	padding: 0;
}

#navigation {
	width: 915px; /* +40px */
	height: 27px; /* +13px */
	background: url(../img/design/navigation.jpg) no-repeat;
	font-size: 14px;
	border: 0;
	margin: 25px 0;
	padding: 13px 0 0 40px;
}

#content {
	float: left;
	width: 640px;
	font-size: 14px;
	line-height: 140%;
	color: #FFFFFF;
	border: 0;
	margin: 0 0 40px 40px;
	padding: 0;
}

#box {
	float: right;
	width: 180px;
/*	min-height: 290px; */
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 40px 40px 0;
	padding: 10px;
	color: #000;
	font-size: 12px;
}

#bottom {
	width: 955px;
	height: 30px;
	background: url(../img/design/bottom.jpg) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

/* --------------- navi --------------- */

#navigation a:link, #navigation a:visited {
	font-size: 14px;
	color: #0099FF;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#navigation a:hover, #navigation a:active {
	font-size: 14px;
	color: #0099FF;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

#navigation span.inaktiv:link, #navigation span.inaktiv:visited {
	font-size: 14px;
	color: #0099FF;
	text-decoration: line-through;
	margin: 0;
	padding: 0;
}

#navigation span.inaktiv:hover, #navigation span.inaktiv:active {
	font-size: 14px;
	color: #0099FF;
	text-decoration: line-through;
	margin: 0;
	padding: 0;
}

/* --------------- content --------------- */

#content a:link, #content a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #0099FF;
}

#content a:hover, #content a:active {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #0099FF;
}

#content table.gb a:link, #content table.gb a:visited, #content table.gb a:hover, #content table.gb a:active {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

#content table.bilder a:link, #content table.bilder a:visited, #content table.bilder a:hover, #content table.bilder a:active {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

#content a.none:link, #content a.none:visited, #content a.none:hover, #content a.none:active {
	text-decoration: none;
	border-bottom: 0px dotted #000000;
}

#content table.bilder td {
	padding: 10px;
}

#content table.bilder img:link, #content table.bilder img:active, #content table.bilder img:visited {
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
}

#content table.bilder img:hover {
	border: 1px solid #0099FF;
	margin: 0;
	padding: 0;
}

table.gb {
	margin: 15px 0 20px 0;
}

table.error {
	border: 1px dotted #0099FF;
	margin: 0 0 20px 0;
	width: 400px;
	padding: 2px;
}

#content a.info {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}
a.info:hover {
	cursor: help;
}
a.info span {
	visibility: hidden;
	position: absolute;
	left: -99em;
	margin: 20px;
	padding: 5px;
}

a.info:active span, a.info:focus span {
	visibility: visible;
	left: 16em;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background: #000000;
}

/* --------------- box --------------- */

#box a:link, #box a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #0099FF;
}

#box a:hover, #box a:active {
	border-bottom: 1px solid #0099FF;
}

#box a.none:link, #box a.none:visited, #box a.none:hover, #box a.none:active {
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}

#box a img {
	border: 0;
}

#box input, #box textarea {
	width: 100%;
	color: #000000;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	margin: 0 0 3px 0;
}

#box input.sub {
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px dotted #0099FF;
	margin: 0 0 0 0;
	width: 100%;
}

/* ---------- Button Content ---------- */

#content button {
	width: 180px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #0099FF;
	background-color: #0099FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 0 2em 3em -2em white, inset 0 -2em 3em -2.5em black;
	-webkit-box-shadow: inset 0 2em 3em -2em white, inset 0 -2em 3em -2.5em black;
	cursor: pointer;
}

#content button img {
	height: 32px;
	width: 32px;
	border: 0;
	vertical-align: middle;
}

#content button:hover {
	background-color: #00CCFF;
}

/* ---------- Button Box ---------- */

#box a.button {
	color: #FFF;
	display: block;
	height: 20px;	
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #0099FF;
	background-color: #0099FF;
	-moz-box-shadow: inset 0 2em 3em -2em white, inset 0 -2em 3em -2.5em black;
	-webkit-box-shadow: inset 0 2em 3em -2em white, inset 0 -2em 3em -2.5em black;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}

#box a.button img {
	padding-right: 15px;

	height: 32px;
	width: 32px;
	border: 0;
}

#box a.button:hover img {
	padding-right: 15px;
	padding-top: 3px;
}

#box a.button:hover, #content button:hover {
	background-color: #00CCFF;
}

td.button {
	background:  url("../img/box/button.png") repeat-x;
}

td.button a:link, td.button a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}

td.button a:hover, td.button a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}

/* --------------- formular --------------- */

input.inp, textarea.inp {
	width: 300px;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0;
	margin: 0;
	padding: 2px;
}

/*
input.plz {
	width: 50px;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0;
	margin: 0;
	padding: 2px;
}

input.ort {
	width: 243px;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0;
	margin: 0;
	padding: 2px;
}

input.res {
	width: 198px;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	border: 1px dotted #0099FF;
	margin: 20px 0 0 0;
	padding: 2px;
}

input.sub {
	width: 198px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #000000;
	border: 1px dotted #0099FF;
	margin: 20px 0 0 0;
	padding: 2px;
}
*/

input.log {
	width: 170px;
}

ul.kat {
	list-style-image: url(../img/icons/pass.png);
}

/* ---------- Kontakt ---------- */

#fail {
	color: #CC0033;
	background-image: url(../img/icons/fail.png);
	background-repeat: no-repeat;
	background-position: left;
	border: 1px solid #CC0033;
	padding: 3px 3px 3px 50px;
}

#pass {
	color: #006600;
	background-image: url(../img/icons/pass.png);
	background-repeat: no-repeat;
	background-position: left;
	border: 1px solid #006600;
	padding: 3px 3px 3px 50px;
}

input.kontakt, textarea.kontakt {
	width: 100%;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	border: 0;
	padding: 4px;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form.anmeldung input, form.kontakt input, form.kontakt textarea, form.login input, form.uebernachtung input {
	width: 80%;
	color: #0099FF;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #333; /*0099FF*/
	background-color: #000;
	padding: 2px;
}

form.kontakt input.checkbox {
}

#calendar {
	width: 56px;
	height: 56px;
	background: url(../img/icons/calendar.png) no-repeat;
	text-align: center;
}

#calendar p {
	color: #FFF;
	font-size: 11px;
	padding-top: 7px;
}

#calendar p span {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	line-height: 11px;
}