*, html {margin:0;padding:0;}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #666;
    background: #fff;
    overflow-x:hidden;
}
	
a {color:#454545;}
a:hover {color:#000;}
a:active {outline:none;}

img {border:none;}

ul {margin:0;padding:0;}

section#container h1 {margin:20px 0;font-size:1.5em;}
section#container h2 {margin:20px 0;font-size:1.2em;}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

/* Allgemein */

breadcrumb {margin-top:20px;font-size:1em;float:left;width:1000px;}
#page breadcrumb {display:none;}
#page p {margin:20px 0;}
#page footer p {margin:0;}
div.left {float:left;min-width:500px;margin-bottom:50px;}
div.right {float:right;min-width:500px;margin-bottom:50px;}

/* Startseite */

#highlight article img {float: left; width: 183px; padding-right: 20px;}

section#container #highlight article a, section#container #highlight article p { float: left; }
.infoBlockLeftBlack {  color: #000;  left: auto;  right: 10px; }
.infoBlock {  left: auto; max-width: 25%; overflow: hidden;  padding: 10px;}

/* Header */

header {}
header section#search {margin:0 auto;width:1320px;}
header section#search div.suche {margin:0 auto; margin-top:10px; height:100px;text-align: right;}

header section#navigation {width:100%;height:75px;/*border-bottom: 4px solid #77B900;*/}

header section#navigation div { 
    
    background: #fff; 
    margin:0 auto;
    width:1000px;
   }

header section#wksuche {margin:0 auto;width:100%;background-color:rgba(239, 239, 239, 0.7);}
header section#wksuche div {margin:0 auto;width:1000px;height:45px;}
header section#search div.suche div.wk {display:none;background:url(../images/wk_bag.png) no-repeat right center;font-size:0.7em;float:left;margin-top:25px;padding:10px 45px;}
header section#search div.suche div.wk a {text-decoration:none;}
header section#navigation div input.textsuche {width:250px;margin:10px 0 0 70px;border:1px solid #d5d5d5;box-shadow:0 1px 5px #d5d5d5 inset;padding:3px 10px 2px;height:18px;}
header section#navigation div input.suche {text-indent:-3000px;border:none;cursor:pointer;background:#fff url(../images/suche.gif) no-repeat;width:16px;height:16px;}
header section#navigation div form#produktsuche {float:left;width:1000px;margin:0px;text-align:center;}
header section#search ul.sprache {float:left;width:auto;margin:20px 0 0 15px;}
header section#search ul.sprache li {display:inline-block;list-style-type:none;cursor: pointer;opacity:0.3;}
header section#search ul.sprache li.active {display:inline-block;list-style-type:none;cursor: pointer;opacity:100;}

header section#naviwrap {margin:0 auto;margin-top:10px;width:1000px;}
header h1 {background: url(../images/terratec_logo.png) no-repeat;float:left;width:306px;height:53px;text-indent:-3000px;margin-right:20px;margin-top:15px;}


/* Middle 1*/

section#container {margin:0 auto;width:1000px;font-size:0.8em;}
#index section#container {width: 100%;background:url(../images/slider_bg.jpg) repeat;box-shadow: 0 2px 5px #DDDDDD;}
#index section#slider {background:url(//ultron.de/images/slider_box_bg.png) repeat-x 0px 370px;margin:0 auto; width:100%;height:570px;/*box-shadow:0px 2px 5px #aaa;*/}
#index section#highlight {margin:0 auto;width:1000px;}

section#container article {width:455px;padding:10px;float: left;margin:20px 10px;}
section#container article p {float: right;font-size:0.8em;width:220px;}

/* Sidemenu */

nav#sidemenu {width:200px;float:left;border-right:0px solid #ddd;}
nav#sidemenu h1 {color:#fff;background:#77b900;padding:5px 8px;font-weight:normal;text-transform:uppercase;font-size:1em;}
nav#sidemenu ul {margin:20px 0px;line-height:30px;list-style-type: none;}
nav#sidemenu ul li {border-bottom:1px dashed #efefef;padding-left:8px;}
nav#sidemenu ul li:hover {background:#efefef;}
nav#sidemenu ul li.selected {background:#19171C;}
nav#sidemenu ul li.selected a {color:#DDDDDD;}
nav#sidemenu ul li a {text-decoration: none;display: block;}
nav#sidemenu ul.subs {background:#fff;margin:10px;}
nav#sidemenu ul.subs li {background:#fff;border-bottom:1px solid #efefef;}

/* Listenansicht */
body.archiv section#results ul li {
  min-height: 250px;
}
section#results {width:770px;float:right;margin-bottom:20px;}
section#results ul {}
section#results ul li {text-align:center;width:225px;display:inline-block;margin:15px 5px;float: left;overflow: hidden;position:relative; min-height: 415px;}
section#results ul li figcaption {position:absolute;height:80px;float:left;margin-bottom:10px;width: 230px;}
section#results ul li figcaption a {display:block;padding-bottom:15px;}
section#results ul li figure {height: 230px;}

section#results ul li section p {text-align:left;font-size:12px;}

section#results ul li ul {margin-left:15px;}
section#results ul li ul li {line-height:20px;margin:0;display:list-item;list-style-type:disc;}


section#results ul li div.preisbox {margin:0 auto;border:1px solid #FFFFFF;background:#F1F1F1;border-radius:45px;height:60px;width:60px;}
section#results ul li div.preis {margin-top:15px;color:#77b900;font-size:1.1em;}
section#results ul li div.preis small {color:#666;font-size:0.7em !important;}

section#results ul li section#desc {line-height: 20px;}

section#results div#searchresults {width:720px;background:#f8f8f8;float:left;margin-top:20px;}
section#results div#searchresults breadcrumb {margin:10px;}
section#results div#searchresults h1 {font-size:18px;margin:10px;}

section#results ul li li {display: auto;float: left;}

form#attribsform {margin:0 auto;width:980px;font-size:0.8em;margin-top:15px;background:#F9F9F9;padding:15px 10px;border-radius:5px;border:1px solid #F9F9F9;}

form#attribsform h3 {margin-bottom:10px;color:#000;}

form#attribsform span {width:23%;display:inline-block;}
form#attribsform span select {float:right;}

div.notfound {font-weight:bold;font-size:1.5em;color:#265788;padding:25px;}


/* Footer */

footer {width:100%;margin:0;float:left;background: #f9f9f9;padding:20px 0;border-top:1px solid #f5f5f5;}
footer section#footerwrap {margin:0 auto;width:1000px;}
footer div#about {font-size:0.8em;margin:30px 0;float:left;}
footer div#about h3 {margin-bottom:10px;}
footer div#about p {margin:10px 0 0 0;}
footer article {float:left;width:300px;font-size:0.7em;padding:10px;border-right:0px solid #f8f8f8;margin-top:20px;}
footer article ul li.head {list-style-type:none;padding-bottom:10px;}
footer section#footerwrap div#infos {border-top:1px solid #ddd;height:70px;margin-top:20px;padding:20px 0;font-size:0.7em;float:left;width:1000px;}
footer section#footerwrap div#infos div {margin-bottom:10px;}
footer section#footerwrap div#infos ul {width:1000px;float:left;color:#000;text-align:center;}
footer section#footerwrap div#infos ul li {display:inline;list-style-type: none;}
footer section#footerwrap div#infos ul li a {text-decoration:none;padding-right:15px;}
footer section#footerwrap div.socialmedia {float:left;margin-bottom:10px !important;width:1000px;text-align:center;
margin-top:50px;}
footer section#footerwrap div.socialmedia img {border:0 !important;}

footer section#footerwrap div#partner {width:1000px;float:left;margin-top:10px;border-top:0px solid #ddd;}
footer section#footerwrap div#partner ul {margin-top:20px;float:left;}
footer section#footerwrap div#partner ul li {list-style-type:none;}

footer section#footerwrap article ul li {line-height:20px;list-style-type: none;}

/* Details */

ul.tabs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 0 solid #999999;
    border-left: 0 solid #999999;
    float: left;
    height: 23px;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
    margin-top:15px;
}
ul.tabs li {
    border: 1px solid #FFFFFF;
    float: left;
    height: 22px;
    line-height: 20px;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
}
ul.tabs li a {
    border-right: 1px solid #FFFFFF;
    color: #555;
    display: block;
    font-size: 1em;
    outline: medium none;
    padding: 0 20px;
    text-decoration: none;
}
ul.tabs .active {
    background: none repeat scroll 0 0 #77B900;
    border: 1px solid #77B900;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
}
.tab_container {
    background: none repeat scroll 0 0 #fff;
    border-color: #77B900 -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px 0 0;
    clear: both;
    float: left;
    margin-bottom: 15px;
    width:740px;
}

.tab_container p {margin-bottom: 20px;}  
#details.archiv #downloads {display: none;}

#details aside#social {float: right;width:155px;height:30px;}
#details section#container {height:1px;position:relative;width:1070px;}
#details section#container article {background:#fff;border: none;}
#details section#container section#prodwrap {width:1070px;float:left;margin:0 auto;}
#details section#container div.prodname h1 {float:left;width:800px;font-weight:bold;color:#545454;}
#details section#container article#warenkorb {float:right;width:150px;margin-top:65px;margin-bottom:0;}
#details section#container article#warenkorb ul {font-size:1.3em;text-align: right;}
#details section#container article#warenkorb ul li {list-style-type:none;font-weight:bold;}
#details section#container article#warenkorb ul li.preis {color:#77b900;font-size:1.5em;text-align: right;padding-bottom:10px;font-weight: normal;}
#details section#container article#warenkorb ul li.preis small {color:#666;}
#details section#container article#warenkorb ul li span.mini {font-size:0.7em !important;font-weight:normal;}
#details section#container span.mwst {font-size:0.6em !important;float: left;font-weight:normal;margin-bottom:15px;}

#details section#container article#warenkorb ul li a.haendler {font-size:0.7em !important;font-weight:normal;display:block;text-align:center;margin:10px 0;}
#details section#container article#warenkorb ul li input.addwk {display:none;padding:3px;cursor:pointer;list-style-type:none;width:150px;background:#265788;border:1px solid #265788;color:#fff;font-weight:bold;}


#details section#container article#description {float:left;width:550px;font-size:0.9em;margin:0;line-height: 25px;margin-top:10px;}
#details section#container article#description ul li {list-style-type:circle;}
#details section#container article#description ul li.artnr {list-style-type:none;padding-bottom:10px;}

#details section#container article#description p {float: left;font-size:1em; width: auto;}

#details section#container div#produktbild {float:left;width:300px;font-size:0.8em;text-align:center;}
#details section#container div#produktbild a.zoom img {text-decoration:none;border: none !important;}
#details section#container div#produktbild div.morepictures, 
#details section#container div#produktbild ul.zoom-gallery {text-align:left;margin-top:10px;}

#details section#container article#downloads {float:right;width:150px;}
#details section#container article#downloads h2 {margin:0 auto;width:150px;text-align: center;}
#details section#container article#downloads img.youtube {margin:0 auto;display: block;cursor:pointer;}
#details section#container article#downloads ul {margin-top:20px;margin-bottom: 30px;}
#details section#container article#downloads ul li {list-style-type:none;display:inline-block;width:120px;line-height:40px;}
#details section#container article#downloads ul li.db {background:url(../images/icon_pdf.png) no-repeat;padding-left:50px;}
#details section#container article#downloads ul li.bild {background:url(../images/icon_bild.png) no-repeat;padding-left:50px;}
#details section#container article#downloads ul li.zip {background:url(../images/icon_zip.png) no-repeat;padding-left:50px;}

#details section#container article#downloads ul li.de {background:url(../images/pdfde.png) no-repeat;}
#details section#container article#downloads ul li.de_pdf.software {background:url(../images/pdfde.png) no-repeat;}
#details section#container article#downloads ul li.en {background:url(../images/pdfen.png) no-repeat;}
#details section#container article#downloads ul li.en_pdf.software {background:url(../images/pdfen.png) no-repeat;}
#details section#container article#downloads ul li.fr {background:url(../images/pdffr.png) no-repeat;}

#details section#container article#downloads ul li.software64,
#details section#container article#downloads ul li.software32 {background:/*url(../images/s64.png)*/ url(../images/software.png) no-repeat;padding-left:50px;}

#details section#container article#downloads ul li.software,
#details section#container article#downloads ul li.softwareMac {line-height:20px;margin-bottom:20px; height: 40px;}

#details section#container article#downloads ul li.software {background:url(../images/software.png) no-repeat;padding-left:50px;}
#details section#container article#downloads ul li.softwareMac {background:url(../images/softwareMac.png) no-repeat !important;line-height:40px;padding-left:50px;}
#details section#container article#downloads ul li.win8 {background:url(../images/softwareWin8.png) no-repeat !important;line-height:40px;padding-left:50px;}


#details section#container article#simprod {width:100%;float:left;}
#details section#container article#simprod ul {margin-top:20px;float:left;}
#details section#container article#simprod ul li {display:inline-block;width:120px;text-align:center;vertical-align: top;}
#details section#container article#simprod ul li a {width:120px;font-size:0.7em;display: block;}

.simple_overlay {
 
    /* must be initially hidden*/
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling 
    background-color:#333;
 */
    width:100%;
    min-height:390px;
    border:none;
    text-align: center;
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* Warenkorb / Kundendaten / Bestellformular */

#warenkorb section#container div.hinweis,
#kundendaten section#container div.hinweis ,
#kontakt section#container div.hinweis,
#bestabschluss section#container div.hinweis,
#kundendienst section#container div.hinweis {color:#77b900;font-weight:bold;margin:15px 0;} 

/* GREG */
li.web {display: none;}
a.default {float:left;margin:20px 0 0 20px;}
table.best {width:960px;padding:10px;margin:10px 0;text-align: left;}

table.best td.versand,
table.best td.gsumme,
table.best td.nname {font-weight: bold;padding-right:10px;}
table.best td.endsumme {font-size: 1.2em;vertical-align: bottom;text-decoration:underline;}
table.best input {width:20px;margin-right:10px;}
table.best input.refresh {background:url(../images/icon_refresh.png) no-repeat;border:none;width:20px;text-indent:-3000px;width:18px;}
table.best a.delete {background:url(../images/icon_delete.png) no-repeat;border:none;width:20px;text-indent:-3000px;width:18px;height:18px;display:block;float:right;}

table.best span.mini {font-size:0.8em;font-weight: normal;}
table.best span.euro {font-size:0.8em;font-weight: normal;}

#warenkorb section#container hr {margin: 10px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;}
input.best {padding:3px;cursor:pointer;list-style-type:none;background:#265788;border:1px solid #265788;color:#fff;font-weight:bold;float:right;margin:20px 0px;}
#kontakt input.best, #kundendienst input.best {box-shadow:none;padding:3px;border-radius:0px;cursor:pointer;list-style-type:none;background:#265788;border:1px solid #265788;color:#fff;font-weight:bold;float:left;margin-top:10px;height:auto;width:auto;}
div.rechlief {float:left;margin-bottom:40px;width:900px;}
div.rechlief ul {list-style-type:none;line-height:30px;margin:20px 0;}
fieldset {border:none;}
ul.kdndaten {list-style-type:none;line-height:30px;margin:20px 0;}
ul.kdndaten label, ul.agbversand label {width:170px;float:left;}
ul.kdndaten input {box-shadow:0 1px 5px #D5D5D5 inset;border: 1px solid #d5d5d5;border-radius: 0px;height: 18px;margin-top: 10px;padding: 3px 10px 2px;width: 250px;}
ul.kdndaten textarea {box-shadow:0 1px 5px #D5D5D5 inset;border: 1px solid #d5d5d5;border-radius: 0px;margin-top: 10px;padding: 3px 10px 2px;width: 250px;}

.kdndaten ul li {list-style: none outside none;}
ol.kdndaten {line-height:30px;}

#allesok {
    box-shadow: none;
    margin: 0 15px 0 0;
    text-align: right;
    width:20px;
}
#laballesok {
	line-height: 1.2;
    float: none;
    width: 100%;
    display: inline;
}
li.confirm {
        background:#F9F9F9;
        padding:5px;
        font-size: 12px;
        margin-bottom: 10px;

       }

/* Treiber */

table.treiber {background:#f8f8f8;border:1px solid #f8f8f8;border-radius:5px;padding:10px;margin-bottom:20px;width:1000px !important;line-height:25px;}
table.treiber td.head {color:#000;font-weight:bold;border-bottom:1px dashed #ddd;}
h2.treiber {color:#265788;}


/* Neues Menü */

.cbp-hrmenu {
    width: 100%;
    margin-top: 1em;
    
}
 
/* general ul style */
.cbp-hrmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
 
/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
    width: 90%;
    max-width: 70em;
    margin: 0 auto;
    padding: 0 1.875em;
}
 
.cbp-hrmenu > ul > li {
    float:left;
    
}

.cbp-hrmenu > ul > li.active {
    color:#fff !important;
    background:#77B900;
}

.cbp-hrmenu > ul > li.active > a{
    color:#fff !important;
    
}

.cbp-hrmenu > ul > li.last, .cbp-hrmenu > ul > li.last span {
    display: inline-block;
    border-right:1px solid #fff;
}
 
.cbp-hrmenu > ul > li > a {
    
    padding: 1em 0;
    color: #999;
    display: inline-block;
    text-decoration:none;
}

.cbp-hrmenu > ul > li > a > span {
    
    border-right:1px solid #ccc;
    display:block;
    padding:1em;
}

.cbp-hrmenu > ul > li > a > span:hover {
    
    border-right:1px solid #77B900;
    

}

.cbp-hrmenu > ul > li > a:hover {
    color:#fff !important;
    background:#77B900;
    border:none;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    color:#fff !important;
    background:#77B900;
}
 
/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    background: #47a3da;
    width: 100%;
    left: 0;
}
 
.cbp-hropen .cbp-hrsub {
    display: block;
    padding-bottom: 3em;
}
 
.cbp-hrmenu .cbp-hrsub-inner > div {
    width: 33%;
    float: left;
    padding: 0 2em 0;
}
 
.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
    content: " ";
    display: table;
}
 
.cbp-hrmenu .cbp-hrsub-inner:after {
    clear: both;
}
 
.cbp-hrmenu .cbp-hrsub-inner > div a {
    line-height: 2em;
}
 
.cbp-hrsub h4 {
    color: #afdefa;
    padding: 2em 0 0.6em;
    margin: 0;
    font-size: 160%;
    font-weight: 300;
}
 
/* Examples for media queries */
 
@media screen and (max-width: 52.75em) {
 
    .cbp-hrmenu {
        font-size: 80%;
    }
 
}
 
@media screen and (max-width: 43em) {
 
    .cbp-hrmenu {
        font-size: 120%;
        border: none;
    }
 
    .cbp-hrmenu > ul,
    .cbp-hrmenu .cbp-hrsub-inner {
        width: 100%;
        padding: 0;
    }
 
    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 0 2em;
        font-size: 75%;
    }
 
    .cbp-hrmenu > ul > li {
        display: block;
        
    }
 
    .cbp-hrmenu > ul > li > a {
        display: block;
        padding: 1em 3em;
    }
 
    .cbp-hrmenu .cbp-hrsub {
        position: relative;
    }
 
    .cbp-hrsub h4 {
        padding-top: 0.6em;
    }
 
}
 
@media screen and (max-width: 36em) {
    .cbp-hrmenu .cbp-hrsub-inner > div {
        width: 100%;
        float: none;
        padding: 0 2em;
    }
}

#fbplus-title-float-main, #fbplus-title-float-left,  #fbplus-title-float-right {background:#333 !important;}

.fbplus-title-float {bottom:0;}

.gallery-info {margin:1em 0 2em 0;color:#777;}

.flexwrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}

.flexwrapper div {
width:100%;
margin:1em 0;    
}

/* Treiber Download */

#container h1.Headline {
	margin:1em 0 0 0;
	display:inline-block;
}

.TreiberListe {
	display:flex;
	flex-direction:row;
	width:960px;
	margin:0 0 3em 0;	
}

.TreiberListe-WG {
	background:#f8f8f8;
	padding:2em 3em;
	margin:2em 1em;
	width:250px;
}

.TreiberListe-WG .Treiber-Modell {
    line-height:2;
    list-style-type: none;
    margin-bottom:1.5em;
    
}

.TreiberListe-WG .Treiber-Modell span {
    display:block
}

.TreiberListe-WG li.Treiber-Modell a {
    color:#77B900;
}

h2.TreiberListe-WG-Name {
	margin-top:0 !important;
	text-align:center;
	font-size:1.4em ;
}


.grid {
 list-style: none;
 margin-left: -40px;
 margin-bottom:3em;
}

.gc {
 box-sizing: border-box;
 display: inline-block;
 margin-right: -.25em;
 min-height: 1px;
 padding-left: 40px;
 vertical-align: top;
}

.gc--1-of-3 {
 width: 33.33333%;
}

.gc--2-of-3 {
 width: 66.66666%;
}

.naccs {
 position: relative;
 max-width: 900px;
 margin: 2em auto 0;
}

.naccs .menu div {
 padding: 15px 20px 15px 40px;
 margin-bottom: 10px;
 background: $second-color;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 cursor: pointer;
 position: relative;
 vertical-align: middle;
 font-weight: 700;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.naccs .menu div span.light {
 height: 10px;
 width: 10px;
 position: absolute;
 top: 24px;
 left: 15px;
 background-color: #fff;
 border-radius: 100%;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div.active span.light {
 background-color: ##77B900;
 left: 0;
 height: 100%;
 width: 3px;
 top: 0;
 border-radius: 0;
}

.naccs .menu div.active {
 color: #77B900;
 padding: 15px 20px 15px 20px;
}

ul.nacc {
 position: relative;
 height: 0px;
 list-style: none;
 margin: 0;
 padding: 0;
 transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li {
 opacity: 0;
 transform: translateX(50px);
 position: absolute;
 list-style: none;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li.active {
 transition-delay: .3s;
 z-index: 2;
 opacity: 1;
 transform: translateX(0px);
}

ul.nacc li dd {
	margin-bottom:1em;
}

ul.nacc li dd a {
    color:#77B900;
}

ul.nacc li p {
 margin: 0;
}