header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
/* overlock-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/afn/fonts/overlock-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@import url("http://fonts.googleapis.com/css?family=Ubuntu:400,500");

p.back a, p.more a { padding: 2px 5px; font-size: 12px; }
p.back a:hover, p.more a:hover {
    color: #FFF;  
    background: #EDC42E; 

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -moz-transition: color .2s, background .2s; 
    -webkit-transition: color .2s, background .2s; 
    transition: color .2s, background .2s; 
}

.mod_eventlist .header,
.info {
    background: none repeat scroll 0 0 #EDC42E;
    color: white;
    line-height: 19px;
    float: right;
    font-size: 13px;
    padding: 2px 5px;
    text-align: right;

    border-radius: 5px ;
    -moz-border-radius: 5px ;
    -webkit-border-radius: 5px ;

}

.caption {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

span.mandatory { color: red; }
a, h1, h2 .mod_navigation li a  {
    color: #6B0808;
    text-decoration: none;  
}

a {	
    -moz-transition: color .2s; 
    -webkit-transition: color .2s; 
    transition: color .2s; 
}

a:hover,
a:focus,
a:active {
    color: #D12F00; 
}

.highlight { background: #e7e7e7; }
input.submit { border: 0; color: white; text-shadow: 0 1px 1px #0e3a66; background: #49500c; margin: 10px 0; font-size: 16px; color: #f4fd22; text-transform: uppercase; border: 1px solid #373d09; 

               -moz-transition: background .2s;
               -webkit-transition: background .2s;
               transition: background .2s;
}
input.submit:hover {background: #373d09; }


/*gmaps */
.dlh_googlemap { width: 100%!important; }



