/*********************************************************************************
Copyright   :   Design - hundertmorgen - www.hundertmorgen.de
Copyright   :   Design - screen und function.de
**********************************************************************************/

/* viga-regular - latin */
@font-face {
  font-family: 'Viga';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/viga-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Viga-Regular'),
       url('../fonts/viga-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/viga-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/viga-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/viga-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/viga-v6-latin-regular.svg#Viga') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table { border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

a:focus /* Außenrahmen um Links bei klick FIREFOX ausblenden */
{
outline:none;
}

/* ### reset some basic style ################################################### */

dl          {margin: 0 0 0 0;}
dl dt       {margin: 0 0 0 0;}
dl dd+dt    {margin-top: 0;}
dl dd       {margin: 0 0 0 0;}

ol          {list-style: none;}
ol li       {margin: 0 0 0 0;}
ol li ol    {margin: 0 0 0 0;}
ol li ul    {margin: 0 0 0 0;}

p           {margin-bottom: 0em;}

ul          {list-style: none;}
ul li       {margin: 0 0 0 0;}
ul li ul    {margin: 0 0 0 0; list-style: none;}
ul li ol    {margin: 0 0 0 0;}

pre         {font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */

html {
min-height: 99%;
margin-bottom: 1px;
}

/* ### BODY ###################################################################### */

body {
margin:0 auto;
color:#000000;
font-family:arial, verdana;
font-size: x-small;
background-repeat:no-repeat;
/* background-image:url(../files/bg_sachsen.jpg); */
background-position: top center;
background-attachment:fixed;
background-color:#FFFFFF;
/* border-top:5px dotted #424242; */
}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
display:block;
clear:both;
line-height:0;
height:1px;
font-size:0;
visibility:hidden;
}

.clear {
clear:both;
}

img, div, a, input
{
/* behavior: url(iepngfix.htc); */
}

.floatLeft { float:left; }
.floatRight { float:right; }
.warning { color:#f00; background: inherit; }
a:focus { outline:none;}


/* ### site-content ############################################################ */

#site-content {
position:relative;
display:block;
margin:0 auto;
padding:0;
height:100%;
width:980px;
background-image: url(../files/bg-content.png);
background-repeat:repeat-y;
}

#header {
position:relative;
display:block;
margin:0 auto;
padding:0;
height:202px;
background-image:url(../files/header_klettern_sachsen.jpg);
background-repeat:no-repeat;
background-position: top center;
}


#header-links {
display:block;
margin:0 auto;
padding:0;
height:202px;
width:990px;
}

#header-links .logo a,
#header-links .logo a:link {
position:absolute;
margin-top: 10px;
display:block;
width: 160px;
height: 180px;
text-indent:-700em;
background-image: url(../files/blind.gif);
}

#header-links .huette a,
#header-links .huette a:link {
position:absolute;
margin-top: 0px;
margin-left: 860px;
display:block;
width: 90px;
height: 30px;
text-indent:-700em;
background-image: url(../files/blind.gif);
}

#header-links .klettern a,
#header-links .klettern a:link {
position:absolute;
margin-top: 23px;
margin-left: 790px;
display:block;
width: 120px;
height: 30px;
text-indent:-700em;
background-image: url(../files/blind.gif);
}

#header-links .ferienhaus a,
#header-links .ferienhaus a:link {
position:absolute;
margin-top: 53px;
margin-left: 820px;
display:block;
width: 130px;
height: 30px;
text-indent:-700em;
background-image: url(../files/blind.gif);
}

#oben-verlauf {
position:relative;
display:block;
margin:0 auto;
padding:0;
text-align:center;
background-image:url(../files/oben_verlauf.png);
background-repeat:repeat-x;
background-position: top center;
}

.slideshow {
display:block;
margin-top:30px;
width:200px;
height:120px;
overflow:hidden;
border:2px dotted #bfbfa6;
margin-left:15px;
}

/* ### Content #################################################################### */

#content {
display:block;
clear:both;
position:relative;
padding:0 0 0 0;
}

#main-content {
height:100%;
}

/* hide from IE/MAC \*/
* html #content, * html #main-content {
height:1px;
}
/* end hide */

