body {
    margin:0;
    padding:0;
}
a,
.toggler {
    outline: none;
}
}
#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 {
    background: white url("../picbase/search-bg.gif") 96% center no-repeat;
    -moz-box-shadow: 0 1px 2px #666 inset;
    -webkit-box-shadow: 0 1px 2px #666 inset;
    box-shadow: 0 1px 2px #666 inset;
}
#header,
#footer {
    overflow:hidden;
}
span.mandatory {
    padding:5px 0;
}
p.error {
    padding:5px;
    border:1px solid #F60;
    color:#F60;
    background: #e7e7e7;
}
form .widget {
    margin:10px 0 0;
    padding:0;
}
#footer .mod_navigation ul li,
#footer .mod_navigation ul li {
}
#header .mod_navigation ul li a,
#header .mod_navigation ul li span {
    float:left;
    display:block;
}
}

/* header search */
#header .mod_form {
    float:right;
    widows: 200px;
}
#header .mod_form input {
    width:190px;
    float:left;
}
#header .mod_form input.submit {
    width:auto;
}

/* table */
#main .content-table table {
    width:100%;
    border-collapse:collapse;
}
#main .content-table th {
    text-align:left;
}
#main .content-table th,
#main .content-table td {
    padding:5px;
    border-bottom:1px dotted #e7e7e7;
}
#main .content-table tr {
    -moz-transition: background .2s;
    -webkit-transition: background .2s;
    transition: background .2s;
}
#main .ccontent-table tr:hover {
    background: #e7e7e7;
}

/* akkordeon */
.content-accordion .toggler {
    padding:5px;
    cursor: pointer;
}

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

