/*	css/styles-fonts.css	*/


/*** css/styles-fonts.css ***/


/*	css/styles.css	*/


/*** css/styles.css ***/

html {
font-size:14px;
}
ul, th, textarea, td, p, ol, li, input, div {
color:#000000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
line-height:20px;
}
h3 {
color:#00294d;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
font-weight:bold;
}
h2 {
color:#00294d;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.2rem;
font-weight:bold;
}
h1 {
color:#00294d;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5rem;
font-weight:bold;
letter-spacing:1px;
word-spacing:4px;
}
body {
}
a:visited {
color:#e32620;
text-decoration:none;
}
a:link {
color:#e32620;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
color:#e32620;
text-decoration:none;
}
.bild_rechts {
float:right;
margin-left:15px;
}
#header {
margin:0px;
width:100%;
margin-bottom:0;
background:none;
height:auto;
background-color:#fff;
}
#footer {
padding:10px;
margin-bottom:10px;
background-color:#e32620;
color:#fff;
}
#footer div,
#footer a,
#footer h2 {
color:#fff;
}
#footer a:hover,
#footer div.yuimenubaritem_activ a:link,
#footer div.yuimenubaritem_activ a:active,
#footer div.yuimenubaritem_activ a:visited {
color:#aaa;
}
#footer #yui-main {
display:inline-block;
}
#fixed {
max-width:1200px;
}
#colright {
margin-left:-250px;
min-height:500px;
}
#colmid {
left:250px;
background-color:#f4f4f4;
}
#colmask {
background-color:#eeeeee;
}
div#col1wrap {
}
#col3 {
display:none;
width:0;
}
#col2 {
left:0px;
width:240px;
padding:10px;
}
#col1pad {
margin:0 10px 0 260px;
}
#col1 {
padding:0 2% 2% 2%;
}
div#slideshow {
width:100%;
overflow:hidden;
height:auto;
max-height:415px;
}
#logo {
position:absolute;
right:2%;
top:50px;
width:300px;
height:auto;
opacity:1;
padding:10px 0 10px 10px;
background-color:rgba(255, 255,255, 0.65)
}
#logo img {
width:280px;
}
#mobile-navi { display:none; }
#top_yui-main {
padding-left:240px;
}
.container-fluid {
padding:0;
}
div.facebook {
margin-top:200px;
text-align:right;
}
#neueNotiz {
background-color:#e32620;
color:#fff;
}
.dropnews-category-name {
display:none;
}
.dropnews-list-article {
margin-bottom:15px;
}
.dropnews-title>h2 {
line-height:1.5rem;
}
/**
* DropTours Programm
*/
.dropapp-tours.dropapp-items .dropapp-item {
position:relative;
margin-bottom:calc(-2.5rem + 15px);
border-top:1px dotted #ccc;
}
.dropapp-tours .dropapp-item-name {
width:calc(100% - 5rem);
position:relative;
z-index:2;
}
.dropapp-tours .dropapp-item-img,
.dropapp-tours .dropapp-item-description,
.dropapp-tours .dropapp-item-options-requirements_kond,
.dropapp-tours .dropapp-item-options-duration,
.dropapp-tours .dropapp-item-options-category-icon,
.dropapp-tours .dropapp-item-options-requirements_techn,
.dropapp-tours .dropapp-item-options-guides,
.dropapp-tours .dropapp-item-more-requirements_kond {
display:none;
}
.dropapp-tours .dropapp-item h2 {
margin:0;
font-size:1rem;
}
.dropapp-tours .dropapp-item p {
margin:0;
}
.dropapp-tours .dropapp-item-options {
position:relative;
right:0px;
top:-2.5rem;
width:100%;
text-align:right;
z-index:0;
}
.dropapp-tours .dropapp-item-options-category {
text-align:center;
font-size:0.7rem;
border:1px solid #727378;
border-radius:50%;
width:1.5rem;
height:1.5rem;
display:inline-block;
}
.droptours-month {
color:#e32620;
}
/**
* Fotogalerie
*/
.dropapp-item-category {
display:none;
}
.btn.btn-primary {
background-color:#e32620;
border-color:#f0605b;
}
#col1 .btn.btn-primary {
margin-top:15px;
}
/**
* Tourenberichte
*/
.berichte .dropapp-tours.dropapp-items {
display:inline-flex;
flex-wrap:wrap;
justify-content:space-between;
}
.berichte .dropapp-tours.dropapp-items .dropapp-item {
width:100%;
}
.berichte .dropapp-tours .dropapp-item-options-images {
background-color:#ddd;
height:50px;
overflow:hidden;
text-align:left;
margin-top:5px;
border-bottom:5px solid #aaa;
}
.berichte .dropapp-tours .dropapp-item-options-images div {
display:inline-block;
}
.berichte .dropapp-tours .dropapp-item-options-images img {
height:50px;
}
/* iPad und co:wenn kleiner als 1024 Pixel */
@media screen and (max-width:1024px) {
}
/* Schmale Browser:wenn kleiner als 992 Pixel */
@media screen and (max-width:992px) {
#colmid { left:0; }
#colright { margin-left:0; }
#col1pad { max-width:100%; margin:0;}
#top_yui-main, #navi-left { display:none; }
#mobile-menu-header { position:absolute; cursor:pointer; display:block; z-index:1000; bottom:0; width:44px; height:40px; right:0; }
.mobile-menu-menu { background-size:cover; background-image:url(/dropnetimages/dropbox/standard/menu-white.png); }
.mobile-menu-close { background-size:cover; background-image:url(/dropnetimages/dropbox/standard/menu-white-closer.png); }
#mobile-menu { list-style-type:none;  display:none; margin-top:0px; background-color:white;}
#mobile-menu ul { width:100%; padding:0px; margin:0; list-style-type:none; }
#mobile-menu ul li { width:100%; padding:0%; padding-top:2%; padding-bottom:2%; border-bottom:1px solid #cccccc; }
#mobile-menu ul li ul li { border:0px solid #cccccc; }
#mobile-menu ul li div { padding-left:4%; }
#mobile-menu a, #mobile-menu a:link, #mobile-menu a:hover, #mobile-menu a:active, #mobile-menu a:visited { font-size:1.5rem; text-decoration:none; color:black;}
#mobile-menu a:hover, #mobile-menu a:active { color:#e32620; }
#col1 { transition:margin-left 1s; padding:0 2% 0 2%; }
#col2 { left:-240px; transition:left 1s; }
.slideright { left:0 !important; }
#logo {
position:absolute;
left:2%;
top:10px;
width:200px;
height:auto;
background-color:white;
opacity:1;
padding:10px 0 10px 10px;
transform:rotate(0);
}
#logo img { width:180px; }
#mobile-navi { 
display:block; 
width:100%;
height:40px;
background-color:#e32620;
}
div#slideshow {
width:100%;
overflow:hidden;
}
#header {
margin:0px;
width:100%;
margin-bottom:40px;
background:none;
position:relative;
}
}
/* iPhone und co.:wenn kleiner als 640 Pixel */
@media screen and (max-device-width:320px), screen and (max-width:640px) {
#mobile-menu-header { top:auto; bottom:0; }
}
/*	css/styles-navi.css	*/


