/*RESET (Eric Meyer) http://meyerweb.com/eric/tools/css/reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*DRUPAL*/
form.search-form {padding: 15px;}
.globalAdmin {padding: 4px 7px 7px 7px; background: #dadada;}
.globalAdmin a{margin-right: 25px;}
.form-type-textarea{width: 74.5%;}

.element-invisible{
    display: none;
}


.globalInvisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.search-advanced {display: none!important;}
.region-content{min-height: 300px;}
#gridBody .form-wrapper {width: 100%; overflow: hidden;}
#gridBody .search-form .form-wrapper *{display: block; float: left; margin: 0 15px 0 0;}
ul.pager{width: 300px; margin: 7px auto 30px auto;}
.pager li{display: block; float: left; margin-left: 15px;}

#gridBody .profile{padding: 15px;}


/*BASE*/
/* (de) Schriftgrößen Umrechnung  */
/* {font-size: 216.66%}   /* 26px */ 
/* {font-size: 208.33%}   /* 25px */ 
/* {font-size: 200%}      /* 24px */
/* {font-size: 175%}      /* 21px */
/* {font-size: 150%}      /* 18px */
/* {font-size: 141.66%}   /* 17px */
/* {font-size: 133.33%}   /* 16px */
/* {font-size: 125%}      /* 15px */
/* {font-size: 116.67%}   /* 14px */
/* {font-size: 108.33%}   /* 13px */
/* {font-size: 100%}      /* 12px */
/* {font-size: 91.67%;}   /* 11px */
/* {font-size: 83.33%;}   /* 10px */
/* {font-size: 66.66%;}   /*  8px */
/* {font-size: 58.33%;}   /*  7px */

body {font-family: calibri, arial; line-height: 1.2em; color:#444; background: #BF7538}
h1{font-size:150%; padding: 0 0 7px 0; font-weight: bold;}
h2{font-size:133.33%; padding: 2px 0 5px 0;}
h2.globalLarge{font-size: 150%; font-weight: bold; margin-bottom: 12px;}
h3,
h4{padding: 2px 0 3px 0; font-weight: bold;}
a {color: maroon; text-decoration: none;}
a:hover {text-decoration: underline;}
p{padding: 0 0 7px 0;}
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid maroon;
    margin: 1em 0; padding: 0; clear: both;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;}

.globalOpacity{background: url(../img/bg_opacity07.png)}
/**color classes*/
.colorcbb5a3 .globalOpacity,
.colorbf7538 .globalOpacity{background: url(../img/bg_opacity06.png)}
.color996600 .globalOpacity,
.color976C49 .globalOpacity{background: url(../img/bg_opacity07.png)}

.colorcbb5a3 #gridWrapper{background-image: url(../img/bg_main_cbb5a3.jpg); background-color:#cbb5a3 }
.colorbf7538 #gridWrapper{background-image: url(../img/bg_main_nov2013.jpg); background-color:#bf7538;}
/*.colorbf7538 #gridWrapper{background-image: url(../img/bg_main_bf7538.jpg); background-color:#bf7538 }*/
.color996600 #gridWrapper{background-image: url(../img/bg_main_996600.jpg); background-color:#996600 }
.color976C49 #gridWrapper{background-image: url(../img/bg_main_976C49.jpg); background-color:#976C49 }

.colorcbb5a3 .moduleMainNav .boxLevel1.inactive .boxSubnav,
.colorcbb5a3 .moduleMediaLayer{background-color:#eae1da}
.colorbf7538 .moduleMainNav .boxLevel1.inactive .boxSubnav,
.colorbf7538 .moduleMediaLayer{background-color: #e5c8af}
.color996600 .moduleMainNav .boxLevel1.inactive .boxSubnav,
.color996600 .moduleMediaLayer{background-color:#e3d4b8}
.color976C49 .moduleMainNav .boxLevel1.inactive .boxSubnav,
.color976C49 .moduleMediaLayer{background-color: #e2d6cc}


.globalOpacity08{background: url(../img/bg_opacity08.png)}

.globalCssOpacity{background-color: #fff; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}


/*GRID*/
 #gridWrapper{width: 100%; max-width: 1055px; min-width: 740px; margin: 0px auto; background: #996600 url(../img/bg_main.jpg) 0px -216px no-repeat;}
 /**color classes*/

 #gridWrapper.pageHome{background-position: 0px -88px;}


#gridBody{width: 74.5%; margin: 35px 0% 0 0; float:right;position:relative; border-radius: 5px 0 0 0;}
.pageHome #gridBody{margin-top: 165px;}
#gridBody .moduleFooter{float: left; width: 100%;}
#gridNav{width: 22%; float: left; margin: 35px 0 0 0; padding-top: 5px; border-radius: 0 5px 0 0}

.divColRight{
    width: 40%; float: right; margin: 15px 0 0 0; padding: 0 0 35px 7px; border-left: 1px solid #996600;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;      
}
.divColLeft{width: 58%; float:left; }
.divPageContent{padding: 12px 15px 15px 15px;}


.moduleHamburgerNav {display: none;}

.mod24WeatherLink {display: block; float: right;}


/*moduleHeader*/
.moduleHeader{margin:0 auto;}
.moduleHeader h1 {padding: 10px 10px 0 10px;}
.moduleHeader .boxLogo {
    display: block; float: left; width: 22%; padding: 10px 8px; border-radius: 0 0 5px 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}
 
.moduleHeader .boxLogoSmall {display: none;}
.moduleHeader .boxLogo img{width: 100%;}

.moduleHeader .boxIntro{float: right; color: #000; width: 74.5%; border-radius: 0 0 0 5px;}
.moduleHeader .boxMission {margin: 0px 5px 0 0; padding: 10px; font-style: italic;}
.moduleHeader .boxMission h2{padding: 0;}


/*module WYSIWYG*/

.moduleWysiwyg th{font-weight: bold;}
.moduleWysiwyg table{width: 100%;}
.moduleWysiwyg td,
.moduleWysiwyg th{text-align: left; padding: 7px; vertical-align: top;}
.moduleWysiwyg tr{border-bottom: 1px solid maroon;}
.moduleWysiwyg p,
.moduleWysiwyg ul{padding: 0 0 7px 0;}
.moduleWysiwyg img{margin: 7px;}
.moduleWysiwyg .boxLeft{float: left; width: 40%; margin-left: 5%;}
.moduleWysiwyg a img {border: 2px solid transparent;}
.moduleWysiwyg a:hover img {border: 2px solid maroon;}
.moduleWysiwyg .boxCaption {margin: 7px;}
.moduleWysiwyg .boxCaption img{display: block; margin: 0px!important; margin-bottom: 7px;}
.moduleWysiwyg .boxCaption span{font-style: italic;}
.moduleWysiwyg .boxCenter {text-align: center;}
.moduleWysiwyg .boxLeft {text-align: left;}
.moduleWysiwyg .boxRight {text-align: right;}
.moduleWysiwyg .boxTableNoBorder tr{border: 0;}
.moduleWysiwyg .boxTableNoBorder td{padding: 0}
.moduleWysiwyg .boxTableNoBorder img{margin: 3px 7px 3px 3px;}

.moduleWysiwyg .boxCenter td,
.moduleWysiwyg .boxCenter th{text-align: center;  padding: 0 0 7px 0;}
.moduleWysiwyg .boxLeft td,
.moduleWysiwyg .boxLeft th{text-align: left;}
.moduleWysiwyg .boxRight th,
.moduleWysiwyg .boxRight td,
.moduleWysiwyg td.rteright{text-align: right;}

.moduleWysiwyg .boxColLeft{float: left; width: 40%; margin-right: 5%;}
.moduleWysiwyg .boxColRight{float: left; width: 40%;}

.moduleWysiwyg ul{list-style:circle outside none; margin-left: 25px;}
.moduleWysiwyg ol{list-style:decimal outside none; margin-left: 25px;}
.moduleWysiwyg ul li{padding: 0 0 4px 0;}
.moduleWysiwyg a.gallery {display: none;}
.moduleWysiwyg .rtecenter {text-align: center}

/*moduleFooter*/
.moduleFooter {background: url(../img/bg_footer.gif) bottom right no-repeat; padding-top: 55px;}
.moduleFooter .boxFooterNav,
.moduleFooter .boxInfo {text-align: center;
                padding: 15px 0; font-size:83.33%;}

/*moduleMainNav*/
.moduleMainNav li {border-bottom: 1px solid maroon;}
.moduleMainNav a{display: block; padding: 4px 7px 7px 17px; color:#000;
                border-right: 10px solid transparent;}
.moduleMainNav a.hover,
.moduleMainNav a:hover{text-decoration: none; background-color: #FCBA79;}
.moduleMainNav .active > a{font-weight: bold;}
.moduleMainNav .active a,
.moduleMainNav a.active:hover {border-right:10px solid maroon; }
.moduleMainNav .boxSubnav {border-top: 1px solid maroon;}
.moduleMainNav .boxSubnav li{border-bottom: 0; }
.moduleMainNav .boxSubnav li a{padding:2px 16px 3px 17px; font-size: 91.67%; margin: 0 0 0 15px;
                                border-right: 0;}
.moduleMainNav .boxSubnav li a:hover{background-color: #FCBA79; }
.moduleMainNav .boxSubnav .active a{background-color: #FCBA79;}

.moduleMainNav .boxLevel1{position: relative;}
.moduleMainNav .boxLevel1.inactive .boxSubnav{position: absolute; top: -1px; left: 100%; width: auto; 
                                               z-index: 200; background: #e3d4b8; white-space: nowrap;
                                               border-right: 1px solid maroon;
                                               border-left: 1px solid maroon;
                                               border-top: 1px solid maroon; min-width: 220px;}
.moduleMainNav .boxLevel1.inactive .boxSubnav li a{
    border: 0;margin: 0; border-bottom: 1px solid maroon; padding-bottom: 5px; padding-top: 6px
}
.moduleMainNav .boxLevel1.inactive .boxSubnav li a:hover{background: #FCBA79;}

.moduleTeaser {margin-top: 15px;}
.moduleWysiwyg .boxAmmadoButton,
.moduleTeaser .boxAmmadoButton{
    background: url(../img/bg_donatebutton.png) no-repeat;
    color: #d6c299;
    display: block;
    font-weight: bold;
    padding: 186px 0 0 0;
    margin: 3px 0 0 0;
    text-align: center;
    width: 220px;
    height: 35px;
    text-decoration: none;}
.moduleTeaser .boxAmmadoButton {margin: 7px auto 0 auto}
.moduleWysiwyg .boxAmmadoButton:hover,
.moduleTeaser .boxAmmadoButton:hover {opacity: 0.9}


.moduleNews {padding: 12px 15px 15px 15px;}
.moduleNews h3 {margin-bottom:7px;}
.moduleNews .boxItem {margin-top: 15px;}
.moduleNews .boxArchiveLink {font-weight: bold;}
.moduleNews .boxPrev{display: block; float: left;}
.moduleNews .boxNext{display: block; float: right;}
.divPageContent .moduleNews {padding: 0px;}

/*moduleGallery*/
.moduleGallery {width: 100%; overflow: hidden;}
.moduleGallery h3 {float: left; padding-top: 6px; color: #555;}
.moduleGallery .boxLoader {float: left; margin: 0 0 0 15px; width: 32px; height: 32px; background: url(../img/ajax-loader.gif) no-repeat}
.moduleGallery table tr{border: 0!important;}
.moduleGallery table td{padding: 0px!important;}
.moduleGallery .boxNext,
.moduleGallery .boxPrev{width: 5%; overflow: hidden; float: left; height: 110px;}
.moduleGallery .boxNext.active,
.moduleGallery .boxPrev.active{background-image: url(../img/sprites_general.png); background-repeat: no-repeat;
                                cursor:pointer;}
.moduleGallery .boxNext.active{background-position: 10px  center;}
.moduleGallery .boxPrev.active{background-position: -40px center;}
.moduleGallery .boxNext.active:hover{background-position: -190px center;}
.moduleGallery .boxPrev.active:hover{background-position: -240px center;}

.moduleGallery .boxImages{width: 90%; overflow: hidden; float: left; position: relative;}
.moduleGallery td{cursor: pointer;}
.moduleGallery img{float:left;margin: 3px; border: 2px solid transparent; width: 156px;}
.moduleGallery td:hover img{border-color: maroon;}
.moduleGallery .boxSlider{float:left; position:relative;}
.moduleGallery td {vertical-align: middle;}
.moduleGallery .boxSlider .boxCaption{display: none;}


/*Video Gallery*/
.moduleVideoGallery img{border: 0; margin: 5px;}
.moduleVideoGallery .boxPlaybutton{position: absolute; top:0px; left: 0px; display: none; width: 156px; height: 100%;
                                    background: url(../img/playbutton.png)  center center no-repeat;}
.moduleVideoGallery td:hover .boxPlaybutton {display: block;}

/*Module Layer*/
.moduleOpacity {position: absolute; z-index: 10; top: 0px; left:0px; display: none;}
.moduleLayer {position: absolute; z-index: 20; background: #fff; top: 0px; left:0px;
             display: none; min-width: 300px; min-height: 300px;}
.moduleLayer .boxHead {padding: 5px 15px 0 0; text-align: right;}
.moduleLayer .boxClose {}
.moduleLayer .boxMessage {padding: 25px;}
.moduleLayer .boxError {padding-bottom: 15px; font-size: 91.67%; color: #CC3300;}
.moduleLayer .boxLoader{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: green; display: none;
                        opacity: 0.6; background: #fff url(../img/ajax-loader.gif) center center no-repeat }

/*Module Image Layer*/
.moduleMediaLayer  {background: #d6c299}
.moduleMediaLayer img {margin: 7px 0 12px 0; max-width: 980px;}
.moduleMediaLayer .boxInner  {text-align: center; float: left; margin: 0 0 20px 0;}
.moduleMediaLayer .boxNext,
.moduleMediaLayer .boxPrev{width: 50px; height: 110px; display: none;}
.moduleMediaLayer .boxNext{margin-right: 25px; float: right;}
.moduleMediaLayer .boxPrev{margin-left: 25px; float: left;}
.moduleMediaLayer .boxNext.active,
.moduleMediaLayer .boxPrev.active{background-image: url(../img/sprites_general.png); background-repeat: no-repeat;
                                  cursor:pointer;}
.moduleMediaLayer .boxNext.active{background-position: 30px center;}
.moduleMediaLayer .boxPrev.active{background-position: -50px center;}
.moduleMediaLayer .boxNext.active:hover{background-position: -170px center;}
.moduleMediaLayer .boxPrev.active:hover{background-position: -250px center;}

/*Video Gallery*/
#module_video_layer .boxNext,
#module_video_layer .boxPrev{width: 50px; height: 369px!important;}

/*Video layer, no gallery*/
#module_video_layer_static .boxInner{padding: 5px 50px;}

/*Search button an field*/
.moduleSearch {padding: 5px 0  17px 17px!important; position: relative;}
.moduleSearch .boxText{
    width: 93%; height: 28px; background-color: #efefef;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;   
}
.moduleSearch .boxIcon{ position: absolute; top: 7px; right: 20px}

/*Search results*/
.moduleSearchResults .boxResult{width: 80%; margin-bottom: 15px;}
.moduleSearchResults .boxInfo{font-size: 91.67%;}
.moduleSearchResults .boxInfo p{padding-bottom: 0px;}
.moduleSearchResults .boxUrl{color: maroon; font-size: 83.33%;}

/*Motto in the right col under the navigation*/
.moduleMotto{padding: 65px 7px 35px 7px; font-size: 125%;}
.moduleMotto p{text-align: center; font-style: italic;}

/*Module with floated and linked images*/
 .moduleImageLinks {padding: 15px 0 15px 45px;}
.moduleImageLinks a{font-size: 91.67%;}
.moduleImageLinks a:hover img{border: 2px solid maroon;}
.moduleImageLinks .boxItem{min-height: 180px; display: block; float: left; width: 140px;  margin: 0 25px 15px 0; text-align: center; height: 254px}
.moduleImageLinks img{display: block; margin: 0 0 7px 0; border: 2px solid transparent;}

/*Form for comments*/
.moduleForm {padding: 0 25px 25px 25px;}
.moduleForm h3{margin-bottom: 15px;}
.moduleForm .boxItem{margin: 0 0 10px 0;}
.moduleForm .boxText,
.moduleForm .boxRadio{width: 68%;}
.moduleForm textarea{width: 98%;}
.moduleForm label,
.moduleForm .boxLabel,
.moduleForm .boxRadio,
.moduleForm .boxText,
.moduleForm .boxRadio input,
.moduleForm textarea{display: block; float: left;}
.moduleForm label,
.moduleForm .boxLabel {width: 30%;}
.moduleForm .boxRadio label {width: auto;}
.moduleForm .boxDescription {float: left; font-size: 91.67%;}
.moduleForm .boxSubmit {margin: 0 0 25px 86%; display: block; padding: 4px 15px 7px 15px; font-weight: bold;
                        background: maroon; color:#d6c299; text-decoration: none; float: left;}
.moduleForm .boxEdit{font-weight: bold; displa: block; margin-top: 25px; float: left;}
.moduleForm fieldset {width: 700px; border: 1px solid #888; padding: 15px; margin: 0 0 15px 0;}
.moduleFrom legend {font-weight: bold;}
.moduleForm .boxRadio .boxRow {padding: 0 0 4px 0;}
.moduleForm .boxRadio .boxRow label{padding: 1px 0 0 0;}

.moduleForm .boxError .boxParamName{font-weight: bold;}

.moduleComments .boxButton{display: block; padding: 4px 15px 7px 15px; font-weight: bold;
                            background: maroon; color:#d6c299; text-decoration: none; float: left;}
.moduleComments .boxContent{padding: 25px 0 0 0;}
.moduleComments .boxComment{padding: 12px 0 15px 0; border-bottom: 1px solid maroon;}
.moduleComments .boxAuthor {font-size: 91.67%;}

.moduleSitemap .boxLevel1 > a{font-weight: bold;}

.moduleActivities{position: relative; font-size: 91.67%; height: 1200px; margin: 15px 0 0 0;}
.moduleActivities a img{border: 2px solid transparent;}
.moduleActivities a:hover img{border: 2px solid maroon;}

.moduleSidebarImage{width: 100%; text-align: center; margin: 25px 0 0 0;}
.moduleSidebarImage .boxCaption{font-size: 0.9em; padding: 0 7px;}
.moduleSidebarImage .boxCaption a{font-style: italic;}

.modAffiliateHeadline {padding: 35px 10px 0 10px;}

.modulePaybackWidget {width: 150px; float: right;}

/*Small Layouts*/
@media (max-width: 600px) {
  /*RESET Grid*/
  #gridWrapper {max-width: 100%; min-width: 100%; width: 100%;}
  #gridNav {width: 100%; display: none;}
  #gridBody {width: 100%; margin-top: 120px!important; border-radius: 0;}
  .pageHome #gridBody {width: 100%; margin-top: 0!important;}
  
  .colorbf7538 #gridWrapper  {background-size: 100%; background-position: 0 0;}
  /*First Page*/
  .moduleHeader .boxIntro  {width: 100%; border-radius: 0; margin-top: 120px;}
  .moduleHeader .boxIntro h1  {font-size: 16px; text-shadow: 1px 1px 1px #aaa;}
  
  .divColRight {width: 100%; float: right; margin-top: 0; padding: 0 15px; border: 0;}
  .divColRight h2{font-size: 150%; font-weight: bold; margin-bottom: 12px;}
  .divColLeft {width: 100%; float: right;}
  
  .moduleHeader {position: relative;}
  .moduleHeader .boxMission {padding-top: 7px;}
  .moduleHeader .boxMission h2  {font-size: 14px; text-shadow: 1px 1px 1px #aaa;}
  .moduleHeader .boxLogo{width: 100%; border-radius: 0;}
  .moduleHeader .boxLogoRegular  {display: none;}
  .moduleHeader img.boxLogoSmall {display: block; width: 100px;}
  #gridBody .moduleFooter {background-image: none; padding: 0; width: 100%;}
  
  .moduleWysiwyg .boxCaption  {float: none!important; max-width: 100%!important;}
  .moduleWysiwyg img{float: none; max-width: 100%; height: auto!important}
  .moduleWysiwyg table,
  .moduleWysiwyg tr,
  .moduleWysiwyg td{display: block;}
  .moduleWysiwyg td{width: 100%;}
  
  .moduleHamburgerNav {display: block; position: absolute; top: 0px; right: 0px; width: 30px; padding: 12px;}
  .moduleHamburgerNav .boxLayer{background: maroon; display: block; width: 100%; height: 5px; margin-bottom: 4px;}
  
  #gridNav {margin: 0;}
  #gridNav .moduleMainNav .boxSubnav {display: block!important; position: static;}
  #gridNav .moduleMainNav .boxSubnav li a {padding: 2px 16px 3px 17px; margin: 0 0 0 15px; border: 0;}
  
  .moduleLayer {min-width: 90%; width: 90%!important}
  .moduleMediaLayer img,
  .moduleMediaLayer .boxInner,
  .moduleMediaLayer iframe {max-width: 100%!important;}
  .moduleMediaLayer .boxPrev,
  .moduleMediaLayer .boxNext,
  .moduleGallery .boxNext,
  .moduleGallery .boxPrev {display: none!important;}
  .moduleGallery .boxImages {overflow-x: scroll;}
  
}