/* General styles */
/* crimson-pro-200 - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/crimson-pro-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-200.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-regular - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/crimson-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-regular.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-600 - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/crimson-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-600.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-800 - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/crimson-pro-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-800.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-200italic - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/crimson-pro-v13-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-200italic.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-italic - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/crimson-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-italic.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-600italic - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/crimson-pro-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-600italic.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}
/* crimson-pro-800italic - latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/crimson-pro-v13-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/crimson-pro-v13-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/crimson-pro-v13-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/crimson-pro-v13-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/crimson-pro-v13-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/crimson-pro-v13-latin-800italic.svg#CrimsonPro') format('svg'); /* Legacy iOS */
}

html { 
  width:880px;
  height:100%;
  margin:0px auto;
  background-color: #ffffff;
}

body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  height:100%;
  background:#fff;
  color:#333333;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
}

a:link { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:link:hover { color:#333333; 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:100%;
  height:190px;
  /* background-image:url(FotoElbeforum.jpg); */
padding-top:20px;
}
/* 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 */
  min-height:100%;
  overflow:hidden;	/* This chops off any overhanging divs */
  z-index:1;
}
/* 2 column right menu settings */
.rightmenu {
  background:#ffffff;
}
.rightmenu .colleft {
  float:left;
  width:200%;
  margin-left:0px;
  position:relative;
  right:100%;
  background:#fff;
}
.rightmenu .col1wrap {
  float:left;
  width:50%;
  min-height:100%;
  height:auto !important;
  height:100%;  
  position:relative;
  left:50%;
}
.rightmenu .col1 {
  margin:10px 0px 50px 0px;
  overflow:hidden;
}
.rightmenu .col2 {
  margin:0px 0px 0px 0px;
  float:right;
  width:234px;
  position:relative;
  left:254px;
}

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

.veranstaltung {
  background-color:#ffffff;
}

.vl {
  width:250px; 
}

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

.z1{
  padding-bottom:5px;
  font-size:115%;
  color:#00798c;
}

.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;
}

.vuntena{
  padding-bottom:5px;
  font-size:100%;
  color:#00798c;
}

.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;
}

.anmelden {
  float:right;
  width: auto;
}

.anmeldebutton {
  margin:6px;
  padding:3px;
  border-radius: 6px;
  background: #00798c;
  display:box;
  float:right;
}

a.anmeldebutton:link { font-size:120%; color:#ffffff; text-decoration:none; }
a.anmeldebutton:visited { font-size:120%; color:#ffffff; text-decoration:none; }
a.anmeldebutton:link:hover { font-size:120%; color:#ff0000; text-decoration:none; }
a.anmeldebutton:visited:hover { font-size:120%; color:#ff0000; text-decoration:none; }

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%;
}

#nav {
  position:relative;
  width:100%;
  margin:0 auto;
  margin-top:10px;
  padding:10px;
}

ul#navigation {
  width:100%;
  margin:0px auto;
  padding: 0px;
  position:relative;
  float:left;
  font-size:1em;
  font-weight:600;
  background: #ffffff;
}

ul#navigation li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
  position:relative;
}

ul#navigation li a {
  padding:10px 12px;
  color:#00798c;
  text-decoration:none;
  display:inline-block;
}

ul#navigation li a:hover {
  text-decoration:none;
  color:#00798c;
}

ul#navigation li:hover > a {
  background: #f5f5f5;
  text-decoration:none;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
  visibility:visible;
  opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
  list-style: none;
  margin: 0;
  padding: 0;    
  visibility:hidden;
  position: absolute;
  z-index: 99999;
  width:260px;
  background:#ffffff;
  box-shadow:1px 1px 1px #ccc;
  opacity:0;
  font-weight:400;
}

ul#navigation ul {
left: 0px;
}

ul#navigation ul li ul {
  top: 0;
  left: 254px;
  background:#ffffff;
}

ul#navigation ul li {
  clear:both;
  width:100%;
  border:0 none;
  border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {
  background:none;
  padding:10px 15px;
  color:#00798c;
  text-decoration:none;
  display:inline-block;
  border:0 none;
  float:left;
  clear:both;
  width:230px;
}

ul#navigation li a.first {
  border-left: 0 none;
}

ul#navigation li a.last {
  border-right: 0 none;
}
#navigation ul { display: none; }
#navigation li:hover ul { display: block; }

ul#navigation li.navi1 { border-left:5px solid #EB640F; }
ul#navigation li.navi2 { border-left:5px solid #64B9E6; }
ul#navigation li.navi3 { border-left:5px solid #7D5AA5; }
ul#navigation li.navi4 { border-left:5px solid #AFC805; }
ul#navigation li.navi5 { border-left:5px solid #FF000F; }
ul#navigation li.navi6 { border-left:5px solid #D29BAA; }

form#suche input {
  margin-left:15px;
  margin-top:12px;
}
form#suche button {
  border:0px;
  background:transparent;
  color:#fff;
  font-size:1.2em;
}
#footer {
  clear:both;
  position:fixed;
  right:calc(50% - 440px);
  bottom:0;
  width:auto;
  height:40px;
  padding:10px;
  background: #ffffff;
  font-size:1em;
  font-weight:600;
}
#footer a {
  color:#00798c;
  text-decoration:none;
  display:inline-block;
}
.kasten { border:1px solid #cbd1e1; margin:0px; padding:5px; background-color:#eeeeee; }
.kastenw { border:1px solid #cbd1e1; margin:0px; padding:5px; background-color:#ffffff; }
.kastenr { border:1px solid #ff8080; margin:0px; padding:5px; background-color:#ffd5d6; }
a.navi:visited { color:#000000; text-decoration:none; }
a.navi:link:hover { color:#000000; text-decoration:none; }
td.navigation { border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #000000; border-right:1px solid #000000; padding:2px; margin:0px; text-align:center; background-color:#eeeeee; } 
td.navigationactive { border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-top:1px solid #000000; border-left:1px solid #000000; padding-left:3px; padding-top:3px; padding-right:1px; padding-bottom:1px; margin:0px; text-align:center; background-color:#eeeeee; cursor:hand; }