 /*
* Layout
*/

/* ROT */ /* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT *//* ROT */


/******************* Dummies *********/

#Farbdummy {
height:10px;
background-color:#FFAAAA;
display:none;
}

/*
* Globales
*/

body {
margin:0;
padding:0;
font-size:10pt;
font-family: 'Ubuntu', sans-serif;
line-height:1.4em;
color:#3e3d40;
background-color: #ffffff;
}

p{
font-size:1em;
}

a,
.ui-widget-content a {
color:#f29400;
/*color:#f89605;*/
text-decoration:none;
}

a:hover,
.ui-widget-content a:hover {
color:#77521a;
/*color:#f29400;*/
text-decoration:none;
}

h1 {
color:#f29400;
font-size:1.4em;
font-weight:500;
}

h2 {
color:#f29400;
font-size:1.25em;
font-weight:500;
}

h3{
font-size:1.25em;
font-weight:500;
}


ul {
padding-left:1em;
}



#Blatt {	background-color: #FFFFFF; }

.fett{
font-weight:bold;
}
.klein {
font-size:0.9em;
}
.gross {
font-size:1.4em;
}

.orange{
color:#f29400;
}

.gruen{
color:#7db820;
}

.clearfix {
overflow:hidden;
}


/*
* Layout
*/

#Kopf, #Blatt , #Fuss {
width:100%;
}

#Kopf .block1 > .inside,
#Kopf .block2 > .inside,
#Kopf .block3 > .inside,
#Kopf .block4 > .inside,
#KopfLogo,
#Blatt > .inside,
#Fuss .block1 > .inside,
#Fuss .block2 > .inside,
#Fuss .block3 > .inside,
#Fuss .block4 > .inside {
width:95%;
max-width:1150px;
margin-left:auto;
margin-right:auto;
}

#Blatt > .inside,
#Inhalt2sp > .inside,
.inside {
overflow:hidden;
}

#Inhalt2sp {
width:100%;
max-width:1000px;
margin:0 auto;
}


/*
* Kopf
*/
#Kopf ul {
margin:0;
padding:0;
list-style:none;
}
#Kopf li {
/*float:left;*/
}

#Kopf .block2 > .inside {
padding: 0.9em 0;
}

#KopfMetaMenu {
font-size:0.95em;
text-align:right;
display:none;
}
#KopfMetaMenu li {
display:inline;
}
#KopfMetaMenu li.active a{
color:#77521A;
text-decoration:underline;
}
#KopfMetaMenu a {
color:#030303;
text-decoration:none;
padding:0.1em 0.3em
}
#KopfMetaMenu a:hover {
color:#77521A;
text-decoration:underline;
}
#KopfMetaMenu a:active  {
color:#77521A;
text-decoration:none;
}

#KopfMetaMenu .active  {
color:#ffffff;
text-decoration:none;
}


#KopfHMenu0 {
margin-left:160px;
margin-right:150px;
font-size:1.1em;
display:none;
}
#KopfHMenu0 li {
float:left;
}
#KopfHMenu0 a {
color:#FFFFFF;
padding: 0.3em 0.3em;
}
#KopfHMenu0 a:hover,
#KopfHMenu0 li.active a {
color:#F39305;
}

#KopfHMenu1 {
margin-left:160px;
margin-right:90px;
display:none;
}
#KopfHMenu1 li {
float:left;
}
#KopfHMenu1 a {
color:#666666;
padding: 0.3em 0.3em;
}
#KopfHMenu1 a:hover,
#KopfHMenu1 li.active a {
color:#77521a;
text-decoration:underline;
}

#QuickLogin {
width:175px;
float:right;
color:#FFFFFF;
text-align:right;
}
#QuickLogin .button_anmelden{
vertical-align:bottom;
}

#QuickLogin input{
vertical-align:bottom;
/*height:16px;*/
margin-left:0.15em;
}

#QuickLogin input.ui-button {
padding:0;
}

#NutzerMenu {
width:70px;
float:right;
text-align:right;
}

#NutzerMenu > div {
/*float:right;*/
display:inline;
margin:0 0 0 0.5em;
}

#NutzerMenu span {
display:none;
margin-right:0.25em;
font-weight:bold;
font-size:0.9em;
}

#NutzerMenu img {
vertical-align:middle;
}

#KopfHMenuM {
display:block;
margin-top:2px;
}


