* {
  margin:0;
  padding:0;
}

html, body {
  height: 100%;
}

html {
  background: url(bg_html.jpg) fixed;
  color:#000000;
}

body {
  font-size: 12pt;
  line-height:16pt;
  font-family: Arial,Helvetica,sans-serif;
  height:100%;
  text-align:center;
}

div#desktop {
  height:100%;
  width:100%;
}

.kleinertext {
  font-size: 9pt;
  line-height:10pt;
}

img {
  border:0;
}

img.links {
  float: left;
  margin-right:10px;
}
img.rechts {
  float: right;
  margin-left:10px;
}

img.menu {
  padding-left:5px;
}

img.kapitelmitbild {
  float:left;
  margin-right:10px;
}

div.kapitelmitbild {
  clear:left;
  margin-bottom:20px;
}

div#linkzummenu {
/* Dieses Div enth�lt den Link, mit dem sich das Men� �berspringen l�sst (f�r Screenreader) und soll f�r alle anderen unsichtbar sein */
  position:absolute;
  top:0;
  left:-1000px;
}

div#nurprinttitelzeile {
  display:none;
}


div#main {
  position:relative;
  background:#FFFACD url("top.jpg") no-repeat;
  color:#000000;
  width:800px;
  padding-top:228px;
  margin:auto;
  text-align:left;
}
div#menu {
  position:absolute;
  top:165px;
  left:0px;
  width:800px;
  height:63px;
}

div.menu_start {
  background:url("bg_start.png") repeat-x;
}
div.menu_angebote {
  background:url("bg_angebote.png") repeat-x;
}
div.menu_infos {
  background:url("bg_infos.png") repeat-x;
}
div.menu_buchung {
  background:url("bg_buchung.png") repeat-x;
}
div.menu_teamer {
  background:url("bg_teamer.png") repeat-x;
}
div.menu_intern {
  background:url("bg_login.png") repeat-x;
}

div#menuzeile {
  font-size: 10pt;
  margin-left:20px;
}
div#loginzeile {
  position:absolute;
  top:43px;
  right:10px;
  margin-right:10px;
  font-size: 10pt;
  text-align:right;
  color:#FFFFFF;
  background-color:transparent;
  font-weight:bold;
}

div#inhalt {
  padding:10px 10px 10px 50px;
  color:#000080;
  background:url(hg_text.png) 0px 0px repeat-y transparent;
  height:100%;
}
div#fusszeile {
  position:relative;
  background: transparent; /* url(bg_html.jpg) fixed */
  font-size: 10pt;
  text-align:center;
}

div.inhalt_start {
  border:2px solid #009A9F;
}
div.inhalt_angebote {
  border:2px solid #EA5506;
}
div.inhalt_infos {
  border:2px solid #2762BA;
}
div.inhalt_buchung {
  border:2px solid #B92636;
}
div.inhalt_teamer {
  border:2px solid #3EBA26;
}
div.inhalt_intern {
  border:2px solid #F8B602;
}

h1 {
  color:#000080;
  background:transparent;
  font-size:18pt;
  padding-top:9pt;
  padding-bottom:9pt;
}
h2 {
  color:#000080;
  background:transparent;
  font-size:13pt;
  font-weight:bold;
  padding:0;
  margin:5px 0;
}
h2.rund {
  background:#FFE57D;
}
span.h2rund {
  padding-left:1ex;
  /* innerhalb von h2.rund benutzt da bei einem padding im h2.rund der abgerundete balken verschoben wuerde */
}

h3 {
  color:#000080;
  background:transparent;
  font-size:12pt;
  font-weight:bold;
  padding:5px 0px;
}
p {
  padding-bottom:5px;
  margin-bottom:5px;
}

div.hervorgehoben {
  background:#FFE57D;
  margin-bottom: 5px;
}

p.hervorgehoben {
  font-style: italic;
  padding:0 10px;
}


ul {
  margin-left: 20px;
}

p.form_fehler {
  clear:both;
  margin-left:225px;
  color:red;
}

a, a:link, a:visited, a:active, a:hover {
  background:transparent;
  color:#000080;
  text-decoration: none;
  border:0;
  outline: none;
  cursor: pointer;
}