/* ### Navigations-Frame ############################################################ */

#links_navigation {
display:block;
float:left;
width:257px;
/* background-color:#000000; */
}

#main {
float:left;
width:723px;
/* background-color: #666666; */
/* background-image: url(../files/zeiten-bg.png); wird im Template außer ID 69 Westsachsencup gesetzt */
/* background-repeat:no-repeat; */
}

#main-block {
float:left;
width:723px;
padding-bottom: 0px; /* Abstand zum Footer */
}

#main-content-block {
padding:20px 30px 30px 40px; /* 35 Abstand Inhalt innerhalb Box  */
display:block;
text-align: left;
}

/* ### headlines ############################################################ */

#main-block h1 {
font-family: 'Viga',georgia,helvetica,Arial;
/* SansationLight, SansationLight, SansationBold */
/* font-family: 'SansationBold', Arial, sans-serif; */
color:#1f91ac;
font-size:2.3em;
font-weight:normal;
line-height:1.4em;
margin-bottom: 6px;
text-transform:uppercase;
}

#main-block h2 {
font-family: 'Viga',georgia,helvetica,Arial;
color:#999e3a;
font-size:1.8em;
font-weight:bold;
line-height:1.3em;
margin-bottom: 6px;
letter-spacing: 0pt;
text-transform:uppercase;
}

#main-block h3 {
font-family: Arial;
color:#cedb43;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
margin-bottom: 1px;
}

#main-block h4 {
color:#c4c4c4;
background: inherit;
font-size:1.1em;
font-weight:bold;
line-height:1.2em;
}

#main-block h5 {
color:#c4c4c4;
background: inherit;
font-size:1.0em;
font-weight:bold;
line-height:1.0em;
}

#main-block h6 { /* fuer Reiseliste - Ausgabe */
font-family: Helvetica,Arial;
color:#009ee0;
font-size:1.3em;
font-weight:bold;
line-height:1.3em;
margin-bottom: 6px;
letter-spacing: 0pt;
}


/* ### Images ############################################################ */

#main-block img {
display:block;
margin:4px 0;
}

#main-block img.floatLeft {
float:left;
margin:4px 10px 4px 0;
}

#main-block img.floatRight {
float:right;
margin:4px 0 4px 10px;
}


/* ### Hyperlinks ######################################################### */

#main-block a,
#main-block a:link {
color:#bb5406;
text-decoration:underline;
font-weight:bold;
}

#main-block a:hover {
color:#000000;
text-decoration: none;
}

/* wird nicht bedient / Anregung */
#main-block a.faq,
#main-block a.faq:link {
color:#009ee0;
font-size:1.4em;
text-decoration:none;
text-transform:none;
line-height: 2.0em;
}

#main-block a.faq:hover {
color:#90B0BF;
text-decoration:underline;
}


/* ### Paragraphs ########################################################## */

#main-block p {
margin-bottom:0.8em; /* Absaetze */
font-family: 'Open Sans',georgia,helvetica,Arial;
color:#1d1d1d;
font-size:1.3em;
line-height:1.3em;
word-spacing: 0.2em;
}

/* ### Tables ############################################################## */

#main-block table {
font-size:1.2em;
line-height:1.6em;
}

#main-block td {
padding:0 0 0 0;
}


/* ### Blockquotes ########################################################## */

#main-block blockquote {
margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#main-block ul,
#main-block ol {
font-family: 'Open Sans',georgia,helvetica,Arial;
margin-bottom:1.2em;
font-size:1.3em;
line-height:1.6em;
color:#1d1d1d;
overflow: hidden; /* gegen überlappung bei Bilderumfliessen */
}

#main-block ol li {
margin:0 0 15px 30px;
list-style-type:decimal-leading-zero;
border-bottom:1px dotted #bfbfa6;
}
#main-block ul li {
margin:0 0 0 20px;
/* list-style-type:square; */
list-style-image:url(../files/listenpunkt.png);
background-color:#eff0e8;
margin-bottom: 5px; /* Abstand zwischen den Listeneinträgen */
padding: 2px 2px 2px 8px;
border-bottom:1px dotted #bfbfa6;
}

#main-block ul li:hover {
background-color:#f8f8f8;
}

