html {width:auto; min-width:320px;}
h1 {text-shadow: -1px -1px #fff, 1px 1px #ccc}
h2 ~ p {color: inherit;}
em {font-size:95%; color:#333; font-weight:bold;}
a:focus {-moz-outline:none;outline:none;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
#header {height:auto;}
#container {height:auto; min-height:520px; font:1em UbuntuCondensedRegular, Open Sans;}
#main .mod_article {display:inline-block; height:auto; min-height:460px;}
#main a:link, #main a:visited {color:#362992; text-decoration:underline;}
#main a:hover, #main a:active {color:#999; text-decoration:none;}
.tswg {text-shadow: -1px -1px #fff, 1px 1px #ccc}
.tsgw {text-shadow: 1px 1px #fff, -1px -1px #ccc}
.tstl {text-shadow: 1px 1px 0px #000;}
.tslp {text-shadow: -1px -1px 0px #fff, 1px 1px 0px #ccc;}
.fl {float:left;}
.pl {padding:0 0 10px 20px;}
.fr {float:right;}
.pr {padding:0 20px 10px 0;}
.w50 {width:50%;}
.small {font-size:85%}

/* Leistungen */
body.oberflaeche {background:#eee; width:auto;}
#sonstige-oberflaechenbehandlungen .accordion h1 {display:none;}
#oberflaeche h4 {color:#362992;padding-left:0;}
#oberflaeche p, #oberflaeche ul {padding-left:0;}
#oberflaeche sup {font-size:80%; line-height:0.5;}

/* Links */
#main .grey a {color:#fff; text-decoration:none;}
/*#main a[href*="docs"]:link {color:red}*/

/* Tabellen */
/* Zeilen mit ungerader Nummer */
#contakt tr:nth-child(odd) {color: black; background-color: white;}
/* Zeilen mit gerader Nummer */
#contakt tr:nth-child(even) {color: black; background-color: #ddd;}

/* Tabelle Start */
.table-start {position:relative;}
.table-start table {margin-bottom: 0px; border: none; font-size:inherit;}
.table-start table td {border: none; padding: 0px 20px 5px 0px; vertical-align:top;}
.table-start table td p {margin: 0;}
.table-start table th {padding: 0px 20px 5px 0px; vertical-align:top;}

/* Tabelle Verkauf */
#verkaufssortiment .ce_text {margin-bottom:20px;}
#verkaufssortiment .ce_text p {margin-bottom:20px;}
#main .ce_text table, #verkaufssortiment .ce_text table {width:400px; font-size:90%;}
#verkaufssortiment .ce_text ul {width:400px; font-size:90%;}
#verkaufssortiment .float_right {margin:0 0 40px 40px;}
.verkauf .ce_text table, .verkauf .ce_text ul {width:600px; font-size:90%;}
.verkauf .float_right {margin:0 0 40px 40px;}

/* Farbsortiment */
#standardfarben img, #sonderfarben img {border:solid 1px #ddd; width:200px; height:40px;}
#sonderfarben .sternchen {color:#c30; font-size:80%;}

/* Navi, Footer */
#footer .inside {height:auto; min-height:200px;}
#footer p {margin:5px 0 5px 0; padding:0;}
#footer .mod_customnav {position:relative; top:0; left:-20px; margin:0; padding:0;}
#footer .mod_customnav ul {display:inline-block;}
#footer .mod_customnav li {float:left; width:100%; margin:0; padding:0;}
#footer .mod_customnav a, #footer .mod_customnav span {display:block; margin:0; padding:0; font-size:1.3em;}
#footer li.rarrow {width:auto; padding-right:20px; margin-right:10px; background:transparent url(../../data/images/icon_arrow_right.png) top right no-repeat;}
#footer .two_third p {word-spacing: 0.2em;}

/* Video, Galerie rechts */
#right .mod_article {margin-bottom:20px;}
#right .html5media, #right .mod_ch_flowplayer {margin-bottom:40px;}
#right .ce_gallery {display:inline-block; padding:0 20px 0 0; width:150px; height:180px; overflow:hidden;}
#right .ce_text img {display:block;}
.ie7 #right .mod_ac_search_index {display:inline-block;}
.ie7 #right .ce_gallery {position: relative; width:120px; height:160px;}
.ie7 #right .ce_text {position: relative;}

/* Suche rechts, mitte */
#right .mod_ac_search_index {margin-bottom:70px;}
.chrome #right .mod_ac_search_index {height:70px; margin-bottom:0px;}
.safari #right .mod_ac_search_index {height:70px; margin-bottom:0px;}
#suche .formbody {display:none}
.formbody .stext, .formbody .sbut {position:absolute;}
.formbody .sbut {left:290px;}
.mod_search .header {clear:both; margin:0px 0 20px 0; color:#039;}
.mod_search .stext, .mod_ac_search_index .stext {display:block; -webkit-appearance: none; -webkit-box-sizing: content-box; width:auto; min-width:290px; height:41px; border:0px; color:#666; background:transparent url(../../data/images/submit_form.png) top left no-repeat; margin: 0px; padding:0px 10px 0px 10px; text-decoration: none;}
.mod_search .sbut, .mod_ac_search_index .sbut {display:block; width:52px; height:40px; border: 0px; background: transparent; margin: 0px; padding:0px; text-decoration: none; cursor: pointer; font-size: 0px;}
.mod_search .highlight {color:#f30;}
.ie7 .stext, .ie8 .stext {padding:10px;}
.chrome .stext, .safari .stext {width:auto;}
.autocompleter-choices {position:absolute; top:50px; padding:0px 1px 0px 1px; background:#eee;}
.autocompleter-choices li {padding:5px 14px 5px 14px;}
.autocompleter-queried {color:#f30;}
.autocompleter-selected {background:#ddd; cursor:pointer;}
.relevance {display:none;}
#main p.context {margin-bottom:10px;}
#main p.url {margin-bottom:30px;}
#main p.url a {text-decoration:none;}
#main p.url a span {font-size:120%;}
#main .pagination a {text-decoration:none;}
#main .pagination a:link, #main .pagination a:visited {color:#ccc;}
#main .pagination a:hover, #main .pagination a:active {color:#fff;}

/* Downloads rechts */
#rdownloads {display:inline-block; width:auto; margin-bottom:20px; text-align:left;}
#rdownloads p span {font-size:1.2em; text-transform:uppercase;}
#rdownloads .dbox {display:inline-block; float:left; width:70px; font-size:0.7em; margin:0px 4px 10px 4px; text-transform:uppercase; text-align:center;}
.ie7 #rdownloads .dbox span {display:inline-block;}

#xdownloads {display:inline-block; width:auto; margin-bottom:20px; text-align:left;}
#xdownloads p span {font-size:1.2em; text-transform:uppercase;}
#xdownloads .dbox {display:inline-block; float:left; width:57px; font-size:0.65em; margin:0px 4px 10px 4px; text-transform:uppercase; text-align:center;}

/* Akkordeon */
.ce_accordion {margin-top:-10px; margin-bottom:20px;}
.ce_accordion .toggler {background: url(../../data/images/toggle-plus.png) left center no-repeat; cursor: pointer; padding: 7px 0 7px 20px; border-bottom: 1px none #E7E7E7; font-size: 15px; font-weight: normal; color:#362992;}
.ce_accordion .toggler.active {background: url(../../data/images/toggle-minus.png) left center no-repeat; margin-bottom: 10px;}

/* Footer Klassen */
.two_third {text-align:left;}
.one_third {text-align:left;}
.ie7 #footer .one_third {float: right; position:absolute; right:0px; top:20px;}

/* ScrollSpy */
#gototop { display:none; font-size:23px; width:200px; height:100px; position:fixed; z-index:999; right:30px; bottom:30px; padding:0px; background:transparent url(../../data/images/gototop.png) top left no-repeat; }
#gototop a { display:inline-block; width:200px; height:auto; text-align:center;}
#gototop a:link, #gototop a:visited { text-decoration:none; color:#333; padding-top:50px;}
#gototop a:hover, #gototop a:active { text-decoration:none; color:#666; }

/* AGBs */
#agbs li {list-style-type: square; background:none; margin:0px 0px 10px 20px; padding:0px 0px 10px 10px;}
#agbs ol, #agbs ul, #agbs .list-c {margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;}

/* mobile Klassen */
@media only screen and (max-width: 650px) {
  #footer .two_third {text-align:left; padding:1em; font-size:120%;}
  #footer .two_third p {height:auto; padding-bottom:20px;}
  #footer .one_third {text-align:left; padding:1em;}
  #footer .one_third .mod_customnav ul{text-align:left; padding:1.5em;}
  .ie7 #footer .one_third {clear:both; position:relative;}
  .formbody .sbut {left:260px;}
  .mod_search .stext, .mod_ac_search_index .stext {display:block; -webkit-appearance: none; -webkit-box-sizing: content-box; width:auto; min-width:260px; height:41px; border:0px; color:#666; background:transparent url(../../data/images/submit_form.png) top left no-repeat; margin: 0px; padding:0px 10px 0px 10px; text-decoration: none;}
  #main .inside {padding:1em;}
  #main .ce_text p {width:auto; min-width:280px; max-width:100%;}
  #main .ce_text table {width:auto; min-width:280px; max-width:100%;}
  #main .image_container img {width:auto; min-width:100px; max-width:200px;}
}

/* Cookie Manager */
#cookiesdirective > div {width:50%!important;}