﻿/*============== a) body =======================================================
==============================================================================*/
html, body{
	margin: 0;
	padding: 0;
	text-align: center;
}
body{
	background: #fff url(../images/bg_body.gif) left top no-repeat;
	font-family: arial, verdana, helvetic, sans-serif;
	font-size: 100.01%;
}
#wrapper{
	position: absolute;
	width: 1000px;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	border:  px #870000 solid;
}
/*==============================================================================
================ b) head =======================================================
==============================================================================*/
#head{
	background:  url(../images/bg_head.gif) left top no-repeat;
	position: relative;
	width: 1000px;
	top: 0px;
	height: 239px;
	border:  px #000 solid;
}
#nav{
	position: absolute;
	width: 400px;
	top: 0px;
	right: 0px;
	height: 30px;
	border:  px dotted #870000;
	z-index: 100;
}
/*==============================================================================
================ c) maincontent ================================================
==============================================================================*/
#maincontent{
	background: #fff url(../images/bg_main.gif) top repeat-y;
	position: relative;
	top: 0px;
	width: 1000px;
	border: 1px solid #fff;
}
#middle{
	position: relative;
	margin: 0 220 20 200px;
	border-right:  1px solid #5C5C5C;
	border-left:  1px solid #5C5C5C;
}
#middle_wide{
	position: relative;
	margin: 0 0 20 200px;
	border-left:  0px solid #5C5C5C;
}
#left{
	float: left;
	width: 180px;
	margin-top: 0px;
	padding-top: 0px;
	border:  0px dotted #FF0000;
}
#right{
	float: right;
	width: 200px;
	font-family: arial, verdana, helvetic, sans-serif;
	margin: 0px;
	padding-top: 30px;
	border:   px dotted #FF00E0;
}
.box{
	position: relative;
	margin: 0px 10px 0px 10px;
	border: 0px solid #000;
}
.lbox{
	position: relative;
	margin: 200px 0px 0px 0px;
	border: 0px purple dotted;
}
#Countdown{
	color: #C33100;
	font-size: 11px;
	font-style: bold;
	text-align: center;
}
#book{
	position: relative;
	margin: 0px 0px 0px 100px;
	border: 1px solid #fff; /*Damit Hintergrund angezeigt wird. Warum auch immer??*/
}
/*==============================================================================
================ d) footer =====================================================
==============================================================================*/
#footer{
	position: relative;
	clear: both;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #888888;
}
/*==============================================================================
================ e) title ======================================================
==============================================================================*/
h1{                          /*Titel der Seite*/
	font-size: 14px;
	color: #C33100;
	font-weight: bold;
	margin:  30 20 0 20px;
	padding: 5 0 5 5px;
	text-align: left;
	border-top: 1px solid #5C5C5C;
	border-bottom: 1px solid #5C5C5C;
}
h2{                        /*Titel fÃ¼r Haupttext*/
	background: #EAEAEA;
	font-size: 12px;
	color: #C33100;
	text-align: left;
	font-weight: normal;
	margin: 0 20 0 20px;
	padding: 0 0 0 5px;
	border-top: 1px solid #000;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
}
h4{                        /*Zentrierter Titel fÃ¼r Haupttext ohne Rahmen*/
	font-size: 12px;
	color: #C33100;
	text-align: center;
	font-weight: bold;
	padding: 0 0 0 5px;
}
h3{
	background: url(../images/bg_h2.gif) center top no-repeat;
	height: 20px;
	font-size: 11px;
	color: #343434;
	text-align: center;
	font-weight: bold;
	padding: 3 0 0 0px;
	margin: 0 0 5 0px;
}
.lbox h3{
	background: ;
	height: 20px;
	font-size: 11px;
	color: #C33100;
	text-align: center;
	font-weight: bold;
	padding: 3 0 0 3px;
	margin: 0 2 0 0px;
}
/*==============================================================================
================ f) text ======================================================
==============================================================================*/
#maincontent p{
font-size: 13px;
color: #2E2E2E;
line-height: 1.3em;
text-align: justify;
padding: 0 20 0 20px;
}
#middle p{
font-size: 13px;
color: #2E2E2E;
line-height: 1.3em;
text-align: left;
padding: 0 20 0 20px;
}
#middle_wide p{
font-size: 13px;
color: #2E2E2E;
line-height: 1.3em;
text-align: left;
padding-top: 0px;
padding-right:  20px;
padding-bottom: 20px;
padding-left:   40px;
}
#right p{
font-size: 11px;
color: #2E2E2E;
line-height: 1.2em;
text-align: left;
padding: 0px 10px 0px 10px;
}

