body, html {height: 100%;font-family:Helvetica;font-size:10px;margin:0;padding:0;
            background-attachment:fixed;
            background-image:url('../bilder/Kachel_HG.gif');
            color:rgb(130,18,36);
}


#outer {height: 100%;min-height:100%; position: relative; width:100%; }
#outer[id] {display: table; position: static;}          

#middle {position: absolute; top: 50%; width: 100%; text-align: center; /*border:1px solid green;*/} 
#middle[id] {display: table-cell; vertical-align: middle; position: static;} 

#inner {position: relative; top: -50%; text-align: left; /*border:1px solid yellow;*/} /* for explorer only */
#inner {width: 1150px;margin-top:20px; margin-left: auto; margin-right: auto;}           /* for all browsers*/


.backhellgelb {background-color:#FFF9EB;}

.s10  {font-size:10pt;}
.s9  {font-size:9pt;}
.s9_h {font-size:9pt;line-height:17px;}
.hstart {font-family:Helvetica;font-size:15pt;font-weight:normal;color:rgb(110,110,110);margin:15px;}
.start_normal   {font-family:Helvetica;font-size:10pt;font-weight:normal;color:rgb(110,110,110);margin:15px;}

a:visited {text-decoration:none;border:0;color:rgb(130,18,36);}
a:hover   {text-decoration:none;border:0;color:rgb(130,18,36);}
a:link    {text-decoration:none;border:0;color:rgb(130,18,36);}

.nav_news a:visited {text-decoration:none;color:#82125B;}
.nav_news a:hover   {text-decoration:none;color:#82125B;}
.nav_news a:link    {text-decoration:none;color:#82125B;}


.text_dunkelgelb {color:rgb(130,18,36);}
.text_dunkelgelb a:visited {text-decoration:none;color:rgb(130,18,36);}
.text_dunkelgelb a:hover   {text-decoration:none;color:rgb(130,18,36);}
.text_dunkelgelb a:link    {text-decoration:none;color:rgb(130,18,36);}
.text_dunkelblau {color:rgb(2,58,130);}


/* .text_standard   {font-family:Helvetica;font-size:9pt;font-weight:normal;color:rgb(130,18,36)}*/
.text_standard   {font-family:Helvetica;font-size:8pt;font-weight:normal;color:rgb(130,18,36)}
.text_aktiv      {font-family:Helvetica;font-size:9pt;font-weight:normal;color:rgb(242,148,0)}
.text_aktiv_hellgelb   {font-family:Helvetica;font-size:9pt;font-weight:normal;color:rgb(242,148,0)}

.text_head_hell {color:rgb(175, 135, 109);font-size:13pt;font-weight:bold;}

.lh20 {height:22px;}

.link_white_border {border:1px solid rgb(130,18,36);background-color:white;color:rgb(130,18,36);}

.rahmengelb {border:1px solid black;background-color:#FFCC00;}
.rahmenweiss {border:1px solid black;background-color:#FFFFFF;margin:12px;}
.rahmencontent {border:1px solid black;background-color:#FFFFFF;margin:5px;width:1108px;}

/*.navi_td      {font-family:Helvetica;font-size:11pt;font-weight:normal; width:220px; background-repeat:repeat-x;line-height:22px;}*/
.navi_td      {font-family:Helvetica;font-size:11pt;font-weight:normal;min-width:160px;background-repeat:repeat-x;line-height:22px;}
.nav_news     {color:#82125B;}
.nav_shop     {color:#C188AD;}
.nav_workshop {color:#3F510E;}
.nav_geb      {color:rgb(93,63,119);}
.nav_service  {color:rgb(130,18,91);}

.bredcrum   {font-size:10px;padding-left:10px;text-decoration:none}
.bredcrum a {text-decoration:none}

.content_links  {background-color:#FFF9EB;}
.content_mitte  {background-color:#FFF9EB;}
.content_rechts {background-color:#FFF9EB;}

.hint_dunkelgelb {background-color:rgb(252,234,204);}

.links_rubmenue {
    font-family:Helvetica;font-size:11pt;font-weight:normal;
    padding-left:10px;
    padding-top:10px;
}

.links_rubmenue ul {list-style-type:none;padding:0;margin:0;}
.links_rubmenue ul li a {height:25px;position:relative;}
.links_rubmenue ul li ul {margin-left:20px;height:25px;}
.links_rubmenue ul a:visited {text-decoration:none;}
.links_rubmenue ul a:hover   {text-decoration:none;}
.links_rubmenue ul a:link    {text-decoration:none;}
 
.artnam   {font-family:Helvetica;font-size:13pt;font-weight:bold;}
.artpreis {font-family:Helvetica;font-size:13pt;font-weight:bold;}

.kurspreis {font-family:Helvetica;font-size:13pt;font-weight:bold;color:rgb(130,18,36);}

.artselected {font-weight:bold;font-size:12pt;color:rgb(242,148,0)}


/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:center;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu ul ul a, .menu ul ul :visited {
display:block;
padding:2px 0;
/*color:rgb(130,18,91);*/
/*background:#C088AF;*/
text-decoration:none;
/*margin-right:1px;*/
text-align:center;
width : 100%;
}


/* style the links hover */
.menu ul ul :hover{
/*color:rgb(130,18,91);*/
/*color:white;*/
/*background:#ECDEE6;*/
}

/* hide the sub level links */
.menu ul ul{
/*visibility:hidden;*/
display:none;
position:absolute;
width : 216px;

/*border-left: 3px ridge #FFFFFF;       */
border: 2px solid #FFFFFF;    
/*border-right: 3px groove #FFFFFF;     */
/*border: 2px solid #000;*/
}


/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
/*visibility:visible;*/
width : 216px;
}

 
.geb_m ul a,
.geb_m ul :visited {
    color:rgb(93,63,119);
}
.geb_m ul ul a,
.geb_m ul ul :visited {
    color:rgb(93,63,119);
    background:#B993F6;
}

.geb_m ul ul :hover{
    color:rgb(93,63,119);
    background:#EDE6F8;
}
.geb_m ul :hover{
    color:rgb(93,63,119);
}



.workshop_m ul a, 
.workshop_m ul a:visited {
    color:#3F510E;
}


.workshop_m ul ul a, 
.workshop_m ul ul a:visited 
{
    color:#3F510E;
    background:#C3D004;
}


.workshop_m ul :hover {
    color:#3F510E;
}

.workshop_m ul ul a:hover{
    color:#3F510E;
    background:#EEF1BC;
}

.shop_m ul ul a, .shop_m ul ul :visited {
    color:rgb(130,18,36);
    background:#F3A626;
}
.shop_m ul ul :hover{
    color:rgb(130,18,36);
    background:#F9E8CC;
}
.service_m ul ul a, .service_m ul ul :visited {
    color:rgb(130,18,91);
    background:#C088AF;
}
.service_m ul ul :hover{
    color:rgb(130,18,91);
    background:#ECDEE6;
}

.datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
    padding-right:20px;
}
.monatsname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-left:20px;
	padding-top:5px;
}

.linklist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	/*padding-left:20px;*/
	padding-right:18px;
}

.datum1 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#38b9d2;height:30px;}
.datum2 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#43bcb6;height:30px;}
.datum3 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#5ad976;height:30px;}
.datum4 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#63ca34;height:30px;}
.datum5 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#774997;height:30px;}
.datum6 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#8889d2;height:30px;}
.datum7 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#9899d2;height:30px;}
.datum8 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#a8a9d2;height:30px;}
.datum9 {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#b8b9d2;height:30px;}
.datum10 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#c8c9d2;height:30px;}
.datum11 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#e8e9d2;height:30px;}
.datum12 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight:bold;color:#000000;line-height:15px;padding-left:5px;border:1px solid #FFFFFF;background-color:#f8f9d2;height:30px;}

.Ddatum1   {background-color:#38b9d2;}
.Ddatum2   {background-color:#43bcb6;}
.Ddatum3   {background-color:#5ad976;}
.Ddatum4   {background-color:#63ca34;}
.Ddatum5   {background-color:#774997;}
.Ddatum6   {background-color:#8889d2;}
.Ddatum7   {background-color:#9899d2;}
.Ddatum8   {background-color:#a8a9d2;}
.Ddatum9   {background-color:#b8b9d2;}
.Ddatum10  {background-color:#c8c9d2;}
.Ddatum11  {background-color:#e8e9d2;}
.Ddatum12  {background-color:#f8f9d2;}

.monatsname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:12px;
	margin-right:12px;
}

.whitesmallborder {
}

.anmeldung {
     position:absolute;
     width:400px;
     height:300px;
     border:5px solid #F8B800;
     visibility:hidden;
     background-color:#FFDB6F;
     padding:10px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
}
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
}

.border_1sw {
    border-left:1px solid white;
    border-right:1px solid white;
}
.border_lr {
    border-left:1px solid white;
    border-right:1px solid white;
}
.border_lru {
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
}



#content-slider {
  width: 1px;
  height: 500px;
  margin-top: 15px;
  background: #000;
  position: absolute;
  left: 226px;
  border:2px solid gray;
}

.ui-slider-handle {
  width: 18px;
  height:10px;
  position: absolute;
  left: -8px;
  background: #FFCC00;

  border: solid 5px #FFCC00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#content-scroll {
  width: 200px;
  height: 540px;
  margin:0px;
  overflow:hidden;
}

#content-holder {
  width: 200px;
  height:800px;
}