/* ### Module ################################################################ */

#main-content-block div.floatLeft img {
float:left;
margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img {
float:right;
margin:4px 0 4px 40px;
}
/*
#main-content-block a.more {
clear:left;
position: relative;
left: 120px;
}
*/

/* ### TEXTILE MIT BILD ############################################################ */

.flLeft  { float:left; }
.flRight { float:right; }

#main-content-block div.mytext {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

#main-content-block div.mytext p {
}

#main-content-block div.mytext div.image {
margin-bottom: 1.1em;
margin-top: 0.2em; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.mytext div.image p { /* Bildunterschrift */
margin:0;
color: #999999;
font-size:1.1em;
letter-spacing: 0.1px;
font-style:normal;
}

#main-content-block div.mytext div.flLeft {
margin-right:20px;
}

#main-content-block div.mytext div.flRight {
margin-left:20px;
}

#main-content-block div.mytext img {
padding: 1px 1px 1px 1px;
border:1px dotted #bfbfa6;
}


/* ### WYSIWYG EDITOR ############################################################ */

#main-content-block .my_wysiwyg {
margin-bottom: 15px;
}

#main-content-block .my_wysiwyg p,
#main-content-block .my_wysiwyg td  {
font-family: 'Open Sans',georgia,helvetica,Arial;
color:#1d1d1d;
font-size:1.1em;
line-height:1.5em;
text-align: left;
}

#main-content-block .my_wysiwyg table {
border-spacing: 2px;
}

/* wenn tabelle und kein nur text */
#main-content-block .my_wysiwyg td {
padding: 3px 3px 3px 3px;
border:1px solid #e2e2e2;
border-bottom:1px solid #1f91ad;
background-color: #f6f7ed;
}


/* ------------ 022 - Sponsorenleiste - 4 Labels nebeneinander ----------------------------------------------*/

#main-content-block .sponsoren-4 {
background:url(../files/bg_module.gif);
/* border-bottom:1px solid #009de0; */
margin-bottom: 30px;
width: 642px;
}

#main-content-block .sponsoren-4 .sponsoren-4-block {
padding-top: 5px;
padding-left:1px;
padding-bottom: 7px;
}

#main-content-block .sponsoren-4 .sponsoren-4-block .spalte_1,
#main-content-block .sponsoren-4 .sponsoren-4-block .spalte_2,
#main-content-block .sponsoren-4 .sponsoren-4-block .spalte_3,
#main-content-block .sponsoren-4 .sponsoren-4-block .spalte_4 {
float: left;
padding-left:8px;
}

/* ------------ 024 - Zufallsbilder aus Medienkategorie ----------------------------------------------*/

#main-content-block .zufallsbild img {
/*
padding: 4px;
background-color:#d7d7d7;
color:#000000;
*/
border:3px solid #d7d7d7;
}

/* ------------ Modul 016 - Zweispalter mit Textile ----------------------------------------------*/

#main-content-block .zweispalter {
display: block;
float: left;
width: 100%; /* genau 642px */
background:url(../files/bg_zweispalter.png);
background-repeat:repeat-y;
margin-bottom: 12px;
}

#main-content-block .zweispalter .spalte {
display: block;
float: left;
padding: 0px 0px 0px 0px;
width: 310px;
}

#main-content-block .zweispalter .spalte .spalte_container {
padding: 5px 10px 0px 10px;
}

#main-content-block .zweispalter .spalte_container h1,
#main-content-block .zweispalter .spalte_container h2 {
font-size:1.4em;
color: #a52323;
margin-top: 0px;
}

#main-content-block .zweispalter .spalte_container p,
#main-content-block .zweispalter .spalte_container ul li,
#main-content-block .zweispalter .spalte_container a,
#main-content-block .zweispalter .spalte_container a:link {
color: #000000;
}

#main-content-block .zweispalter .spalte_container span.thema {
color: #FFFFFF;
text-transform:uppercase;
}

#main-content-block .zweispalter .mitte {
display: block;
float: left;
width: 22px;
}

/* Schalter innerhalb des Moduls am ende */

#main-content-block .zweispalter .schalter_mehr {
clear:both;
margin-bottom: 12px; /* abstand zum blauen Boxenende */
}

