/* $Id: frame.css, v2 2025/09/13 vogelsang $ */

body {
  float: left;
  width:98% !important;
  font-family: "Varta", sans-serif;
  color:#222;
  font-size: 115% !important;
  line-height: 1.1 !important;
 }

#search {
	display:none;
	float: right;
	height: 0em;
	width: 0%;
	position: absolute;
	top: -200px;
	right: 0;
}

#search input {
    width: 0%;
	border-style: none;
	margin-top: -200px;
	background-color: #fff;
}

#search img {
	width: 0em;
	height: 0em;
	top: -200px;
	position: absolute;
	margin: 0;
}

.navigation {
	display: none;
	color: #ffffff;
	margin: 0;
	position: absolute;
	top: -200px;
	left: 0;
	height: 0em;
	width: 0%;
	background-color: #ffffff;
	/*z-index: 200;*/
}


h1 {
  margin-left: 159px !important;
  padding-top:1em;
  margin-bottom:0.5em !important;
  /*border-bottom: 1px #555 solid;*/
  font-size: 200% !important;
  font-weight:bold;
  color:#B75910;
  width: 93%;
}

h2 {
  color:#774553;
  margin-top:0px;
  margin-left: 0px;
  padding-bottom:0px;
  padding-top: 0px;
  font-size: 100%;
  width:115%;
}

h3 {
  background-color: #555;
  color: #fff;
  padding-left: 10px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
  margin-bottom:5px;
  margin-top: 8px;
  width: 115%;
  font-size: 1em;
  float: left;
 
  }

h3 img {
	margin-right: 10px;
}

div {
  padding:0px;
  margin-top:0px;
}

a {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 0px;
  	text-decoration:none;
	color:#222;
  }

a:hover {
	width: 100% !important;
	color:#C17223
} 

#linkeSpalte {
clear:left;
	float: left;
	width: 48.3%;
	margin-right: 0%;
	border-style:none;
	margin-left: 0%;
}

#rechteSpalte {
clear:right;
	float: right;
	width: 48.3%;
	border-style:none;
	margin-left: 0%;
	margin-right: 0%;
}

.datum {
clear:left;
	font-size:100%;
	color:#666666;
	margin-right: 0.6em;
}

.time {
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	color:#000;
	margin-right: 0.6em;
}

.stadttitel {
  color:#774553;
  margin-top:1em;
  margin-left: 0px;
  padding-bottom: 0.5em;
  font-size: 120%;
  font-weight:bold; 
}

.rubrik {
	color:#774553;
	font-weight:bold;
}

.subtitle {
	
}

.detail {
	width: 70% !important;
}
.event {
	font-weight: bold;
}

.eventort {
	margin-left: 0.6em;
	font-style:italic !important;
}

.title {
clear:left;
float:left;
	width: 100%;
	font-size: 100%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: 0%;
	line-height:100%;
	}

.ort {
clear:left;
float:left;
color: #000;
padding:0px 0px 5px 0px;
line-height:100%;
}



#listpage {
  margin: -6px 12px 0px 12px;
}

#detailpage {
  margin: 0px 12px 0px 12px;
}

#shortcuts {
  float: left;
  padding: 8px 0px 8px 0px;
  width: 100%;
}

#shortcuts ul {
  padding: 0px 0px 0px 25%;
  margin: 0px 0px 0px 0px;
}

#shortcuts li {
  float: left;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 14px 0px 0px;
  font-size: 70%;
}


#content {
  padding-top:0px;
}


#common {
  padding-left: 2px;
  font-family: "Varta", sans-serif;
  width: 90%;
  color:#fff;
  border-bottom: 1px #666666 solid;
}

dl {
  margin:0px;
  padding-left:40px;
  width:90%;
  float:left;
  margin-top: 10px;
}

dt {
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  font-weight:bold;
}

dd {
 width:82%;
  margin:0px;
  padding:0px 0px 0px 0px;
}

dd.title {
clear:both;
float:left;
font-weight:bold;
padding-left:140px;
margin-top: -20px;
width:100%; 
}

dd.ext {
clear:both;
color: #000;
font-family: "Varta", sans-serif;
width:60%;
float:left;
padding-left:140px;
padding-bottom: 10px;
margin-bottom: 0px;
}

dd.ext a {
color:#000;
}

dd.dvalue {
clear:both;
  float:left;
  padding-left: 140px;
  margin-top:0px;
  margin-bottom: 1em !important;
}

.bold {
  font-weight:bold;
}

.even {
	margin-top: 5px;
clear:both;
  float:left;
}

.odd {
clear:both;
  float:left;
}

.common {
  font-weight:bold;
  color:#FFFFFF;
  background-color:#003399;
}

.subtitle {
  font-weight:bold;
  vertical-align:top;
}

td.dattname {
  font-weight:bold;
  vertical-align:top;
}

td.dattval {
  vertical-align:top;
}

.ddtext {
  font-size:80%;
}

#menu {
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 0 0 46px;
  list-style: none;
}

#menu li {
  float: left;
  margin: 0;
  padding: 0;
  font-family: "Varta", sans-serif;
}

#menu a {
  float: left;
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  color: #333;
  text-decoration: none;
  border: 1px solid #9B8748;
  border-bottom: none;
  background: #F9E9A9;
}

