@charset "utf-8";
@import '../fonts/roboto.css';
@import '../fonts/roboto-condensed.css';


body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
  background:#efefef url('../images/bodyBG.jpg') repeat-x;
	font-size:14px;
	/*text-align:center;*/
  color:#545748;
}

.navigationoben
{
    font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
    font-size: 13px;
}
.navigationobentext
{
    position: relative;
    text-align: left;
		top:-3px;
}

#printfooter {
	display:none;
}
a {
  color:#545748;
	text-decoration:none;

}
p a, .underLine {
    border-bottom: 1px dotted #545748;
}
#main {
	width:950px;
	margin:auto;
	/*text-align:center;*/
	background: #F4F5FA;
        border: 1px solid #0846A9;
	padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative;
}
#footer {
	width:750px;
	text-align:center;

	font-size:11px;
    margin: 0px auto;
}
#livesupporter {
	width: 200px;
	float: right;
	position: relative;
	top: -60px;
	right: 10px;
}
#tableFooter {
	width:950px;
	margin:auto;
	text-align:center;
}

#startTable {
width: 950px;
	margin:auto;
	text-align:left;
	height:100%;
}

#header {

}

#subnav {
	padding:4px 0px 4px 7px;
	color:#fff;
        background-color: #003060;
	font-size: 10px;
        border-radius: 0 0 7px 7px;
        border-top: 2px solid #0365BC;
        margin-left: 16px;
        width: 710px;
}

#subnav a {
	color:#fff;
	text-decoration:none;
}
#subnav a:hover {
	color:#fff;
	text-decoration:underline;

}
.box {
	border: 1px solid #0040a6;
	padding:4px;
}
.clock {

	padding-right:9px;
}
#Zeit {
  width: 134px;
  background-color: #F4F5FA;
  border:none;
  font-size: 10px;
}
#preContent {
    position: relative;
    top: -17px;
}
#content {
  width: 100%;
	text-align:left;
	margin-top:30px;
	padding: 0px 0px;
}

p {
	text-align:left;
	padding:0;
	margin:0;
}
h3, h4 {
	padding:0;
	padding-bottom: 5px;
	margin:0;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
h4 {
	font-size:12px;
	font-weight:bold;
}

#kleintext {
	font-size:10px;
}


.zusatz {
	font-size:11px;
}


.contentTable {
	text-align:left;
	background-color: #fff;
	color: #545748;
        margin-left: 12px;
}
.error {
	font-size:11px;
	font-weight:bold;
	color:red;
}

.hint {
	font-size:12px;
	font-weight:bold;
  font-style:italic;
  color: #000000;
}

input.kalk_inkjet, select.kalk_inkjet {
	font-size:12px;
	color:#0040A6;
	border:1px solid #0040a6;
	background-color:#fff;
	width:340px;
	padding:1px;
}
.kalk_gross {
	font-size:12px;
	color:#0040A6;
	border:1px solid #0040a6;
	background-color:#fff;
	width:250px;
	padding:1px;
}

.crnBR, .crnBL, .crnTL, .crnTR, .bottomLn, .topLn {
    background: transparent url('../images/sprite001.png') no-repeat;
}
.leftLn, .rightLn {
    background: transparent url('../images/sprite-verti.png') no-repeat;
}

.crnBL { background-position: 0 0px; width: 15px; height: 15px; }
.crnBR { background-position: 0 -15px; width: 15px; height: 15px; }
.crnTL { background-position: 0 -30px; width: 15px; height: 15px; }
.crnTR { background-position: 0 -45px; width: 15px; height: 15px; }
.bottomLn { background-position: 0 -60px; background-repeat: repeat-x; }
.leftLn { background-position: 0 0px; height: 15px; width: 15px; background-repeat: repeat-y; }
.rightLn{ background-position: -14px 0; height: 15px; width: 15px; background-repeat: repeat-y;}
.topLn{ background-position: 0 -105px; background-repeat: repeat-x; }


