/* =========================================================
Stylesheet für Dauphin Catalog
Datei: style.css
Media: screen
Datum Erstellung: 19. Oktober 2010
Datum Änderung: 19. Oktober 2010
Autor: Ulf Mayer
Mail: mayer@navigate.de

========================================================== */

/* ===============================
   = Korrekturen
=============================== */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}

ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 0;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}


*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.5%; /* don't edit */
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	font-size: 1em; /* edit here to change font size globaly 1em = 10px */
	color: #4d4d4d;
	background: #f1f1f1 url(/dauphincatalog/wLayout/design/img/bg.gif) 50% 0 repeat-y;
	text-align: left;
}

a {color: #4d4d4d;}

input, select, textarea, button {font: inherit;}
button, label {cursor: pointer;}
legend {display: none;}

small {font-size: .85em;}

.clear {clear: both;}
.floatRight {float: right;}
.floatLeft {float: left;}
a .hidden {display: none;}

h2 {background: url(/dauphincatalog/wLayout/design/img/dot.gif) left bottom repeat-x; font-size: 1.3em; padding: 0 0 4px 0; line-height: 1.6em;}
h3 {background: url(/dauphincatalog/wLayout/design/img/dot.gif) left bottom repeat-x; font-size: 1.3em; padding: 0 0 4px 0; line-height: 1.6em;}

/* ===============================
   = Container
=============================== */

div#outerwrapper {
	width: 920px;
	padding: 0 20px 0 20px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

#wBlockTop {height: 245px; background: url(/dauphincatalog/wLayout/design/img/dotted-line.gif) left bottom repeat-x; margin-bottom: 30px;}
.elementLogo {
	border-bottom: 1px solid #d5d5d5;
}

#content {font-size: 1.1em; margin-bottom: 20px; min-height: 300px;}
#content h2,
#content h3 {font-size: 1.2em; margin: 0 0 10px 0;}
#content p {line-height: 1.6em;}

#nav {position: absolute; top: 155px; left: 20px; z-index: 100; width: 920px;}
#nav,
#nav li { list-style: none; margin: 0; padding: 0; text-align: left;}
#nav li {position: relative; display: inline-block;}
#nav li a { padding: 0px 35px 0px 35px; font-weight: bold; font-size: 1.3em; display: inline-block; margin: 0 10px 0 0;}
#nav li ul {display: none; position: absolute; top: 28px; left: 0; margin: 0; padding: 0;}
#nav li ul li {display: block;}
#nav li ul li a {background: #fff; width: 186px; border: 1px solid #e4e4e4; border-top: 0px; font-weight: normal; font-size: 1.1em;}
#nav li ul li a:hover {background: #F1F1F1;}
.sf-sub-indicator {display: none;}
#nav li ul li ul {left: 218px; top: -1px; border-top: 1px solid #E4E4E4; width: 219px; }

#search {height:28px; width: 221px; position: absolute; top: 100px; right: 18px; background: url(/dauphincatalog/wLayout/design/img/search.gif) right top no-repeat;}
#search fieldset {border: 0;}
#search input {margin: 4px 0 0 33px; background: none; border: 0; font-size: 1.2em; width: 174px; padding: 2px 4px 2px 4px;}
#search button {position: absolute; top: 0; left: 0; display: block; border: 0; width: 28px; height: 28px; background: url(/dauphincatalog/wLayout/design/img/trans.gif); cursor: pointer;}

#utility {position: absolute; top: 30px; right: 20px; font-size: 1.1em; width: 100px;}
#search button span {display:none;}

#footer {clear: both; padding: 20px 0 20px 0; font-size: 1.1em; background: url(/dauphincatalog/wLayout/design/img/dot.gif) left top repeat-x; }
#footer ul {float: right;}
#footer ul,
#footer ul li {list-style: none; margin: 0; padding: 0; display: inline;}

#breadcrumb {padding: 0 0 15px 0;}

#col1,
#col2,
#col3 {float: left;}

#col1 {width: 450px; margin-right: 15px;}
#col2 {width: 220px; margin-right: 15px;}
#col3 {width: 220px;}

#imagecontainer {margin: 0; height: 300px;}
#imagecontainer .col1,
#imagecontainer .col2 {float: left;}
#imagecontainer .col2 {float: left;width: 220px; margin-left: 13px;}
#imagecontainer .col1 {border: 1px solid #B4B4B4;}

#smallimages {margin: 0 0 16px 0;}
#smallimages img {cursor: pointer;}
#smallimages .odd {margin-right: 9px;}
#smallimages .squared {overflow: hidden; float: left; text-align: center; height: 59px; width: 140px; display: block; border: 1px solid #b4b4b4; margin-bottom: 6px; }
#smallimages .squared table {border: 0; margin: 0; padding: 0; border-collapse: collapse;}
#smallimages .squared table td {border: 0; height: 60px; width: 140px; text-align: center;}

#datacontainer {clear: both; }
.cartcontainer {margin-top: 0!important;}
.cartcontainer .texturen td.smallimage img {border: 0;}

#content ul,
#content ul li {list-style: none; margin: 0; padding: 0; position: relative;}
#content ul li {font-size: 1em;}


a.planning {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/icon-planning.gif) no-repeat; padding: 2px 0 3px 22px;}
a.pdf {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/icon-pdf.gif) no-repeat; padding: 2px 0 3px 22px;}
a.skp {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/icon-sketchup.gif) no-repeat; padding: 2px 0 3px 22px;}
a.dreids, a.zip2 {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/icon-3ds.gif) no-repeat; padding: 2px 0 3px 22px;}
a.dwg {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/dwg-icon.gif) no-repeat; padding: 2px 0 3px 22px;}
a.dxf {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/dxf-icon.gif) no-repeat; padding: 2px 0 3px 22px;}
a.fml {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/icon-fml.gif) no-repeat; padding: 2px 0 3px 22px;}
a.jpg {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/textur-icon.gif) no-repeat; padding: 2px 0 3px 22px;}
a.zip {margin: 0 0 8px 0; display: block; background: url(/dauphincatalog/wLayout/design/img/icon-zip.gif) no-repeat; padding: 2px 0 2px 22px;}
a.cart {position: absolute; top: 4px; right: 0;}
.Produkt { width: 180px; padding-top: 15px; background: url(/dauphincatalog/wLayout/design/img/arrow-down.gif) center top no-repeat; position: relative; }
.Produkt #datacontainer {width: 170px;  padding: 10px; display: inline-block; border: 1px solid #d6d6d6;}
.Produkt ul li {background: url(/dauphincatalog/wLayout/design/img/dotted-line.gif) left bottom repeat-x; float: none; clear: both; display: block; padding: 0 0 10px 0;}
#downloadzip {position: absolute; top: 305px; left: 0px; width: 265px;}

