@font-face {
    font-family: 'Godfrey';
    src: local('Godfrey Regular'), local('Godfrey-Regular'),
        url('Godfrey-Regular.woff2') format('woff2'),
        url('Godfrey-Regular.woff') format('woff'),
        url('Godfrey-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
/* General styles */
html {
  width:980px;
  margin:0px auto;
}
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  min-height:100%;
  background:#fff;
  color:#000B33;
  font-family:Godfrey,Arial,Helvetica,sans-serif;
	font-size:100%;
}

a:link { color:#0000cc; text-decoration:none; }
a:visited { color:#0000cc; text-decoration:none; }
a:link:hover { color:#0000ff; text-decoration:underline; }

h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
hr {
	border:0px;
	border-top: 1px dotted black;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}
p.clear {
  clear:both;
}
/* Header styles */
#header {
  clear:both;
  float:left;
  width:950px;
  height:230px;
  background:#e05627;
padding:15px;
}
/* column container */
.colmask {
  position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;	/* This chops off any overhanging divs */
  z-index:1;
}
/* 2 column right menu settings */
.rightmenu {
  background:#f0f0f0;
}
.rightmenu .colleft {
  float:left;
  width:200%;
  margin-left:-254px;
  position:relative;
  right:100%;
  background:#fff;
}
.rightmenu .col1wrap {
  float:left;
  width:50%;
  min-height:600px;
  position:relative;
  left:50%;
  padding-bottom:1em;
}
.rightmenu .col1 {
  margin:10px 10px 10px 264px;
  overflow:hidden;
}
.rightmenu .col2 {
  margin:0px 10px 10px 10px;
  float:right;
  width:234px;
  position:relative;
  left:254px;
}

.seitenueberschrift {
  background-color:#f0f0f0;
  padding:5px;
  font-size:125%;
  font-weight:bold;
  margin-bottom:15px;
}

.veranstaltung {
  background-color:#ffffff;
	border-top: 1px dotted black;}

.vl {
  width:260px;
}

.vr {
  width:440px;
  float:right;
}

.z1{
  padding:5px;
  font-size:125%;
}

.z2{
  padding:5px;
  font-size:115%;
}

.z3{
  padding:5px;
  font-size:100%;
}

.termin {
  font-weight: bold;
  width: 250px;
}

.ueberschrift {
  font-weight: bold;
  width: 420px;
}

.einkaufswagen {
  float:right;
  width: 20px;
}

.restaurant {
  float:right;
  width: 32px;
}

.preis {
  width: 250px;
}

.unter-ueberschrift {
  width: 430px;
}

.bild {
  width: 250px;
}

.bildcopyright {
  font-size:75%;
}

.vabild {
  width: 250px;
}

.text {
  width: 430px;
}

.bemerkungtext {
  width: 430px;
  font-weight:bold;
  color:#000077;
}

.ausverkaufttext {
  width: 430px;
  font-weight:bold;
  color:#ff0000;
}

.nichtausverkaufttext {
  width: 430px;
  font-weight:bold;
  color:#cc0000;
}

table.rahmen {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}
table.rahmen th {
	border-width: 1px;
	padding: 2px;
	border-style: dotted;
	border-color: gray;
}
table.rahmen td {
	border-width: 1px;
	padding: 2px;
	border-style: dotted;
	border-color: gray;
  vertical-align: top;
}

ul,ol {
  margin: 0;
  padding-left: 25px;
}

.aktuelles {
margin-top:8px;
padding:5px;
background-color:#ffffdd;
}

.akueber {
font-weight:bold;
font-style:italic;
font-size:120%;
}