/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Salzhausen e.V.
##                                                                          
##        SCHEME:      __salzev__scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }


@font-face { font-family: 'MavenProBold';
	     src: url('../fonts/mavenpro_bold/mavenpro_bold.eot');
	     src: url('../fonts/mavenpro_bold/mavenpro_bold.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/mavenpro_bold/mavenpro_bold.woff') format('woff'),
	          url('../fonts/mavenpro_bold/mavenpro_bold.ttf') format('truetype');
           }

@font-face { font-family: 'PTSansBold';
	     src: url('../fonts/ptsans_bold/PTS75F-webfont.eot');
	     src: url('../fonts/ptsans_bold/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/ptsans_bold/PTS75F-webfont.woff') format('woff'),
	          url('../fonts/ptsans_bold/PTS75F-webfont.ttf') format('truetype');
           }

@font-face { font-family: 'PTSans';
	     src: url('../fonts/ptsans_regular/PTS55F-webfont.eot');
	     src: url('../fonts/ptsans_regular/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/ptsans_regular/PTS55F-webfont.woff') format('woff'),
	          url('../fonts/ptsans_regular/PTS55F-webfont.ttf') format('truetype');
           }



/* FOR FULL SCREEN BACKGROUNDS */

html       { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; 
             background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
             background-size: cover;
           }

