html{
   margin:0;
   padding:0;
   }

body{
   background-color:#f5f5f5;
   color:#38257d;
   font-size:83.01%;
   line-height:1.25%;
   font-family: helvetica,geneva,arial,sans-serif;
   width:100%;
   padding:86px 0 0 0;
   margin:0;
   }

a{
   font-weight: bold;
   }

a:link{
   color: #8b0000;
   text-decoration: none;
   }

a:visited{
   color: #db3800;
   text-decoration: none;
   }

a:hover{
   color: #8b0000;
   text-decoration: underline;
   }

#leiste-blau{
   background-color:#38257d;
   background-image:url(../images/ringe_blau.gif);
   height:27px;
   width:100%;
   }

#leiste-orange{
   position:fixed;
   bottom:0;
   left:0;
   background-color:#ff9933;
   background-image:url(../images/ringe_orange.gif);
   height:27px;
   width:100%;
   }

#header{
   display:none;
   }

#kopfgrafik{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   margin:17px 0 0 0;
   padding:0;
   border:none;
   }

#container{
   width:100%;
   }

#navi01{
   position:absolute;
   top:152px;
   left:0;
   width:25%;
   margin:0;
   padding:0;
   }

#navi01 ul{
   margin:0 16px 0 0;
   padding:0;
   border-bottom:1px solid #ff9933;
   }

#navi01 li{
   list-style-image:none;
   font-size:1em;
   font-weight:bold;
   line-height:1.7;
   padding:0;
   margin:0;
   }

#navi01 li a{
   display:block;
   text-decoration:none;
   padding:1px 1px 1px 6px;
   border-top:1px solid #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li a:link,
#navi01 li a:visited{
   background-color:transparent;
   color:#382570;
   padding:1px 1px 1px 6px;
   border-top:1px solid #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li a:active,
#navi01 li a:hover,
#navi01 li a:focus{
   background-color:#ff9933;
   color:#382570;
   padding:1px 1px 1px 6px;
   border-top:1px solid #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li a.current{
   background-color:#E6E6FA;
   color:#382570;
   padding:1px 1px 1px 6px;
   border-top:1px solid #ff9933;
   border-left:10px solid transparent;
   }

#navi01 ul ul{
   margin:0;
   padding:0;
   border-bottom:none;
   }

#navi01 li li{
   list-style-image:none;
   line-height:1.5;
   }

#navi01 li li a{
   background-color:transparent;
   color:#382570;
   padding:1px 1px 1px 1.5em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li li a:link,
#navi01 li li a:visited{
   background-color:transparent;
   color:#382570;
   padding:1px 1px 1px 1.5em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li li a:active,
#navi01 li li a:hover,
#navi01 li li a:focus{
   background-color:#ff9933;
   color:#382570;
   padding:1px 1px 1px 1.5em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li li a.current{
   background-color:#E6E6FA;
   color:#382570;
   padding:1px 1px 1px 1.5em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 ul ul ul{
   margin:0;
   padding:0;
   border-bottom:none;
   }

#navi01 li li li{
   list-style-image:none;
   line-height:1.3;
   }

#navi01 li li li a{
   background-color:transparent;
   color:#382570;
   padding:1px 1px 1px 3em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li li li a:link,
#navi01 li li li a:visited{
   background-color:transparent;
   color:#382570;
   padding:1px 1px 1px 3em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li li li a:active,
#navi01 li li li a:hover,
#navi01 li li li a:focus{
   background-color:#ff9933;
   color:#382570;
   padding:1px 1px 1px 3em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi01 li li li a.current{
   background-color:#E6E6FA;
   color:#382570;
   padding:1px 1px 1px 3em;
   border-top:1px dotted #ff9933;
   border-left:10px solid transparent;
   }

#navi2{
   position:absolute;
   top:72px;
   right:0;
   width:60%;
   margin:0 0 0 40%;
   padding:0;
   text-align:right;
   z-index:5;
   }