#KopfLogo > div {
position:relative;
}
#KopfLogo div div {
position:absolute;
top:10px;
left:0;
width:150px;
}
#KopfLogo img {
width:95%;
box-shadow: 0px 0px 5px #888888;
}

/*
* Fuss
*/

#Fuss .block3 > .inside {
padding: 0.3em 0;
}

#Fuss .block4 {
text-align:left;
color:#FFFFFF;
font-size:0.8em;
}
#Fuss .block4 > .inside {
padding: 1em 0;
}

#FussSidemap {
font-size:0.85em;
display:none;
}
#FussSidemap table {
width:99%;
border-collapse:collapse;
}
#FussSidemap td {
vertical-align:top;
padding:0.5em 0.5em;
}
#FussSidemap h3 {
margin:0 0 0.5em 0;
color:#FFFFFF;
}
#FussSidemap a {
color:#FFFFFF;
}
#FussSidemap a:hover {
color:#F39305;
}
#FussSidemap ul {
margin:0 0 0.2em 0;
padding:0;
list-style-type:none;
}
#FussSidemap td.active {
background-color: #F39305;
}
#FussSidemap td.active h3 a,
#FussSidemap li.active a {
color:#77521A;
}
#FussSidemap .active a:hover {
color:#000000;
}

#FussMetaMenu {
float:left;
max-width:400px;
}

#FussMetaMenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#FussMetaMenu li {
float:left;
}
#FussMetaMenu li.active a{
color:#F39305;
}
#FussMetaMenu a {
color:#FFFFFF;
padding: 0 1em 0 0;
}
#FussMetaMenu a:hover {
color:#F39305;
}

#FussSocial {
float:right;
width:300px;
color:#FFFFFF;
text-align:right;
}


/*
* MWSpalte
*/

#MWSpalte {
font-size:0.82em;
}

#MWSpalte a {
color:#3e3d40;
}
#MWSpalte a:hover {
color:#f29400;
}

#MWSpalte > .inside > .block {
width:250px;
margin-top:1em;
}

#MWSpalte .block > .inside > div {
margin:0.5em;
}

#MWSpalte .block h3 {
/*
background-color:#f89605;
background-image:url(../images/layout/buttonHG2.gif);
background-position:left top;
background-repeat:repeat-x;
color: #FEEACD;
*/
/*background: #f29400;*/
/*color:#ffffff;*/
margin:0;
padding:3px 3px 3px 6px;
font-size:1.1em;
color:#000000;
background-image: url("../images/layout/ui-bg_glass_75_F89605_1x400.png");
}


#MWSpalte .block h4 {
margin:1em 0 0 0;
padding:0;
color:#f29400;
}

#MWSpalte .block h4:first-child {
margin-top:0;
}


#mehrwertspalte h3{
font-size:1.1em;
color:#ffffff;
}

#mehrwertspalte h4{
font-size:0.9em;
}

#mehrwertspalte p{
line-height:1.3em;
font-size:0.9em;
}

.MWTourKalender .TourenTag {
background-color:#EEEEEE;
}

/************************************************** Inhalt *****************************************************************/