a.pfeil, a.pfeil:link, a.pfeil:visited, a.pfeil:active
{
  background:url(pfeil.gif) 0px 5px no-repeat transparent;
  padding-left:8px;
  color: #0000FF;
  text-decoration: none;
}
a.pfeil:hover, a.pfeil#linktotop:hover
{
  text-decoration: underline;
  background-color: #FFE57D; /* #FADD90; */
  color: #0000FF;
}
a.pfeil#linktotop
{
  background:url(pfeil.gif) 0px 3px no-repeat transparent;
  font-size: 10pt;
}
/* Loginzeile */
form#loginform
{
  margin-top:-2px;
}

input.loginzeile {
  font-size:8pt;
  height:13px;
  width:80px;
}
/* Loginzeile Ende */

a.menuzeile, a.menuzeile:link, a.menuzeile:visited, a.menuzeile:active, input.loginzeilesubmit {
  background:url(pfeil.gif) 0px 4px no-repeat transparent;
  padding-left:8px;
  text-decoration: none;
  color:#FFFFFF;
  border:0;
  font-weight:bold;
}
a.menuzeile:hover, input.loginzeilesubmit:hover
{
  text-decoration: underline;
  background-color: #FFF7C4;
  color: #000080;
  border:0;
}


table.freizeitinfos
{
  width:100%;
  border:1px solid #000080;
  border-collapse:collapse;
}

td, th
{
  text-align:left;
  padding:2px;
}
td
{
  font-weight:normal;
}
th
{
  font-weight:bold;
}

td.td0, th.th0
{
  color:#000080;
  background-color:#B6D3FF; /* #C1D2EC */
}

td.td1, th.th1
{
  color:#000080;
  background-color:#FFE57D; /* #FADD90 */
}

th.th0, th.th1
{
  border:1px solid #000080;
  border-right:0px;
}
td.td0, td.td1
{
  border:1px solid #000080;
  border-left:0px;
}

div.bilderleiste
{
  background:#FFE57D;
  float:right;
  width:260px;
  margin:0 5px 20px 20px;
}
p.bilderleiste {
  margin-left:10px;
}
img.bilderleiste
{
  float:right;
  margin:5px 10px 5px 0;
}

p.bilduntertitel
{
  text-align:center;
  font-size: 8pt;
  margin-bottom:0;
  line-height: 10pt;
}

.grau
{
  color: #808080;
  background: transparent;
}

.rot
{
  color: #FF0000;
  background: transparent;
  font-weight:bold;
}



/* Buchungsformular */
form#buchung {
  line-height: 150%;
}
fieldset {
  width: 710px;
  font-weight:normal;
  border: 1px solid #000080;
  margin: 1em 0 0 0;
  padding: 0 0 1em 0.5em;
  display:block;
}

legend {
  color:#000080;
  background:transparent;
  font-weight:bold;
}

span.pflichtangabe {
  color:#FF0000;
  background:transparent;
}

label.links {
  float: left;
  text-align: right;
  width: 220px;
  margin-right: .3em;
}
input[type=text].buchung,input[type=password].buchung, select.buchung, textarea.buchung {
  float: left;
  margin-top:4px;
  width:320px;
}
input.rechts {
  float: left;
  width: auto;
  clear: both;
  margin-left: 230px;
  margin-right: 10px;
}
input[type=checkbox].rechts, input[type=radio].rechts, input[type=submit].rechts {
  margin-left: 12.5em;
  /* kompensiert Anzeigefehler in Mozilla */
}
form br {
  clear: both;
}
form div br {
  clear: none;
}


label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  cursor: pointer;
}
input, textarea {
  border: 1px #CCC solid;
  color: #000;
  background-color:#FFF8B3; /* #FFFACD */
}
input[type=radio] {
  border: 1px #FFB solid;
}
input:focus, textarea:focus {
  border: 1px #000080 solid;
  color: #000;
  background-color:#FFF;
}