.zebra-01:hover {
  background-color: #f1ebd5;
}
.zebra-02:hover {
  background-color: #F4F5FA;
}
td.zebra-03:hover {
  background-color: #ffffff !important;
}

.link_im_overlib {
	color:#FFFFFF;
	text-decoration:underline;
}
.invLink {
	color:#fff3db;
}
.marker {
	font-size:14px;
	font-weight:bold;

	/*border:1px solid #0040a6;*/
	padding:1px;
	color:#900508;
}
input.submit {
	font-size:12px;
	font-weight: bold;
	color:#0040A6;
	border:1px solid #0040a6;
	background-color:#fff;
}
.inpBestell {
  font-size:11px;

	color:rgb(92,92,92);
	border:1px solid rgb(64,0,64);
	background-color:#fff;
	width:240px;
	padding:2px;
}
hr.angebotsTrenner {
	width:70%;
	margin:auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border:1px dashed #0040a6;
}

.datenTabelle {
	padding:2px;
	font-size:11px;
	text-align:left;
}

.borderme, .datenTabelleKalkulation {
  border-collapse: collapse;
}
.datenTabelleKalkulation td {
  padding:1px;
  font-size:11px;
}

.borderme td, .datenTabelleKalkulation td {
    border: 1px solid #ced3ea;
}
td.lightme:hover {
  background-color: #eee;
}

.tabSonder {
  width:100%;
  background-color: #F4F5FA;
  border-collapse: collapse;
  height: 110px;
  color: #545748;
}
.tabSonder td {
    border:1px solid #abafc2;
}
.ink {
	background-color: #96B2DA;
}
.sieb {
	background-color: #C4E1FF;
}

.offset {
	background-color: #A9C6E9;
}
a.intLink {
	text-decoration: underline;
}
a.mailLink {
	text-decoration: underline;
}
a.downLink {
	background-image: url(../images/iconDisk.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	line-height:16px;
	padding-left: 16px;
	font-size:11px;

}
a.popLink, a.popWPLink {
	background-image: url(../images/iconPoplink.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
	padding-left: 15px;
	text-decoration: underline;
}
a.popWPLink {
  border-bottom:1px dotted #bbb;
  text-decoration: underline;
}
a.popWPLink:hover {
  border-bottom:1px solid #bbb;
  text-decoration: underline;
}
.phoneLink {

}
.faxLink {

}


a.smallLink {
	font-size:10px;
	color:#0040a6;
}
a.active {
	font-weight:bold;
}


.ovl {
  text-align:left;
}
.jpgInfo {
  text-decoration:none;
  font-size:11px;
  color:#B39952;
}

.screenLink {
  font-size:11px;
  text-decoration:none;
  background: url('../images/iconScreen.gif') no-repeat 0px 0px;
  padding-left: 14px;
}


.sonderT td {
  padding:7px;
  text-align:left;
  border: 1px solid #CDD4E4;
}
.miniIconDruck {
  margin-bottom: -3px;
}

.miniIcon100, .miniIcon300, .miniIcon1000 {
  margin-bottom: -1px;
}

.angebotMarker {
  border: 2px solid #888!important;
}
.nodis {
  display:none;
}


#postproduktion label, #postproduktion input {
              display: block;
              width:   220px;
              padding: 0px;
             }
 #postproduktion textarea {
  width:  370px;
  height: 120px;
 }
.nononevernomore {
text-decoration: blink;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}

#navT {
  width: 100%;
  height:26px;
  border-top:1px solid #005195;
  background: #0077dd; /* Old browsers */
background: -moz-linear-gradient(top,  #0077dd 0%, #00559b 50%, #013d79 51%, #023263 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077dd), color-stop(50%,#00559b), color-stop(51%,#013d79), color-stop(100%,#023263)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0077dd 0%,#00559b 50%,#013d79 51%,#023263 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0077dd 0%,#00559b 50%,#013d79 51%,#023263 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0077dd 0%,#00559b 50%,#013d79 51%,#023263 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0077dd 0%,#00559b 50%,#013d79 51%,#023263 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077dd', endColorstr='#023263',GradientType=0 ); /* IE6-9 */
z-index:100;
  position: relative;

}
#navT a {
    color: white;


  //display:none;
}
#navT ul {
  list-style: none;
  padding:0;
  margin:0;
  display:inline;
  font-size: 13px;

}
#navT ul li{
  float:left;
  margin-left: 10px;


}
#navT a {
     color: white;
   

    height: 20px;
    display: block;
    margin-top: 2px;
    padding: 4px 6px 0px 6px;
}
#navT a:hover {
    background-color: #F4F5FA;
    color: #013972;
}

