@charset "UTF-8";
/* style.css -- utf-8 -- ÄÖÜäöü */
body{
	font-family:century gothic, sans-serif;
	background-color: #000000;
	margin:0;
	padding:10px;
	width:1024px;
	-moz-tab-size: 4;	 	/* Code for Firefox */
	-o-tab-size: 4;         /* Code for Opera 10.6-12.1 */
	tab-size: 4;
}

#header{
/*height: 150 px;*/
width:100%;
background-color: black;
text-align: center;
margin-bottom:15px;
}

#banner01 {
	border:0;
}

#left{
min-width:200px;
width: 25%;
height: 500px;
float: left;
background-color: #000000;
}

#main{
padding-left:10px;
display: inline-block;
width:750px; 
min-height: 500px;
background-color: #000000;
color:#FFFFFF;
padding-bottom:10px;
margin-bottom:30px;
}

#home {
	text-align: left;
}

.empfehlung {
	font-size: 90%;
	text-decoration: none;
}

.home {
	width: 100%;
	border: 0;
}

div:empty {
	display: none;
}

.gbdetail {
	width: 99%;
	background-color: #400000;
	border:1px solid #808080;
	
	border-radius:8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	padding: 4px;
	margin-bottom: 10px;
}	

.gbsender img {
    border: none;
}

.gbmeta {
	position: relative;
/*	background-color: #450000; */
	border-bottom: 1px solid #502525;
	padding: 2px;
}

.gbsender {
	position: relative; 
	height: 36px;
	border-bottom: 1px solid #502525;
	padding: 2px;
	vertical-align: middle;
}

.gbsubject {
	font-weight: bolder;
	padding: 2px;
}

.gbtext  {
	margin: 3px;
	margin-left: 15px;
	overflow: auto;
	border: 1px solid #808080;
	border-radius: 8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	padding: 4px;
	color: #FFFFFF;
	word-wrap: break-word; 
	white-space: pre-wrap; 

}

.gbimgupload {
	overflow: auto;
	text-align: right;
	padding: 3px;
	padding-right: 5px;
}

.gbimgupload  img, .gbpreview  img {
	float: left; 
	width:220px;
	border:1px solid #808080;
	border-radius: 8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	
	margin:5px;
	margin-left:15px;
	padding:5px;
	background-color:#457045;
}


.gbtext > img {
	float: left; 
	width: 220px;
	margin: 10px;
}	

.gbcomment {
	padding: 2px;
	margin: 3px;
	margin-left: 30px;
	border-radius:8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	padding: 4px;
	background-color: #502525;
	color: #EEEE90;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.gbbutton {
	padding: 4px;
	margin-top: 10px;
	padding-top:10px;
	min-height: 2em;
	vertical-align: middle;
	
	position: relative;
}

.gbright {
	/*border: 1px solid #FFFFFF;*/
	position: absolute;
	display:inline-block;
	/*width:100px;*/
	right:4px;
}

.gbedit, .gbpreview {
	position: relative;
	width: 99%;
	background-color: #104010;
	border:1px solid #808080;
	
	border-radius:8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	padding: 4px;
	margin-bottom: 10px;
}

.gbedit > div {
	background-color: #205020;
	min-height:40px;
	vertical-align: middle;
	border:1px solid #406040;
}

.gbedit p {
	margin-bottom: 2px;	
}

.array {
	word-wrap: break-word;
	white-space: pre-wrap;
}

input[type=submit] {
	border-radius:10px; 
    -moz-border-radius:10px;    /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px;  /* Konqueror */
	background-color: #303070;
	color: #FFFFFF;
	height:30px;
	border: 3px ridge #303050;
	font-size: 100%;
	cursor: pointer;
    padding:2px;
}

a:link { font-weight:normal; color:white; text-decoration:none; }
a:visited { font-weight:normal; color:#faebd7; text-decoration:none; }
a:focus { font-weight:bold; color:white; text-decoration:underline; }
a:hover { font-weight:bold; color:white; text-decoration:none; }
a:active { font-weight:bold; color:white; text-decoration:underline; }

a.aktiv { font-weight:800; color:#FF8830; }

a.textlink {text-decoration:underline; color:lightblue;}
a.ohne {text-decoration:none;}

a.submenu { text-decoration:none; color:#4040FF; }
a.submenu:focus{ font-weight:normal; color:#FF0000;}
a.submenu:hover{ font-weight:normal; color:#FF0000; text-decoration:underline;}

a.linkbutton {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#303070;
    border:1px solid #999;
    color:#FFFFFF;	
	height:30px;
    cursor:pointer;
    padding:2px;
	border: 3px ridge #303050;
	font-size: 100%;
    text-decoration:none;
}

a.linkbutton:hover {
    text-decoration:none;
	font-weight:normal;
}



/*
input[type=submit] :hover {
	border: 3px ridge #606090;
}
*/
/*gilt auch für FILE-upload*/
.gbedit  Input[type=file]{
	border-radius:8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	background-color: #457045;
	border:1px solid #A0A0A0;
	font-size: 100%;	
	position: absolute; 
	margin-top:5px; 
	margin-bottom:10px; 	
	height:30px;
	right: 10px;
	width: 480px;
}

/*zum Rückgängigmachen der allgemeinen Einstellung*/
.gbedit input[type=text] {
	height:22px;
	width:600px;
	position: absolute;
	right: 8px;
	font-size:100%;
	background-color:#FFFFFF;
}

.gbedit textarea {
	border:8px;
	width:710px;
	height:200px;
	border-radius:8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */
	background-color: #457045;
	border:1px solid #A0A0A0;
	font-family: monospace;
	font-size: 100%;
	color:#FFFFFF;
}

/*
.gbemail, .gbhome {
	padding: 10px;
	margin:5px;
	border-radius:8px; 
    -moz-border-radius:8px;    	
    -webkit-border-radius:8px; 		
    -khtml-border-radius:8px;  	
	border:1px solid #A0A0A0;
}
*/

.gbcomment textarea {
	width:695px;
}
	
.orig_1 {
	text-align:center;
	color:#FF2020;
}

.hinweis {
	color:#20FF80;
	font-size:180%;
}

#menu{
	border:1px dotted #FFFFFF;

	border-radius:8px; 
    -moz-border-radius:8px;    /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px;  /* Konqueror */

	margin:5px;
	margin-top:15px;
	min-width:200px;
	background-color:#151535;
	font-size:95%;
}

#footer{
	clear:both;
	margin:0px;
	margin-top:2px;
	padding-top:2px;
	position:fixed;
	background-color:#000000;
	z-index:7;
	width:1024px;
	bottom:0px;
}

.footer{
	border:0px;
	border-top:1px dotted #FFFFFF;
	border-collapse:collapse;
	margin:0px;
	width:100%;
	text-align:center;
}

#footer td{
	text-align:center;
	width:20%;
	color:#FFFFFF;
}

h3.news{
	margin-bottom:6px;
}

hr{
	height:1px;
	border:0.5px dotted #FFFFFF;
	margin-top:4px;
	margin-bottom:2px;
}



.btn2{
	width:25px;
	height:25px;
	padding:0;
	border:0;
}	

.btn2 img{
	width:25px;
	height:25px;
	padding:0;
	border:0;
}	



@media print{
	#left{
		display:none;
	}
	
	#main{
		width:100%;
	}
	
	#footer{
		display:none;
	}
}

#orig1{
	text-align:center;
	color:red;
}

h1{
	font-size:160%;
}

h2{
	font-size:140%;
}	

h3{
	font-size:120%;
}	

table.userlist{
	background-color:#707030;
	border-collapse:collapse;
	border:1px solid #505030;
}

.userlist th{
	padding-left:6px;
	padding-right:6px;
}

.userlist tr{
	margin-bottom:1px;
	border:1px;
	margin-bottom:1px;
}

.userlist tr:nth-child(odd){
	background-color:#609060;
}

.userlist tr:nth-child(even){
	background-color:#407540;
}

.userlist td{
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #505030;
}

	
input[type=submit].manage{
	background-color:#B04040;
	color:#FFFF00;
	font-weight:bold;
}

h2.shadow{
	
}

.vertical-linklist {
list-style-type: none;
list-style-position: outside;
width: 300px;
font-size: 12pt;
line-height: 20pt;
padding-left: 10px;
padding-right: 10px;
}


p.backlink{
	clear:both;
}

.nodisplay{
	display:none;
}


table.images{
	margin:auto;
	width:98%;
	border-collapse:collapse;
	border:none;
}

.images td{
	width:33%;
	text-align:center;
}

table.offers
{
    /*table-layout:fixed;*/
	margin:auto;
	width:98%;
	border-collapse:collapse;
	border:1px solid white;
	
}



.offers th
{
	font-size:85%;
	font-weight:bold;
	border:1px solid white;
	text-align:left;
	padding:2px;
}

.offers td
{
	font-size:85%;
	font-weight:normal;
	padding:4px;
	border:1px solid white;
}