#main-content-block .zweispalter .schalter_mehr a,
#main-content-block .zweispalter .schalter_mehr a:link {
background-color: #bb5407;
color:#FFFFFF;
font-size: 8pt;
text-decoration:none;
padding: 2px 5px 2px 5px;
font-weight:normal;
}

#main-content-block .zweispalter .schalter_mehr a:hover {
background-color: #58585a;
color:#FFFFFF;
}

#main-content-block .zweispalter img {
border-bottom:3px solid #fcfcfc;
}

/* ------------ Modul 016 - Dreispalter mit Textile ----------------------------------------------*/

#main-content-block .dreispalter {
display: block;
float: left;
width: 642px;
background:url(../files/bg_dreispalter.png);
margin-bottom: 10px;
}

#main-content-block .dreispalter .spalte {
display: block;
float: left;
padding: 0px 0px 0px 0px;
width: 201px;
}

#main-content-block .dreispalter .spalte .spalte_container {
padding: 3px 10px 0px 10px;
}

#main-content-block .dreispalter .spalte_container h1,
#main-content-block .dreispalter .spalte_container h2 {
font-size:1.4em;
color: #a52323;
margin-top: 0px;
}

#main-content-block .dreispalter .spalte_container p,
#main-content-block .dreispalter .spalte_container ul li,
#main-content-block .dreispalter .spalte_container a,
#main-content-block .dreispalter .spalte_container a:link {
color: #000000;
}

#main-content-block .dreispalter .spalte_container span.thema {
color: #FFFFFF;
text-transform:uppercase;
}

#main-content-block .dreispalter .mitte {
display: block;
float: left;
width: 19px;
}

/* Schalter innerhalb des Moduls am ende */

#main-content-block .dreispalter .schalter_mehr {
clear:both;
margin-bottom: 12px; /* abstand zum blauen Boxenende */
}

#main-content-block .dreispalter .schalter_mehr a,
#main-content-block .dreispalter .schalter_mehr a:link {
background-color: #bb5407;
color:#FFFFFF;
font-size: 8pt;
text-decoration:none;
padding: 2px 5px 2px 5px;
font-weight:normal;
}

#main-content-block .dreispalter .schalter_mehr a:hover {
background-color: #58585a;
color:#FFFFFF;
}

#main-content-block .dreispalter img {
border-bottom:3px solid #fcfcfc;
}

/* ############### Bild mit Text nicht umfließen ah ############################################ */

.flLeft  { float:left; }
.flRight { float:right; }

#main-content-block div.ah {
width: 642px;
margin-bottom: 20px;
}

#main-content-block div.ah div.bild {
display: block;
float: left;
width: 170px;
}

#main-content-block div.ah .bild .schalter a,
#main-content-block div.ah .bild .schalter a:link { /* zoom schalter mit lightbox, liegt im div .bild, kein rahmen */
float: left;
text-indent:-700em;
background:url(../files/galerie_schalter.png);
width: 80px;
height:17px;
margin-bottom: 10px;
}

#main-content-block div.ah .bild .schalter a:hover { /* zoom schalter mit lightbox, liegt im div .bild, kein rahmen */
float: left;
background:url(../files/galerie_schalter_over.png);
width: 80px;
height:17px;
}

#main-content-block div.ah div.text { /* text-part rechts vom Bild */
display: block;
float: left;
width: 470px;
}

* html #main-content-block div.ah div.text { /* text-part rechts vom Bild */
width: 300px;
}

#main-content-block div.ah p { /* Spezielle Texteinstellung für Textile */
padding: 5px 8px 5px 0px;
}

#main-content-block div.ah div.image {
margin-bottom: 5px;
margin-top: 2px; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.ah div.image p { /* Bildunterschrift */
margin:0;
color: #999999;
font-size:8pt;
}
#main-content-block div.ah div.flLeft {
margin-right:14px;
}
#main-content-block div.ah div.flRight {
margin-left:14px;
}
#main-content-block div.ah img {
padding: 1px 1px 1px 1px;
border:1px dotted #bfbfa6;
}