#pStart #nStart a, #pDienstleistungen #nDienstleistungen a, #pFullservice #nFullservice a, #pBestellablauf #nBestellablauf a, #pReferenzen #nReferenzen a, #pProduktinfos #nProduktinfos a, #pPreiskalkulator #nPreiskalkulator a, #pDownloads #nDownloads a, #pImpressum #nImpressum a, #pCallback #nCallback a, #pLogin #nLogin a, #pMeinKonto #nMeinKonto a {
   background-color: #F4F5FA;
    color: #013972;
}
 ul#newSub {
        list-style: none;
        margin: 0;
        padding: 0;
        width:160px;

        background: rgb(130,184,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(130,184,234,1) 0%, rgba(55,144,221,1) 24%, rgba(8,95,172,1) 50%, rgba(37,129,209,1) 79%, rgba(73,153,223,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,184,234,1)), color-stop(24%,rgba(55,144,221,1)), color-stop(50%,rgba(8,95,172,1)), color-stop(79%,rgba(37,129,209,1)), color-stop(100%,rgba(73,153,223,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(130,184,234,1) 0%,rgba(55,144,221,1) 24%,rgba(8,95,172,1) 50%,rgba(37,129,209,1) 79%,rgba(73,153,223,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(130,184,234,1) 0%,rgba(55,144,221,1) 24%,rgba(8,95,172,1) 50%,rgba(37,129,209,1) 79%,rgba(73,153,223,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(130,184,234,1) 0%,rgba(55,144,221,1) 24%,rgba(8,95,172,1) 50%,rgba(37,129,209,1) 79%,rgba(73,153,223,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(130,184,234,1) 0%,rgba(55,144,221,1) 24%,rgba(8,95,172,1) 50%,rgba(37,129,209,1) 79%,rgba(73,153,223,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b8ea', endColorstr='#4999df',GradientType=0 ); /* IE6-9 */

border-radius: 0 8px 8px 0;
border: 1px solid #ccc;
border-width: 0 2px 2px 0;
    }
    #newSub a {
        display:block;
        height:20px;
        padding:4px 0 0 4px;
        color: white;
        font-weight:bold;
        font-size: 11px;
    }
    #newSub a:hover, #newSub a.aktiv {
        background-color: rgba(0,255,255,.3);
    }
    #newSub li {
        border-bottom: 1px solid #eee;
    }
    #newSub li:last-child {
        border-bottom: none;
    }
    ul#newSubSub {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #newSubSub a {
        display:block;
        height: 17px;
        padding-left:13px;
        color: white;
        font-weight:bold;
        font-size: 10px;
    }
    #newSubSub a:hover, #newSubSub a.aktiv {
        background-color: rgba(255,0,200,.2);
    }
    #newSubSub li {
        border-top: 1px solid #999;
        border-bottom: none;
    }
    #newSubSub li:last-child {
        border-bottom: none;
    }