.twocols div {width: 450px; float: left;}
	.first {margin-right: 17px;}
	.second {}

.darkheadlines h3 {background: none; padding: 0; margin: 0;}
.darkheadlines h3 { padding: 6px 25px 6px 6px; font-weight: bold; background: #F1F1F1; display: block;}

.bigleft {width: 685px; float: left; margin-right: 15px;}
.smallright {width: 220px; float: left;}

a.darkzip {display: block; background: #f1f1f1 url(/dauphincatalog/wLayout/design/img/icon-zip.gif) 6px 4px no-repeat; width: 100px; padding: 6px 6px 6px 28px;}

.cartitem {border: 2px solid #f1f1f1; padding: 5px; position: relative; margin: 0 0 20px 0;}
.deleteItem {position: absolute; top: 10px; right: 10px;}
.cartitem td {vertical-align: top;}
.cartitem td.smallimage img {margin-right: 10px; border: 1px solid #b4b4b4; width: 140px; }
.carttable {width: 510px;}
.carttable td {width: 40%;}

.overviewactive,
.overview {position: relative; width: 80px; height: 154px; display: inline-block; padding-top: 15px; margin: 0 22px 12px 10px; text-align: center; opacity: 0.5;}

.overviewactive img,
.overview img {
width: 80px;
position: absolute; bottom: 0; left: 0;
} 
.overviewactive,
.overview:hover {opacity: 1; }

/*.overviewactive img,
.overview img,
.overviewactive a.text,
.overview a.text {
  display: block;
}*/


.overview:hover img {width: 100px; margin: 0 12px 12px 0px; }
.long:hover img {width: 210px; margin: 0 12px 12px 0px; }
.overview:hover a.text {visibility: hidden;}

.overviewactive {background: url(/dauphincatalog/wLayout/design/img/arrow-down.gif) center top no-repeat;}

.long {
	width: 190px;
}

.textureoverview {float: left; margin: 0 15px 15px 0; width: 102px; height: 135px;}
.listoverview,
.listoverviewlarge {width: auto; margin: 0 0 20px 0; text-align: left;}
.listoverview .even {margin: 0; }

#content ul.sitemap {margin: 0 0 20px 0;}
#content ul.sitemap ul {margin: 0 0 0 20px;}

#wFormular,
#wFormular fieldset {margin: 0; padding: 0; border: 0;}
#wFormular {padding: 20px 0 0 0; display: block;}
#wFormular fieldset ol,
#wFormular fieldset ol li {margin: 0; padding: 0; list-style: none;}
#wFormular fieldset ol li {display: block; margin: 0 0 10px 0;}
#wFormular fieldset ol li label {width: 170px; float: left; display: block;}
#wFormular input,
#wFormular textarea {padding: 3px;}
#wFormular textarea {width: 300px; height: 150px;}
#wFormular input.C {margin-left: 170px;}
#wFormular .button input {padding: 0; margin-left: 170px; cursor: pointer;}
.wError {display: block; padding: 3px; margin-top: 5px; width: 50%; background: #FFEFEF;}

.results .searchNavi {background: #f1f1f1; text-align: center; padding: 8px 0; clear: both; width: 100%;}
.results .searchNavi img {margin: 0 0 -5px 0;}
.results .searchNavi div.linkFooterLeft,
.results .searchNavi div.linkFooterRight,
.results .searchNavi div.linkFooterCenter,
.results .searchNavi div.linkFooterCenter p {display: inline;}
.results .searchNavi div.linkFooterCenter a {background: #fff; padding: 4px 10px; }
.results .searchNavi div.linkFooterCenter a.textDecorationNone {background: #717171; color: #fff; padding: 4px 10px; }
.results .searchNavi .searchResultList {clear: both; display: block;}
.searchStatistic {border: 1px solid #717171; margin-bottom: 15px; padding: 5px;}
.searchStatistic * {display: inline;}
.searchStatistic p {display: block; margin: 0; padding: 0;}

#content .results ul li.listValue {display: block; margin: 10px 0; border-bottom: 1px solid #717171; }
.FILEURL {color: #c1c1c1;}

#imagecontainer .col2 h3 {margin-top: -4px;}

#fancybox-outer {border: 1px solid #ccc;}

.cartbutton {position: absolute; top: -4px; right: 0; border: 0; background: none; padding: 0; margin: 0;}
.cartbutton2 {border: 0; background: none; padding:0; margin: 5px; width: 23px; display: block;}

.texturHeadline {
	width: 77px;
	float: left;
	display: block;
}

.socialButtons {text-align: left; margin: 0 0 0 812px;}
.socialButtons .twitter,
.socialButtons .facebook {position: relative; width: 120px; text-align: left; background: none; display: block; clear: both;}

#utility .cart {display: block; background: url(/dauphincatalog/wLayout/design/img/icon-cart-single.gif) no-repeat; padding: 2px 0 3px 22px;}

a.warenkorbleeren {text-decoration:underline;}


.textureoverviewcolumns {width: 200px; min-height: 300px; margin: 0 20px 20px 0; float: left; display: block;}
.textureoverview {float: left; margin: 0 5px 5px 0; height: 55px;}
/*.texturetable{width: 80px;}*/
.texturHeadline {
	width: 170px;
	margin: 5px;
	float: left;
	display: block;
}

#languageswitch {position: absolute; top: 30px; right: 0px; text-align: left; background: none; display: block;}
#languageswitch ul,
#languageswitch ul li {list-style: none; margin: 0; padding: 0; display: inline;}

.de {background: url(/dauphincatalog/wLayout/design/img/flags/de.gif) no-repeat; padding-left: 22px;}
.en {background: url(/dauphincatalog/wLayout/design/img/flags/en.gif) no-repeat; padding-left: 22px;}

#wBlockContentInner {display: none;}


/* Bühne Startseite 14.02.2011 */
.stage {position: relative;	width: 781px; margin: -6px 0 0 -6px;}
.stage .scrollable {
	position:relative;
	overflow:hidden;
	width: 781px;
	height:458px;
}
.stage .scrollable .items {	width:20000em;	position:absolute;}
.stage .scrollable .items div {float: left; width: 775px; height: 452px; margin: 6px 0 0 6px; position: relative; z-index: 0; }
.stage .stoerer {position: absolute; bottom: 11px; left: 0px; z-index: 1;}

.stage .navi {display: block; background: none; height: 12px; width: 100%; text-align: center; margin: 14px auto;}
.stage .navi a {background: url(/dauphin/wLayout/design/img/icons/bullet-slider.gif) no-repeat; width: 12px; height: 12px; margin: 0 10px 0 0; display: inline-block; }
.stage .navi a.active,
.stage .navi a:hover {cursor:pointer; background: url(/dauphin/wLayout/design/img/icons/bullet-slider-filled.gif) no-repeat;}

.stage .browse {z-index: 1; display: block; background: red; width: 35px; height: 35px; cursor: pointer; position: absolute;}
.stage .prev {left: 16px; top: 210px; background: url(/dauphin/wLayout/design/img/navigation/left-no.png) 2px 2px no-repeat;}
.stage .prev:hover {left: 16px; top: 210px; background: url(/dauphin/wLayout/design/img/navigation/left-act.png) 0 0 no-repeat;}
.stage .next {right: 10px; top: 210px; background: url(/dauphin/wLayout/design/img/navigation/right-no.png) 2px 2px no-repeat;}
.stage .next:hover {right: 10px; top: 210px; background: url(/dauphin/wLayout/design/img/navigation/right-act.png) 0 0 no-repeat;}

.startseite .toTop,
.startseite #wBlockRight {display: none;}

.startseite #wBlockContent {width: 775px;}

.stage .scrollable .items .sonderlink1 {display: block; z-index: 1; position: absolute; bottom: 0; right: 0; background: url(/dauphin/wLayout/design/img/blank.gif) repeat; width: 180px; height: 160px;}
.stage .scrollable .items .sonderlink1 span {display: none;}

.slidetabs {display: none;}
.images {height:481px;position: relative;}
.images div.news {
    display:none;
    position:absolute;
    top:0;
    left:0;
    height:481px;
}

/* ==== Facebook / Twitter 2-click ==== */

#socialshareprivacy {
  position: relative;
  right: 35px;
  margin-top: 30px;
}

#socialshareprivacy li {
  height: 28px;
}

#socialshareprivacy li.facebook help_info {

}

#socialshareprivacy li.twitter help_info {

}

/* ==== 20.09.2013 == Scrollable Product Menu == MK ==== */


/* == Slider == */

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.produktNaviScrollable .scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 830px;
    height:200px;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.produktNaviScrollable .scrollable .items {
    /* this cannot be too large */
    width:3000px;
    position:absolute;
    clear:both;
}

.produktNaviScrollable .scrollable .items div {
    float:left;
    width:80px;
    margin-left: 18px;
}

.produktNaviScrollable .scrollable .items div.long {
  width: 200px;
}

/* single scrollable item */
.produktNaviScrollable .scrollable .overview {
    float:left;
    margin:0 22px 12px 10px;
    padding:0 0 0 0;
    width:80px;
    height:154px;
}

.produktNaviScrollable .scrollable .long {
    width:200px!important;
}

/* active item */
.produktNaviScrollable .scrollable .overviewactive {
    position:relative;
    cursor:default;
}


/* =  Navigation == */


/* this makes it possible to add next button beside scrollable */
.produktNaviScrollable .scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
.produktNaviScrollable a.browse {
    display:block;
    width:35px;
    height:35px;
    float:left;
    margin:85px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
.produktNaviScrollable a.right { background:url(/dauphincatalog/wLayout/design/img/navigation/right-no.png) no-repeat; background-position: 2px 2px; clear:right; margin-right: 0px;}
.produktNaviScrollable a.right:hover { background:url(/dauphincatalog/wLayout/design/img/navigation/right-act.png) no-repeat; background-position: 0 0; clear:right; margin-right: 0px; }
.produktNaviScrollable a.right:active { background:url(/dauphincatalog/wLayout/design/img/navigation/right-act.png) no-repeat; background-position: 0 0; clear:right; margin-right: 0px; }


/* left */
.produktNaviScrollable a.left { background:url(/dauphincatalog/wLayout/design/img/navigation/left-no.png) no-repeat; background-position: 2px 2px; margin-left: 0px; }
.produktNaviScrollable a.left:hover  { background:url(/dauphincatalog/wLayout/design/img/navigation/left-act.png) no-repeat; background-position: 0 0; margin-left: 0px; }
.produktNaviScrollable a.left:active { background:url(/dauphincatalog/wLayout/design/img/navigation/left-act.png) no-repeat; background-position: 0 0; margin-left: 0px; }

.produktNaviScrollable .scrollable .overview {
  margin: 29px 22px 7px 18px;
}

.produktNaviScrollable .scrollable .overviewactive {
  margin-top: 0;
}
/* #### Neugestaltung AGS's ## MK ## 26.02.2018 #### */
#wBlockContentInner .elementText .agb-download {
  display: block;
  background: #BFBFBF;
  color: #000000;
  border: 1px solid #000000;
  margin: 10px 0;
  width: 100%;
  max-width: 380px;
}
#wBlockContentInner .elementText .agb-download a {
  color: #000000 !important;
  padding: 10px 20px;
  display: block;
}
#wBlockContentInner .elementText .agb-download a:hover {
  color: #656565 !important;
}
#wBlockContentInner .elementText .agb-download a.agb-first {
  padding-bottom: 5px;
}
#wBlockContentInner .elementText .agb-download a.agb-second {
  padding-top: 5px;
}
/* ==== New Form Error Handler == MK == 15.11.2018 ==== */
#wFormular input.has_error {
  border: 1px solid red!important;
}
.wFormular label.error {
  color: red;
}
/*::placeholder {
  color: red;
  opacity: 1;
}

:-ms-input-placeholder {
  color: red;
}

::-ms-input-placeholder {
  color: red;
}*/
.wFormular li.checkDatWrapper label.checkDatLabel {
  display: none;
}
.wFormular li.checkDatWrapper {
  margin-bottom: 0px;
}
.captchaSubmitWrapper {
  margin-left: 174px;
}