#main-content-block div.ah div.text a, /*schaltfläche im Textcontainer */
#main-content-block div.ah div.text a:link,
#main-content-block div.ah div.text a:visited
{
/*
padding: 1px 4px 1px 4px;
background-color: #d0dc48;
text-decoration: none;
color: #FFFFFF;
*/
}

#main-content-block div.ah div.text a:hover {
/*
background-color: #385b86;
color: #FFFFFF;
*/
}


/* ////////////// ENDE Zweispalter ////////////////////////////// */

/* ### Team ### */

#main-content-block div.txt-img {
clear: both;
padding: 12px 0;
}

/* ### Team ### */

#main-content-block div.team {
clear: both;
padding: 12px 0;
margin-bottom: 0px ;
}

#main-content-block div.team div{
width:100px;
}

#main-content-block div.team p {
font-size: 1.3em;
letter-spacing: 0.05em;
margin-top: 0px;
}

#main-content-block div.team div.floatLeft img {
margin:4px 0px 4px 0;
}

/* ### Bildgalerie ### */

#main-content-block div.galerie {
clear: both;
}
#main-content-block div.galerie div.image {
float: left;
width: 270px;
}

#main-content-block div.galerie div.image img{
padding: 5px;
border:1px solid #aaa;
}


/* FAQ jQuery */

#main-content-block .accordion {
padding:5px 0; /* abstand u.a zwischen den Slider - Links */
/* position:relative; */
}

#main-content-block .accordion .my_accord,
#main-content-block .accordion .my_accord a,
#main-content-block .accordion .my_accord a:link {
float:left;
display:block;
cursor:pointer;
font-size: 1.2em;
font-family: helvetica,arial;
color:#FFFFFF;
font-weight:normal;
background:url(../files/bg_teaser.gif);
background-color:#FFFFFF;
padding: 5px 15px 5px 30px;
}


#main-content-block .accordion div {
/* overflow:hidden; */
/* position:relative; */
clear:both; /* es wird bei Bild der Teaserinhalte darunter ohne umfliessen geoeffnet */
}

#main-content-block .accordion div p {
margin-bottom: 0.8em;
padding: 0px 0px 0px 0px; /* Abstand der p Tags innerhalb der Box */
}

/* //////////////// Pirobox-Galerie Modul 022 /////////////////////// */

#main-content-block .galerie {
display:block;
float:left;
margin:0px;
width:100%;
background-color:#d7e8ec;
padding-top:4px;
}

#main-content-block .galeriebild img {
float: left;
margin-left: 11px; /* mit Bilderrahmen(3px) nur 7px */
margin-bottom: 12px;
padding: 1px;
border: 1px dotted #6a7984;
background-color:#FFFFFF;
/* background:url(../files/bg_thumbs_galerie.jpg); *
}

#main-content-block .galeriebild img:hover {
border: 1px solid #f4e4c7;
background:inherit;
background-color:#f7e2ba;
/* background:url(../files/bg_thumbs_galerie.jpg); */
background-position:-300px -100px;
}


#main-content-block .startbild {
}

#main-content-block .startbild_erstes {
}

/* Einzelbild-Voransicht */
#main-content-block .startbild_erstes img {
display:block;
position:relative;
padding: 4px;
background-color:#d7d7d7;
}

#main-content-block .startbild_erstes img:hover {
background-color:#d7d7d7;
}

#main-content-block .startbild_erstes .galerie_schalter {
position: relative;
}

#main-content-block .startbild_erstes .galerie_schalter img {
position: absolute;
top: -70px;
left: 450px;
background-color:inherit; /* sperren des Hintergrundfarbe von img startbild_erstes */
background:inherit; /* sperren des Hintergrundes von img startbild_erstes */
}


/* ### Footer ###################################################################### */

#footer {
display:block;
margin:0 auto;
width:980px;
margin-top: 0px;
background-image: url(../files/bg-footer.png);
/* border-top:5px dotted #424242;  */
background-repeat:repeat-y;
}

#footer-content {
margin-top: 15px;
padding-top: 10px;
}

/* /////////// Ausgabe footer dynamische Navigation 1 Ebene ////////////////// */

.footer_submenue {
display:block;
float:left;
width: 400px;
padding-left: 60px;
min-height:240px;
}

