body{
	color: #000000;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	/*background-image: url(css_winter09/hg_pix.gif);*/
	background-color:#dae07e;
	}
#zentrieren {
	height: 540px;
	text-align: center;
	padding-top: 136px;
	text-align: left;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(css_sommer/hg_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 10px;
}

#hgbox {
	text-align: center;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-top: 5%;
}
.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.background_1 {
	text-align: center;

}
.background {
	text-align: right;
	vertical-align: top;
}
.fuss {
	margin:0px auto;
}
.boldwhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF}
.bold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #990000}
.boldblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}

a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000;; text-decoration: none}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; text-decoration: none;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; text-decoration: none;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000;; text-decoration: none}

a.smallink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000;; text-decoration: none}
a.smallink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: underline;}
a.smallink:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: underline;}
a.smallink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000;; text-decoration: none}

/* formulardefinitionen */
.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #D6E6EF;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	background-color: #C0DAE6	}
	
.navihg {
	background-image: url(css_sommer/navi_hg.gif);
	background-repeat: no-repeat;
}

.logobox_head {
	background-image: url(css_sommer/christiania.gif);
	background-repeat: no-repeat;
}
.sprachbox_head {
	background-image: url(css_beach/kopflinie.gif);
	background-repeat: no-repeat;
}
.hg_table {
	background-color: #006600;
}
.hgtable {
	background-color: #006600;
	border: 1px solid #006600;
}

#box {
	background-color: #006600;
	border: 1px solid #006600;
	height: 600px;
	width: 800px;
	text-align: center;
	vertical-align: middle;
}
.Stil1 {	color: #990000;
	font-weight: bold;
}
hr {
	border-top: solid #990000 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 1px;
}

/* Footer mit Copyright Box*/
#footer {background-color:#fff;width:778px;padding:0 0 4px 0; border-top: 1px solid #CCC;}
#footer img {margin: 3px 4px 0 0;}
#footer, #footer a{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	text-align: right;
	}
	
/* iFrame fuer Einbinden der Event- und Angebote Seite*/
iframe {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;
	padding:0px;
}

.frame {background-color: #FFF;}


/* Abschnitt neues Design */


/* Navigation */

#navi {height: 280px;padding-top: 10px;}
#navi ul {padding: 3px 0 0 0;margin:0;list-style-image: none;}
#navi li {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	margin: 0 0 0 17px;
	padding: 3px 0 2px 4px;	
	list-style-image: none;
	line-height:1.3em;
}
#navi a {display:block;}
#navi li:hover { background-color:#f3f9a4;}

/* Webberbox auf der Startseite */
#wetterbox {
	float: right;
	margin-top: 6px;
	height: 165px;
}	
.SWISSWeatherWidget10 {
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
/*Überschriften (Heute, Morgen)*/
.SWISSWeatherWidget10 p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	background-color: #CCCC99;
	text-align: center;
}
/*Texte (Temperatur, Sonnenscheindauer) */
.SWISSWeatherWidget10 span {
	font-size: 9px;
	width: 50px;
	text-align: center;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;*/
}

#ur {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	float:left;
	height: 20px;
	background-image: url(images_d/div/uhr.gif);
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 25px;
	background-repeat: no-repeat;
}
#datum {
	margin: 0 2px 0 0;
	padding: 2px 4px 0 4px;
	float:left;
	font-size: 12px;
	height: 18px;
	color: #999;
}
#datumuhr {
	border: 1px solid #CCC;
	height: 20px;
	}

/* Quicktime */

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}


.adresse_front p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: bold;	
	}
.adresse_front h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #990000;
	}

/* Feedback Formular */
.feedback_form { font-size:10px; }
.feedback_form input, .feedback_form textarea {margin:1px 0 1px 0;padding-left:3px;font-size:10px; border: 1px solid #f9c281;}
.evaluation {font-size:10px;}
.evaluation .beschreibung {
	font-size:11px;
	color: #c16731;
	font-weight: bold;
	padding:5px 0;
}
.evaluation input { border:none; }
.evaluation .beschreibung td {padding: 10px 0 0 0;}
.evaluation .beschreibungsmall td {
	padding: 10px 0 0 0;
	font-size: 9px;
	font-weight: normal;
	color: #c16731;
}
.1zeile {width:350px;}
table.evaluation  { border:2px solid #f9c281;margin:5px 0 5px 0;padding:0 0 2px 5px;}
.evaluation td {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f9c281;
}
table p {margin:0px 0 6px 0; padding:0;}


table {font-size: 11px;background-color:#FFF;}
ul {
	margin: 0 0 0 4px;
	padding:0 0 0 15px;
	list-style-type: none;
	list-style-image: url(images_d/div/pfeil.gif);
}
.frame img {border:none;}




/* Tooltip */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-19px; left:0; width:99%;
    border:1px solid #CC0;
    background-color:#fff; color:#000;
    text-align: center;
	}