#navi2 ul{
   font-size:0.8em;
   font-weight:normal;
   line-height:14px;
   margin:0 0 0 40%;
   padding:0;
   }

#navi2 li{
   display:inline;
   list-style-image:none;
   padding:2px 3px 0 6px;
   margin:0;
   border-left:2px #ff9933 solid;
   }

#navi2 li a{
   text-decoration:none;
   }

#navi2 li a:link,
#navi2 li a:visited{
   text-decoration:none;
   color:#38257d;
   font-weight:normal;
   }

#navi2 li a:active,
#navi2 li a:hover,
#navi2 li a:focus{
   color:#ff9933;
   text-decoration:underline;
   font-weight:normal;
   }

#navi2 li a.aktiv{
   background-color:#ff9933;
   font-weight:normal;
   }

#inhalt{
   padding:32px 10% 35px 25%;
   }

#inhalt2,
#inhalt2nb{
   padding:32px 7% 35px 25%;
   }

#inhalt3
{
   padding:32px 3px 35px 25%;
   }

#inhalt h1,
#inhalt2 h1,
#inhalt2nb h1,
#inhalt3 h1{
   font-size:1.4em;
   line-height:1.1;
   margin:0 0 8px 0;
   padding:0;
   }

#inhalt h2,
#inhalt2 h2,
#inhalt2nb h2,
#inhalt3 h2 {
   font-size:1.2em;
   line-height:1.1;
   margin:16px 0 7px 0;
   padding:0;
   }

#inhalt h3,
#inhalt2 h3,
#inhalt2nb h3,
#inhalt3 h3 {
   font-size:1.1em;
   line-height:1.2;
   margin:13px 0 5px 0;
   padding:0;
   }

#inhalt p,
#inhalt2 p,
#inhalt2nb p,
#inhalt3 p,
#inhalt3 ul,
#inhalt ul,
#inhalt2 ul,
#inhalt2nb ul,
#inhalt3 ul,
#inhalt ol,
#inhalt2 ol,
#inhalt2nb ol,
#inhalt3 ol{
   font-size:1em;
   font-weight:normal;
   line-height:1.25;
   padding:0 0 9px 0;
   margin:0;
   }

#inhalt li,
#inhalt2 li,
#inhalt2nb li,
#inhalt3 li{
   font-size:1em;
   font-weight:normal;
   line-height:1.25;
   padding:0 0 2px 0;
   margin:0 0 0 18px;
   }

#inhalt img,
#inhalt2 img,
#inhalt2nb img{
   margin:3px 12px 0 0;
   padding:0;
   }

#inhalt img,
#inhalt2 img{
   border:1px solid #ff9933;
   }

#inhalt2nb img, #inhalt3 {
   border:none;
   }

#inhalt table{
   width:100%;
   }

#inhalt td,
#inhalt th{
   border-bottom:0;
   border-left:0;
   border-right:0;
   font-size:1em;
   line-height:1.25;
   text-align:left;
   margin:0;
   padding:0;
   }

.spezial{              /* Klasse für spezielle Einträge */
   margin:0;
   padding:0;
   }

.fllinks {
   float:left;
   padding:0px;
   margin:14px 14px 0px 0px;
   }

.flrechts {
   float:right;
   padding:0px;
   margin:14px 0px 0px 14px;
   }

.floatLeft {
   float:left;
   padding:0px;
   margin:1px 12px 0px 0px;
   }

.floatRight {
   float:right;
   padding:0px;
   margin:1px 0px 0px 12px;
   }

.flLeft {
   float:left;
   padding:0px;
   margin:14px 14px 0px 0px;
   }

.flRight {
   float:right;
   padding:0px;
   margin:14px 0px 0px 14px;
   }

/* Button für PDF-Download */
#mplink {
   margin:12px 0 18px 0;
	}

a.pdf {
   text-decoration:none;
   }

a.pdf:link,
a.pdf:visited{
   background-color:#4935AD;
   color:#fff;
   padding:3px;
   border:2px outset #4935AD;
   }