#footer .facebook a,
#footer .facebook a:link {
position:absolute;
margin-top: 175px;
margin-left: 555px;
display:block;
width: 35px;
height: 40px;
text-indent:-700em;
background-image: url(../files/blind.gif);
}

.footer_submenue ul.footer_navigation li {
border-bottom:1px solid #818163; /* Line ueber gesamte breite */
}

.footer_submenue ul.footer_navigation li a,
.footer_submenue ul.footer_navigation li a:link {
display:block;
width: 400px;
font-size: 9pt;
font-family: "Open Sans",georgia,helvetica,Arial;
color:#b8b887;
line-height: 20px;
letter-spacing:3px;
}

.footer_submenue ul.footer_navigation li a:hover {
color:#43432e;
background-color: #b8b887;
}

.footer_submenue a.nach_oben,
.footer_submenue a.nach_oben:link {
float:right;
display:block;
font-size: 8pt;
font-weight: normal;
font-family: 'Open Sans',georgia,helvetica,Arial;
color:#000000;
text-align:center;
text-decoration:none;
text-transform: uppercase;
background-color:#d5d877;
padding:10px 7px 10px 7px;
}

.footer_submenue p {
padding: 20px 0px 20px 0px;
font-size: 9pt;
font-family: "Open Sans",georgia,helvetica,Arial;
color:#b8b887;
letter-spacing:0px;
}

.footer_submenue p a,
.footer_submenue p a:link,
.footer_submenue p a:visited {
padding: 20px 0px 20px 0px;
font-size: 9pt;
font-family: "Open Sans",georgia,helvetica,Arial;
color:#bb5406;
letter-spacing:0px;
text-decoration:underline;
}

/* //////////////////// Formular //////////////////////// */

#rot_controll {
color: #c80d22;
}

#main-content-block #my_anfrage {
margin-top: 0px;
margin-bottom: 30px;
font-size: 8pt;
font-family: 'Open Sans',georgia,helvetica,Arial;
}

#main-content-block #my_anfrage table {
margin:0 auto;
text-align: left;
}

#main-content-block #my_anfrage table p,
#main-content-block #my_anfrage table td {
text-align: left;
font-size: 13px;
}


#main-content-block .message {
font-size: 13px;
font-weight: bold;
color: #c80d22;
margin: 0px 0px 15px 0px;
border:1px solid #c80d22;
padding:5px;
float:left;
}

#main-content-block #my_anfrage input,
#main-content-block #my_anfrage textarea
{
color: #58585a;
width:340px;
padding:2px 2px 2px 3px;
border:1px solid #1992af;
margin-bottom: 11px;
font-size: 9pt;
font-family: arial;
background-color:#FFFFFF;
}

#main-content-block #my_anfrage input:focus,
#main-content-block #my_anfrage textarea:focus
{
border:1px solid #1992af;
background-color:#ecebda;
}

#main-content-block #my_anfrage select {
border:1px solid #1992af;
color: #58585a;
BACKGROUND-COLOR: #FFFFFF;
font-size: 9pt;
font-family: arial;
width:347px;
margin-bottom: 11px;
}

#main-content-block #my_anfrage .namegross {
text-transform: uppercase;
}

#main-content-block #my_anfrage .checkbox {
width:20px;
margin-right: 5px;
}

#main-content-block #my_anfrage .schalter,
#main-content-block #my_anfrage .schalter:focus { /* Schalter */
background: inherit;
float:left;
font-size: 9pt;
width: 136px;
height: 25px;
padding: 0px 1px 0px 1px;
border: 0px solid #a99fc1;
border-right: 0px solid #a99fc1;
background-color: #9ba13f;
font-weight: bold;
margin-left:0px;
color: #FFFFFF;
font-family: arial, helvetica, sans-serif;
text-align: center;
cursor: pointer;
}

#main-content-block #my_anfrage .schalter_delete,
#main-content-block #my_anfrage .schalter_delete:focus { /* Schalter */
float:left;
font-size: 9pt;
width: 136px;
height: 25px;
padding: 0px 1px 0px 1px;
border: 0px solid #a99fc1;
border-right: 0px solid #a99fc1;
background-color: #c05300;
font-weight: bold;
margin-left:20px;
color: #FFFFFF;
font-family: arial, helvetica, sans-serif;
text-align: center;
cursor: pointer;
}