/*#nStart, #nStart a {
  display:block;
  width: 60px;
  height: 25px;
  background: blue url('../images/b-start.jpg') no-repeat;
}
#nStart a:hover {
  background: blue url('../images/bh-start.jpg') no-repeat;
}
#pStart #nStart a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-start.jpg') no-repeat;
}

#nDienstleistungen, #nDienstleistungen a {
  display:block;
  width: 92px;
  height: 25px;
  background: blue url('../images/b-dienstleistungen.jpg') no-repeat;
}
#nDienstleistungen a:hover {
  background: blue url('../images/bh-dienstleistungen.jpg') no-repeat;
}
#pDienstleistungen #nDienstleistungen a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-dienstleistungen.jpg') no-repeat;
}
#nFullservice, #nFullservice a {
  display:block;
  width: 74px;
  height: 25px;
  background: blue url('../images/b-fullservice.jpg') no-repeat;
}
#nFullservice a:hover {
  background: blue url('../images/bh-fullservice.jpg') no-repeat;
}
#pFullservice #nFullservice a {
  background: blue url('../images/bd-fullservice.jpg') no-repeat;
  border-bottom: 4px solid #003060;
}
#nProduktinfos, #nProduktinfos a {
  display:block;
  width: 124px;
  height: 25px;
  background: blue url('../images/b-produktinfos.jpg') no-repeat;
}
#nProduktinfos a:hover {
  background: blue url('../images/bh-produktinfos.jpg') no-repeat;
}
#pProduktinfos #nProduktinfos a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-produktinfos.jpg') no-repeat;
}
#nPreiskalkulator, #nPreiskalkulator a {
  display:block;
  width: 86px;
  height: 25px;
  background: blue url('../images/b-preiskalkulator.jpg') no-repeat;
}
#nPreiskalkulator a:hover {
  background: blue url('../images/bh-preiskalkulator.jpg') no-repeat;
}
#pPreiskalkulator #nPreiskalkulator a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-preiskalkulator.jpg') no-repeat;
}
#nDownloads, #nDownloads a {
  display:block;
  width: 58px;
  height: 25px;
  background: blue url('../images/b-vorlagen.jpg') no-repeat;
}
#nDownloads a:hover {
  background: blue url('../images/bh-vorlagen.jpg') no-repeat;
}
#pDownloads #nDownloads a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-vorlagen.jpg') no-repeat;
}
#nImpressum, #nImpressum a {
  display:block;
  width: 66px;
  height: 25px;
  background: blue url('../images/b-impressum.jpg') no-repeat;
}
#nImpressum a:hover {
  background: blue url('../images/bh-impressum.jpg') no-repeat;
}
#pImpressum #nImpressum a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-impressum.jpg') no-repeat;
}
#nCallback, #nCallback a {
  display:block;
  width: 125px;
  height: 25px;
  background: blue url('../images/b-callback.jpg') no-repeat;
}
#nCallback a:hover {
  background: blue url('../images/bh-callback.jpg') no-repeat;
}
#pCallback #nCallback a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-callback.jpg') no-repeat;
}

.kalkAngebot {
  color: #f00;
  font-weight: bold;
}


 #nLogin a {
  display:block;
  width: 38px;
  height: 25px;
  background: blue url('../images/b-login.jpg') no-repeat;
}
#nLogin a:hover {
  background: blue url('../images/bh-login.jpg') no-repeat;
}
#pLogin #nLogin a {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-login.jpg') no-repeat;
}

#nMeinKonto a {
  display:block;
  width: 77px;
  height: 25px;
  background: blue url('../images/b-kundenkonto.jpg') no-repeat;
}
#nMeinKonto a:hover  {
  background: blue url('../images/bh-kundenkonto.jpg') no-repeat;
}
#pMeinKonto #nMeinKonto a, #pLogin #nMeinKonto a  {
    border-bottom: 4px solid #003060;
  background: blue url('../images/bd-kundenkonto.jpg') no-repeat;
}
*/
#livesupportButton {
    float: right;
    margin-top: 0px;
    margin-right: 20px;
    z-index:1000;
}
#pPreiskalkulator #livesupportButton {
    margin-top: 0px;
}
.packBox {
    background-color: #8FAAD9;
    width: 414px;
    padding:8px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    margin:5px;
    float:left;
}
.packBoxImage {
    float:left;
    background-color:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:110px;
    height:115px;
    padding:4px;
}
.packBoxHeadText {
    float:left;
    background-color:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:280px;
    margin-left:5px;
    padding:5px;

}
.packBoxHeadText p {
    color: black;
    font-size:11px;

    line-height: 150%;
}
.packBoxSubText {
    float:left;
    background-color:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:405px;
    padding:4px;
    margin-top:5px;
}
.packBoxSubText ul {
    list-style: none;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
.packBoxSubText li { margin-bottom: 3px;}
.packBoxSubText a { display: block; padding: 3px 0px 3px 8px; }
.packBoxSubText a:hover {

    background-color: #CBD0D8;
    padding: 3px 0px 3px 8px;
}


#schnellAuswahl {
    width: 570px;
    margin: 0px auto 15px;

}
#schnellAuswahl b {
    float: left;
    margin-top: 5px;
}
#schnellAuswahl ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
#schnellAuswahl li {
    display: inline;

}
#schnellAuswahl a {
    color: white;
    font-weight: bold;
    width: 85px;
    margin: 0px 3px;
    border: 1px solid #29B8E5;
    border-radius: 7px;
    height: 24px;
    text-align: center;
    padding-top:4px;
    float: left;
    background: #d0e4f7; /* Old browsers */
    background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}

