/* Main Styles    styles.css */


/* ----------------------------------------------------------------------- Reset Styles */

html {box-sizing: content-box;}
*/*, *::before, *::after */{box-sizing: inherit;}

* {text-decoration:none;font-size:inherit}
div, table, td, h1, h2, h3, h4, h5, h6, p, img, form, fieldset{ border:0; margin:0; padding:0;}


/* --------------------------------------------------------------------- General Styles */

html, body{
  /*background: #E1EEFF;*/
  background: url(images/bg_body.png) repeat-x scroll 0 0 #E4EFFF;
}

body{
  margin:0;
  width:100%;
  margin:0 auto;

  min-width:40rem !important;
  max-width:70rem;

  font:normal .7em Verdana,Arial,Helvetica,sans-serif;

  text-decoration: none;
  text-align:left;
  color: #101010;
}

textarea{font:normal 1em Verdana,Arial,Helvetica,sans-serif;}

body.edit{min-width:97em; max-width:100%;}
body.produkte{min-width:93em}

.clear:before, .clear::after, .clearfix:before, .clearfix::after{content: ''; display: table;clear:both;}
.clear, .clearfix:before{clear:both;}
.hidden, .hide{display:none}
span.marked{color:#CC0000}
span.highlight, .bold{font-weight:bold !important;}
.striked{text-decoration: line-through}
sup{position: relative; top: -.3rem;}

/* Icon Links */
.link.icon{
  display: inline-block;
  margin: 0 4px 0 2px;
  vertical-align: text-bottom;
  background-position: 0 50%;
  background-repeat: no-repeat;
  height: 1.2rem;
  line-height: 1.2rem;
  font-weight: normal;
  padding-left:20px;
}
.link.icon.icon-only {width:8px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.link.icon.icon-spacer{width:6px;}

.link.no-url.icon {background-image: url(../administrator/admin/icons/globe.png) !important}

.link.icon.icon-pencil{background-image: url(../administrator/admin/icons/pencil.png);}
.link.icon.icon-edit{background-image: url(../administrator/admin/icons/edit_hl.png);}

.link.icon.icon-facebook{background-image: url(../administrator/admin/icons/facebook.png);}
.link.icon.icon-twitter{background-image: url(../administrator/admin/icons/twitter.png);}
.link.icon.icon-mail{background-image: url(../administrator/admin/icons/mail.png);}
span.link.icon.icon-facebook, span.link.icon.icon-twitter, span.link.icon.icon-mail{background-position-x: -32px;}

.link.icon.icon-rss{background-image: url(../administrator/admin/icons/rss.png);}
.link.icon.icon-print{background-image: url(../administrator/admin/icons/print.png);}
.link.icon.icon-only.icon-print{margin-left:18px!important}
.admin-info .link.icon, .title-buttons .link.icon{margin:0; height:16px; padding-left: 16px;}


/* Druckseite */

body.print{text-align:left; padding:0; margin:1rem; min-width:550px; max-width:100%; width:auto}
body.print .wrapper{margin:0; padding: 1rem}
body.print #header{margin-bottom: 1rem;}
body.print div#header_logo{margin-left:0;width: 33%}

body.print #print_head{text-align: right}

/* H1 Überschrift*/
body.print #header_logo img{float:left; margin-bottom:4px; height: auto;}
body.print #header_logo h1{margin: 0; line-height: 2.2rem}
body.print #header_logo h1 span{line-height: 1rem}

body.print div.more{display: inline;}
body.print a.more{display: none;}

@media print{
  .closebutton, .hide-for-print {display:none}
  body.print{margin:0; padding:0; border:none;}
}



.pad8, td.pad8, tr.pad8 td{padding:.4em 0 1em 0;}
tr.pad8 td:first-child{padding-right: 1.6em}
td.pad8.td_left{padding-right: 1.8em}
td.pad8.td_right{padding-right: 0; width:192px}
img.padd{padding:4px; background:white; border: 1px solid #ebebeb }



hr{color:#8B8C8F; background: #8B8C8F; border: 0; height:1px; margin:4px 0;}
blockquote{margin-top:1px; margin-left: 22px; margin-bottom:1px;}


/*Hinweise*/
div.info, div.hinweis, div.verweis{
  margin:.6rem 0;
  padding:.3em .8em;

  background: #ffffcc url('../../images/support/info.gif') no-repeat 4px 5px;
  padding-left:48px;

  border: 1px solid #ebebeb;

  min-height:40px;
  height:auto !important;
  height:40px;
}
div.newsletter div.info, div.newsletter div.hinweis{margin-top: 2em}



div.hinweis{background-image:none; border:1px dashed #ebebeb; padding-left: .8em;}
div.verweis{background-color:white;}
div.verweis.download{background-image: url('../../images/support/menu/download.png')}

div.info h3,div.info h4 {margin-top: .4em}

div.info-right{float:right; max-width:240px; border:1px solid #ebebeb; background-color:#ffffcc;margin: 0 0 1em 1em; padding:.4em}

details.entwurf{
  border: 1px solid silver;
  margin: .6rem 0;
  padding: .2em .3em .3em .8em;
  background-color: whitesmoke;
}
details.entwurf summary{line-height: 1.9rem; background: whitesmoke url('images/entwurf.gif') no-repeat right .15rem;}


td.tipp{background:url('images/td-tipp.gif') no-repeat right top;}

img.link, img.bookmark {
  margin: 0 .2em .2em 0;
  vertical-align: middle;
}

img.link.coverscan{float:left; margin:0 1em 1em 0}

img.linkliste{float:right;margin:.4em;max-width: 200px}

.margintop, .desc p.margintop {margin-top: 1.5em}
.margintop.buttons {margin-top:5em}

h3.margintop, h4.margintop{margin-top:2.5em !important}

div.mod_mobile_menu{display:none}

figure, div.figure {margin:0}
figcaption, p.figcaption{font-style:italic; clear: both; margin:0; padding: 0.7em 0;}
/*p.figcaption, figcaption{margin-left:0; font-style: italic}*/

div.mod_author h3{font-size: 1em}
div.mod_author .links a{display:block; margin-bottom: .4em; height: auto; line-height: 1em; background-position: 0 top; }
/* -------------------------------------------------------------------------- State RBAC*/

span.status{font-weight: normal; color: black; display: inline-block; margin:0 0 0 1em}

.stateinfo{font-weight: normal; padding-left:1em;}
span.state, span.access{
  background: url('images/users/no_pic.gif') no-repeat 1px 50%;
  padding: 0 0 0 21px;
  display: inline-block;
  line-height: 18px;
  min-height: 18px;
}
.state {padding-left: 15px !important}

.state.published{background-image: url('images/users/published.png') !important}
.state.unpublished{background-image: url('images/users/unpublished.png') !important}


/* 'nouser', 'registered', 'editor', 'special', 'admin', 'super' */
.access.nouser{background-image: url('images/users/nouser.gif') !important}
.access.registered{background-image: url('images/users/registered.gif') !important}
.access.editor{background-image: url('images/users/editor.gif') !important}
.access.special,.access.admin,.access.super{background-image: url('images/users/admin.gif') !important}



/* ------------------------------------------------------------- Classified Layout Divs */



.wrapper{border: 1px solid #CBD2D8; margin:.5em; background: white}


.main-wrapper
{
  float: left;
  width: 100%;
}

.main
{
  margin: 0 20em 0 17em;
}

.right
{
  float: left;
  margin-left: -20em;
  width: 20em;
}
div#header_logo, div#left
{
  float: left;
  margin-left: -100%;
  width: 17em;
}




.one_third{float:left; width:33%}


.main-2cols{margin: 0 1.8em 0 17em;}
.main-3cols{margin: 0 1.8em 1.8em 0;}

/* ------------------------------------------------------------------- Named Layout Divs*/

#meta_desc {color:gray; text-align: left; padding: 0 0 0 21.25em; font-size:.8em; height: 1.35em;}

/* H1 Überschrift*/
#header_logo img{display:block; height:80px; margin-bottom:.1em;}
#header_logo h1{margin-left: 1.2em; font-family: 'Open Sans'; font-size: 1.66em}
#header_logo a span {display:block; font-size: .55em; font-weight: normal; position: relative; top:-.15em;}


#header_image{
  height:140px;
  overflow:hidden;
  background:no-repeat;
}
#header_image ul{
  margin:50px 0 0;
  padding: .8em 1.4em .5em;
  list-style:none;
  background:url(images/opacity.png);
  /*opacity: 0.9;
  filter: alpha(opacity=90);*/
  float:left;
  width:auto}
#header_image li{text-align:left;} /*height:1.6em;*/
#header_image a:hover, #header_logo a:hover{text-decoration:none}

#header_bottom, #main_bottom
{
  height: 14px;
  background: url(images/header_bottom.gif) repeat-x;
}

/* #top_nav Top Menu bei Menüs */

#main{margin: 0 .5em 1.8em; padding-bottom: 1em; border-top: none}

#content img{max-width:100%}

div#pathway{margin: 1em 0; padding-left:10px;background: url(images/arrow.png) no-repeat 0 5px;}
#pathway a, #pathway img {margin-right:.5em}
#pathway a {font-weight:normal}

#quicklinks, table.archive {padding: 1em 0}
#quicklinks ul, table.archive ul{margin-bottom: 1.8em}
#quicklinks a, table.archive a{font-weight: normal; display:block}

#copy {color:gray}
#copy li{margin-left:.6rem}
#copy a{font-weight: normal}

pre#debug{clear:both; font-size: .7rem;}

.uploader a.file {display:block}


/* ------------------------------------------------------------------------- Hyperlinks */

a{color:#003464;font-weight: bold;}   /*#025090 #02477F #08186B #004887*/
a:hover{text-decoration:underline;}


/* ----------------------------------------------------------------------- CSS Tooltips */

/* Nicht ersetzter Tooltipp */
div.tooltip{
  margin:1em;
  padding:.5em;
  border:1px solid #ebebeb;
  background-color: snow}


a.tooltip{
  position: relative;
}
a.tooltip .tip{display:none} /* Tipp nicht anzeigen */


a.tooltip:hover .tip{        /* Tipp nur angezeigt beim Ueberfahren mit der Maus */
  background: white;
  display: block;
  position: absolute;

  top: 1em;
  left: -10em;

  border: 1px solid #d1d1d1; border-top-width: 0;
  color: black;
  width:auto;
  z-index:1000;

  padding:0;
}

#ToolTip .tip {background: white; border:1px solid #ebebeb}

#ToolTip .title, a.tooltip .title{
  display:block;
  background: white url(images/tooltip_header.gif) repeat-x;
  color:black;
  font-weight:bold;
  padding:4px;
}

#ToolTip .text, a.tooltip .text{
  max-width:100% !important;
  display:block;    padding:0; margin:0;
  margin:4px 4px 2px;
}

#ToolTip .text img{max-width:100%}



/* ----------------------------------------------------------------------------- Listen */
ul, ol{margin:.4em 0 .4em 1.6em; padding:0;}


ul.unclear{list-style: disc inside none; text-indent:-.9em;}

ol{padding-left:.4em}

ul.content, ul.none, div.module ul{list-style:none; padding:0}
div.module ul{margin-left:0}

ul.inside, div.module ul.inside{list-style: disc inside none;text-indent:0}
ul.content{margin:0 0 0 .4em;}
ul.content li{padding:.2em 0;}
ul.content li.cat{padding:1em 0 .4em 0;}

ol.inside{position:relative; left:1em; padding-right: 1em}


div.lst li{padding-bottom :.5em;}

table.moduletable tr > *,table.moduletablelst tr > *{padding:.2em .4em 0 0;}

ul.inline{margin:0.2em 0 1em}
ul.inline li{display:inline; margin-right:.2rem}


/* ---------------------------------------------------------------------- Überschriften */

h2, h3, h4, h5, h6 {
  text-align: left;
  font-size: 1em;
  margin: 1em 0 .4em;
}

p{margin: .4em 0}




h2{font-size: 1.2em}
h3{font-size: 1.1em;}

/* mosHead (gelber/blauer balken) */

div.content-head{margin: 0;width: 100%;float:left}
div.content-head h2, div.content-head > h3, .frontform .heading, h3.head{
  font-weight: bold;
  font-size: 1em;
  background: url(images/active.gif) repeat-y;
  border-bottom: 1px solid #E0E0E0;
  margin:0 0 .6em 0;
  padding: 0 0 0 1em;
  min-height: 18px;
}
div.content-head.blass{margin:1.5em 0 .6em}
div.content-head > h3, .frontform .heading, h3.head.blass{margin:.6em 0 0 0; background: url(images/active_blass.gif) repeat-y}

div.content-head .head + span, div.content-head .head span a, .admin-info, .admin-info a, span.h-info a{
  display: inline-block; margin-left:.6em;
  font-weight: normal;
}
span.title-buttons, span.h-info{float:right;}
div.content-head div.desc{float:left; width: 100%; margin:.6em 0}
div.content-head div.desc img{margin-bottom:.6em}



/* gelber balken */
h2.contenthead, h3.modulehead, th.contentheading, th.buttonheading,
/* blauer balken */
table.moduletableblass th, .contentheadingblass, h4.blass, h2.blass{
  border-bottom: 1px solid #E0E0E0;
  padding: 0 0 0 1em;
  background: url(images/active.gif) repeat-y;
  min-height: 16px;
  color: black;
  font-size:1em;
  font-weight: bold;
  margin-top:0;
  clear:both;
}
/*table.moduletableblass th span, .contentheadingblass span, h4.blass span{font-size: 1em;color:green}*/

th.contentheading h2
{
  font-size: 1em;
  font-weight: bold;
  padding:0;
  margin:0;
}


th.buttonheading{padding:0; width:1%; background: none}
th.contentheading span{font-weight:normal; color:black}
.buttonheading img{margin:0 6px 0 0;}

/* blauer balken */
table.moduletableblass th, .contentheadingblass, h4.blass  {
  background-image: url(images/active_blass.gif);
}

h4.blass a{font-weight: normal; float:right; margin-left: 2em}

/* --------------------------------------------------------------------------- Tabellen */

caption {
  font-weight: bold;
  padding-bottom: .4em;
  padding-top: .8em;
  text-align: left;
}

table.contentpanecat ul {
  float            : left;
  margin           : 1em 0;
  padding-left     : 1em;
  list-style       : none;
}
table.contentpanecat li {
  padding-bottom:1em;
}

table.moduletablelst ul {
  float            : left;
  margin           : 4px 0;
  list-style       : none;
}
table.moduletablelst li {
  padding-bottom     : 4px;
}



table.center th, table.center td, th.center,  td.center{text-align:center;}

table.rechnung td{text-align:right;padding:4px;}
table.rechnung td.left{text-align:left; float:none; margin:0; white-space: nowrap; padding-right:2em}
.rechnung .bottom td{font-weight:bold;border-bottom: 1px solid #ebebeb;}
.rechnung .double td{font-weight:bold;border-bottom:3px double #ebebeb;border-top: 1px solid #ebebeb;}

div.fixform{border: 1px solid #ebebeb; padding:.5em; width:282px; float:right;}
/*div.fixform form {margin: .5em}*/
div.fixform h3 {
    margin-top: .4em;
    font-size: 1em;
}


td.hellgrau{background-color: #F0F0F0;}


.vertical span{
  transform: rotate(270deg);
  transform-origin: left bottom 0;
  float:left;
}



/* -------------------------------------------------------------------- Listen-Tabellen */

table.itemlist {width:100%;margin-top: 1.5em; float:left;}
table.itemlist td{padding:0 .3em 1em 0}
table.itemlist th{padding:1em 0 .3em}
table.itemlist p {margin:0}
/*th, tr.row0 td, tr.row1 td, tr.row2 td{padding:.5em 0 0 .3em}*/
tr.row1 td{background-color:#F2F2F2;}
tr.row_h4 td{font-weight:bold;}

.search.message{border:1px solid #E0E0E0; margin:.4em 0; padding: .4em;}

/* Sec und Kat Tabellen*/
tr.row1.sec td, tr.row2.sec td{padding:.5em}
/*table.itemlist tr.row1.sec img, tr.row2.sec img {margin-bottom: .5em}*/

tr.row1.cat td, tr.row2.cat td{padding:.5em}
tr.row1.cat h4{margin-top:0}
/*table.itemlist tr.row1.cat img, tr.row2.cat img {margin-bottom: .5em}*/
.editicon, tr.row1.cat img.link, tr.row2.cat img.link {margin:0 .5em; vertical-align:middle;}

#id_toolbar{float:right}

div.itemlist div.item {margin: .3em 0 .7em; padding: .2em 0;}
div.itemlist div.item.columns:first-child {padding-right: 1em; box-sizing: border-box;}

div.itemlist div.item div.link{margin-top:.5em}
div.itemlist div.item h4, div.itemlist div.item h3{margin:.2em 0; font-size: 1em}

div.itemlist.zebra div.item:nth-of-type(odd) {background-color: #F2F2F2}
div.itemlist.zebra div.item{margin:.3em 0; padding:.2em 0 .2em .6em}

div.itemlist.sortable div.item{cursor: move;}

div.itemlist div.item.has-image{min-height: 6em !important; }
/*div.itemlist div.item.has-image h4, div.itemlist div.item.has-image div.text {margin:0 0 0 70px}*/

div.itemlist.messages div.item h4, div.itemlist.messages div.item div.text{margin: 0}



/* ------------------------------------------------------------------------ Komponenten */


body.content div.intro{font-weight: normal}
body.content div.text{min-width: 280px; margin-right: 300px;}
body.content div.lefttext{width: calc(100% - 310px);
margin-right: 0; margin-bottom: 1.5em;
float: left;}




a.more:before, a.less:before, div.more:after{clear:both !important;content: ''; display: table !important;}
div.more{display: none;}
html.no-js div.more{display: block;}
a.more, a.less{display:inline-block; padding-right:20px; background: url(images/pf_down.gif) no-repeat right;}
a.less{background-image:url(images/pf_top.gif)}
div.more > :first-child {margin-top:0;}
div.more.margintop + a {margin-top:1.5em !important}

a.more div.preview img{width: 72px; max-height: 54px; border:1px solid silver;margin: .5em .4em 0 .3em;}

div.content a.more {
    background-color: #ebebeb;
    background-position: calc(100% - .6rem) .2rem;
    margin: 0 0 .3rem 0;
    padding: .2rem 24px .2rem .2rem;
    display: block;
    clear:both;
}
div.content a.less{top: -1em;position: relative;}


div.contact {width:142px; float:left; margin: 1em 2em .5em 0}
div.contact img.logo, div.mod_author img.logo{max-width: 140px;margin-bottom: .8em}

/* geht nicht wegen more Pfeil
div.contact a.visitenkarte{padding-left: 20px; background: url(../../images/support/icons/visitenkarte.gif) no-repeat left;}
div.contact a.telephone{padding-left: 20px; background: url(../../images/support/icons/telephone.gif) no-repeat left;}
*/
div.contact .more, div.contact .less{margin: 0 0 .5em}

div.firmeninfo{
  margin-top: 1.2em;
  clear: both;
}
div.firmeninfo h3 {
    font-weight: normal;
    font-size: 1em;
}
body.print div.firmeninfo, body.print div.visitenkarte, body.print div.fixform {display:none}


div.content.row {margin-top:1.5em}


table.contentpaneopen{width: 100%; margin: 1em 0 1em; table-layout: fixed}

.contentpaneopen td.desc{padding:1em 0;}
.content .contentpaneopen td.desc{padding-bottom:0}
.contentpaneopen td.desc h3{margin:0 0 0.8em}

/* Vorschaubilder  */
.desc img, img.desc, div.messages img, div.newsletter img
  {width:60px; margin:0.35em 1em 0.4em 0; float:left;}
.desc p{margin:0 0 .5em;}

div.messages img, div.newsletter img {width:240px; border:1px solid #dcdcdc;}
.small-images img {max-width: 120px !important;}

div.messages img{margin-top: .6em}
div.messages{clear:both;}

div.image{display: inline-block;}
div.image div {
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 0.4em 0;
}

/* Newsletter*/
div.newsletter{
  padding:8px;
  font-weight:normal;
  color:black;
}
div.newsletter h3, div.newsletter h4{margin:0 0 .2em 0; clear:both;}
div.newsletter a{
  display:inline-block;
  /*margin: 6px 0 10px;*/
}
div.newsletter img{border-color: #ebebeb; margin-bottom: 1em;}

div.mod_newsletter input{vertical-align: baseline !important}





/* Codebuttons */
div.codebutton, span.codebutton{
  float:left; text-align:left;
  margin:.4em .4em .4em 0;
}
div.codebutton{display: block; clear: both;}
.codebutton p{margin:0}
.codebutton img{width:60px; height:60px; margin:2px 6px 2px 0; float:left; border:1px solid #ebebeb}
.codebutton a, div.codebutton label{font-weight:bold}
.codebutton input[type="checkbox"]{width:14px;height:14px;margin-right:4px;vertical-align:middle; margin-bottom: 0}


/* Button Groups*/
div.buttongroup h4 label {display:inline-block;margin-left:1em; font-weight:normal}
div.buttongroup:not(.kasten){clear:both; background:#ebebeb;padding:.4rem; margin-bottom: .3rem}
div.buttongroup details{margin:0; }
div.buttongroup span.preview {display: block}
div.buttongroup span.preview img {
    width: 72px;
    max-height: 54px;
    border: 1px solid silver;
    margin: .5em .5em .5em 0;
}
div.buttongroup:not(.kasten):after{content: ''; display: table;clear:both;}

div.buttongroup summary{color: #003464;}
div.buttongroup details[open] span.preview{display:none}
div.buttongroup > label{font-weight:bold; display:block; clear:both;}

/* Codebuttons als Kästen*/
div.buttongroup .codebutton {
    background:white;
    border: 1px solid silver;
    display: inline;
    float: left;
    margin: .5em 1.5em .5em 0;
    width: 182px;
    min-height: 210px;
    padding: 4px;
    text-align: left;
clear:none;
}
div.buttongroup .codebutton.codebutton-title{min-height: 184px;}


div.buttongroup.kasten .codebutton {margin-bottom: 1.5em}

div.buttongroup .codebutton img {
    width: 180px; height: 135px;
    max-width: 180px;
    margin: 0 0 6px;
    float: none;
    display:block;
    border: 1px solid #ebebeb;
}


div.login div{margin:3px 0}
div.login label{display:inline-block; width:7.5em;}

/* ----------------------------------------------------------------------------- Module */
div.module, table.moduletable{margin:1em 1.8em 1.8em 0; clear:both}
div.modulecontent {margin: .6em 0 0 1.8em;}
div#content div.module {float:left; width: 100%}
div#content div.modulecontent {margin-left:0}

#header div.module{margin-top:0; margin-bottom: .5em;}
#header div.mod_search div.modulecontent{margin-top:0;}

div.right div.module,div.right table.moduletable{margin-left:1.8em}
div.right h3.modulehead{padding-left:1em; line-height: 1.45em}
nav#main_nav h3.modulehead{padding-left:1.8em}
div.right div.modulecontent{margin-left:0}
div.right div.modulecontent textarea{max-width: 178px}

div.produkt{margin-top:2.5em}
div:not(.text)>div.produkt{clear:both;}
div:not(.text)>div.produkt::after {
  clear: both;
  content: ' ';
  display: table;
}


/* Inhaltsverzeichnis Folgeseiten  */
.contenttoc, div.textmarke, ul.textmarke{
  width: 282px;
  float: right;
  margin: 0 0 .4em 1em;
}
.contenttoc ul, div.textmarke ul, ul.textmarke{list-style: none; margin:.8em 0 0 0}

.contenttoc ul li, div.textmarke ul li, ul.textmarke li {margin:.35em 0}

.intro .contenttoc{
  width: auto;
  max-width:25em;
}

.intro .contenttoc h4{margin-top:0}

/*
.contenttoc h4 {color:black; border-bottom: 1px solid white; padding: .4em; margin:0;}
{ margin:0; padding: .4em; list-style: inside url(images/arrow.png);}*/






div.mod_search input#id_searchword, div.mod_editpages input#id_search_plz{
  width: 8.5rem;
}
div.mod_contentstats div.modulecontent img{max-width: none}

.mod_fehlerteufel textarea {
  background: url("../../images/support/fehlerteufel.gif") no-repeat 0 50%;
  height: 6em;}



/* Kästen */

h3.mod_boxedcontent{margin:1em 1.8em 0; }

.box.kasten, .box.cat{margin-bottom: 1.5em}
.box.kasten h3, .box.cat h3{
  background-image: url(images/active_blass.gif);
  background-color:#ebebeb;
  font-size: 1em;
}

.box.kasten img {display:block; float:none;}

.box.cat h3{
  background-color:#DFEBFF;
}
.box.weiss {border:1px solid #ebebeb; padding:.3em .2em .3em .3em; margin-bottom: 1.5em}
.box.weiss h3.modulehead{background: none; border: none; padding-left:0; margin-top:0}

.box img{width:auto; height:auto; margin:0;}


img.left{float:left; margin: 0.2em 0.5em 0.2em 0}
img.right{float:right; margin: 0 0 0 0.5em}

table.kasten, table.kastenpromo {
  background-color: white;
  border: 1px solid #C0C0C0;
}
table.kasten{margin-bottom: .5em}
table.kastenpromo { margin: 1.8em 0;}

table.kasten td, table.kasten th, table.kastenpromo td, table.kastenpromo th{padding:.2em}

table.kasten img, table.kastenpromo img {margin:0 .5em;}



/* ------------------------------------------------------------------------------ Menüs */

/* Hauptmenü */
div.module.mod_mainmenu h3 {display:none}/* zeitweise ohne Überschrift */

div.module.mnu{margin-left:0}
div.module.mnu div.modulecontent {margin: 0}

div.mnu h3.modulehead{font-size:1em; padding:0; margin:0 0 .6em 1.8em; border:none; background:none;}
div.mnu ul{list-style:none; margin:0}

div.mnu a{display:block; border-bottom:1px solid #E0E0E0; margin-right:0; padding:.2em 0 .2em 2em}

div.mnu li:first-child a{border-top-width:1px;}

div.mnu a img{float:right}
div.mnu ul.sublevel a{border-color: #F0F0F0; margin-left:2em; padding-left:1em; font-weight: normal}

div.mnu li.level2 a, div.mnu li.level2 a:hover{padding-left:2em;}

div.mnu li.active_menu>a, div.mnu li.open_menu>a, div.mnu a:hover {background: url(images/active.gif) repeat-y; font-weight: bold}
div.mnu li.active_menu>a{color:#101010}
div.mnu a:hover {background-color: rgba(0, 0, 0, 0.05)}

div.mnu li.fabrik{background: url(images/menu/fabrik_f2.gif) no-repeat right;}
div.mnu li.test{background: url(images/menu/test_f2.gif) no-repeat right;}

/* Benutzer */
div.mnu li.user a, div.lst li.user{
  color: gray;
  background: url('images/users/user.gif') no-repeat 0 50%;
  padding-left: 16px;
}

div.mnu li.user.admin a, div.lst li.user.admin{background-image: url('images/users/admin_user.gif')}


/* Top Menu */
#top_nav
{
  height: 2.1em;
  /*background: url(images/topnav_bottom.gif) repeat-x 0 2.11em;*/
  border-bottom: 1px solid #CBD2D8;
  padding-left:1.8em;
  margin: 0 .5em;
}

#top_nav ul{margin:0;}
#top_nav li{display: inline; margin:0; padding:0}
#top_nav li.open_menu{
    background: white;
    height: 1.4rem;
    display: inline-block;
    position: relative;
    top: 1px;
    border: solid #CBD2D8;
    border-width: 1px 1px 0;
}
#top_nav a, #top_nav span {font-weight: bold; display: inline-block; padding: .4em .6em 0;}

li.top_right{float:right;/*position: relative; top: 0.2em;*/}
li.top_right span{}


/* ----------------------------------------------------------------------- spez. Module */

div.mod_templatechooser .templates label{display: block; white-space: nowrap; margin:.2rem 0}
div.mod_templatechooser .preview img{border: 1px solid silver}

.mod_search input[type=image], .mod_editpages input[type=image]{height:1.8em; vertical-align:top}

div.mod_headerlinks{margin-left:2em;}
div.mod_headerlinks ul{list-style:none; margin:0}

div.mod_whosonline li {padding: 2px 0}

p.db_anzahl{border:1px solid #ebebeb; padding:.1em; background:#F9FAFB;}

/* -------------------------------------------------------------------------- Formulare */

input[type=checkbox], input[type=radio] {margin: 0em  .3em .1em 0; width:auto; vertical-align: middle;}
input[type=submit] {margin: .2em 0}
table.form {
  border: 1px solid #E0E0E0;
  margin: 16px 0 0px;
  width: 100%;
}

table.form td {
  height: 25px;
  padding: 2px 8px 2px 4px;
  white-space: nowrap;
}
table.form tr:last-child td{padding-bottom: .8em}


.form .input {
  width: 280px;
}

.inputbox{width:96%}
.button{width:auto; min-width: 7em}

textarea.email{width:80%; max-width:75em; height:20em; font: normal 12px courier}





/* ---------------------------------------------------------------------------- mosForm */

.form-element{padding:.2em 0}
.form-element img{width:auto; float:none}
.form-element span.error{display: inline-block; margin:.2em 0; padding:0 .2em; background-color: #ffd0d4; border:1px solid red}

.form-element label {
  /*    display: inline-block;
      min-width: 11em;
      vertical-align: top;*/
}


.form-element img.link{margin: .2em 0 0 .4em; vertical-align: top;}

.resizable{resize:none; border:1px solid #ebebeb; border-bottom:3px solid lightgray}

/* ---------------------------------------------------------------------------- Sliders */

div.slides {width:360px; float:left; margin:.8em 2em .4em 0;}
body.hersteller div.slides{width:282px; float:right; margin:0 0 .4em 1em;}

div.slides img{max-width:100%;}
div.slides * {margin:0; padding:0;}
div.slidesjs-container {border:1px solid #e4e4e4; background-color: #ebebeb}

div.slidesjs-caption{padding-bottom:.8em; margin-top: .2em;min-height:1.3em; font-style:italic;}

div.slidesjs-pagination{margin-top: .6em}

div.slides ul {list-style:none;}
div.slides ul li {display: inline}

div.slides ul li img{width:21%; margin: 0 4% 6px 0; height:auto; border:1px solid #e4e4e4;background-color:#ebebeb}
div.slides ul li:nth-child(4n+0) img{margin-right: 0}

div.slides ul li a{outline: none}
div.slides ul li a img{opacity:.95;}
div.slides ul li a:hover img{opacity:1;}
div.slides ul li a.active img{border-color:#CC0000; cursor: default; opacity:1;}


div.slidesjs-navigation {position: absolute;  top: 0; left:0;width: 100%;height: 100%; }
div.slidesjs-navigation a{
  position:relative;
  display:block;
  width: 10%;
  text-indent: -9999px;
  height: 100%;
  z-index:11;
  float:left;
}
div.slidesjs-navigation a.slidesjs-previous {background: url(images/slides-prev.png) no-repeat 0;}
div.slidesjs-navigation a.slidesjs-next {background: url(images/slides-next.png) no-repeat right;float:right;}
div.slidesjs-navigation a.slidesjs-zoom {width:80%}



div.slides figure,div.slides figure.left,div.slides figure.right{margin:0;}
div.slidesjs-control img:not(:first-of-type){display:none;}

div.slides + p {margin-top:1em}

/* Zoom */

div.slides.zoomed{
    display:block;
    float:none;
    margin:0;
    clear:both;
    width:100%;}
  div.slides.zoomed ul li img{width:16%; margin: 0 4% 6px 0; height:auto; border:1px solid #ebebeb;}
  div.slides.zoomed ul li:nth-child(4n+0) img{margin-right: 4%}
  div.slides.zoomed ul li:nth-child(5n+0) img{margin-right: 0}

  body.hersteller div.slides.zoomed {
    float:none;
    width:100%;
    max-width: 800px;
    margin-left:0;
  }


/* ----------------------------------------------------------------------------- Detail Liste/Tabelle */


div.details, details{max-width: 100%; margin:1rem 0;}

div.details, details.details{
  max-width: 100%;
  margin:1rem 0;
  padding: .6rem .8rem .3rem;
  background:#f0f0f0;
}
div.details.next-events, details.details.next-events{margin:0 0 0 0;}

div.details h4, details.details summary{padding:0; margin:0 0 .2rem 0}

div.details ul, div.details table, details.details ul, details.details table{margin:0; width:100%}

div.details li, div.details td, details.details li, details.details td{
  padding:.2rem 0;
  border-top:1px solid #bebebe;
}

div.details li, details.details li{
  list-style: none inside none;
  text-indent: 0;
}
div.details td:first-of-type, details.details td:first-of-type{width:6rem; padding-right: .2rem}

div.details li:first-of-type, div.details tr:first-of-type td, details.details li:first-of-type, details.details tr:first-of-type td{border-top-color:#000;}






figure{display:table;}
figcaption{display: table-caption; caption-side: bottom;padding:.3em 0 .7em}
.slides figcaption{display:none;}

figure > img{max-width:100%;}

figure.left{float:left;margin:.4em 2.5em .2em 0;width:auto;}
figure.right{float:right;margin:.4em 0 .2em 1em;width:auto;}
figure.center{float:none;margin:1.5em 0;width:auto;}

a figcaption{color:inherit;font-weight:normal;}


div.fde_input_fields select{height:28px; max-height: none}

@media only screen and (max-width : 1024px) {
  div.slides, div.slides, div.fixform{
    display:block;
    float:none;
    margin:0;
    clear:both;
    width:100%;}
  div.slides ul li img{width:16%; margin: 0 4% 6px 0; height:auto; border:1px solid #ebebeb;}
  div.slides ul li:nth-child(4n+0) img{margin-right: 4%}
  div.slides ul li:nth-child(5n+0) img{margin-right: 0}

}

@media only screen and (max-width : 800px) {
  body.hersteller div.slides, div.slides, div.fixform{
    display:block;
    float:none;
    margin:0;
    clear:both;
    width:100%;
  }
  body.hersteller div.slides ul li img{width:16%; margin: 0 4% 6px 0; height:auto; border:1px solid #ebebeb;}
  body.hersteller div.slides ul li:nth-child(4n+0) img{margin-right: 4%}
  body.hersteller div.slides ul li:nth-child(5n+0) img{margin-right: 0}

div.lefttext{width:100%!important}



  div.image, div.messages img, div.newsletter img{
    display:block!important;
    float:none!important;
    width:auto;
    max-width:100%;
    margin-left:0;
  }
  .text{
    margin-right:0!important;
  }


.contenttoc, ul.textmarke {
  float: none;
  width: 100%;
  margin: 1em 0;
  list-style: none;
}

.intro .contenttoc h4 {margin-top: 0}
.intro .contenttoc {margin: 0 0 1.6em}

ul.textmarke li::after {
    content: '|';
    font-weight: bold;
    margin: 0 .5em;
}
ul.textmarke li:last-child::after{content: ''; margin: 0}
ul.textmarke li{display: inline-block; margin: .3em 0;}

}

@media only screen and (max-width : 720px){
  figure.left, figure.right{
    margin-left:0;
    margin-right:0;
  }
}