#footer p{
font-size: 11px;
color: #2E2E2E;
text-align: left;
padding: 0px;
margin: 0px;
}
#sponsoren p, #termine p, #ontour p, #foto p{
text-align: center;
padding-top:     0px;
padding-right:  40px;
padding-bottom: 20px;
padding-left:   20px;
}
.lbox p{
font-size: 10px;
color: #2E2E2E;
line-height: 1.2em;
text-align: left;
padding: 0 10 10 10px;
}
a {
color: #C33100;
font-size: 12px;
text-decoration: none;
}
/*==============================================================================
================ g) tabellen ===================================================
==============================================================================*/
#kontakt table{
        background: ;
        border: px solid #B8B8B8;
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
}
#kontakt th{
        background-color: ;
        width: 80px;
        color: #005AE1;
        text-align: left;
        font-weight: bold;
        padding: 5 20 5 10px;
        border-right: px solid #B8B8B8;
        border-left: px solid #B8B8B8;
}
#kontakt td {
         padding: 5 40 5 10px;
         vertical-align: center;
         color: #585858;
         border-right: px solid #B8B8B8;
         border-left: px solid #B8B8B8;
}
.kontaktbg{
         background-color: #E8E8E8;
         padding: 5 40 5 10px;
         vertical-align: center;
         color: #585858;
         border-right: px solid #B8B8B8;
         border-left: px solid #B8B8B8;
}