.HGWeiss		{ background-color: #FFFFFF; }
.HGGrau			{ background-color: #666666; }
.HGSchwarz	{ background-color: #000000; }
.HGOrange		{ background-color: #F39305; }
.HGBraun		{ background-color: #77521A; }

.HGSchattenHeight { min-height:20px; }
.HGSchattenOben { background-repeat:repeat-x; background-position:left top; }
.HGSchattenUnten { background-repeat:repeat-x; background-position:left bottom; }

.HGSchattenOben.HGWeiss		{ background-image: url(../images/layout/HGSchattenObenWeiss.gif); }
.HGSchattenOben.HGGrau		{ background-image: url(../images/layout/HGSchattenObenGrau.gif); }
.HGSchattenOben.HGSchwarz { background-image: url(../images/layout/HGSchattenObenSchwarz.gif); }
.HGSchattenOben.HGOrange	{ background-image: url(../images/layout/HGSchattenObenOrange.gif); }
.HGSchattenOben.HGBraun		{ background-image: url(../images/layout/HGSchattenObenBraun.gif); }

.HGSchattenUnten.HGWeiss		{ background-image: url(../images/layout/HGSchattenUntenWeiss.gif); }
.HGSchattenUnten.HGGrau			{ background-image: url(../images/layout/HGSchattenUntenGrau.gif); }
.HGSchattenUnten.HGSchwarz	{ background-image: url(../images/layout/HGSchattenUntenSchwarz.gif); }
.HGSchattenUnten.HGOrange		{ background-image: url(../images/layout/HGSchattenUntenOrange.gif); }
.HGSchattenUnten.HGBraun		{ background-image: url(../images/layout/HGSchattenUntenBraun.gif); }

.borderAll, .borderTop, .borderBottom, .borderLeft, .borderRight { border:1px none #F39305; }
.borderAll, .borderTop { border-top-style:solid; }
.borderAll, .borderBottom { border-bottom-style:solid; }
.borderAll, .borderLeft { border-left-style:solid; }
.borderAll, .borderRight { border-right-style:solid; }

.tourenbild img{
display:none;
width:100%;
}

#Fehler {
margin:0.35em;
padding:0.2em;
background-color:#FFEEEE;
border:1px solid #FF0000;
}

fieldset {
border: 1px solid #DDDDDD;
margin: 0.3em 0;
}

legend {
color:#AAAAAA;
color:#f29400;
font-size:1.25em;
font-weight:500;
}

fieldset legend button.ui-button {
font-size:0.7em;
}


.w20  { width:20%; }
.w50  { width:50%; }
.w99 { width:99%; }
.w100 { width:100%; }

.Einheit {
	display: block;
	font-size: 0.7em;
}

buttonA {
/*border:1px solid #f89605;*/
background-image:url(../images/layout/buttonHG2.gif);
background-repeat:repeat-x;
background-position:left bottom;
/*
margin:0.2em;
padding:0.1em;
font-weight:bold;
*/
}
buttonA:hover {
background-position:left top;
}
buttonA:hover[disabled] {
background-position:left bottom;
}

optgroup {
font-style:normal;
}


.hgHell {
background-color:#FEEACD;
}

.flexBox50 {
margin-bottom: 0.5em;
}
.flexBox50 > h2:first-child {
margin-top: 0;
}

.abstand {
padding:0.2em;
}
.top{
background-image: url("../images/layout/ui-bg_glass_75_F89605_1x400.png");
background-repeat:repeat-x;
padding-left:0.75em;
/*color:#ffffff;*/
}

input[type=text],
input[type=password],
select,
textarea {
border: 1px solid #D3D3D3;
}

.rechts {
float:right;
margin-left:1em;
}

.links {
float:left;
margin-right:1em;
}

img.links,
img.rechts {
float:none;
margin:auto;
width:auto;
display:block;
}

#karte {
max-width:1000px;
width:100%;
height:500px;
overflow:hidden;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
.placeholder {color:#999;}

.Galerie a{
margin:0.5em;
}

/*
* TourenTeaser
*/

.TourenTeaser {
margin: 0.35em 0;
overflow:hidden;
}
.TourenTeaser:hover {
background-color:#EEEEEE;
cursor:pointer;
}

.TourenTeaser:hover .TeaserTermine {
/*background-color:#DDDDDD;*/
}
.TourenTeaser > .inside {
margin: 0.5em;
}
.TourenTeaser h3,
.TourenTeaser h4	{
margin:0;
padding:0;
color:#f29400;;
}
.TeaserBild {
display:none;
float:left;
width:20%;
}
.TeaserBild	img{
width:100%;
}

.TeaserTermine {
float:right;
width:150px;
margin-left:0.5em;
padding:0.2em;
/*background-color:#FEEACD;*/
/*background: #F8E2BF url(../images/layout/ui-bg_glass_55_F89605_1x400.png) 50% 50% repeat-x;*/
border:1px solid #f29400;
}

.TeaserTermine .sel:hover {
background-color:#DDDDDD;
}

.TeaserTermine span {
font-size:0.8em;
}

.TourenTeaser h4 {
border-bottom:1px solid #f29400;
}

/*
* Kasse
*/

fieldset.ok {
border-color:#009966;
}

fieldset.ok > legend {
color:#009966;
}

fieldset.fehler {
border-color:#CC3300;
}

fieldset.fehler > legend {
color:#CC3300;
}



/*
* Tabelle
*/
.table {
margin: 0.5em 0;
}
.colgroup, .col {
display:none;
}
.tr {
margin: 0.5em 0;
}
.th {
font-weight:bold;
vertical-align:top;
}
.td {
vertical-align:top;
}
/*
.Buchungsparameter .th {
font-weight:bold;
}
*/


/*
* jQuery UI
*/
.ui-widget { 
font-family:inherit;
font-size: 1em;
/*line-height:1em; */
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { 
/*background-image: url(../images/layout/ui-bg_glass_55_F89605_1x400.png); */
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
background-image: url(../images/layout/ui-bg_glass_55_F89605_1x400.png); }


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/*ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers{
margin-top:-20px;
}

ol.bjqs-markers li{
display:inline;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#fff;
	color:#f39305;
	margin:1px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;




/***********  ACCORDION ***********/
/*
#Acc_NoBorder_noBG .accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:none;
}


#Acc_NoBorder_noBG .accordion .ui-state-default h2{
color:#f29400;
}
*/
#Acc_NoBorder_noBG .accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
border:none;
background-image: url(../images/layout/ui-bg_glass_55_F89605_1x400.png);
}
#Acc_NoBorder_noBG .accordion .ui-widget-content{
border:none;
}

.accordion > h3 img {
float:left;
width:19px;
display:block;
}
.accordion > h3 div {
margin-left:2em;
display:block;
}

/************ ColorTable **********/

.ColorTable td, th {
padding:0.2em;
}
.ColorTable td {
background-color: #F7F7F7;
}
.ColorTable .noHG td,
.ColorTable td.noHG {
background-color: #FFFFFF;
}
.ColorTable th {
/*text-align:left;*/
background-color: #E7E7E7;
color:#000000;
font-weight:bold;
}
.ColorTable.noSpace {
border-collapse:collapse;
}

.ColorTable tr.sel:hover td,
.ColorTable td.sel:hover {
background-color: #FFF7E9;
cursor:pointer;
}

.ColorTable, .ColorTable .borderAll, .ColorTable .borderLeft, .ColorTable .borderRight, .ColorTable .borderTop, .ColorTable .borderBottom { border-color: #f29400; }

.ColorTable.borderAll	{	border: none;	}
.ColorTable.borderAll tbody td	{	border-width: 1px; border-style: solid;	}

.ColorTable.borderAll tbody tr.first td,	.ColorTable.borderTop tbody tr.first td,
.ColorTable tbody tr.first.borderAll,	.ColorTable tbody tr.first.borderTop,
.ColorTable tbody tr.first td.borderAll,	.ColorTable tbody tr.first td.borderTop	{	border-top: none;	}

.ColorTable.borderAll tbody tr.last td,		.ColorTable.borderBottom tbody tr.last td,
.ColorTable tbody tr.last.borderAll,		.ColorTable tbody tr.last.borderBottom,
.ColorTable tbody tr.last td.borderAll,		.ColorTable tbody tr.last td.borderBottom	{	border-bottom: none;	}

.ColorTable.borderAll tbody tr td.first,	.ColorTable.borderLeft tbody tr td.first,
.ColorTable tbody tr.borderAll,	.ColorTable tbody tr.borderLeft,
.ColorTable tbody tr td.first.borderAll,	.ColorTable tbody tr td.first.borderLeft {	border-left: none;	}

.ColorTable.borderAll tbody tr td.last,		.ColorTable.borderRight tbody tr td.last,
.ColorTable tbody tr.borderAll,		.ColorTable tbody tr.borderRight,
.ColorTable tbody tr td.last.borderAll,		.ColorTable tbody tr td.last.borderRight {	border-right: none;	}


/************ VeranstaltungsTeaser **********/
.VeranstaltungsTeaser {
margin:1em 0;
}
.VeranstaltungsTeaser.sel:hover {
background-color:#EEEEEE;
cursor:pointer;
}

.VeranstaltungsTeaser .Rubrik {
display:block;
}

.VeranstaltungsTeaser .Datum {
display:block;
font-style:normal;
font-size:1em;
font-weight:bold;
}
.VeranstaltungsTeaser b {
display:block;
color:#f29400;
}

/************ Home **********/
.HomeVeranstaltungsBlock,
.HomeVeranstaltungsTR2 {
overflow:hidden;
}
.HomeVeranstaltung {
margin-bottom:1em;
}
.HomeVeranstaltung.sel:hover {
background-color:#EEEEEE;
cursor:pointer;
}
.HomeVeranstaltung .Rubrik {
}
.HomeVeranstaltung .Termin {
font-weight:bold;
}
.HomeVeranstaltung .Titel {
font-weight:bold;
color:#F29400;
}
.HomeVeranstaltung .Teaser {
}