html       { height:100%; width:100%; }
body       { text-align: center; font-family: PTSans; font-size: 17px; color: #4b4b4d; margin: auto; background: #e5e5e5 url('../images/bg.jpg') repeat-x; }


.sevred    { color:#bd002f; }
.sevlred   { color:#d50040; }
.sevorange { color:#f49b00; }
.sevgreen  { color:#9fc32e; }
.sevgrey   { color:#4b4b4d; }

.bgsevred    { background:#bd002f; }
.bgsevlred   { background:#d50040; }
.bgsevorange { background:#f49b00; }
.bgsevgreen  { background:#9fc32e; }
.bgsevgrey   { background:#4b4b4d; }
.bgsevgreylight   { background:#9b9b9d; }


img        { border:0px; max-width:100%; }

.scrollup 
{ 
	background: #bd002f url('../images/arr_up.png') no-repeat;
	background-size: 30px 30px;
	background-position: 15px 14px;
	bottom: 20px;
        border-radius:50%;
	display: none;
        width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
        border:3px solid #fff;
	text-indent: -9999px;
	z-index: 999;
}


/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/


form         { height:100%; }
input        { font-family: PTSans; font-size:1.000em; border: 1px solid #888; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
input:focus  { background-color: #fff; border: 1px solid #4b4b4d; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

select     { font-family: PTSans; font-size:1.000em; border: 1px solid #666; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
select:focus  { background-color: #fff; border: 1px solid #4b4b4d; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

textarea     { font-family: PTSans; font-size:1.000em; border: 1px solid #666; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
textarea:focus  { background-color: #fff; border: 1px solid #4b4b4d; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

.noborder    { border:0px; }

#emailError  { background: #aa0000; padding:2%; color:#fff; }
#emailOk     { background: #2fac66; padding:2%; color:#fff; }

.fsHead      { margin:25px 0 10px 0!important; }

.msg      { display:block; padding: 20px 20px 20px 64px; border-radius:5px; font-size:1.0em; }
.msgOk    { clear:both; display: block; color:#fff; background: #9fc32e url('../images/ok_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }
.msgError { clear:both; display: block; color:#fff; background: #bd002f url('../images/error_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }



/*
## -----------------------------------------------------------------------------
##
##  NORMAL SITE STYLES
##
##
*/


#horizon     { clear:both; width:100%; max-width:1200px; margin:0 auto; background: #ffffff; box-shadow: 0 0 20px rgba(33,33,33, 0.8); } 

#headline    { width:100%; height:116px; margin:0 auto; background: transparent; border-bottom: 5px solid #9fc32e; }
#headarea    { width:1090px; height:116px; padding:0; margin:0 auto; /*background: rgba(255,255,0,0.5);*/ text-align:left; }

#logo        { display:block; width:296px; height:181px; position:absolute; z-index:999; background: url('../images/logo.png') no-repeat;  }
#logoxy      { float:left; width: 296px; /*height:178px;*/ } 

.logosub     { width:320px; height:120px; display:block; /*background: rgba(0,0,0,0.02);*/ z-index: 998; position: absolute; border-top: 5px solid #9fc32e; top: 116px; background: url(../ukraine.png) no-repeat; background-size:233px; background-position: 21px -147px;  }

#menuarea       { float:left; margin:56px 0 0 400px; width: 680px; }
#menuarea:after { clear:both; }


/*
## -----------------------------------------------------------------------------
##
##  SITE MAIN NAVIGATION STYLES
##
##
*/


nav   { display:block; position:relative; z-index:15; left:0px; top:0px; width:100%; }


#menuNav > ul{	width: 100%; /* Increase when adding more menu items */
	        margin:0 auto;
             }
 
#menuNav > ul > li{ /* will style only the top level li */

	list-style: none;

	display: inline-block;
	line-height: 1.5em;
	margin: 1px 1px 1px 1px;

	position:relative;

        border-left:1px solid #e5e5e5; 

	font-size:20px;
	padding: 0 11px 8px;
        font-family: PTSansBold;
        font-weight:normal;
        color: #4b4b4d;
}

#menuNav > ul > li:first-child {
   border:none; 
   margin-right:4px;
}

#menuNav > ul > li:hover {

 color: #bd002f;

}

#menuNav > ul > li:before {
    font-size:38px;
    position:relative;
    top:8px;
    left:2px;
    content: "";
    color: #c9d7f0; /* or whatever color you prefer */
}

#menuNav > ul > li:hover:before {
    font-size:38px;
    position:relative;
    /*top:8px;
    left:2px; */
    content: "";

    /*background:#c39220;*/

    color: #49bdc7; /* or whatever color you prefer */
}


#menuNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:20px;
	padding: 0px;
        font-family: PTSansBold;
        font-weight:normal;
        color: #4b4b4d;

}

#menuNav > ul > li > a:hover { color: #bd002f; }


#menuNav li ul{ position:absolute; list-style:none; text-align:left; 

min-width:220px;
width:auto; 


/*width:240px; */
left:0%; 
margin-left:0px; 
z-index:900;

	color: #4b4b4d;

	/*margin: 0 30px; */
	/*padding: 0 0 7px 0;*/

top: 50px; font-family: PTSans; font-size:18px; border-radius:3px; 

	text-decoration: none !important;
	display: block;



 box-shadow: 0px 0px 10px rgba(55,55,55,0.5);
/*border:1px solid #bd002f; */
/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;

}

/* ARROW */
/*
#menuNav > ul > li > ul:before {
	content:"";
	height:0;
	width:0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;

	position:relative;
	top: -10px;
	left:15%;
	margin: 0px 0 0 -3px;
	z-index:1000;	
}
*/


#menuNav li ul li{

        background-color: #fff;
        border-bottom:1px solid #e4e4ea;
}

#menuNav li ul li:last-child {

        border-bottom: none; /*1px solid #fff;*/
}


#menuNav li ul li a{
        margin:0 30px;
	padding:7px 0 7px 0;
        font-family: PTSans;
        font-size: 18px;
	color:#4b4b4d; /* !important;*/
	text-decoration:none !important;
	display:block;
}

#menuNav li ul li a:hover { color:#fff; }



#menuNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#fff;
        border-bottom:1px solid #e4e4ea;
}

#menuNav li ul li:hover{ color:#fff; background-color: #bd002f; }

#menuNav li ul li:first-child{
	border-radius:5px 5px 0 0;
	margin-top:0px;
	position:relative;
}

#menuNav li ul li:first-child:before{ /* the pointer tip */

	content:'';

/*
position:absolute;
width:10px;
heigth:10px;
background:#ccc;*/

        /*
         position:absolute;
         top:-10px;
         z-index:999;
	 width:9px;
	 height:15px;
	 border:15px solid #333; 
	 border-bottom-color:#333;
         left:25px;
	 top:-25px; 
         margin-left:-5px; 
        */

        /*display:none; */
}

#menuNav li ul li:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#menuNav .tip { background:#ccc; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav li:hover ul{ max-height:350px; } /* Increase when adding more dropdown items */



/* LEVEL III */


#menuNav > ul > li > ul > li > ul{ position:absolute; float:left; list-style:none; z-index:901; text-align:left; width:auto; left:0%; top:-5px; margin-left:222px;

                      font-family: PTSans; font-size:18px; /*border-radius:0px;  box-shadow: 0px 6px 22px rgba(106,106,106,0.5); */

background:#f1f1f1;


	/* This is important for the show/hide CSS animation */


	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;


}

#menuNav > ul > li > ul > li > ul:before { content: ""; }
#menuNav > ul > li > ul > li > ul:last-child { border-radius: 0; box-shadow:none;  }
#menuNav > ul > li > ul > li > ul > li{ background-color: #f1f1f1; border-bottom:1px solid #dddddd; }
#menuNav > ul > li > ul > li > ul > li a{ margin:0 15px; font-size:18px; /*padding:7px 0px 7px 30px; color:#4b4b4d !important; */  text-decoration:none !important; display:block; }
/* #menuNav > ul > li > ul > li > ul > li a:first-child { } */
#menuNav > ul > li > ul > li > ul > li a:hover { background-color: #bd002f; color: #fff; }
#menuNav > ul > li > ul > li > ul > li:nth-child(odd){ /* zebra stripes */ border-bottom:1px solid #dddddd; background:#f1f1f1;}
#menuNav > ul > li > ul > li > ul > li:hover{ background-color: #bd002f; color:#fff !important; } 


#menuNav > ul > li > ul > li > ul > li:first-child{ position:relative; border-top: 5px solid #c1c1c1; border-radius:0; }
#menuNav > ul > li > ul > li > ul > li:first-child:before{ /* the pointer tip */ content:''; }
#menuNav > ul > li > ul > li > ul > li:last-child{ border-radius: 0; border-bottom: 5px solid #c1c1c1;  }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav > ul > li > ul > li:hover > ul{ max-height:500px; } /* Increase when adding more dropdown items */
#menuNav .tip { /*background:#ccc;*/ }


#menuNav > ul > li > ul > .menusub:hover { width:413px; }
.menusub  { position:relative;  /*float:left;*/ display:block; /*margin-bottom:20px;*/ font-size:17px; color: #4b4b4d; padding:7px 0 7px 30px; text-decoration:none !important; } 


.menusub3 { position:absolute; float:left; /*top:-305px;*/ width:auto; min-width:222px; border-left:1px solid #ddd; /*border-right:1px solid #ddd;*/ }



/*
## -----------------------------------------------------------------------------
##
##  MOBILEMENU/TABLEMENU STYLES
##
##
*/

#mobilebox { position:absolute; z-index:99; top:0px; right:0px; width:100%; text-align:right; margin:37px 0 0 0; padding-right:2%; }
.mobilebutton { background: #bd002f url('../images/menu.png') 12px 7px no-repeat; padding:17px 17px 17px 42px; border-radius:50%; color:#fff; }

#mobilemenu      { display:none; font-size:18px; position:relative; z-index:10; width:100%; height:auto; background:#bd002f; left:0px; top:-2px; color:#fff;  }
#mobilemenu a    { width:90%; padding:4%; display:block; color: #fff; text-align:center; border-bottom:1px solid #fff; }
#mobilemenu .sep { display:block; background:#8a0425; color:#fff; padding:4%; text-align:center; }


#tabletbutton { position:absolute; width:92px; height:36px; top:55px; right:20px; z-index:999; display:block; border-radius:5px; margin:0px auto; padding:5px; background:#bd002f url('../images/menu_tablet.png') 5px 5px no-repeat; height:38px; text-align:center; }
#tabletbutton img { margin:0 auto; }

#tabletmenu   { display:none; box-sizing: border-box; font-size:16px; position:absolute; z-index:998; width:100%; height:auto; background:rgba(232,232,232,1); padding:20px; left:0px; top:132px; color:#4b4b4d; border-bottom: 4px solid #9fc32e; }
#tabletmenu a { box-sizing: border-box; width:95%; padding:5%; display:block; color: #4b4b4d; text-align:left; }
#tabletmenu a:hover { background: #bd002f; color:#fff; border-radius:3px; } 

.tabletcategory { display:block; width:90%; height:auto; text-align:left; padding:5% 0 5% 5%; background: #4b4b4d; color:#fff; border-radius:3px;}
.tbcol50   { float:left; width:42%; display:block; }
.tbspace50 { margin-right:8%; }



/*
## -----------------------------------------------------------------------------
##
##  BUTTONS / GLOBAL LINKS
##                                             
*/

a            { color:#bd002f; font-family: PTSans; font-size:1.000em; text-decoration:none; }

.startbutton  { position:absolute; bottom: 10px; right: 10px; width: auto; height: auto; font-family: PTSans; font-size: 1.000em; text-align: left; color: #fff; padding: 12px 12px 12px 12px; border: 2px solid #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); text-decoration: none; }
.normbutton   { margin-top:10px; display:inline-block; bottom: 10px; right: 10px; width: auto; height: auto; font-family: PTSans; font-size: 1.000em; text-align: left; color: #fff; padding: 12px 12px 12px 12px; border: 2px solid #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); text-decoration: none; }

.arrows       { position:relative; top:2px; }

.gradred      { background: linear-gradient(0deg, #bd002f, #de0037); }
.gradorange   { background: linear-gradient(0deg, #f49b00, #ffb534); }
.gradgreen    { background: linear-gradient(0deg, #9fc32e, #a8d618); }
.gradgrey        { background: linear-gradient(0deg, #9a9a9d, #cbcbcd); }
/*.gradgrey:hover  { background: linear-gradient(0deg, #bd002f, #de0037); }*/

.gradgreyg       { background: linear-gradient(0deg, #9a9a9d, #cbcbcd); }
.gradgreyg:hover { background: linear-gradient(0deg, #9fc32e, #a8d618); }
.gradgreyo       { background: linear-gradient(0deg, #9a9a9d, #cbcbcd); }
.gradgreyo:hover { background: linear-gradient(0deg, #f49b00, #ffb534); }


.greenlist ul { padding:0; margin:0; line-height:1.0em;  }
.greenlist li:before { position:relative; content: "•"; font-size: 28px; top:4px; margin-right:15px; line-height:1em; color:#9fc32e; }
.greenlist li { margin:0; padding:0; list-style-type:none; }


.redlist ul { padding:0; margin:0; line-height:1.0em;  }
.redlist li:before { position:relative; content: "•"; font-size: 28px; top:4px; margin-right:15px; line-height:1em; color:#bd002f; }
.redlist li { margin:0; padding:0; list-style-type:none; }

.formbuttonspacer { margin:40px 0 15px 0; }

/* SPECIAL NAV AKTIONEN / KULTURELLES */

   .classicNavButton { display:block; }
   .archiveNavButton { display:none; width:max-content; }

   .respNavItem { display:block; padding:15px 0; text-align:center; text-align:center; border-bottom:2px solid #fff; color:#fff; }
   .archiveNav { display:none; position:absolute; width:280px; z-index:99; top:70px; left:0; border: 2px solid #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgb(0 0 0 / 50%); }
   .archiveNav a:last-child { border-bottom: 0; }


/*
## -----------------------------------------------------------------------------
##
##  MAIN SLIDER / IMAGE STYLES
##                                             
*/


#imgContainer { /*border-top:3px solid #666;*/ display:block; width:1200px; height:407px; background: transparent;
                text-align:left;
                border-bottom: 4px solid #9fc32e; }


#imgContainerTQ { /*border-top:3px solid #666;*/ display:block; width:1200px; height:256px; background: transparent;
                background-position:center center;
                background-size:cover;
                text-align:left;
                border-bottom: 4px solid #9fc32e; }


.actionBar   {  width:450px; height:auto; position:absolute; top:50%; left:76px; padding:20px; background: rgba(75,75,77,.95); border-radius:5px; text-align:left; }
.actionBar h1 { color:#fff; font-size:26px; margin-bottom:0px; }
.actionBar h2 { color:#fff; font-size:26px; margin-bottom:0px; border:none; margin:0; padding-bottom:0; }
.actionBar p  { margin-top:0; color:#fff; font-size:18px; font-family: PTSans; }

.smallTeaser { width:auto; display:inline-block; position:relative; top:55%; left:76px; padding:20px; /*background: rgba(75,75,77,.95);*/ border-radius:5px; text-align:left; }
.smallHeader { color:#fff; font-family: MavenProBold; font-size:20px; margin-bottom:0px; }
.smallText   { margin-top:0; color:#fff; font-size:1.000em; font-family: PTSans; }


/*
## -----------------------------------------------------------------------------
##
##  STARTSEITE STYLES
##                                             
*/

.startrow  { display:block; position:relative; z-index:98; height:510px; border-radius:5px; border:1px solid #ddd; padding:8px; color:#000;  }
.nopadding { padding:0; height:526px; }
.bypadding { height: 58px; }

.imgparent { width:100%; display: inline-block; cursor: pointer; overflow: hidden; position: relative; height: 224px; border-radius:3px 3px 0 0; }
.imgchild  { display:block; width: 100%; height: 224px; background-size: cover;  /*background-repeat: no-repeat;*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.imgparent:hover .imgchild, .imgparent:focus .imgchild {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.imgparent:hover .imgchild:before, .imgparent:focus .imgchild:before {
    display: block;
		/*opacity: 0.7;*/
}

.imgparent:hover a, .imgparent:focus a {
    display: block;
}

.imgchild:before {
    content: "";
    display: block;
	opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.startrow h2    { font-size:20px; margin:16px 0 2px 0; border:none; }
.startrow p     { margin-top:16px; font-size:0.941em; color:#4b4b4d;  }
.startrow small { display:block; font-size:0.941em; color:#8b8b8d;  }
.startrow a     { font-weight:bold; } 

.startrow h3    { font-size:24px; margin:0px 0 2px 0; border:none; padding-bottom:0; }

.aktblock    { padding:8px; border-bottom:3px dotted #ccc; }
.aktblock h4 { display:inline-block; margin:0; background:#4b4b4d; font-size: 0.75em; border-radius: 5px; color:#fff; padding:4px 6px; text-transform: uppercase; }
.aktblock p  { margin: 4px 0 2px 0 !important; line-height:1.2em; }


.cornerred    { position:absolute; box-sizing: border-box; width:117px; height:72px; z-index:99; top:-7px; left:-7px; background: url('../images/corner_red.png'); font-family: PTSans; font-size:1.125em; font-weight:bold; color:#fff; padding:2px 0 0 6px; }
.cornerorange { position:absolute; box-sizing: border-box; width:117px; height:72px; z-index:99; top:-7px; left:-7px; background: url('../images/corner_orange.png'); font-family: PTSans; font-size:1.125em; font-weight:bold; color:#fff; padding:2px 0 0 6px; }
.cornergreen  { position:absolute; box-sizing: border-box; width:117px; height:72px; z-index:99; top:-7px; left:-7px; background: url('../images/corner_green2.png'); font-family: PTSans; font-size:1.125em; font-weight:bold; color:#fff; padding:2px 0 0 6px; }

.cornerTT     { transform: rotate(-30deg);  }
.cornerLTT    { transform: rotate(30deg); }

.textzone     { height:192px; overflow:hidden; }
.textzone h2  { padding-bottom:0; }
.buttonzone   { width:100%; height:88px; }


.siteNav      { display:inline-block; border-radius:50%; border:3px solid #fff; color:#fff; /*display:inline;*/ padding:5px 9px; text-align:center; width:18px; height:20px; margin-left:5px;}

.startBlockLeftBg { min-height:453px; background: #f5f5f5 url('../images/start50bg_left.png') left bottom no-repeat; background-size:cover; }
.startBlockRightBg { min-height:453px; background: url('../images/start50bg_right.png') right top no-repeat; background-size:cover; }


/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/



section      { }

.full      { clear:both; width:100%; display:block; }
.fullbo    { width:98%; border:3px solid #666; display:block; }

.content     { clear:both; width:1100px; display:block; margin:0 auto; text-align:left; padding:50px 0px 50px 0px; background: transparent; }
.contentHome { clear:both; width:1100px; display:block; margin:0 auto; text-align:left; padding:30px 0px 50px 0px; background: transparent; }

.content p { margin-bottom:25px; }
.contentHome p { margin-bottom:25px; } 

.contentFull     { clear:both; width:980px; display:block; margin:0 auto; text-align:left; background: rgba(255,255,255,.94); color:#555; }

.contentGold21   { float:left; width:570px; padding: 0 0 0 0; }
.contentGold12   { float:left; width:344px; margin-left:50px; height:auto; padding: 30px 0 0 0; text-align:left; }

.contentGoldRev12 { float:left; width:260px; margin-right:40px; text-align:center;}
.contentGoldRev21 { float:left; padding-top:80px; width:560px; text-align:center; }


.negCorrectBuchung { position:relative; top:-130px; }
.negCorrectMargin  { margin-bottom: -130px; }

.imgDesc p       { display:block; font-family: SourceSans; font-size: 0.875em; line-height:1.500em; margin-top:25px; text-align:center; }
.imgDesc strong  { font-family: SourceSansRegular; font-size:1.125em; line-height:1.500em; font-weight: normal; }

.imgBar          { margin: 25px 0 25px 0; }

#bread           { width:100%; font-size:15px; font-family: SourceSans; color: #888; text-align:center; }
#breadcon        { width:964px; background:url('../images/icon_home.jpg') 0 9px no-repeat; padding:7px 0 0 20px; border-top: 1px solid #d9dfe2; margin:9px auto 0 auto; text-align:left; }
.breadarr        { width:16px; height:14px; display:inline-block; background:url('../images/icon_arr.jpg') -4px 1px no-repeat; }

section ul       { padding:0 0 5px 10px; line-height:1.4em; }
section ol       { padding:0 0 5px 25px; line-height:1.4em; }
section li       { padding-left:14px; margin:0 0 10px 15px; font-size:1.000em;}
section .infobar { position:absolute; z-index:999; top:350px; left:50%; margin-left:-654px;  padding:8px 10px 8px 15px; width:267px; height:20px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background: #4265ae; color: #fff; }
.services        { background-image: url('../images/large_arrow.png'); }


.uuyear { position:relative; background: #bd002f; text-shadow: 0 3px 3px rgba(0,0,0,5); z-index:5; padding:40px 0 0 0; margin:0 auto; width:140px; height:90px; display:block; border:5px dotted #fff; border-radius:50%; font-size:2.25em; text-align:center; vertical-align:middle; color:#fff; font-family: MavenProBold; }
.uuback { position:absolute; font-family: MavenProBold; z-index:3; top:25px; left:10px; text-shadow: 0 10px 10px rgba(255,255,255,0.2); text-align:center; color:rgba(255,255,255,0.2); font-size:1.3em; font-weight:bold; }
.imgVorstand { width: 65%; border: 4px solid #fff; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); margin: 0 auto; }


#infoblock       { float:right; width:34.26530612244898%; padding: 5% 4% 4% 0%; }


.thlineHeader { clear:both; border-bottom: 3px dotted #ccc; margin:10px 0 25px 0; }
.thline       { clear:both; border-bottom: 3px dotted #ccc; margin:25px 0; }


article { }

h1 { font-family: MavenProBold;
     font-size: 1.765em;
     font-weight:normal;
     color: #8e3314;
     margin-bottom:25px;
   }

h2 { font-family: MavenProBold;
     font-size: 1.353em;
     color: #4b4b4d;
     font-weight:normal;
     margin:0 0 25px 0;
     padding-bottom:5px;
     display:inline-block;
     /*border-bottom: 3px dotted #ccc;*/
   }

.nomargin { margin:0; padding:0; }

h3 { font-family: MavenProBold;
     font-size: 1.625em;
     color: #4b4b4d;
     font-weight:normal;
     margin:0px 0 25px 0;
   }

th, td {
    padding:7px;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

p  { text-align:left; letter-spacing: 0px; margin-top:10px; line-height:1.4em; }


.center { text-align:center; }

.datenschutzContainer h2 { font-size:1.765em; }
.datenschutzContainer h3 { font-size:1.353em; }

/*
## -----------------------------------------------------------------------------
##
##  IMAGE HOVER FX
##                                             
*/


.imghover { position: relative; padding: 0; width:100%; display:block; cursor:pointer; border-radius:5px; border:5px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3); vertical-align:middle; }
.imgtext  { position: absolute; 
            display:table-cell; 
            width: 100%;
            /*height: 94.8%; */
            height:100%;

            color:#fff; 
            background-color:rgba(77,77,77,0.9);
            text-align: center; 

            z-index: 10;
	    opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

.imgtext:hover { opacity:1; }
.hovertext     { display:flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:1.4em; vertical-align:middle; }
/*img { z-index:1; }*/

.imgContent      { vertical-align:middle; }


/*
## -----------------------------------------------------------------------------
##
##  COLS
##                                             
*/


.col100 { float:left; margin:20px 0; width:100%; }
.col50  { float:left; margin:20px 0; display:block; width:47.5%; }
.col66  { float:left; margin:20px 0; display:block; width:64%; }
.col33  { float:left; margin:20px 0; display:block; width:30%; }
.col25  { float:left; margin:20px 0; display:block; width:22%; /*background:#ccc;*/ }
.col12  { float:left; margin:20px 0; display:block; width:15%; /*background:#ccc;*/ }

.space50 { float:left; display:block; margin-right:5%; }
.space33 { float:left; display:block; margin-right:5%; }
.space25 { float:left; display:block; margin-right:3%; }
.space12 { float:left; display:block; margin-right:2%; }

.colShadow { box-shadow: 0px 0px 22px rgba(77,77,77,0.5); }

.mitgliederrow  { display:block; min-height:330px; border-radius:5px; border:1px solid #ddd; padding:8px; color:#4b4b4d; background:#fafafa;  }
.mitgliederrow p { margin-top:16px; font-size:0.941em; color:#4b4b4d;  }

.mitimgcon  { padding:10px; }
.mitimg     { border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.mitaddress { height: 126px; }
.mitphone   { height:40px; font-size:15px; padding:20px 0; text-align:center; }
.mitlinks   { min-height:40px; padding:10px 0; margin:0 auto; text-align:center; }


.vereinlogin { border-radius: 5px; background:#23985d; padding:15px }

.belegungresp { display:none; }

/*
## -----------------------------------------------------------------------------
##
##  MODULE
##                                             
*/


.module    { display:block; padding: 14px 14px 14px 14px; background: #f5f5f5; /*#2fac66;*/ /*#f5f5f5;*/ /*#f5f5f5;*/  color:#444; margin:-17px 0px 0px 0px; text-align:center; }
.module h3 { margin:4px 0 0 64px; text-align:left; color: #666; /*#666;*/ }
.module p  { margin-top:16px; text-align:center; color: #666;}


/*
## -----------------------------------------------------------------------------
##
##  Footer - Styles
##                                             
*/


footer    { width:100%; position:relative;  background:url('../images/footerbg.jpg'); font-size:0.875em; border-top:5px solid #adadad; }

#footbar { position:relative; z-index:1; width:1100px; margin:0 auto; top:-5px; padding:34px 50px 0; text-align:left; color: #fff; background: #4b4b4d; border-top:5px solid #9fc32e; }

#footbar h3 { margin:0 0 10px 0; color:#a5a5a5; /*fff;*/ }
#footbar p  { margin: 0 0 25px; font-size:17px; line-height:1.3em; }
#footbar a  { color:#9fc32e; }

.footerlogo { width:75%; margin-bottom:25px; max-width:200px; }

#ccNotice  { display:block; box-sizing: border-box; width:100%; background: rgba(75, 75, 77,.95); color:#fff; padding:15px; position:fixed; z-index:1111; bottom:0px; line-height:1.5em; }
.ccButton  { font-size:15px; margin-left:10px; font-weight:bold; padding:6px 10px; background: #bd002f; border-radius: 3px; box-shadow: 0px 0px 0px rgba(88,88,88,0.5); color:#fff; border:none; display:inline-block; }


.bshadow     { position:relative; z-index:3; top:-31px; left:-20px; display:block; width:100%; min-width:1010px; height:49px; background: url('../images/bshadow.png'); background-position:center;} 



/*
## -----------------------------------------------------------------------------
##
##  RESPONSIVE SLIDER
##                                             
*/

.mainslider { display:block; width:1200px; height:407px; }
.sliderow   { display:block; width:1200px; height:407px; background:transparent; }
.innerrow   { display:block; width:1200px; height:407px; }

.mitslider  { width:1072px; }

.btboxcon     { width: 1200px; text-align:left; margin: 0 auto; /* position:relative; top: 48%; transform: translateY(-48%); */ } 
.slidebutton  { margin: -260px 0 0 48%; }


/*
## -----------------------------------------------------------------------------
##
##  POPUP
##                                             
*/

.popup  { position: fixed; z-index: 1999; top: 50%; left: 50%; /*width: 50vw;*/ width:auto; height: auto; background: #fff; border-radius: 7px; -moz-box-shadow: 4px 4px 30px #130507; -webkit-box-shadow: 4px 4px 30px #130507; box-shadow: 4px 4px 30px #130507; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top    { -moz-transition:top 800ms; -o-transition:top 800ms; -webkit-transition:top 800ms; transition:top 800ms; }
.p_body { position:fixed; z-index: 1998;  top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; -moz-transition:opacity 800ms; -o-transition:opacity 800ms; -webkit-transition:opacity 800ms; transition:opacity 800ms;  }
.popup__header { /* padding: 10px 20px;  */ }
.p_content { width: 100%; box-sizing: border-box; background: #fff; text-align: justify; font-size: 14px; border-radius:7px; padding:0; padding: 10px; }
.popup__footer { display:none; /* padding: 10px 20px;   */  text-align: center; }
.p_close { position: absolute; top: 14px; right: 14px; width: 20px; height: 16px; padding: 20px 13px 10px 9px; background: #bd002f; border-radius:50%; }
.p_close span { display: block; width: 24px; height: 5px; background: #fff; } 
.p_close span:first-child { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p_close span:last-child { margin: -5px 0; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.js__slide_top { height:0; overflow:hidden; top: 0; right:0; bottom: 0; left: 0; }
.js__fadeout { height:0; overflow:hidden; opacity:0; }


/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }