@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #0a84c1;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:8pt;
}
img,
a img {
	border: 0;
}
.floatleft {
	float: left;
	margin: 0 10px 10px 0;
}
.floatright {
	float: right;
	margin: 0 0 10px 10px;
}
.clear,
.clearblue {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}
/*.clearblue {
	background: #94c4dc;
}*/

/* Links
----------------------------------------------- */
a,
a:visited {
	color: #000;
	outline: none;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.sidebox a,
.sidebox a:visited {
	color: #555;
	outline: none;
	text-decoration: none;
}
.sidebox a:hover {
	color: #555;
	text-decoration: underline;
}

.sidebox2 a,
.sidebox2 a:visited {
	color: #555;
	outline: none;
	text-decoration: none;
}
.sidebox2 a:hover {
	color: #555;
	text-decoration: underline;
}
.linkTab{
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	display:block;
	color:#0872a5;
}
.linkTab:hover{
	text-decoration: underline;
	color:#0872a5;
}

/* Typo
----------------------------------------------- */
h1, h2, h3, h4 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h2 {
	background: url(gfx/bg_h-verlauf.jpg) no-repeat bottom left;
	color: #0a84c1;
	padding: 0 0 8px 0;
}
.wide {
	background: #0872a5 url(gfx/bg_wide.gif) no-repeat 0 0;
	height: 25px;
	padding: 7px 0 0 18px;
	text-align:left;
}
.medium {
	background: #0872a5 url(gfx/bg_medium.gif) no-repeat 0 0;
	height: 25px;
	padding: 7px 0 0 15px;
}
.small {
	background: #0872a5 url(gfx/bg_small.gif) no-repeat 0 0;
	height: 22px;
	margin: 0 0 5px 0;
	padding: 6px 0 0 9px;
}
p, address, blockquote {
	margin: .5em 0;
}
address {
	font-style: normal;
}
#content ul {
	margin: 3px 0 1em 30px;
}
#content ul li {
	padding: 0 0 2px 0;
	list-style: disc;
}

/* Layout
-----------------------------------------------*/
#wrapper {
	background: #60afd7 url(gfx/bg_wrapper.gif) no-repeat bottom left;
	margin: 0 auto;
	padding: 0 0 5px 0;
	text-align: left;
	width: 970px;
}

#wrapper:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#wrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html #wrapper {height: 1%;}
#wrapper {display: block;}
/* End hide from IE-mac */
#header {
	background: #0a84c1 url(gfx/bg_header.gif) no-repeat bottom left;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	height: 70px;
	margin: 0;
	padding: 0;
	width: 970px;
}

#header_popup {
	background: #0a84c1 url(gfx/bg_header_popup.gif) no-repeat bottom left;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	height: 70px;
	margin: 0;
	padding: 0;
	width: 580px;
}


.logo {
	margin: 18px 0 0 22px;
}
#left_row {
	background: #c9e4f2 url(gfx/bg_left_row.gif) no-repeat bottom left;
	color: #0a5598;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	font-size: 11px;
	margin: 0 0 0 5px;
	padding: 0 0 5px 0;
	width: 680px;
}

#left_row_popup {
	background: #c9e4f2 url(gfx/bg_left_row_popup.gif) no-repeat bottom left;
	color: #0a5598;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	font-size: 11px;
	margin: 0 0 0 5px;
	padding: 0 0 5px 0;
	width: 570px;
}

#left_content {
	background: #fff url(gfx/bg_content_left.gif) no-repeat 0 0;
	color: #0a5598;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	font-size: 11px;
	margin: 0 5px;
	padding: 0;
	width: 670px;
	text-align:left;
}
#left_inner {
	background: url(gfx/bg_left_inner.gif) no-repeat bottom left;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 650px;
}
.formular {
	background: url(gfx/bg_verlauf.jpg) no-repeat bottom left;
	color: #555;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	margin: 0 0 7px 0;
	padding: 20px 12px;
	width: 626px;
	text-align:left;
}
.box {
	background: url(gfx/bg_box.gif) repeat-y 0 0;
	color: #555;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	margin: 0;
	padding: 0 12px;
	width: 626px;
}
.box_top,
.box_bottom {
	background: url(gfx/bg_box_top.gif) no-repeat 0 0;
	float: left;
	height: 13px;
	margin: 7px 0 0 0;
	padding: 0;
	width: 650px;
}
.box_bottom {
	background: url(gfx/bg_box_bottom.gif) no-repeat bottom left;
	margin: 0 0 7px 0;
}
.texte {
	background: url(gfx/bg_text.gif) no-repeat 0 0;
	color: #0a5598;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 650px;
	text-align:left;
}
.texte_inner {
	background: url(gfx/bg_verlauf.gif) no-repeat bottom left;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	margin: 0;
	padding: 20px 0;
	width: 650px;
	text-align:left;
}
.textbox {
	float: left;
	display: inline; /*IE6 doppelter margin*/
	margin: 0;
	padding: 0px 12px 0px 5px;
	width: 300px;
}