/* tbale */
thead tr, thead tr:hover { background: url("../../files/theme/afn/picbase/mainnavi-bg.jpg") repeat-x scroll center top transparent!important; color: #f4fd22}
thead tr a { color: #95a016; }

.toggler.active,#main .ce_table thead th {	border: 0 none;}

p.quote, p.warning, p.confirmation, p.information { padding: 5px 10px; font-size: 16px; border-left: 3px solid; font-style: italic; background: white; margin-left: 20px }

p.warning { border-color: orange; color: orange}
p.confirmation { border-color: #7e8c13; color: #7e8c13}
p.information {border-color: #145598; color: #145598}
p.quote { border-color: #353535; color: #353535; }


h1 { font-size: 40px; border-bottom: 1px solid #B7B29A; margin-bottom: 20px ; padding-bottom: 20px; line-height: normal }
h2 { font-size: 26px; line-height: normal; color: #145598;}
h3 { font-size: 20px; color: #145598; line-height: normal}
h4 { font-size: 16px; color: #353535; line-height: normal}
h5 { font-size: 14px; color: #353535; line-height: normal}
h6 { font-size: 12px; color: #353535; line-height: normal}

body { background: url("../../files/theme/afn/picbase/bg.jpg") repeat; color: #393939; font-size: 16px; line-height: 24px; }
#container {
    background: top left repeat-y;
    min-height: 500px; 

    -moz-box-shadow: 0 0 10px #49500c;
    -webkit-box-shadow: 0 0 10px #49500c;
    box-shadow: 0 0 10px #49500c;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#left {background: url("../../files/theme/afn/picbase/left-devider.jpg") top right no-repeat; min-height: 618px; }
#left .inside, #main .inside { padding: 25px; }
#left h3 { border-bottom: 1px solid #ccc; padding-bottom: 0px; margin-bottom: 10px; }

#wrapper-0 { background: url("../../files/theme/afn/picbase/sping-bg.jpg") top no-repeat; }

/* teaser */

/* home  */
.home #container { background-image:none!important; } 

/* home features */
#home-features {border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; margin-top: 50px; overflow: hidden; }
#home-features .block { float: left; width: 270px; }
#home-features img { border: 0 none; } 
#home-features .block  strong { color: #49500C; font-size: 18px; }

/* reset teaser  img */ #header .headerpic img { padding: 0; border: 0; 	-moz-border-radius: 0;	-webkit-border-radius: 0;	border-radius: 0; }
#header .headerpic { clear: both; }
#header .headerpic h1 { color: #f4fd22; text-shadow: 0 2px 11px #49500c; font-size: 50px; border: 0 none; margin: 20px 0 10px; }
#header .headerpic p { color: white; text-shadow: 0 0 2px #49500c; font-size: 20px; line-height: 24px; }
#header-teaser .teaser-textblock { width: 480px; height: 330px; }
/* pic inserts */
#header .headerpic  .topleftcorner  {  left: auto;
                                       position: absolute; z-index:  99;
                                       right: 322px;
                                       top: 222px;}
#header .headerpic  .bottomrightcorner   {    left: auto;    position: absolute;    right: -30px;    top: 440px;}
#header  .teaser-randimg { position: absolute; top: 230px; right: -17px; }
#header  .teaser-randimg img { background: url("../../files/theme/afn/picbase/teaser-shadow.png") right bottom no-repeat; padding-bottom: 20px; padding-right: 21px; }

#header .logo { position: relative; top: 15px; float: left; height: 120px; }
#header .mainnavi { clear: both; margin-bottom: 40px; background: url("../../files/theme/afn/picbase/topnavi-shadow.png") bottom center no-repeat; padding-bottom: 20px; 
                    -moz-border-radius: 5px 5px 0 0;
                    -webkit-border-radius: 5px 5px 0 0;
                    border-radius: 5px 5px 0 0;
}
#header .mainnavi ul { overflow: hidden; background: #fff1c8; border-bottom: 4px solid #f4fd22; padding-left: 10px }
#header .mainnavi ul li a, 
#header .mainnavi ul li span {
    font-size: 23px; float: left; color: #603225; padding: 13px 20px;
    text-transform: uppercase; letter-spacing:0.05em;   
}

#header .mainnavi ul li a.trail, 
#header .mainnavi ul li span.active, 
#header .mainnavi ul li span.forward {
    color: #FFF;
    background: url("../../files/theme/afn/img/mainnavi-act.png") scroll top repeat-x; 
}
#header .mod_navigation ul  li a:hover {
    color: #D12F00;
}


/*topnativ */
#header .topnavi { position: absolute; top: 30px; right: 0; width: 220px; }
#header .topnavi  li a, #header .topnavi  li span { padding: 0 5px; }
#header .topnavi  li span.active { color: #f4fd22; }

/*subnavi */
#left nav { width: 229px; }
#left .mod_navigation ul  li a, 
#left .mod_navigation ul  li span { 
    font-size: 16px; color: #353535;
    border-bottom: 1px solid #B7B29A; display: block; padding:8px 0 ; background: url("../../files/theme/afn/img/left-act.png") 106% center no-repeat ;
    -moz-transition: padding-left .5s, background .5s;
    -webkit-transition: padding-left .5s, background .5s;
    transition: padding-left .5s, background .5s;
}
#left .mod_navigation ul  li span.active, #left .mod_navigation ul  li span.forward { background: url("../../files/theme/afn/img/left-act.png") right center no-repeat  }
#left .mod_navigation ul  li a:hover, #left .mod_navigation ul  li span:hover { padding-left: 10px; background: url("../../files/theme/afn/img/left-act.png") 103% center no-repeat }

#left .mod_navigation ul  li ul {margin-left: 10px; }
#left .mod_navigation ul  li ul li a, #left .mod_navigation ul  li ul li span {font-size:12px; padding: 2px 0; padding: 2px 0;  }

#footer { padding: 20px 0; margin-top: 20px; }
#footer .mod_navigation { float: left; }
#footer .mod_navigation ul.level_1 { overflow: hidden; }
#footer .mod_navigation ul > li { width: 150px; float: left; margin-right: 10px; }
#footer .mod_navigation ul li a:hover, #footer .mod_navigation ul li span:hover { color: #f4fd22!important; }
#footer .mod_navigation ul li a, #footer .mod_navigation ul li span { display: block; float: none!important }
#footer .mod_navigation ul.level_1 > li > span, #footer .mod_navigation ul.level_1 > li > a{ font-size: 16px; border-bottom: 1px solid #49500c; padding-bottom: 5px;  }

#footer .footertxt { margin-top: 10px; clear: both; float: none; background: url("../../files/theme/afn/picbase/footer-devider.gif") top repeat-x; padding: 10px;
                     color: #505050; }

/*
#footer .mod_navigation ul li a, #footer .mod_navigation ul li span { padding: 0 5px; border-right: 1px solid #ccc; }
#footer .mod_navigation ul li a.last, #footer .mod_navigation ul li span.last { border: 0; }
*/
.ce_downloads ul li span.size { color: #666;}

.toggler { 
    padding: 10px!important; margin: 2px 0 0 0;
    background: #7d8a15 url("../../files/theme/afn/picbase/acc-plus.gif") 98% center no-repeat;
    color: #f4fd22;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.toggler.active { background: #7d8a15 url("../../files/theme/afn/picbase/acc-minus.gif") 98% center no-repeat; color: #f4fd22; }
.toggler:hover { color: #cbd21d; }
.toggler.active:hover { color: #f4fd22;  }
.ce_accordion div { padding: 0px; }
.ce_accordion > div > div {
    background: #e7e7e7;
    padding: 10px!important; margin-bottom: 20px;
    border-radius: 0 0 5px 5px;

    box-shadow: 0 2px 2px #666 inset;

}

/* news  & events */
.mod_eventlist h2, 
.mod_newsreader h2,
.mod_newslist h2 { margin-top:0; font-size:16px; font-weight: bold; }

.mod_eventlist .header,
.mod_newslist p.info {
    margin-left: 15px;
    font-style: italic;
    font-size: 12px;
    padding-left: 15px;
    border-left: 3px solid #D12F00; } 

.mod_newslist p.info time { 
    display: inline;
    display: inline-block;
    font-style: normal; 
    font-size: 14px; 
}

.mod_eventlist .event,
.layout_home #main  .mod_newslist .teaser { float: left; width: 400px; }

/* events */ 
.mod_eventlist span.date { font-style:normal; font-size:14px; display: block;}

/* coments */
.ce_comments { border-top: 2px solid #353535; padding-top: 10px;  }
.ce_comments form { padding: 10px; background: url("../../files/theme/afn/picbase/bg-darker.gif"); }
.ce_comments h2 { margin-top: 0; font-size: 18px; }
.ce_comments .reply { margin-left: 15px; font-style: italic; }
.ce_comments p.info { font-weight: bold; margin-bottom: 2px;  }

/* kontakt */
textarea { padding: 5px; }
.ce_form span { display: block; overflow: hidden; }
form input:focus, form textarea:focus  { border-bottom: 2px solid orange!important; }

/* header saerch  */
#header .mod_form { background: white url("../../files/theme/afn/picbase/search-bg.jpg") 96% center no-repeat;  }
#header .mod_form form .formbody {
    -moz-box-shadow: 0 1px 2px #49500c inset;
    -webkit-box-shadow: 0 1px 2px #49500c inset;
    box-shadow: 0 1px 2px #49500c inset;
}

#header .mod_form form input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header .mod_form { width: auto; position: relative; top: 60px; }
#header .mod_form .widget { overflow: hidden; margin: 0; padding: 1px; }
#header .mod_form form { margin: 0; }
#header .mod_form input { background: transparent; border:0 none; width: 180px; }
#header .mod_form input:focus { width: 260px; color: white; }
#header .mod_form input.submit{ width: 30px; border: 0; background: transparent; text-indent: -2000px; margin: 0 }
#header .mod_form input:focus { border: 0!important; }

/* footer newsletter */
#footer .mod_subscribe { width: 200px; float: right; }
#footer .mod_subscribe h4 { margin-top: 0; }

body { margin:0; padding: 0; font-family: 'Overlock', cursive; }
a, .toggler { outline: none; }
#header .mod_navigation {}
#header .mod_navigation ul {  margin:0; list-style-type: none;}
#header .mod_navigation ul li { float: none;}
.highlight { border-bottom: 1px dotted #353535; }

/* header login */
#header .mod_form form {	
    background:  url("../../files/theme/afn/picbase/search-bg.png") 96% center no-repeat;   
}

#header , #footer { overflow:hidden; }
span.mandatory { padding: 5px 0; }

p.error  { padding:  5px; color: #F60; background: #e7e7e7; border: 1px solid #F60; }
form .widget { margin: 10px 0 0 0; padding: 0 5px; }

#footer .mod_navigation ul li , #footer .mod_navigation ul li { float: left; }
#footer .mod_navigation ul li a, #footer .mod_navigation ul li span,
#header .mod_navigation ul li a, #header .mod_navigation ul li span { display: block; float: left;}

#left .mod_navigation ul li a:hover,
#left .mod_navigation ul li a:active,
#left .mod_navigation ul li a:focus,
#left .mod_navigation ul li a.trail,
#left .mod_navigation ul li span.active {
    color: #D12F00;
}

/* header search */
#header .mod_form  {
    float: right; 
    -moz-border-radius: 6px;
    -webkit-border-radius:  6px;
    border-radius:  6px;
}

#header .mod_form input { 
    width:190px; float: left; 
}
#header .mod_form input.submit { 
    width: auto; 
}

/* table */
#main .ce_table table { 
    width: 100%; 
    border-collapse: collapse; 
}

#main .ce_table th { 
    text-align: left;
}
#main .ce_table th, 
#main .ce_table td { 
    padding: 5px; border-bottom: 1px dotted #B7B29A ;  
}
#main .ce_table tr { 	
    -moz-transition: background .2s; 
    -webkit-transition: background .2s; 
    transition: background .2s; 
}

.ce_downloads li:hover, 
#main .ce_table tr:hover { 
    background: #FFF1C8 ; 
}

/* akkordeon */
.ce_accordion .toggler { 
    cursor: pointer; 
    padding: 5px; 
}

/* eventcal */
.mod_calendar table.calendar { width: 100%; border-collapse:collapse;  }
.mod_calendar table.calendar th, .mod_calendar table.calendar td { padding: 5px; text-align: center; }
.mod_calendar table.calendar td { border: 1px dotted #ccc;   }
.mod_calendar table.calendar th.head  { border: 0; font-size: 16px; font-weight: normal; }

/* breadcrumb */
.mod_breadcrumb li, .mod_breadcrumb li a { float: left; line-height:normal; font-size: 12px; }
.mod_breadcrumb li a { text-decoration: underline; color: #666; }

.mod_breadcrumb li a, .mod_breadcrumb li span { margin: 0 5px 0 0; }
.mod_breadcrumb li:after { content:" > "; margin: 0 5px 0 0 ; }
.mod_breadcrumb li.last:after { content:'';  }

/* lists and entries separation */
.mod_search .even, .mod_search .odd,
.mod_nl_list ul li,
.mod_eventlist .event-entry,
.mod_newslist .block,
.mod_faqlist ul li { 
    padding: 15px 0; 
    border-bottom: 1px solid #B7B29A; 
    overflow: hidden; 
}

.mod_search span.relevance,
.ce_downloads ul li span.size { font-size: 12px; }

/* login */
.mod_login .widget { overflow: hidden; }
.mod_login label { display: block; float: left; width: 100px; margin-right: 10px; }
.mod_login input { width:60%; float: left; }
.mod_login input.submit { width: auto; margin-left: 115px; margin-top: 10px;  } 





/**
 * Customization
**/
body {
    overflow-y: scroll;
    background-color: #EDC42E;
    background-image: url("../../files/theme/afn/img/bg-body.jpg");
}

h1, h2, h3 {
    color: #603225;
}

h4, h5, h6 {
    color: #353535;
    font-weight: bold;
}

h1::first-letter {
    color: #D12F00;
}

#footer .footertxt {
    text-align: right;
    background-image: url("../../files/theme/afn/img/footer-divider.png");
}

#wrapper {
    margin: 20px auto 40px;
    max-width: 980px;
}

#wrapper-0 {
    background: transparent;
}

#header {
    background: transparent url("../../files/theme/afn/img/bg-header.png") scroll no-repeat 90% top;
}

#header .mainnavi {
    display: none;
}