/*===================*/
#termine table{
        border: 1px solid #B8B8B8;
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
}
#termine caption{
        font-size: 18px;
        color: #00690E;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
}
#termine th{
        width: 100px;
        background: #248700;
        color:#000;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border-right: 1px solid #B8B8B8;
        border-left: 1px solid #B8B8B8;
}
#termine td{
         width: 100px;
         padding: 10 20 10 10px;
         vertical-align: center;
         color: #2E2E2E;
         font-size: 12px;
         border-right: 1px solid #B8B8B8;
         border-left: 1px solid #B8B8B8;
}
.termine_dark{
        width: 100px;
        background: #EAEAEA;
}
.right{
        text-align: right;
}
/*===================*/
#intern table{
        border: ;
        border-collapse: separate;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
}
#intern th{
        width: 100px;
        background: #248700;
        color:#000;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border-right: ;
        border-left: ;
}
#intern td{
         width: 200px;
         padding: 10px;
         text-align: center;
         color: #2E2E2E;
         font-size: 12px;
         border-right: ;
         border-left: ;
}
/*===================*/
#ontour{
        background: url(../images/bg_table_ontour.jpg) no-repeat;
        border: px solid #585858;
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        width: 550px;
}
#ontour caption{
        font-size: 15px;
        font-weight: bold;
        color: #00690E;
        padding-bottom: 20px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
}
#ontour th{
        background: url(../images/bg_tablehead_ontour.jpg) left top no-repeat;
        color:#000;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border-top: 1px solid #585858;
        border-right: 1px solid #585858;
        border-bottom: 1px solid #585858;
        border-left: 1px solid #585858;
}
#ontour td {
        padding: 10px;
        vertical-align: center;
        text-align: center;
        color: #000000;
        border-right: 1px solid #585858;
        border-left: 1px solid #585858;
        border-bottom: 1px dotted #585858;
}
.ontour_right{
        text-align: right;
        padding: 10 10 10 0px;
}
/*===================*/
#sponsoren table{
        background: ;
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
}
#sponsoren caption{
        font-size: 18px;
        color: #872200;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
}
#sponsoren th {
        background: ;
        color:#2E2E2E;
        text-align: center;
        font-weight: bold;
        padding: px;
}
#sponsoren td {
        text-align: center;
        border-top: 1px #287C8C solid;
}
.sponsoren_left {
        text-align: left;
        border-top: 1px #000 solid;
}
.sponsoren_right {
        text-align: right;
        border-top: 1px #000 solid;
}
#sponsoren a {
        text-decoration: ;
        text-transform: uppercase;
}
/*===================*/
#register table{
background: ;
border-collapse: collapse;
margin-top: 160px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#register td{
width: 150px;
height: 113px;
border: 1px solid #870000;
}
#register img{
width: 100%;
height: 100%;
display: block;
}
#register a:hover .normal{
position: absolute;
top: 0px;
left: 50px;
width: 80%;
height: 80%;
z-index: 100;
}
/*===================*/
#fasnachtsdaten table{
        border: 1px solid #B8B8B8;
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
}
#fasnachtsdaten caption{
        font-size: 18px;
        color: #00690E;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
}
#fasnachtsdaten th{
        background: #248700;
        color:#000;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border-right: 1px solid #B8B8B8;
        border-left: 1px solid #B8B8B8;
}
#fasnachtsdaten td{
        padding: 10 20 10 10px;
        vertical-align: center;
        color: #2E2E2E;
        font-size: 12px;
        border-right: 1px solid #B8B8B8;
        border-left: 1px solid #B8B8B8;
}
.fasnachtsdaten_dark{
        background: #EAEAEA;
}
/*===================*/
.allgemein table{
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 13px;
        margin-left: 30px;
        margin-right: 70px;
}
.allgemein td{
        padding: 5 5 5 10px;
        vertical-align: top;
        color: #2E2E2E;
        font-size: 12px;
}
/*====================*/
#touren table{
        border: 1px solid #B8B8B8;
        border-collapse: collapse;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
}
#touren caption{
        font-size: 18px;
        color: #00690E;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
}
#touren th{
        width: 100px;
        background: #FFFF66;
        color:#000;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border-right: 1px solid #B8B8B8;
        border-left: 1px solid #B8B8B8;
}
#touren td{
         width: 100px;
         padding: 10 20 10 10px;
         vertical-align: center;
         color: #2E2E2E;
         font-size: 14px;
         text-align: center;
         border-right: 1px solid #B8B8B8;
         border-left: 1px solid #B8B8B8;
}
.touren_dark{
        width: 100px;
        background: #EAEAEA;
}
.right{
        text-align: right;
}

/*==============================================================================
================ h) formular ===================================================
==============================================================================*/
form{
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 11px;
        font-weight: normal;
}
input{
        background: #fff;
        font-family: arial, verdana, helvetic, sans-serif;
        font-size: 11px;
        color: #C33100;
}
/*==============================================================================
================ i) zoom ======================================================
==============================================================================*/
a:hover .zoom {
        filter='()';
}
a:link .zoom {
        width : 400px;
        height : 300px;
        z-index: 1000;
}
a:hover .zoom {
        position: absolute;
        width: 800px;
        top:  -30px;
        left: -40px;
        height: 600px;
}
/*==============================================================================
================ k) imgs ======================================================
==============================================================================*/
#logo{
background: #343434;
position: absolute;
top: 30px;
width: 100%;
height: 400px;
left: 50%;
margin-left: -50%;
}
#logo a{
position: absolute;
top: 500px;
width: 100%;
height: 100px;
left: 50%;
margin-left: -50%;
color: #fff;
font: Bauhaus 93;
font-size: 60px;
text-decoration: none;
}
/*==============================================================================
================ l) liste =====================================================
==============================================================================*/
.list{
width: 500px;
padding: 0px;
margin-right: auto;
margin-left: auto;
}
.list ul{
list-style-type: disc;
margin: 0px;
padding: 0px;
}
.list li{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
font-size: 13px;
color: #2E2E2E;
text-align: left;
}
/*===============================================================================
================ m) newsticker=================================================
==============================================================================*/
#newsticker{
background: #;
position: absolute;
width: 60%;
top: 50px;
left: 50%;
margin-left: -30%;
height: 30px;
font-size: 15px;
font-style: uppercase;
color: #FFBF00;
font-weight: bold;
border: px solid #C39C00;
z-index: 100;
}