.textbox_big {
	float: left;
	display: inline; /*IE6 doppelter margin*/
	margin: 0;
	padding: 0 12px;
	width: 620px;
}

#right_row {
	background: #c9e4f2 url(gfx/bg_right_row.gif) no-repeat bottom left;
	color: #0a5598;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	font-size: 11px;
	margin: 0 5px 0 10px;
	padding: 0 0 5px 0;
	width: 270px;
}
p.sparbild {
	margin: 0;
	padding: 6px;
}
p.sparbild img {
	border: 1px solid #a9d4ea;
}
.sidebox1,
.sidebox {
	background: #fff url(gfx/bg_sidebox.gif) no-repeat bottom left;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	margin: 7px 5px 0 5px;
	padding: 0;
	width: 260px;
	text-align:left;
}
.sidebox1 {
	margin-top: 0;
}
#footer {
	color: #fff;
	display: inline; /*IE6 doppelter margin*/
	float: left;
	font-size: 10px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}
#footer ul {
	margin: 10px auto;
	padding: 0;
	text-align: center;
	width: 970px;
}
#footer ul li {
	border-left: 1px solid #60afd7;
	display: inline;
	list-style: none;
	padding: 0 10px;
}
#footer ul li.f01 {
	border: none;
}
#footer ul li a,
#footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Tabellen
-----------------------------------------------*/
.angebote {
	color: #555;
	font-size: 10px;
	margin: 0 1px 7px 9px;
	width: 250px;
	text-align:left;
}
.ort {
	width: 85px;
}
.preis {
	width: 40px;
}
.td_text {
	padding: 8px 0 0 0;
}
td {
	font-size:8pt;
}
.angebote td{
	font-size:7pt;
}
/* Formulare
-----------------------------------------------*/
form p {
	clear: both;
	margin: 0 0 11px 0;
	padding: 0;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
label {
	display: block;
	float: left;
	margin: 0px 10px 0px 0;
	width: 155px;
	font-size:8pt;
}
select {
	background: white;
	border: 1px solid #555;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
select.xl {
	width: 220px;
}
select.month {
	width: 60px;
}
select.day {
	width: 45px;
}
select.year {
	width: 65px;
}
select.hour,
select.min {
	width: 48px;
}
.formtab {
	margin: 0 0 12px 0;
}
.rdo,
.cbk,
.cbktext {
	height: 22px;
	margin: 0;
	padding: 0;
	width: 20px;
}
.cbktext {
	width: 175px;
}
.block {
	float: left;
	padding: 0;
	width: 350px;
}
.button,
.button_orange,
.button_gruen {
	background: #0875ac url(gfx/bg_blau.gif) repeat-x 0 0;
	border: 1px solid #0875ac;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0px 8px;
	text-align: center;
}
.button_orange {
	background: #ffa601 url(gfx/bg_orange.gif) repeat-x 0 0;
	border: 1px solid #ffa601;
}
.button_gruen {
	background: #3da207 url(gfx/bg_gruen.gif) repeat-x 0 0;
	border: 1px solid #3da207;
}

/* Navigationen
-----------------------------------------------*/
#navi {
    float: left;
    font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 5px;
	line-height: normal;
	padding: 0;
    width: 670px;
}
#navi ul {
	margin: 0;
	list-style: none;
	padding: 10px 10px 0 0;
}
#navi li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navi a,
#navi a:visited {
	background: url(gfx/tableft.gif) no-repeat 0 0;
	float: left;
	margin: 0 3px 0 0;
	padding: 0 0 0 8px;
	text-decoration: none;
}
#navi a span,
#navi a:visited span {
	background: url(gfx/tabright.gif) no-repeat right top;
	color: #0872a5;
	display: block;
	float: left;
	padding: 5px 25px 4px 16px;
}
/* IE5-Mac hack \*/
#navi a span,
#navi a:visited span {float: none;}
/* Ende IE5-Mac hack */
#navi a:hover span {
	color: #0872a5;
}
#navi a.active,
#navi a:visited.active,
#navi a:hover.active {
	background-position: left -70px;
	color: #fff;
}
#navi a.active span,
#navi a:visited.active span,
#navi a:hover.active span {
	background-position: right -70px;
	color: #fff;
}
#navi a:hover {
	background-position: left -35px;
}
#navi a:hover span {
	background-position: right -35px;
}
#tabs1 {
	background: url(gfx/bg_tabs1.gif) repeat-x 0 42px;
	float: left;
	font-size: 12px;
	width: 100%;
	line-height: normal;
}
#tabs1 ul {
	margin: 0;
	list-style: none;
	width: 100%;
}
#tabs1 li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs1 a.gute1,
#tabs1 a.gute2,
#tabs1 a.beste1,
#tabs1 a.beste2 {
	background: url(gfx/tableft1.gif) no-repeat 0% -50px;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#tabs1 a.gute1 {
	background-position: 0% -60px;
	border-bottom: 1px solid #d9eaf6;
}
#tabs1 a.gute2 {
	background-position: 0% -55px;
	border-bottom: 1px solid #94c4dc;
}
#tabs1 a.beste1 {
	background-position: 0% -5px;
	border-bottom: 1px solid #cbddfb;
}
#tabs1 a.beste2 {
	background-position: 0% top;
	border-bottom: 1px solid #94c4dc;
}
#tabs1 a.gute1 span,
#tabs1 a.gute2 span,
#tabs1 a.beste1 span,
#tabs1 a.beste2 span {
	background: url(gfx/tabright1.gif) no-repeat right top;
	color: #0872a5;
	display: block;
	float: left;
	height: 28px;
	padding: 10px 15px 4px 6px;
}
/* verstecken vor IE5-Mac \*/
#tabs1 a span {float:none;}
/* Ende IE5-Mac hack */
#tabs1 a:hover span {
	color: #555;
}
#tabs1 a.gute1 span {
	background-position: 100% -60px;
}
#tabs1 a.gute2 span {
	background-position: 100% -55px;
}
#tabs1 a.beste1 span {
	background-position: right -5px;
}
#tabs1 a.beste2 span {
	background-position: right top;
}
#rahmen {
	border: 1px solid #94c4dc;
	border-top: none;
	float: left;
}
#tabs2 ul,
#tabs3 ul {
	background: #cbddfb;
	border-bottom: 1px solid #94c4dc;
	color: #0872a5;
	float: left;
	margin: 0;
	padding: 11px 0 0 0;
	/* von 625 auf 623 pixel f�r den ie6 ge�ndert */
	width: 623px;
}
#tabs3 ul {
	background: #d9eaf6;
}
#tabs2 ul li,
#tabs3 ul li {
	display: inline;
}
#tabs2 ul li a,
#tabs3 ul li a {
	color: #0872a5;
	float: left;
	padding: 0.2em 1em;
	text-decoration: none;
}
#tabs2 ul li a:hover,
#tabs3 ul li a:hover {
	color: #555;
}
#tabs2 ul li a.active,
#tabs3 ul li a.active {
	font-weight: bold;
}
#tabs2 ul li span {
	color: #888;
	float: left;
	padding: 0.2em 1em;
	text-decoration: none;
}

/* Buchungsformular
-----------------------------------------------*/
.formHead {
background-color:#eeeeee;
border-bottom:1px solid #e6e6e6;
padding:4px 0px 5px 10px;
color:#0a5598;
font-family:verdana,arial;
font-size:10pt;
}
.formInnen {
margin-top:1px;
background-color:#f6f6f6;
padding:10px 5px 5px 7px;
}
.formRahmen {
margin-bottom:10px;
border:2px solid #eeeeee;
padding:1px 1px 1px 1px;
}