a.pdf:hover,
a.pdf:focus{
   background-color:#4935AD;
   color:#fff8dc;
   padding:3px;
   border:2px outset #4935AD;
   }

a.pdf:active{
   background-color:#4935AD;
   color:#fff8dc;
   padding:3px;
   border:2px inset #4935AD;
   }


#rSpalte{        /* Formatierung f�r Hinweisspalte rechts */
   float:right;
   background-color:#ffd1a8;
   color:#382570;
   margin:6px 0 0 3%;
   padding:0 8px 12px 11px;
   width:32%;
   }

#inhalt3 #rSpalte{        /* Background f�r rechte Spalte Bilderseiten */
   float:right;
   background-color:#f5f5f5;
   color:#382570;
   margin:2px 0 0 500px;
   padding:0px 8px 12px 11px;
   width:auto;

   }

#rSpalte h2{        /* Raum �ber Titel Hinweisspalte rechts*/
   margin-top:10px;
   line-height:1.1;
   }

#rSpalte h3{        /* Raum �ber Titel Hinweisspalte rechts*/
   margin-top:10px;
   line-height:1.1;
   }

#inhalt3 #rSpalte h3{
   padding-top:0;
   margin-top:0;
   }

#spalte2{          /* Formatierung f�r 2spaltigen Inhalt */
   float:left;
   background-color:transparent;
   color:#382570;
   margin:0 0 0 12px;
   padding:1px 8px 12px 11px;
   width:50%;
   }

/*  F�r Modul 2-Spalter */

.content {
   font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
   }

.content .linkespalte {
   width: 46%;
   float: left;
   }

.content .rechtespalte {
   width: 46%;
   margin-left: 40px;
   margin-top: 0;
   float: left;
   }



/* hcard */

div.vcard {
   font-style:normal;
}

div.vcard p {
   padding:0 20px;
}

div.vcard .fn {
   padding:10px 20px;
}

div.vcard .adr {
   padding:0 0 10px 0;
}

/* Ende hcard */


/* hassoGalerie */


#hassoGallery {
   margin-left: 50px;
   padding: 0;
   font-size: medium ;


}


#hassoNav {
   display: block;
   text-align:left;

}

#hassoNav ul {
   display: block;
   text-align:left;
   list-style: none;
   margin-left: 0.5em;
   font-size: small ;
   line-height: normal;
   margin-top: 2px;
   margin-bottom: 2px;
}

#hassoNav a {
   display: block;
}

#hassoNav a:hover {
   display: block;
   background-color:silver;
}

#hassoNav #active {
   display: block;
   background-color:silver;

}

#hassoThumbs {
   float: left;
   padding: 0;
   width: 370px;
   margin: 0px;
   border:1px dashed  #bfbfbf;
   font: bold 14px verdana ,  sans-serif;
   background-color: #e5e5e5;
   text-align: center;

}

#hassoThumbs .hassoThumb {
   float: left;
   margin: 10px 5px 10px 5px;
   border:0;
   height: 110px;
   width: 110px;
   text-align: center;
   vertical-align:middle;

}

#hassoThumbs .hassoThumb a {
   border:0;

}

#hassoThumbs .hassoThumb a img {
   border:0;

}


#hassoPic {
   text-align:center;
   padding: 5px;
   width: 360px;
   margin: 0px;
   border:1px dashed  #bfbfbf;
   font: bold 14px verdana ,  sans-serif;
   background-color: #e5e5e5;
}


#hassoPic .hassoTitle {
   font-style:oblique;
   text-align:left;

}

#hassoPic .hassoDescription {
   text-align:left;
}

#hassoPic img {
   border: 0px;
   margin: 0px;
}


#hassoPrevNextNav {
   display: block;
   font-size: small ;
   width: 370px;
   margin:0;
   padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
   float: left;

}


#hassoPrevNextNav #hassoNextPic{
   float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
   text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
   text-align:right;

}

/* Ende hasso */