#schnellAuswahl a:hover {
    background: #b3dced; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
}

#tags {
    text-align: center;
    width: 700px;
    margin: 10px auto 20px;
    font-size: 10px;
}
#tags a:after {
    content: " -";
}
#tags a.lastTag:after {
    content: "";
}
#tags a:hover {
    text-decoration: underline;
}

#sonderTabelle {
   border-collapse: collapse;
    font-size: 11px;
    border: 1px solid #aaa;
    border-radius: 4px;
}
#sonderTabelle th {
    background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */

padding: 4px;
text-align:center;
font-size: 12px;
 border-bottom: 1px solid #268EB7;
}
#sonderTabelle button {
    font-size: 10px;
    width: 140px;
    white-space: normal;
    background: #fcf7c7; /* Old browsers */
background: -moz-linear-gradient(top,  #fcf7c7 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf7c7), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcf7c7 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcf7c7 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcf7c7 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcf7c7 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf7c7', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
padding: 2px 0px;

border-radius: 7px;
border: 1px solid #D3C041;
}
#sonderTabelle td {
    padding: 10px 4px;
    text-align: center;
    border:1px solid #ddd;
    background-color: #eeedee;
}
#sonderTabelle tr.nLine td {
    border-top-color: #aaa;
    border-top-width: 2px;
}


#datentraeger {
    border-collapse: collapse;

}
table#datentraeger td {
    border: 1px solid #999;
}

#datentraeger button {
    font-size: 12px;
    color: white;
    font-weight: bold;
    width: 90px;
    margin: 3px 5px 0px;

    border: 1px solid #29B8E5;
    border-radius: 7px;
    height: 25px;
    text-align: center;
    padding-top:0px;
    float: left;
    position: relative;
    background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
#datentraeger #mediumauswahl button {
    font-size: 12px;
    margin: 3px 4px 0px;
    font-weight: bold;
    width: 85px;

}
#datentraeger button:hover, #datentraeger button:active {
    background: #b3dced; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border-color: #FF8F35;
}
#datentraeger button:active, #datentraeger .button_gewaehlt {
    border-color: #5EBA4E;
}

.selecter, .imgSelecter {
    width: 16px;
    height: 16px;
    background: transparent url('../images/selecter16.png') no-repeat;
    position: absolute;
    right:-6px;
    top:-6px;
    display: none;
}
.imgSelecter {
    right: 0px;
    top:80px;
}

#datentraeger .button_gewaehlt .selecter, #huellenEasy .gewaehlt .imgSelecter {
   display: block;
}
#datentraeger h5 {
    float: left;
    width: 112px;
    margin: 12px 8px;
    padding: 0px;
    font-size: 11px;
}
#datentraegerZusatz label {
    font-size: 10px;
    font-weight:bold;
    margin-bottom:2px;
}
#datentraegerZusatz input[type="radio"] {
    margin:0px;
    padding: 0px;
}
#huellenEasy {
    position:relative;
    top:0px;
    left:0px;
    padding: 5px;
}
#huellenEasy>div {
    position: relative;

}