/*           Contentbereich - download
*******************************************************************************/

#main-content-block div.download {
float: left;
/* width:600px; */
height: 24px;
margin:0px;
margin-bottom: 10px;
background-color:#009de0;
background:url(../files/bg_download.gif);
}

#main-content-block div.download p {
text-align: left;
font-weight:normal;
color:#fcfcf3;
padding-left:34px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 5px;
font-family: arial, verdana;
}


#main-content-block div.download a,
#main-content-block div.download a:link,
#main-content-block div.download a:visited
{
padding: 0px 7px 0px 7px;
font-weight:normal;
background-color: #fcfcf3;
color:#000000;
text-decoration: none;
margin-left:10px;
letter-spacing:0px;
}


#main-content-block div.download a:hover
{
padding: 0px 7px 0px 7px;
font-weight:normal;
background-color: #000000;
color:#FFFFFF;
text-decoration: none;
}

#main-content-block div.download-without-desc {
margin-bottom: 8px;
/*
border-top:1px solid #DFB07A;
*/
}

/* /////////////// ENDE ///////////////////// */

#ende {
height: 80px;
}

/* //////////////// REISELISTE ///////////////////////// */

#main-content-block div.reiseliste a img,
#main-content-block div.reiseliste a:link img {
float:left;
margin-left:10px;
}

#main-content-block div.buchung a,
#main-content-block div.buchung a:link {
padding:4px 10px 4px 22px;
background:url(../files/schalter_reiseanfrage.gif) no-repeat;
text-decoration: none;
font-size: 9pt;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 10px;
/* background:url(../files/bg_schalter_form.jpg); */
}

#main-content-block div.buchung a:hover {
background-color: #ee8019;
color: #FFFFFF;
}

#main-content-block #agb_box {
display: block;
padding: 8px 10px 8px 5px;
width: 410px;
height: 140px;
overflow:auto; /* bildet den Artikel in einer iframe-gleiche box, mit scrolling */
background-color: #f4f4f4;
border:1px solid #dedcdc;
font-family: arial,verdana;
}

#main-content-block #agb_box h1,
#main-content-block #agb_box h2,
#main-content-block #agb_box p,
#main-content-block #agb_box ul li {
font-size: 8pt;
}


/* ///////////////// Haarlinie /////////////////////// */

.linie {
border:none;
border-top: 2px dotted #bdbdb2;
background-color:#FFFFFF;
height:1px;
margin:4px 0px 18px 0px;
}

/* ///////////////// AGB Box /////////////////////// */

#main-content-block .agb_box {
margin: 10px 0px 15px 0px;
display: block;
padding: 2px 10px 8px 10px;
width: 620px;
height: 100px;
overflow:auto; /* bildet den Artikel in einer iframe-gleiche box, mit scrolling */
background-color: #FFFFFF;
border:1px solid #1992af;
font-family: arial,verdana;
}

#main-content-block .agb_box h1,
#main-content-block .agb_box h2,
#main-content-block .agb_box p,
#main-content-block .agb_box ul li {
font-size: 9pt;
}

/* ------------- Cookiebar ----------------------------------------------------*/

#eu_cookiebox {
display: block;
z-index: 10000;
position: fixed;
bottom: 0px;
min-height: 30px;
padding: 15px;
margin: 0;
width: 100%;
color: #fffffa;
background: rgba(160,160,120, .95);
text-align:center;
}

#eu_cookiebox a,
#eu_cookiebox a:link {
color: #fffffa;
text-decoration:underline;
}

#eu_cookiebox a:hover{
opacity:0.8;
}

#eu_cookiebox .infotext {
display: inline-block;
max-width:990px;
text-align:center;
font-size:14px;
font-weight:400;
}

#eu_cookiebox .schalter {
background-color:#54543f;
border:0px solid #ffdf44;
color:#FFFFFF;
border-radius:3px;
padding:2px 7px 3px 7px;
margin-left:5px;
}

#eu_cookiebox .schalter:hover {
opacity:0.8;
}