#button {
   font-size:1em;
   font-weight:bold;
   font-family:arial, verdana, helvetica, sans-serif;
   color:#C04040;
   border: 0;
   background:#fff;
   text-decoration:none;
}

fieldset{
   margin-top:6px;
   padding-top:8px;
   border:1px solid #38257d;
   }

.forminfo{
   margin-bottom:12px;
   color:#f00;
   line-height:1.15;
   }

.formblock{
   }

.formblock input{
   background-color:#ffd1a8;
   border:none;
   padding:0 2px 0 2px;
   }

.formheadline{
   background-color:#f5f5f5;
   font-weight:bold;
   padding-top:8px;
   }

label{
   width:15em;
   line-height:1.15;
   }

.submitbutton{
   margin-top:8px;
   }

#form-module-thanks{
   margin-bottom:14px;
   color:#f00;
   line-height:1.15;
   }

.bilder-link                /* f�r šbersicht Bilderseiten */
   {  border-top:1px solid #ff9933;
   	margin: 0;
      padding-top: 6px;
      line-height:1.15;
      clear:left;
      }

.bilder-link img
   {  padding-bottom: 4px;
      }

.bilder-link a
   {  font-weight:bold;
      text-decoration:none;
      }

.bilder-link a:hover,
.bilder-link a:focus
   {  text-decoration:underline;
      }

.tlinie
	{	border-top:1px solid #ff9933;
      clear:left;
		margin-top:4px;
		padding-top:4px;
		}

.flLeft
   {  float:left;
      margin:4px 14px 6px 0;
      padding:0 0 6px 0;
      }

.flRight
   {  float:right;
      margin:4px 0 6px 14px;
      padding:0;
      }





/*
  šberschrift linksb�ndung, gross
  Fusszeile rechtsb�nding, kleiner
  alternierende Zeilen,
  erste Spalte Fett,
  zweite Spalte gerader Zeilen gr”sser und gr�n
*/
table.rex-table {
    color:#000;
    background-color:transparent;
}
table.rex-table caption {
    text-align:left;
    font-size:150%;
}
table.rex-table tfoot {
    text-align:right;
    font-size:smaller;
}
table.rex-table tr.odd {
  background-color:#ffd1a8;
}
table.rex-table tr.even {
  background-color:#ffffff;
}
/*
table.rex-table .col1 {
  font-weight:normal;
}
table.rex-table tr.even td.col2
{
    font-size:larger;
    color:green;
}
*/


div.wbbgthumb { padding-right:8px; float:left; }
div.wbbgthumbs { margin-bottom:10px; float:left; }
div.wbbgbigimg { clear:both; float:left; margin-right:10px; }
.wbbgthumb a {display:block; float:left; margin:0; padding:0; border:2px solid white; }
.wbbgthumb a img {float:left; margin:0; padding:0;}
a.wbbgfirst {border:2px solid #007a7f; }



/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #fff;
}


/* Textfeld */
.formgen .formtext
{
	width: 350px;
	padding-bottom: 4px;
	margin: 0 0 6px 4px;
	font-size: 1em;
	background-color: #fff;
	border: 1px solid #003366;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #ffd1a8;	
}



/* Label */
.formgen label {
	width: 150px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	margin-bottom:4px;
}

/* Label Radio-Value */
label.formradio {
	width: auto;
	height: 20px;
	margin-bottom:4px;
}

/* Label Radio-Value */
input.formradio {
	width: 20px;
	height: 20px;
	float:left;
	margin-bottom:4px;
}

#el_8,
#el_9   {
	margin-left:150px;
	}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #38257d;
	border-bottom: 1px solid #38257d;
	float: right;
	color: #38257d;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* REXkal  */

.rexkal td   {
	background-color: #ffd1a8;
	}

.rexkal-dateStartFormatted  {
	width:17em;
	}

.rexkal-eventName  {
	width:auto;
	}
	
.rexkal-venueName  {
	width:10em;
	}
	
/* Ende REXkal  */