button:hover { cursor: pointer; }
#huellenEasy button {
    width: 138px;
     border: 1px solid #29B8E5;
    border-radius: 7px;
    font-size: 10px;
    font-weight: bold;
   color: #fff;
    text-align: center;
    min-height: 25px;
    background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

#huellenEasy button.bigbutt {
    width: 282px;

}

.imgInfo {
    position: absolute;
    right: 2px;
    bottom: 2px;
}
.imgInfo img {
    border: 0px!important;
}
#easyInfo {

    border-radius: 11px;
    font-size: 10px;
    font-weight: bold;
   color: #fff;
    text-align: center;
    padding:9px;
    width: 280px;
    float: right;
    margin-top: 39px;
    margin-right: 16px;
 background: rgb(169,3,41); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

//    background: #1e5799; /* Old browsers */
//    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
//    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
  //  background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    //background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    //background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    //background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */



}

#easyInfo_Oben {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;

}
.customSelect {
    font-size:12px;

    background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    border:1px solid #ddd;
    color:#fff;
    padding:7px 9px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width:137px;
    cursor: pointer;
    font-weight: bold;
    text-align:center;
    height: 30px;
}
#lieferland:hover {
    cursor: pointer;
}
#cshover:hover {
    cursor: pointer;
}
.customSelect.customSelectHover {
   background: #b3dced; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border-color: #FF8F35;
}
.customSelect.customSelectFocus {
    border-color:Orange;
}
.customSelect.customSelectOpen {
    background: #b3dced; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border-color: #FF8F35;
}

.customSelect.customSelectChanged {
	-webkit-animation: changed 0.5s;
	-moz-animation: changed 0.5s;
	-ms-animation: changed 0.5s;
	animation: changed 0.5s;
}
.customSelectInner {
    width: 140px!important;
}
#lieferland option {
    background-color: #1e5799;
    padding: 6px 4px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #72AAFF;
    overflow: auto;
}

@-webkit-keyframes changed {
	0%, 100%{
		-webkit-box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0);
		box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0);
	}
	50%{
		-webkit-box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0.5);
		box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0.5);
	}
}

@-moz-keyframes changed {
	0%, 100%{
		-moz-box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0);
		box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0);
	}
	50%{
		-moz-box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0.5);
		box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0.5);
	}
}

@keyframes changed {
	0%, 100%{
		box-shadow:0px 0px 14px 5px rgba(151, 67, 159, 0);
	}
	50% {
		box-shadow:0px 0px 14px 5px rgba(151, 67, 159, 0.5);
	}
}
@-ms-keyframes changed {
	0%, 100%{
		-ms-box-shadow:0px 0px 14px 5px rgba(151, 67, 159, 0);
		box-shadow:0px 0px 14px 5px rgba(151, 67, 159, 0);
	}
	50% {
		-ms-box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0);
		box-shadow: 0px 0px 14px 5px rgba(151, 67, 159, 0.5);
	}
}

#easyLieferText {
    width: 258px;
    height: 28px;
    float: right;
     background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    border:1px solid #ddd;
    color:#fff;

    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    text-align: center;
}
#easyLieferText:hover {
    background: #b3dced; /* Old browsers */
    background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border-color: #FF8F35;
}
#easyLieferText a {
    padding:7px;
    display: block;
    color: #fff;
    font-weight: bold;

}
.easyHuelleSmall, .easyHuelleBig {
    float: left;
    text-align:center;
    margin-top: 10px;
}
.easyHuelleSmall button, .easyHuelleBig button {
    margin:auto;
}
.easyHuelleSmall img, .easyHuelleBig img {
    margin: auto;
	border: 1px solid #72AAFF;
	border-radius: 10px;
}
.easyHuelleSmall {
    width: 147px;
}
.easyHuelleBig {
    width: 294px;
}
.easyHuelleInfo {
    display:none;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 31px;
}
.easyHuelleInfo:hover {
    cursor: pointer;

}
.easyHuelleSmall a:hover .easyHuelleInfo, .easyHuelleBig a:hover .easyHuelleInfo {
    display: block;
}