/* CUSTOM STYLESHEET for 00 DUMMY */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2013 */
/* version: 0.1 */
/* date: mar 2013 */


/* overwrites layout.css */
@import "layout.css";

/* =LAYOUT ======================== */
body {margin:0px;font-size:15px;font-family:Trebuchet MS, arial, verdana, sans-serif;color:#575757;background:url("../Img/bg.png");}
#wrap {position:relative;width:950px;display:inline-block;min-height:960px;margin:0px auto 0;margin-bottom:0px;text-align:left;background:none;}
#bg {position:absolute;top:90px;left:0px;width:100%;height:900px;z-index:-1;opacity:0.15;
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,0))); /* hrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#bgheader {position:absolute;top:0px;left:0px;height:90px;width:100%;opacity:0.15;background:#000;z-index:-1;}

#logo {display:inline-block;width:330px;height:60px;float:left;background:url("../Img/logo.png") no-repeat;margin:15px 0px;text-indent:-999px;overflow:hidden;}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {color:#3D80D1;}
a:hover, a:focus {color:#386fb2;}
:active, :focus {outline:0;}
a.pdf {padding-left:18px;background:url("../../layout/img/file_pdf.gif") no-repeat scroll 0px 3px transparent;}
a.doc {padding-left:15px;background:url("../Img/icons.png") 0 -210px no-repeat;}
a.mail:link, a.mail:visited {color:#3D80D1;text-decoration:none;}
a.mail:hover, a.mail:focus {color:#386fb2;}
/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* anker-tags f�r interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */
p,h1,h1,h3,h4,h5 {}
p {margin-bottom:10px;line-height:18px;}
h1 {margin-bottom:15px;font-size:20px;}
h2 {margin:10px 0 10px;font-size:20px;color:#3d80d1;}
h3 {margin:5px 0 10px;font-size:17px;}
h4 {margin:5px 0 10px;font-size:16px;}
/* other */
ul {list-style:disc;margin:0 0 10px 20px;line-height:1.5em;}
ol {list-style:decimal;margin:0 0 10px 20px;line-height:1.5em;}
#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url("../Img/to-top.gif") 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url("../Img/to-top.gif") 0 -30px no-repeat;text-decoration:none;}

img {border:0;color:#C00;}

.ce-border img, .ce-border iframe {
    border: 1px solid #ddd;
    padding: 5px;
}

/* =NAVIGATIONEN ======================== */

/* navigation */
header nav {float:right;position:relative;margin-bottom:20px;}
header nav ul {color:#bcbcbc;}
header nav li {float:left;margin:0px 10px;}
header nav li.cur {font-size:14px;color:#ffffff;text-decoration:none;text-transform:uppercase;}
header nav li:first-child {list-style:none;}
header nav li a:link, header nav li a:visited {font-size:14px;color:#bcbcbc;text-decoration:none;text-transform:uppercase;}
header nav li a:hover, header nav li a:focus {color:white;}


/* navigation */
.layout-2col-left aside {width:205px;float:left;margin-bottom:100px;background:white;overflow:hidden;}
aside nav {background:#ff811f;box-shadow:0 -20px 30px 20px #000000;border-bottom:1px solid #ff811f;}
aside ul#navi {margin:0px;padding:10px;}
aside #navi li {border-top:1px dotted white;list-style:none;}
aside #navi a:link, aside #navi a:visited {display:block;padding:5px 5px 5px 30px;background:url("../Img/arrow-white-nav.png") no-repeat scroll 10px 10px transparent;text-decoration:none;color:white;text-transform:uppercase;}
aside #navi a:hover, aside #navi a:focus {background:url("../Img/arrow-white-nav.png") no-repeat scroll 10px 10px #f26a00;}
aside #navi .cur {background: #f26a00;text-decoration:none;color:white;}

/* subnavi */
aside #navi ul {margin:0px 0 0 30px;padding:0;line-height:1em;}
aside #navi ul li {border:none;padding:0 0 9px;list-style:disc;color:#FFFFFF;list-style:none;}
aside #navi ul li.last {border:none;}
aside #navi ul a:link, aside #navi ul a:visited {display:inline-block;padding:3px 0;background:none;text-decoration:none;color:white;text-transform:none;}
aside #navi ul a:hover, aside #navi ul a:focus {background:#3977c3;opacity:0.7;}



/* =CONTENT ELEMENTS ======================== */

.csc-textpic-text {margin-bottom:30px;}

/* KEYVISUAL */
.keyvisual img {max-width:100%;margin-bottom:22px;border:10px solid white;}

/* CONTENT */
.layout-2col section#content {width:700px;float:right;margin-bottom:100px;padding:0px 20px 40px;background:white;}
#content h1 {width:700px;height:50px;position:relative;right:20px;margin:0px 0px 25px;padding:13px 20px;font-size:22px;font-weight:normal;color:white;text-shadow:0px 0px 6px #666;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea6500+0,ea7a25+100 */
background:linear-gradient(to bottom, #ff780f 0%, #ff8f38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#content .csc-frame-rulerAfter {margin-bottom:30px;border-bottom:1px solid #c9c9c9;}

DIV.csc-textpic-center .csc-textpic-imagewrap, DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap {margin:40px 0px;}


/* dce teaser (produktbox) */
.dce-teaser .row {margin: 0;}
.dce-teaser .liste {display:block;}
.dce-teaser .liste-bild {float:right;border-left: 1px solid #ddd;}
.dce-teaser .list-item {display:inline-block;width:313px;margin-right:25px;padding:5px;border:1px solid #D9D9D9;float:left;font-size: 14px;}
.dce-teaser .list-item > .row > div:last-child {padding-left: 0;}
.dce-teaser a.btn:link, .dce-teaser a.btn:visited {display:block;width: auto;height: 29px;margin-top: 20px;padding: 5px 12px;text-decoration:none;font-size:13px;color:#fff;
background:linear-gradient(to bottom, #ff780f 0%, #ff8f38 100%); }
.dce-teaser a.btn:hover, .dce-teaser a.btn:focus {
    width: auto;height: 29px;margin-top: 20px;padding: 5px 12px;
    background:linear-gradient(to bottom, #cb5901 0%, #e66808 100%);}

/* call-to-action */
#content a.button:link, #content a.button:visited,
.csc-form-element-submit input {display:block;width:105px;height:28px;padding:5px 7px;text-decoration:none;font-size:13px;color:#fff;background:url("../Img/button-bg-cta.png") no-repeat;text-shadow:0 0 3px #B45D00;}
#content a.button:hover, #content a.button:focus,
.csc-form-element-submit input:hover {background:url("../Img/button-bg-cta-hover.png") no-repeat;}

/* ASIDE */

/* kontaktbox */
aside div {padding:25px 15px 5px;}
aside div p {font-family:verdana;font-size:13px;color:#373737;line-height: 1.4em;}
aside div ul {list-style:none;margin:0px;padding:0px;font-size:13px;font-weight:bold;color:#4e4e4e;}
aside div li {padding-left:21px;}
aside div li.tel {background:url("../Img/icon-tel.png") no-repeat scroll 2px 0px transparent;padding-top:2px;margin-top:15px;}
aside div li.fax {background:url("../Img/icon-fax.png") no-repeat scroll 0px 0px transparent;}
aside div li.mail {background:url("../Img/icon-mail.png") no-repeat scroll 0px 4px transparent;margin:10px 0px 15px;}

aside a.mail:link, aside a.mail:visited {color:#4E4E4E;text-decoration:none;}
aside a.mail:hover, aside a.mail:focus {}

.clear {clear:both;}

/* FOOTER */
#foot {width:950px;position:relative;top:20px;margin:0px auto;}
#bgfooter {position:absolute;left:0px;width:100%;height:50px;background:#000;z-index:-1;}

.copy {float:left;margin:2px 0 0;font-size:14px;color:#797979;}
.copy a:link, .copy a:visited {font-size:14px;color:#3d80d1;text-decoration:none;}
.copy a:hover, .copy a:focus {color:#386fb2;}

.musthave {float:right;margin:0px;}
.musthave li {float:left;margin:0px 5px;padding-left:10px;list-style:none;border-left:1px solid #797979;}
.musthave li:first-child {border-left:none;}
.musthave li a:link, .musthave li a:visited {font-size:14px;color:#797979;text-decoration:none;}
.musthave li a:hover, .musthave li a:focus {color:#adadad;}
.first a {color:#797979;}

/* =OTHER ======================== */

/* powermail */
.tx-powermail {margin-top:40px;}
.powermail_message.powermail_message_error, .powermail_legend {display:none;}
.powermail_fieldwrap {clear:both;margin-bottom:10px;}
.powermail_label {display:block;width:150px;float:left;font-weight:bold;line-height:30px;}
.tx-powermail textarea {width:400px;height:150px;}
.tx-powermail input.powermail_submit {margin-left:0;padding:5px 15px;cursor:pointer;color:#FFFFFF;background:#3D80D1;}
.tx-powermail input.powermail_submit:hover {background:#386fb2;}
.powermail_fieldwrap_marker {margin-left: 13.666667% !important;}

.form {}
.form ol {list-style:none;margin:0;}
.form li {margin-bottom:15px;position:relative;}
.form label {float:left;width:100px;}
.form label em {display:inline;color:#c00;}
.form label strong {position:absolute;top:3px;left:254px;}
.csc-form-element-submit input {height:30px;margin-left:100px;}
.csc-form-element-textarea .form label strong {left:450px;}
.csc-form-element-textblock {margin-top:20px;color:#999;font-style:italic;}



/* =JQUERY PLUGINS ======================== */
/* accordion */
h3.ui-accordion-header {margin:0 0 2px;padding:5px 15px 4px;background:#ccc;font-size:14px;text-transform:uppercase;font-weight:normal;cursor:pointer;}
h3.ui-accordion-header a:link,h3.ui-accordion-header a:visited { display:block;height:auto;padding:6px 20px 5px 35px; background-position:10px -375px; background-repeat:no-repeat; background-image: url("../Img/icons.png"); text-decoration:none;color:#333;  }
h3.ui-accordion-header a:hover, h3.ui-accordion-header a:focus {background-position:10px -415px;color:#000;outline:0;}
h3.ui-state-active {border:none;background-position:10px -415px;}
h3.ui-state-active a:link,h3.ui-state-active a:visited {background-color:#999; color:#fff;}
h3.ui-state-active a:hover,h3.ui-state-active a:focus { }

h3.ui-state-default a {}
div.ui-accordion-content {background:#eaeaea;padding:10px 15px 15px;margin-bottom:2px; overflow:hidden;} 
div.ui-accordion-content p {margin-bottom:7px;}