input.submitbutton {
  margin: 1em 0 0 225px;
  padding:4px 6px 4px 8px;
  color: #FFF;
  background: #000080;
  border-color:#44A #003 #003 #44A;
  font-weight:bold;
}
input[type=button] {
  margin: 1em 0 0 1em;
  padding:4px 6px 4px 8px;
  color: #FFF;
  background: #000080;
  border-color:#44A #003 #003 #44A;
  font-weight:bold;
}
input.submitbutton:hover, input[type=button]:hover {
  padding:5px 5px 3px 9px;
  color: #FFF;
  background: #0000A0;
  border-color:#003 #44A #44A #003;
  font-weight:bold;
}
input.fehler, input.fehler:focus {
  border: 2px #F00 solid;
}
div.formwhlabel0,div.formwhlabel1 {
  position:absolute;
  top:0;
  left:-10em;
}
div>.formwhlabel0,div>.formwhlabel1 {
  /* wird vom IE nicht interpretiert */
  left:0;
}
div.formwhlabel0 {
  color: #000;
  background-color:#FFA;
}
div.formwhlabel1 {
  color: #000;
  background-color:#FFC;
}
div.formwhinhalt0,div.formwhinhalt1 {
  position:relative;
  padding-left:10em;
  font-family: monospace;
  font-weight:bold;
}
div.formwhinhalt0 {
  color: #060;
  background:#FFA;
}
div.formwhinhalt1 {
  color: #060;
  background:#FFC;
}
hr.buchungstrenner {
  margin:18px 10% 18px 10%;
  height:1px;
  border:0;
  color:#000080;
  background:#000080;
}

div.freizeitauswahl {
  width:344px;
  height:90px;
  margin:4px 8px 4px 0;
  padding-top:5px;
  border:1px dashed #000080;
  float:left;
  font-size:11pt;
  line-height:16px;
  background: #FFF8B3;
}

div.freizeitauswahl img {
  float:left;
  margin-right:5px;
}

/* Form Ende */


/* TABS */
div.tabs {
        position: relative;
        width: 100%;
        height: 30px;
         border-bottom: 1px solid #000080;
        width: 720px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
div.tabs ul.tabs {
        margin: 0;
        padding: 0 0 0 10px;
        position: absolute;
        bottom: -1px;
        width: 720px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
div.tabs ul.tabs li  {
        display: inline;
        list-style: none;
}
div.tabs ul.tabs li a,div.tabs ul.tabs li span {
        width: 170px;
        display: block;
        float: left;
        margin: 1px 0 0 0;
        text-align: center;
        text-decoration: none;
        border-bottom: none;
         height:26px;
         padding-top:4px;
}
div.tabs ul.tabs li span.aktuell {
         position:relative;
         top:-1px;
         margin-bottom:-1px;
        border: 2px solid #000080;
         border-bottom: 1px solid #FFFACD;
         border-left: 0;
        background: #FFFACD;
         color:#000080;
         font-weight:bold;
}
div.tabs ul.tabs li span.gesperrt {
        border: 1px solid #808080;
         border-bottom: 1px solid #000080;
         border-left: 0;
        background: #FFFACD;
         color:#808080;
}
div.tabs ul.tabs li a {
        border: 1px solid #000080;
         border-left: 0;
        background: #FFF8B3;
         color:#000080;
}
div.tabs ul.tabs li a:hover {
        border: 1px solid #000080;
         border-left: 0;
        background: #FADD90;
         color:#000080;
}
/* TABS Ende */

/* Slimbox */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 100px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* Slimbox Ende */

/* Nifty corners */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

@media print {
	.rtop,.rbottom{display: none}
}
/* Nifty corners Ende */

/* Statusboard - Änderungen auch in admin/betreuerverw/statusboard.php! */

div#statusboard {
  font-size: 11pt;
  line-height:14pt;
  font-family: Arial,Helvetica,sans-serif;
  background-color:#003385;
  color:#FFFFFF;
  border:10px solid #002766;
}
div#statusboard h2 {
  padding:10px 0 0 75px;
  color:#FFFFFF;
  font-size:120%;
}
div#statusboard p {
  background: no-repeat 5px 6px #2062CB;
  color:#FFFFFF;
  margin:15px 0;
  padding:4px 5px 4px 75px;
  border:0;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}
div#statusboard p a {
  color:white;
}