/* breadcrumb */
.mod_breadcrumb li,
.mod_breadcrumb li a {
    float:left;
    font-size:12px;
}
.mod_breadcrumb li a {
    padding:0 5px 0 0;
    text-decoration:underline;
}
.mod_breadcrumb li a:after {
    color:#666;
    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,
.ce_downloads ul li {
    overflow:hidden;
    padding:5px;
    border-bottom:1px solid #e7e7e7;
}
.mod_search span.relevance,
.ce_downloads ul li span.size {
    font-size:12px;
}

/* login */
.mod_login .widget {
    overflow:hidden;
}
.mod_login label {
    width:100px;
    float:left;
    display:block;
    margin-right:10px;
}
.mod_login input {
    width:60%;
    float:left;
}
.mod_login input.submit {
    width:auto;
    margin-top:10px;
    margin-left:115px;
}
/* dropdown navi */
/* #header .mod_navigation ul li {
    float:left;
}
must be set,
too */
#header .mainnavi ul li {
    float:left;
}
.headerrelativeclass {
    width:600px;
    position:relative;
    float:right;
}
/* substitute for the header relative property to position absolute object in the header */
#header .inside {
    position:inherit;
}
/* most important */
/*#header .mod_navigation ul,
#header .mod_navigation {
    overflow:visible;
}
*/
#header .mainnavi  ul.level_2 {
    width:150px;
    position:absolute;
    display:none;
    margin-top:64px;
    background: #beac83/*url("../picbase/features-bg.jpg")*/ top left;
    z-index:999;
}
#header .mainnavi  ul.level_2 li a,
#header .mod_navigation ul.level_2 li span {
    float:none;
    display:block;
    margin:0;
    padding:9px 22px;
    border-bottom:1px solid #333;
    font-size:14px;
    text-transform:none;
}
#header .mainnavi  ul.level_2 li a.last {
    border-bottom:0;
}
#header ul.level_1 li {
    display:block;
}
#header .mainnavi  ul.level_2 li {
    float:none;
    display:block;
}
#header ul.level_1 li:hover ul.level_2,
#header ul.level_1 li:hover {
    display:block;
}
#header .mainnavi  ul.level_2 li a:hover {
    background-color:#333;
    color:#D8CCB1;
    color: #D8CCB1 !important;
    -moz-transition: background .2s;
    -webkit-transition: background .2s;
    transition: background .2s;
    /*background: #beac83/*url("../picbase/features-bg.jpg")*/ 0 50px;*/
}
#header .mainnavi  ul.level_2 li a.trail,
#header .mainnavi  ul.level_2 li span.active {
    background: #333732;
    color: #D8CCB1 !important;
}
@media screen and (max-width: 1070px) {
    #slider-fullwidth { background: #242723; }
    #slider-fullwidth img { max-width:none!important; width:auto!important; }
}
@media screen and (max-width: 980px) {
    .mod_article > * {    margin-left: 10px!important; margin-right: 10px!important;}
    	#header .headerpic figcaption.caption { font-size: 20px!important;}
    	#header .mod_navigation { left: -17px!important; top: -14px!important; }
    	#header .mod_form { top: -100px!important; }
    	body.home #header { height: 847px!important; }
    /* 	body.home #teaser-txt { background: #242723; } */
}
@media screen and (max-width: 767px) {
    body.home #teaser-txt .content-text { width:90%!important; text-align: center; }
    	body.home #teaser-txt { margin-top: auto!important; height: auto!important;; }
    	body.home #header { height: auto!important; } 
    	#slider-fullwidth { top: 227px!important; }
    	body.home #teaser-txt { text-align: left; background: #242723; }
    	
    	/* navi resp design */
    	.navi-resp { display: block!important; margin: 3px 0 0 0; padding: 10px; background: #242723; }
    	.navi-resp .formbody { float: left; width: 100%;}
    	.navi-resp .select { padding: 5px!important; width:70%; cursor: pointer; display: inline; color: #242723; }
    	.navi-resp .submit { float: right!important; }
    	
    	/* search */
    	#header .topsearch { float: none!important; top: -5px!important; width: 90%; margin: auto; }
    	#header .topsearch input.text { width:80%!important; }
    	#header .topsearch input.text:focus, #header .topsearch input.text:hover { width: 80%!important; } 
    	/* socials */
    	.socials { float: none!important; top: -10px!important; }
    	.socials p { padding: 5px  0 !important; }
    	.socials a { float: none!important; display: inline!important;}
    	/* hide */
    	#header .topnavi ,
    	#header  .mainnavi ,
    	#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; }
    	#container { background: none!important; }
    	#container #main {text-align: left!important; }
    	h1 { font-size: 18px!important; }
    	#left .inside { padding: 2%!important; }
    	/* floatnone */
    	#footer .mod_subscribe,
    	#footer .footernavi > ul > li,
    	.mod_eventlist .header, .mod_newslist p.info,
    	#kontakt .content-text,
    	#kontakt .content-form,
    	#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,
    	#footer .mod_navigation,
    	#header .mod_navigation, #header .logo { float: none!important; margin: auto!important; margin:0!important;  }
    	#footer .inside { width: 100%!important; }
    	#footer nav,
    	#footer .mod_form ,
    	#footer .mod_subscribe { width: 100%!important; }
    	#footer .footernavi { float: none; }
    	#footer .footernavi > ul > li span,
    	#footer .footernavi > ul > li a,
    	#footer .footernavi > ul > li > ul > li,
    	#footer .footernavi > ul > li { width: 100%!important; margin:auto; }
    	/* top: 0; */
    	#header .mod_form  { top:0!important; } 
    	.logo { position: relative; top: 7px; }
    	/*custom */
    	#header .mod_form { margin: 10px 0 !important; }
    	#header .mod_form input { width: 90%!important;}
    	#header .mod_form input.submit { width: 10%!important;}
    	
    	#kontakt .content-form { padding-left: 0!important; }
    	#left .inside { padding-right: 0!important; }
    	#header .mod_navigation ul li a.trail, #header .mod_navigation ul li span.active, #header .mod_navigation ul li span.forward { border: 0 none!important; color: orange!important; }
}
.formbody label {
    display:block;
}
.formbody > div {
    margin:0 0 15px;
}
footer .formbody > div {
    margin:5px 0;
}
.formbody .mandatory span.mandatory {
    right:0;
    position:absolute;
}