/*** css/styles-navi.css ***/

/**
* Navigation
*/
#yui-main { margin-bottom:0px; }
div.yuimenu { width:220px; padding:0; margin:0; }
div.yuimenubar { width:220px; padding:0; margin:0; padding-top:10px; border:none; }
ul.first-of-type { width:220px; padding:0; margin:0; border:none; }
/* ----------- Navigation links Hauptmenue ----------- */
li.yuimenubaritem { padding:0; margin:0; list-style-type:none; margin-bottom:1rem; }
div.yuimenubaritem { line-height:1.2rem; padding:0; margin:0; border:none; text-align:left; padding-left:1rem; text-align:right;}
div.yuimenubaritem a, div.yuimenubaritem a:link, div.yuimenubaritem a:hover, div.yuimenubaritem a:active, div.yuimenubaritem a:visited { color:#e32620; font-weight:normal; text-decoration:none; font-size:1.3rem; line-height:1.5rem; }
li.yuimenubaritem_activ { padding:0; margin:0; margin-bottom:1rem; list-style-type:none; margin-bottom:1rem; }
div.yuimenubaritem_activ { line-height:1.2rem; padding:0; margin:0; border:none; text-align:left; padding-left:1rem; text-align:right;}
div.yuimenubaritem_activ a, div.yuimenubaritem_activ a:link, div.yuimenubaritem_activ a:hover, div.yuimenubaritem_activ a:active, div.yuimenubaritem_activ a:visited { color:#3c3c3c; font-weight:normal; text-decoration:none; font-size:1.3rem; line-height:1.5rem; }
/* ----------- Navigation links Untermenues ----------- */
li.yuimenuitem { padding:0; margin:0; list-style-type:none; margin-top:1rem; }
div.yuimenuitem { line-height:1.2rem; padding:0; margin:0; border:none; text-align:left; padding-left:1rem; text-align:right; }
div.yuimenuitem a, div.yuimenuitem a:link, div.yuimenuitem a:hover, div.yuimenuitem a:active, div.yuimenuitem a:visited { color:#e32620; font-weight:normal; text-decoration:none; font-size:1.1rem; }
li.yuimenuitem_activ { padding:0; margin:0; margin-top:1rem; list-style-type:none; margin-top:1rem; }
div.yuimenuitem_activ { line-height:1.2rem; padding:0; margin:0; border:none; text-align:left; padding-left:1rem; text-align:right; }
div.yuimenuitem_activ a, div.yuimenuitem_activ a:link, div.yuimenuitem_activ a:hover, div.yuimenuitem_activ a:active, div.yuimenuitem_activ a:visited { color:#3c3c3c; font-weight:normal; text-decoration:none; font-size:1.1rem; }
/* ----------- Hauptmenues oben im Balken ----------- */
#top_yui-main { position:relative; margin-bottom:0px; opacity:0.8; height:50px; bottom:0px; width:100%; padding-left:calc(240px + 2%); padding-top:14px; background-color:#e32620; z-index:900;}
div.top_yuimenu { padding:0; margin:0; }
ul.top_first-of-type { padding:0; margin:0; border:none; }
div.top_yuimenubar { position:relative; width:100%; left:0px; }
.top_yuimenubar div.bd ul { width:100%; padding:0px; margin:0px; }
li.top_yuimenubaritem { display:inline; padding:0px; margin:0px; }
div.top_yuimenubaritem { font-family:verdana, arial, sans-serif; font-weight:normal; display:inline; padding:0px 0px 0px 20px; }
div.top_yuimenubaritem a, div.top_yuimenubaritem a:link, div.top_yuimenubaritem a:hover, div.top_yuimenubaritem a:active, div.top_yuimenubaritem a:visited { color:#fff; font-size:1.3rem; }
li.top_yuimenubaritem_activ { display:inline; padding:0px; margin:0px; }
div.top_yuimenubaritem_activ { font-family:verdana, arial, sans-serif; font-weight:normal; display:inline; padding:0px 0px 0px 20px; }
div.top_yuimenubaritem_activ a, div.top_yuimenubaritem_activ a:link, div.top_yuimenubaritem_activ a:hover, div.top_yuimenubaritem_activ a:active, div.top_yuimenubaritem_activ a:visited { color:#000; text-decoration:none; font-size:1.3rem; }
/*	css/styles-mobile.css	*/


/*** css/styles-mobile.css ***/

@media screen and (max-width:992px) {
.mobile-menu-menu {
background-size:cover;
background-image:url(/dropnetimages/dropbox/standard/menu-white.png);
}
.mobile-menu-close {
background-size:cover;
background-image:url(/dropnetimages/dropbox/standard/menu-white-closer.png);
}
#mobile-menu-header {
display:block;
z-index:10;
width:40px;
height:40px;
}
}
/*	css/styles-color.css	*/


/*** css/styles-color.css ***/

/**
* CSS Lauteraarhuette
*/
#top_yui-main,
#footer,
#mobile-navi {
background-color:#0059a9;
}
#top_yui-main {
opacity:1;
}
div.top_yuimenubaritem_activ a,
div.top_yuimenubaritem_activ a:link,
div.top_yuimenubaritem_activ a:hover,
div.top_yuimenubaritem_activ a:active,
div.top_yuimenubaritem_activ a:visited {
color:#e32620;
}
div.yuimenubaritem a,
div.yuimenubaritem a:link,
div.yuimenubaritem a:hover,
div.yuimenubaritem a:active,
div.yuimenubaritem a:visited {
color:#222222;
}
div.yuimenubaritem_activ a,
div.yuimenubaritem_activ a:link,
div.yuimenubaritem_activ a:hover,
div.yuimenubaritem_activ a:active,
div.yuimenubaritem_activ a:visited {
color:#e32620;
}
#logo-lauteraarhuette {
position:absolute;
right:40px;
top:40px;
width:400px;
height:auto;
opacity:1;
padding:10px;
background-color:rgba(255, 255,255, 0.65)	
}
#logo-lauteraarhuette img {
width:100%;
}
h1 {
color:#0059a9;
}
a:Link,
a:visited,
a:active {
color:#0059a9;
}
.dropapp-items-paging {
padding-bottom:0.5rem;
}
.dropapp-items-paging-name {
font-size:1.3rem;
color:#e32620;
font-weight:bold;
}
article.dropapp-item {
margin-bottom:15px;
}
.dropapp-item-name h2 {
margin-top:5px;
margin-bottom:10px;
font-size:1rem;
font-weight:normal;
}
.dropapp-items-albums article.dropapp-item .dropapp-item-img img {
height:auto;
}
.dropapp-items-albums div.dropapp-item-img,
.dropapp-items-albums svg.dropapp-item-img-svg {
height:inherit;
}
#footer .logo {
width:240px;
opacity:0.9;
}
#footer .logo img {
width:100%;
}
@media screen and (max-width:992px) {
#logo-lauteraarhuette {
width:250px;
right:inherit;
left:15px;
top:10px;
}
#header {
margin-bottom:0;
}
#footer {
padding:15px;
}
#mobile-menu {
background-color:rgb(221, 234, 249);
}
#mobile-menu a,
#mobile-menu a:link,
#mobile-menu a:hover,
#mobile-menu a:active,
#mobile-menu a:visited {
font-size:1.2rem;
}
article.dropapp-item {
width:100%;
}
.dropapp-imageblock .dropapp-item-img>img, .dropapp-imageblock .dropapp-item-img>a>img {
width:100%;
height:auto;
}
}
/*	css/styles-print.css	*/
@media print {


/*** css/styles-print.css ***/


}
/*	css/styles-cms.css	*/


/*** css/styles-cms.css ***/


/*	css/styles-body.css	*/


/*** css/styles-body.css ***/

body {
background-color:#999;
}