#header .mainnavi ul {
    border-color: #D12F00;
}

#container {
    background-color: #FFF8E1;
    background-image: url("../../files/theme/afn/img/bg-left.png");
}

#left {
    background-color: #fff1c8;
    background-image: url("../../files/theme/afn/img/left-divider.png");

    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

#left h2 {
    margin-bottom: 0;
}


#left figure img {
    display: block;
    margin: 0 auto;
}


.logo a {
    display: block;
    margin: 1em 0 0 10%;
}

.ce_text ul {
    padding: 0 0 0 1em;
    list-style-type: disc;
    list-style-position: outside;
}

.ce_text .image_container.float_left {
    margin: 0 1em 1em 0;
}

.ce_text .image_container a,
.ce_text .image_container img {
    display: block;
}

.ce_table.cols2 .col_first {
    width: 35%;
    text-align: right;

}

.ce_table.cols2 .col_last {
    width: 65%;
}

.ce_gallery li {
    margin-right: 10px;
}

.ce_gallery li.col_last {
    margin-right: 0;
}    

figcaption {
    font-size: 14px;
}


.mod_newslist figure img,
.mod_newsreader figure img {
    display: block;
    margin: 0 auto;
}

.mod_newslist figure figcaption,
.mod_newsreader figure figcaption {
    text-align: center;
}



