/* 
    MAIN CSS für: Fasenachtsverein Neuendorf 
    Autor: Christian Rauch
*/

.main-menu, .responsive-menu ul, .social-member, .progess-bars, .first-footer .social-footer ul { padding: 0; margin: 0; list-style: none; }
body{margin:0px; /*background-image:url('../img/hinter1.jpg')*/;background-color:rgba(255, 180, 61, 0.1); overflow-y:scroll;}

a  { color:#E36C09; text-decoration: underline; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }
    a:hover, a:focus {
             color:#FFB43D;
    }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; }
h1 {font-size: 26px; text-align:center;font-weight:bold; text-decoration:underline;color:#000;}
h2 {font-size: 22px; font-weight:bold;}
h3 {font-size: 16px; font-weight:bold;}
h4 {font-size: 14px;}

table {width:100%;}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#main-content, .full-width-slider { float: right; width: 80%; }

.section-content { padding: 0 7%; margin-bottom: 100px; }

.section-title { border-top: 4px solid; margin-bottom: 60px; }
.section-title h2 { display: inline-block; padding: 20px 35px; color: white; text-transform: uppercase; font-weight: 300; margin: 0; font-size: 20px; }
.container-fluid {
padding-left:0px;
padding-right:0px;
}

#main-sidebar { float: left; width: 20%; height: 100%; color: white; }

#bg-sidebar { float: left; width: 20%; height: 100%; position: fixed; background-color: rgba(153,204,255,0.8); color: white; z-index:-99;}

.logo { padding: 65px 30px 10px 30px; 	text-align:center;}
.logo a{text-decoration:none;}
.logo img{width:90%;max-width:300px;}

.navigation span{   
        margin: 0px 0px 0px 10px;
        color:#fff;
        font-weight:bold;
        text-decoration:underline;
        font-size:smaller;
    }
.main-menu { text-align: center; }
.main-menu li { margin-bottom: 1px; }
.main-menu li a { /*color: white; */text-decoration: none; font-weight:bold; display: block; padding: 10px 20px 10px 40px;  -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }
.main-menu li a:hover {color: #fff; background-color: rgba(255, 180, 61, 0.7); }

a.menu-toggle-btn, a.menu-toggle-btn2 { width: 100%; text-decoration: none; height: 60px; background-color: #99CCFF; text-align: center; line-height: 60px; display: block; color: white; }
a.menu-toggle-btn i,a.menu-toggle-btn2 i { line-height: 60px; }

.responsive-navigation { position: relative; width: 100%; display: block; z-index: 99;}

.responsive-menu { display: none; background-color: #99CCFF; }
.responsive-menu ul li a { /*color: white;  */ text-decoration: none; display: block; padding: 20px; border-bottom: 1px solid #5a6267; }
.responsive-submenu { display: none; background-color: #99CCFF; }
.responsive-submenu ul li a { /*color: white;  */ text-decoration: none; display: block; padding: 20px; border-bottom: 1px solid #5a6267; }

.main-slider { width: 100%; height: 840px; }

.flexslider .slides { height: 850px; }

.slider-caption { position: absolute; vertical-align: middle; width: 100%; text-align: center; height: 100%; z-index: 8; color: white; top: 10px; }
.slider-caption h2 { font-size: 36px; font-weight: 800; margin-bottom: 30px; }
.slider-caption p { font-size: 16px; letter-spacing: 2px; width: 50%; margin: 0 auto 30px auto; line-height: 1.8em; }

.flexslider { background-color: black; height: 840px; overflow: hidden; margin: 0; }

.flexslider img { position: relative; opacity: 0.7; width: 100%; z-index: 7; }

.flex-control-nav { bottom: 15px; z-index: 9; }

.flex-control-paging li a { background-color: white; border: 2px solid black; opacity: 0.6; }
.flex-control-paging li a:hover { opacity: 1; background: white; }
.flex-control-paging li a.flex-active { opacity: 1; background: white; }

.top-row { background-color:rgba(153,204,255,0.8); color: #ffffff; padding: 5px; margin-left:0px;margin-right:0px;}
.legal{ list-style:none; margin-left:-40px;}
.legal li { color: white; display: block; float:left;/*margin-right:10px;*/}

.legal li a { text-decoration: none; font-weight:bold; display: block; padding: 10px 10px 10px 40px; /*background-color: #99CCFF;*/ -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }
.legal li a:hover {color: #fff; background-color: rgba(255, 180, 61, 0.7); }

.sponsor { 	text-align: center; }
.sponsor img { margin-bottom: -20px } 

.site-footer {
/*    position: fixed;
    bottom: 0px;*/
    width: 100%;
"
}
.bottom-footer { background-color: rgba(153,204,255,0.8); color: #ffffff; padding: 5px; }
/*.bottom-footer a { color: #ffffff; } */
.bottom-footer a:hover { color: #FFB43D; }
.copyright {text-align:center;}
.bottom-footer .sponsor { display:none; }

@media (max-width: 991px) { 
  #main-content { width: 100%; }
  .first-footer { border-left: 0; }
  .flexslider .slides, .flexslider, .main-slider { height: auto; }
  .service-item { margin-bottom: 30px; }
  .progess-bars { margin-top: 40px; }
  .bottom-footer .sponsor { display:block; }
}
@media (max-width: 767px) { .slider-caption a, .slider-caption p { display: none; top: 50px !important; } }
/*@media (max-width: 581px) { .slider-caption { display: none; } }
*/

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:600px;
    width:80%;
}

#content {margin-left:10px;
          margin-right:10px;
}
.row {
    margin-left:0px;
    margin-right:0px;
}
.article {
    border-radius: 4px; 
	overflow: hidden;
    border: 1px solid #FFB43D;
    /* margin-bottom:15px;*/
	margin-top:20px; 
/*    width:90%;    */
    display: block; 
    background-color:rgba(255,255,255,0.8);
    box-shadow: 5px 5px 10px #FFB43D; 
 padding:0px;
}

.article h2 {
        margin:0px; 
        background-color: #FFB43D;    
        color:#fff;
        padding:5px; 
		font-size:large;
    }


.article img {width:90%;
    max-width:800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.article h3 {
    margin:15px 0px 10px 5px;
    padding: 0px 0px 5px 0px;
    clear:both;
	text-decoration:underline;
/*	color: rgb(153,204,255);*/
    }

.article h4 {
    margin:0px 0px 0px 5px;
    padding: 5px 0px 5px 0px;
    font-weight:bold;
    clear:left;
    }

.article p {
    margin:0px 0px 0px 0px;
    padding:5px;   
/*  background-color: #FCFEDC;    */
		  }

.article div {
    margin:0px 0px 0px 0px;
		  }

.col-art-1 {
	width:90%;
	max-width:400px;
	margin:0px 0px 0px 5px !important;
	float:left;
	padding-right:10px;
	font-weight:700;
	float:left;
	padding-right:10px;
	clear:left;
	}

.col-art-2 {
	width:90%;
	max-width:1200px;
	margin:0px 0px 0px 5px !important;
	}


.loginControl {
    position: absolute;
    left: 8px;
    top: 8px;
/*    padding: 4px;*/
    z-index: 999;
}

    .loginControl span {
        color: #000;
    }

    .loginControl a {
        font-weight: bold;
        margin-left: 4px;
    }

.oben {
    text-align: center;
    text-decoration: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(153,204,255,0.8);

    position: fixed;
    bottom: 65px;
    right: 20px;
    display: none;
    border: 1px solid #428BCA;
}

a.oben { text-decoration: none; z-index: 15;}


.oben div {
        font-weight: bold;
        font-size: 42px;
        color: #428BCA;
        padding-top: 4px;
        z-index: 15;
    }


.articlePreview {
    border: 1px solid #FFB43D;
    margin-bottom: 8px;
    padding: 4px;
    box-shadow: 5px 5px 10px #FFB43D;
    background-color: #fff;
    cursor: pointer;
}

.articlePreviewDate {
    font-weight: bold;
    color: #404040;
}

.elastic-video {
    clear:both;
    position: relative;
    padding-bottom: 54%;
    padding-top: 15px;
    margin-left:10% !important;
    margin-right:10% !important;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.alternatingTable {
    width:100%;
    display:table;
}

.alternatingTable>tbody>tr:hover>td,.alternatingTable>tbody>tr:hover>th{background-color:rgba(153,204,255,0.8);}

.alternatingTable tr:nth-child(2n) {
/*    background-color: rgba(255, 180, 61, 0.7); */
    background-color: rgba(0,0,0,.075);
}

.alternatingTable th {
    text-align: left;
    background-color:#FFB43D;
    color:white;
    font-size:large;
}

td {
    padding: 5px;
    vertical-align:top;
        }

td.t2 {
    font-weight: bold;
        }
td.j1 {
    color: #1a9218 !important;
    font-weight: bold;
        }
td.j5 {
    background-color: silver !important;
    font-weight: bold;
        }

td.j10 {
    background-color: gold !important;
    font-weight: bold;
        }

td.j20 {
    background-color: #f9af39a3 !important;
    font-weight: bold;
        }

.pdf {
    background: url('../img/icon_pdf.gif') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.mp3 {
    background: url('../img/icon_mp3.png') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.fvn {
    background: url('../img/icon_fvn.png') 10px 50% no-repeat ;
    padding-left: 10px;
    display:inline-block;
}

.kirb {
    background: url('../img/icon_kirb.png') -5px 50% no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.phone {
    background: url('../img/icon_telefon.png') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.facebook {
    background: url('../img/icon_facebook.jpg') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.instagram {
    background: url('../img/icon_instagram.png') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.homepage {
    background: url('../img/icon_homepage.gif') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.email {
    background: url('../img/icon_mail.png') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.googlemaps  {
    background: url('../img/icon_googleMaps.png') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.bayernatlas  {
    background: url('../img/icon_bayernatlas.gif') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

.wikipedia  {
    background: url('../img/icon_wiki.png') left no-repeat ;
    padding-left: 20px;
    display:inline-block;
}

#col-1 {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	float: left;
	font-weight: 700;
	margin-left: 0px !important;
	width:90%;
    max-width:150px;
}
 
#col-2 {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	float: left;
	margin-left: 0px !important;
/*	width:90%;
    max-width:1200px;
    */
}


#tablerow {
	overflow: hidden;
    padding:0px 0px 0px 5px;   
	height: 100%; /* for IE6 */
}

.rowcenter{
	overflow: hidden;
	height: 100%; /* for IE6 */
	text-align:center;
}


input , select, textarea{
min-width: 200px;
width: 100%;
max-width: 500px;
}

input[type=checkbox] {
    min-width: 20px !important;
width: auto !important;
max-width: none !important;
}

.calendarWatermark { 
color: #FFB43D !important;
}


.pictureText{ 
max-width: 230px !important;
}

.pictureFrame {
/*box-shadow: 8px 8px 10px #FFB43D !important;*/
box-shadow: 8px 8px 10px #99ccff !important;
}
.pictureFrame img {
    width: 230px;
}
.center {
text-align:center;
}

#album {
    margin-right: 10px !important;
}

.calendarSelect {
    display:flex;
}

.calenderItem[orgId="42"]{
background-color: #FF6A00;
color:black;
}

.ui-dialog .ui-widget.ui-widget-content {
border:1px solid #FFB43D !important;
}
.ui-dialog .ui-widget-content {
background:#fffdfb !important;
}
.ui-dialog .ui-widget-header {
    border: 1px solid #FFB43D !important;
    background: #FFB43D !important;
    color: #FFFFFF !important;
    font-weight: bold;
}