#menu a:hover {
  color: #333;
  padding-bottom: 5px;
  border-color: #727377;
}


#title {
width: 90%;
padding-bottom: 18px;
margin-left: -40px;
}

#title.even {
margin-top:-20px;
padding-bottom: -20px;
margin-left: -160px;
}

#subtitle {
margin-top:-45px;
padding-left:40px;
width:90%;
}

#thev {
margin-top: 0px;
padding-bottom:5px;
width:90%;
}

#begin {
padding-bottom:5px;
}

#geo {
padding-bottom:15px;
width:90%;
}

#audience {
padding-bottom:15px;
width:90%;
}


#foodregion {
padding-bottom:15px;
width:90%;
}

#coords {
width:00%;
margin-left:0px;
padding-bottom:15px;
margin-bottom: 15px;
padding-right: 20px;
}

#loc {
width:90%;
padding-bottom:15px;
}

#thloc {
width:90%;
padding-bottom:15px;
}

#address {
font:bolder;
padding-bottom:15px;
}

#detail {
width:65%;
padding-bottom:15px;
}

#detaillinks {
width:90%;
padding-bottom:15px;
}

#price {
width:90%;
padding-bottom:15px;
}

#www {
width:90%;
padding-bottom:15px;
}

#Feedback {
display:none;
width:70%;
border-top:1px #333333 solid;
padding-top: 20px;
font-size: 80%;
}

#Feedback.even {
width:89%;
margin-top:-5px;
font-size: 80%;
}

#Feedback.odd {
margin-top: 10px;
width:68%;
margin-left:0px;
}

#disclaimer {
border-top:1px #333333 solid;
padding-left: 40px;
padding-top: 10px;
font-size: 80%;
}

#disclaimer.odd {
padding-left: 40px;
font-size: 80%;
}

#disclaimer.even {
padding-left: 40px;
width: 65%;
font-size: 90%;
}

#emptyline.even {
width:70%;
}


#loginemail {
display:none;
margin-top:0px;
width:80%;
font-size: 80%;
}


/* Create Event Formular */

h1.dtitle {
width: 90%;
margin-left:20px;
}

tbody {
padding-left:20px;
}

td {
padding-left:140px;
}

label {
padding-top:20px;
width:60%;
margin-left:-80px;
}


/******************************************
*   Responsive 
******************************************/
@media only screen and (max-width:759px) {
body {
    font-family: "Varta", sans-serif !important;
	font-size: 80% !important;
}
#container {
    margin-bottom: 0px;
    margin-left: 1em;
    margin-top: 6%;
	width:95% !important;
}
#content {
    border: 0px solid #ffffff;
    padding-bottom: 0;
    padding-left: 0px;
    padding: 0px;
    margin-top: 7.4em;
    margin-left: -10% !important;
    margin-right: 0px;
    position: absolute;
    width: 80%;
}
div#content {
    width: 99% !important;
}
div {
    padding: 0px;
    margin-top: 0px;
}
select {
    background: #f2f2f2;
    border: 1px solid #ccc;
    width: 100%;
	height: 3em;
    padding-bottom: 0px;
}
klein {
    font-size: 0.8em;
    padding: 0px 0px;
    margin: 0px;
    color: #000000;
}
#eingabefeld_mit_knopf {
    padding: 0px;
    margin-bottom: 15px;
	height: 2em;
	width: 99%;
}
#adresse {
	display:block !important;
}
#adresse img {
    width: 98%;
    margin-bottom: 10px;
}
#resultate {
	display:block !important;
	position: relative;
	margin-top: 48em;
	margin-left: 0em !important;
	width: 100% !important;
}
#linkeSpalte {
    width: 99% !important;
}
#rechteSpalte {
    width: 99% !important;
  }
#menu {
 	display:block !important;
	background-color: #ffffff;
    width: 99% !important;
	margin-bottom: 3em !important
}
#menu img {
 	width: 70% !important;
	height: auto;
}
#disclaimer.even {
    padding-left: 40px !important;
	margin-left: 2em;
    width: 90% !important;
    font-size: 90% !important;
	margin-bottom: 5em !important;
}
dd {
    width: 92% !important;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
#Feedback.odd {
    margin-top: 10px;
    width: 90%;
    margin-left: 0px;
}
#Feedback {
    display: none;
    width: 99%;
    border-top: 1px #333333 solid;
    padding-top: 20px;
    font-size: 80%;
}
#title {
    width: 110% !important;
    padding-bottom: 18px;
    margin-left: -40px;
}
h1 {
    width: 99% !important;
}
h2 {
	margin-top:1em;
    width: 100% !important;
}
h6 {
    font-family: "Varta", sans-serif;
	font-size: 1.4em;
	font-weight: bold;
    color: #FF0000;
    padding: 0px 0px 0px 0px;
    margin-top: 3%;
    margin-bottom: 20px;
    width: 80%;
}
a {
    display: block;
    color: #68adc3;
    float: left;
    width: 90%;
    margin-bottom: 0px;
    text-decoration: none;
}

}
@media only screen and (max-width:759px) {
h3 {
    background-color: #555;
    color: #fff;
    padding-left: 53px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 8px;
    width: 85%;
    font-size: 1em;
    float: left;
}}