table.events
{
    /*table-layout:fixed;*/
	margin:auto;
	width:96%;
	border-collapse:collapse;
	border:1px solid white;
	
}

.events th
{
	border:1px solid white;
	text-align:left;
	padding:4px;
}

.events td
{
	padding:4px;
	border:1px solid white;
}


#meldung{
background-color:red;
color:yellow;
}

.partner{
float: left;
width: 150px;
height: 200px;
background-color: #ffffaa;
border: 1px solid #ff0000;
margin: 10px;
}

.unterkunft{
float: left;
width: 150px;
height: 200px;
background-color: yellow;
border: 1px solid #ff0000;
margin: 10px;
}

.anfahrt{
float: left;
width: 150px;
height: 200px;
background-color: black;
border: 1px solid #ff0000;
margin: 10px;
}

td{
   padding:5pt;
}

hr{
	color:#FF0000;
	height:1px;
	/*border:1px solid red;*/
}

@media print{
	#footer{
		display:none;
	}
}

@font-face 
{ 
	font-family:century gothic;
	src:url(/fonts/gothic.ttf); 
}


#imprint{
	margin:auto;
	text-align:center;
}
#approachmap{
	display:block;
	margin: 0 auto;
	margin-bottom:0;
	width:638px;
	height:525px;
	border:0;
	
}
div.approach{
    margin-top:2px;
	margin-bottom:5px;
	font-size:small;
    text-align:center;	
}

img.inline{
	background-color:#153515;
	border:2px groove grey;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-Bottom:20px;
}

.home img.inline {
	margin-bottom:4px;
}

.actual {
	padding:5px;
	text-align:center;
	width: 100%;
	Overflow: auto;
}

.actual p {
	margin-top:0px;
}	

#phone {
	text-align: left;
	vertical-align: top;
}
.gallery
{
	float:left;
}

dl.imgLeft {
	float:left;
	display:inline-block;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:10px;
	background-color:#153515;
	border:2px groove grey;
    width:300px;
	height:350px;
	overflow:hidden;
}

dl.thumb{
	width:220px;
	height:240px;
}

dl.imgLeft dt {	
	width:280px;
	padding:10px;
}

dl.thumb dt{
	width:200px;
}
	

dt img{
	max-height:160px;
	max-width:100%;
	
	margin:auto;
	border:1px solid #FFFFFF;
}

dl.imgLeft dd {
	margin-left:5px;
	margin-bottom:2px; 
}

dl.imgLeft dd.right {
	text-align:right;
	margin-right:5px;
}

dl.imgLeft dd.right a{
	color:#7070FF;
}

dl.imgLeft dd:nth-child(3) {
	font-size:80%;
}

dl.imgLeft dd:nth-child(4) {
	font-size:80%;
}

div .thumb {
	border-radius:5px; 
    -moz-border-radius:5px;    /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px;  /* Konqueror */
/*	box-shadow:8px 8px 8px #666; */
}




.test{
	color:black;
	font-size:1pt;
}	

p.dialog{
	font-family:sans-serif;
	margin-top:5px;
	Margin-Bottom:5px;
}
.dialog input{
	width:580px;
	background-color:#70FFFF;
}

.dialog input[disabled=disabled]{
	background-color:#556555;
	color:white;
}

.dialog input[message=error]{
	background-color:#FFA0A0;
}


.dialog textarea{
	width:580px;
	height:220px;
	font-family:monospace;
	background-color:#70FFFF;
}	

.dialog textarea[disabled=disabled]{
	background-color:#556555;
	color:white;
}

.dialog textarea[message=error]{
	background-color:#FFA0A0;
}

.caption{
	display:inline-block;
	width:160px;
}

.textfeld{
	display:block;
	width:45em;
	min-height:5em;
	white-space:pre-wrap;
	font-family:courier new, monospace;
	border:1px solid #707070;
	margin-bottom:5px;
	padding:3px;
	background-color:#303030;
}	

.hint {
    font-size:95%;
	color:#FFFF50;
}

.smallhint{
	color:#505050;
	font-size: 8pt;
}

.smallhint:hover {
	color: #FFFFFF;
}

.gbinfo {
	padding:10px;
	margin:5px;
	margin-top:15px;
	border: 1px solid #707070;
	color:#8080A0;
	font-size: 8pt;
	border-radius:5px; 
    -moz-border-radius:5px;    /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px;  /* Konqueror */
	background-color: #903030;
}

.gbinfo:hover {
	color: #FFFFFF;
}

.warning {
	color: #FF2020;
	font-size:120%;
	white-space:pre-wrap;
}