body.layout_home .mod_breadcrumb {
    visibility: hidden;
}

/**
**
** Custom Styles 17.01.2014
**
**/
.ce_image.shops {
    float: left;
}

.ce_image.shops + .ce_image.shops {
    margin-left: 20px;
}

.ce_text.shops {
    clear: both;
}

#main .table_publications.ce_table td.col_first {
    text-align: left;
    width: 10%;
}

#footer .ce_toplink {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 500px;
    padding: 10px;
    z-index: 50;
    background: #FFF8E1 url('../../files/theme/afn/img/afn-scrollup.png') no-repeat scroll right 10px center;

    -moz-box-shadow: 0 0 10px #49500c;
    -webkit-box-shadow: 0 0 10px #49500c;
    box-shadow: 0 0 10px #49500c;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#footer .ce_toplink a { 
    display: block;
    padding-right: 40px;
    line-height: 30px;
    text-transform: uppercase;
}

body.js #footer .ce_toplink {
    opacity: 0;
    transition: opacity .5s ease-out 0s;
}

body.js #footer .ce_toplink.show {
    opacity: 1;
}

.mod_newslist .ce_player {
    padding-top: 0;
    border-bottom :none;
}

.ce_text.video p,
.ce_text.video .ce_player {
    float: right;
    width: 50%; 
    margin: 0;
}

#header {
    background: none;
}

#header .image_container {
    float: right;
    width: 211px;
    margin-right: 78px;    
}

#header .image_container img {
    display: block;
    width: 100%;
    height: auto;

}

/**
** Korrekutr 06.02.2014
**/
#main .mod_breadcrumb,
#main .mod_article {
    clear: both;
}

.mod_breadcrumb {
    margin: 10px 0 0;
}

h1 {
    margin-top: .25em;
}

.branding_geisterreiter {
    float: right;
    margin-right: 300px;    
    margin-bottom: 10px !important;    
}

.branding_geisterreiter figcaption {
    margin: 0;
    text-align: left;

    font-size: 12px;
}

.branding_geisterreiter img {
    max-width: 100px;
}

.branding_geisterreiter a {
    display: block;
}

.mod_breadcrumb ul {
    overflow: hidden;

    margin-bottom: 0;
}

.mod_newslist .teaser p {
    margin-bottom: 0;
}

.mod_newslist .teaser p + p {
    margin-top: 12px;
}

.layout_home .mod_newslist .teaser p {
    margin-top: 0;
    margin-bottom: 12px;
}

.layout_home .mod_newslist.hot_news .teaser p {
    margin: 0;
}

/*
    * Hot News
*/
.mod_newslist.hot_news {
    position: absolute;
    top: 0px; 
    right: 0px;

    width: 270px;

    padding: 0 18px 0 18px;
    margin: 10px 10px 0 0;

    -webkit-box-shadow: -4px 4px 5px 0px rgba(183, 178, 154, 0.75);
    -moz-box-shadow:    -4px 4px 5px 0px rgba(183, 178, 154, 0.75);
    box-shadow:         -4px 4px 5px 0px rgba(183, 178, 154, 0.75);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 #FFF1C8;
    border: 1px solid #F1E4BC;
}
.mod_newslist.hot_news .layout_short {
    padding: 5px;
    border-top: 1px solid #B7B29A;
    border-bottom: 0;
}

.mod_newslist.hot_news h2,
.mod_newslist.hot_news h3 {
    display: inline;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #d12800;
}

.mod_newslist.hot_news h2 {
    font-size: 1.8em;
    color: #603225;
    padding: 0;
    font-weight: normal;
}  

.mod_newslist.hot_news p {
    margin: 0;
}

.mod_newslist.hot_news h2::first-letter {
    color: #D12F00;
}

.mod_newslist.hot_news .teaser {
    vertical-align: middle;
    float: none;
    display: inline;
    display: inline-block;
    overflow: hidden;
    line-height: 1.3em;
    padding: 0 0 0 10px;
    width: auto !important;
}

.mod_newslist.hot_news .teaser div + div {
    display: none;
}

.hot_news .layout_short {
    padding:10px 0;
    color: #603225;

}

.hot_news .layout_short.headline.first {
    padding: 5px 0 2px 0;
}

.hot_news .layout_short.last {
    border-bottom: none;
}

#main .mod_article.first .ce_text.first .image_container {
    width: 300px;

}

#main .mod_article.first .ce_text.first .image_container a,
#main .mod_article.first .ce_text.first .image_container img {
    display: block;
    margin: 0 auto;
}

.mod_newslist .layout_short .more {
    display: none;
}


/** 
 * media queries
**/
@media screen and (max-width: 1350px) {
    #footer .ce_toplink {
        margin-left: 330px;
    }
}

@media screen and (max-width: 980px) {
    #wrapper {
        width: 744px;
    }

    .branding_geisterreiter {
        float: left;
        margin: 0 0 0 10px;
    }

    .mod_newslist.hot_news {
        position: static;
        float: right;
        margin: -15px -15px 0 0;
    }

    .mod_breadcrumb,
    .mod_article {
        clear: both;
    }

    #header .headerpic figcaption.caption { font-size: 20px!important;}
    #header .mod_navigation { left: -17px!important; top: -14px!important; }
    #header .mod_form { top: -100px!important; }

    #footer .ce_toplink {
        margin: 0;
        left: inherit;
        right: 20px;
        padding: 10px;
    }

    #footer .ce_toplink a {
        width: 35px;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        text-indent: 50px;
        overflow: hidden;
    }

    .branding_geisterreiter {
        float: left;
    }
    
    .ce_text.video p,
    .ce_text.video .ce_player {
        float: none;
	width: auto;
    }    
    
    .ce_text.video .ce_player {
        margin-top: 1em;
    }    
}

@media screen and (max-width: 767px) {
    #wrapper {
        width: auto;
    }

    #header .logo {
        top: 0;
        height: 115px;
    }

    #header .logo a {
        margin: 0 10%;
    }

    #header .mainnavi {
        display: block;
    }

    /* hide */
    #header .headerpic figcaption.caption,
    .mod_breadcrumb  { display: none; }

    /* clear width */
    .mod_eventlist .event, .mod_newslist .teaser,
    #header .mod_form,
    #header .mod_navigation ul { width: 100%!important; }

    body  { text-align: center; }
    #left, #container { background-image: none; }
    #container #main {text-align: left!important; }
    h1 { font-size: 26px; }


    /* floatnone */
    #footer .mod_navigation ul li, #footer .mod_navigation ul li,
    .mod_eventlist .header, .mod_newslist p.info,

    #footer .mod_navigation ul li a, #footer .mod_navigation ul li span, #header .mod_navigation ul li a, #header .mod_navigation ul li span,
    #footer .footertxt { text-align: center;}    
    #footer .footertxt,
    #footer .mod_navigation,
    #header .mod_navigation, #header .logo { float: none!important; margin: auto!important; margin:0!important;  }
    #header .mod_navigation { top: 0!important; }

    /* top: 0; */
    #header .mod_form  { top:0!important; } 


    /*custom */
    #header .mod_form { margin: 10px 0 !important; }
    #header .mod_form input { width: 90%!important;}
    #header .mod_form input.submit { width: 10%!important;}

    #left {
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;        
    }

    #left .inside { padding: 2%!important; }
    #left .inside { padding-right: 0!important; }
    #left nav { width: auto; }

    #header .mainnavi ul {
        padding: 0;
    }   

    #header .mainnavi ul li {
        border-top: 1px solid #D12F00;
    }       

    #header .mainnavi ul li.first,
    #header .mainnavi ul li.first,
    #header .mainnavi ul li.trail,
    #header .mainnavi ul li.active,
    #header .mainnavi ul li.forward { border: 0 none; }

    #header .mainnavi ul li a, #header .mainnavi ul li span {
        float: none;
    }

    /**
    **
    ** Custom Styles 17.01.2014
    **
    **/

    #header .image_container {
        margin-right: 0;
    }

    #header .logo {
        float: left !important;
        max-height: 65px;
        width: auto;
    }

    #header .logo a {
        margin: 1em 0 0 10%;
    }
}

@media screen and (max-width: 500px) {
    .ce_text .image_container.float_left,
    .ce_text .image_container.float_right {
        float: none !important;
    }

    #main .ce_table td, 
    #main .ce_table th {
        border: none;
    }

    #main .ce_table .col_last {
        border-bottom: 1px dotted #B7B29A;
    }    

    #main .ce_table td, 
    #main .ce_table th,
    #main .ce_table.cols2 .col_first,
    #main .ce_table.cols2 .col_last {
        display: block;
        text-align: left;
        width: auto;
    }

    .mod_newslist.hot_news {
        position: relative;
        float: none;
        width: 88%;
        margin: 0 auto;
        padding: 0 18px;
    }
    .mod_newslist.hot_news .teaser {
        width: 80%;
    }

    /**
    ** Korrektur 06.02.2014
    **/

    .branding_geisterreiter {        
        margin-left: 10px;
    }

    .branding_geisterreiter,
    .branding_geisterreiter .image_container {
        float: none;
        margin: 0;
    }

    .branding_geisterreiter {
        margin-bottom: 20px !important;
    }

    .branding_geisterreiter a,
    .branding_geisterreiter figcaption {
        text-align: center;
        width: auto !important;
    }

}