@charset "UTF-8";

/* ################# Service / Navigation #################### */
ul#servicenav {
  list-style-type:none;
  margin:45px 0px 20px 0px;
  padding:0px;
}

ul#servicenav ul {
  margin:0px;
  padding: 1px 0px 0px 0px;
}

ul#servicenav li {
  font-size:12px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-top:2px;
  padding-top:2px;
}

ul#servicenav li a {
  display:inline;
  padding-left:10px;
}

ul#servicenav li a {
  color:#565656;
  text-decoration:none;
  background:transparent url(../images/service/navigation/dot_inactive.gif) no-repeat scroll 2px 8px;
}

ul#servicenav li.children a {
  text-decoration:none;
  background:transparent url(../images/service/navigation/arrow_closed_inactive.gif) no-repeat scroll 2px center;
}

ul#servicenav.active li a {
  color:#D88400;
}
ul#servicenav.active li a {
  text-decoration:none;
  background:transparent url(../images/service/navigation/dot_active.gif) no-repeat scroll 2px 8px;
}
ul#servicenav.active li.children a,
ul#servicenav li.children.activemo a {
  text-decoration:none;
  background:transparent url(../images/service/navigation/arrow_closed_active.gif) no-repeat scroll 2px center;
}

ul#servicenav li.active,
ul#servicenav li.activemo {
  background-color:#FEE7B2;
}
ul#servicenav li.active ul,
ul#servicenav li.activemo ul {
  background-color:#FFFFFF;
}

ul#servicenav li.active a,
ul#servicenav li.activemo a {
  color:#D88400;
  background:transparent url(../images/service/navigation/dot_active.gif) no-repeat scroll 2px 8px;
}

ul#servicenav li.open a,
ul#servicenav li.open li.open a,
ul#servicenav li.open li.open.active a,
ul#servicenav li.open li.open.activemo a {
  color:#D88400;
  background:transparent url(../images/service/navigation/arrow_opened_active.gif) no-repeat scroll 2px center;
}

ul#servicenav li.open li a {
  color:#565656;
  background:transparent url(../images/service/navigation/dot_inactive.gif) no-repeat scroll 2px 8px;
}
ul#servicenav li.open.active li a,
ul#servicenav li.open li.active a,
ul#servicenav li.open li.activemo a,
ul#servicenav li.open li.open li a,
ul#servicenav li.open li.open.active li a,
ul#servicenav li.open li.open.activemo li a {
  color:#D88400;
  background:transparent url(../images/service/navigation/dot_active.gif) no-repeat scroll 2px 8px;
}

ul#categorynav li.children a,
ul#servicenav li.open li.children a {
  background:transparent url(../images/service/navigation/arrow_closed_inactive.gif) no-repeat scroll 2px center;
}
ul#servicenav li.open.active li.children a {
  background:transparent url(../images/service/navigation/arrow_closed_active.gif) no-repeat scroll 2px center;
}

/* Fettschrift wenn direkt offene Liste oder Untermenu mit class = active  */
ul#servicenav li.open,
ul#servicenav li.active,
ul#servicenav li.open li.active,
ul#servicenav li.open li.open,
ul#servicenav li.open li.open li.active {
  font-weight:bold;
}

/* Standard-Schrift sicherstellen */
ul#servicenav li.open li,
ul#servicenav li.open li.open li {
  font-weight:normal;
}

/* Abstände Ebene 2 + 3 */
#servicenav li li a {
  margin-left:17px;
}
#servicenav li li li a {
  margin-left:26px;
}


/* ################# Service #################### */
#servicecontent .servicecolor { color:#D88400; }

#servicecontent {}
/* Allgemeiner Abstand unter der headline */
#servicecontent .content {margin:17px 0px 0px 15px;}


/* Algemeiner Kopfbereich */
#servicecontent #head {padding-bottom: 15px}
#servicecontent #head .row-left {float:left; clear:left; }
#servicecontent #head .row-right {
  margin-left:395px;
  height:181px;
  background:#ffffff url(../images/service/sitemap/line.gif) repeat-x top left;
}
#servicecontent #head .row-right h2 {
  color:#D88400;
  font-size:24px;
  line-height:26px;
  margin-bottom:10px;
  padding-top:15px;
}
#servicecontent #head .row-right p {line-height:17px; }
#servicecontent #head .row-right .categories {padding-top:10px}
#servicecontent #head .row-right .categories a {
  text-decoration:underline;
  color:#000000;
  font-size:12px;
  line-height:21px
}
#servicecontent #head .row-right .categories .left {float:left }
#servicecontent #head .row-right .categories .right {
  float:left;
  margin-left:30px
}
#servicecontent #head .row-right .categories .right a {
  text-decoration:underline;
  color:#000000;
}


/* Algemeiner Container zum Ein- und Ausblenden */
#servicecontent .container {
  clear:both;
  position:relative;
  padding-bottom:5px;
}
#servicecontent .container .head {
  padding:6px 25px;
  cursor:pointer;
  color:#d88400;
  font-size:17px;
  line-height:21px;
  font-weight:normal;
}
#servicecontent .container h3.head {
  width:719px;
  display:block;
}
#servicecontent .container .head-visible {
  background:#fee7b2 url(../images/service/sitemap/head_visible.gif) no-repeat 5px center;
}
#servicecontent .container .head-hidden {
  background:#fee7b2 url(../images/service/sitemap/head_hidden.gif) no-repeat 5px center;
}

#servicecontent .container .box {
  display:none;
  margin-top:2px;
  margin-bottom:10px;
  border:1px solid #ffeab2;
  padding:0px;
}

#servicecontent .container .box a {
  color:#D88400;
  text-decoration:underline;
}

#servicecontent .container .box .pad {
  padding: 15px 20px;
}
#servicecontent .container .box .pad .left {float:left;}
#servicecontent .container .box .pad .right {
  float:left;
  margin-left:15px;
  width:620px;
}

#servicecontent .container .box ul.ulstd {
  margin:0px;
  padding:0px;
}
#servicecontent .container .box ul.ulstd li {
  padding-left:10px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  background:transparent url(../images/service/navigation/dot_inactive.gif) no-repeat scroll 2px 8px;
}





/* ################# Service / Sitemap #################### */
#servicecontent #sitemap {}
#servicecontent #sitemap #content {margin-bottom:15px;}

#servicecontent #sitemap a {
  color:#d78603;
  text-decoration:none;
  line-height:21px;
}

#servicecontent #sitemap .background {
  margin:12px 0px 12px 0px;
  background:url(../images/service/sitemap/bg0.gif) repeat-y;
  border-bottom:1px solid #ffffff;
}
#servicecontent #sitemap .box-style1 .background {
  background:url(../images/service/sitemap/bg1.gif) repeat-y;
}
#servicecontent #sitemap .box-style2 .background {
  background:url(../images/service/sitemap/bg2.gif) repeat-y;
}

/* LISTEN */
#servicecontent #sitemap ul {
  margin:0px 0px 0px 9px;
  padding:0px;
  list-style-type:none;
}
#servicecontent #sitemap ul ul {
  display:none;
  border:0px;
  margin: 48px 0px 0px 0px;
  position:absolute;
  top:0px;
  left:270px;
}
#servicecontent #sitemap ul ul ul {
  margin-top:0px;
  position:absolute;
  top:0px;
  left:261px;
}

#servicecontent #sitemap li {
  margin:0px;
  padding:0px;
  padding-left:20px;
}
#servicecontent #sitemap li a {
  display:block;
  width:230px;
}
#servicecontent #sitemap ul ul ul li a {
  width:208px;
}

#servicecontent #sitemap ul li {
  width:230px;
  background:url(../images/service/sitemap/arrow_activated_closed.gif)
  no-repeat 10px 7px #ffffff;
}
#servicecontent #sitemap ul li.activ {
  background:url(../images/service/sitemap/arrow_activated_closed_white.gif)
  no-repeat 10px 7px #D88400;
}

#servicecontent #sitemap ul li.activ a,
#servicecontent #sitemap ul li.activ ul li.activ a {
  color:#FFFFFF;
}
#servicecontent #sitemap ul li.activ ul li a,
#servicecontent #sitemap ul li.activ ul li.activ ul li a {
  color:#D78603;
}

#servicecontent #sitemap ul li.over {
  background-color:#FEE7B3;
}

#servicecontent #sitemap ul ul li {
  width:230px;
}
#servicecontent #sitemap ul ul ul li {
  width:208px;
}

#servicecontent #sitemap ul ul ul li {
  background:url(../images/service/sitemap/dot_activated.gif) no-repeat 10px 9px;
}


/* ################# Service / Delivery #################### */
#delivery {
  width:769px;
  float:left;
  margin-left:15px;
  padding-bottom:15px;
  font-family:arial;
  font-size:13px;
  color:#212121;
  line-height:18px;
}

#delivery .couriertbl {}
#delivery .couriertbl td.td1 {
  width:150px;
}
#delivery .couriertbl td.td2 {
  width:280px;
}
#delivery .couriertbl td.td3 {
  width:144px;
}
#delivery .couriertbl td {
  background-color:#fff5da;
  border-style:solid;
  border-width:1px 0px 0px 0px;
  border-color:#FFFFFF;
  padding: 2px 7px;
}
#delivery .couriertbl tr.trhead td {
  background-color:#ffe399;
}


/* ################# Service / Payment #################### */
#paymentcontent {}


/* ################# Service / About Us #################### */
#aboutus {}


#servicecontent ul.ulist a {
  text-decoration:none;
}
#servicecontent ul.ulist a:hover {
  text-decoration:underline;
}
#servicecontent ul.ulist {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#servicecontent ul.ulist li {
  border:1px solid #D88400;
  width:375px;
  height:179px;
  overflow:hidden;
  float:left;
  margin: 0px 0px 15px 15px;
}
#servicecontent ul.ulist li .picture {
  border-right:1px solid #D88400;
  float:left;
}
#servicecontent ul.ulist li .txt {
  float:left;
  width:164px;
  padding:15px 15px 0px 15px;
}
#servicecontent ul.ulist li .txt .hl {
  margin-bottom:15px;
}
#servicecontent ul.ulist li .txt .hl a {
  color:#D88400;
  font-size:24px;
}

/* ################# Service / Order Catalog #################### */
#ordercatalog {}


/* ################# Service / Contact #################### */
#contact {}


/* ################# Service / Internet Technology #################### */
#intertech {}


/* ################# Service / should_know #################### */
#shouldknow {}


/* ################# Service / About Otto #################### */
#aboutotto {}
#servicecontent #aboutotto .container .box {
  display:block;
}
#servicecontent #aboutotto .container .box .pad .right {
  width:520px;
}

/* ################# Service Overview #################### */
#overview {}

#servicecontent #overview .container .box {
  display:block;
}
#servicecontent #overview .background {
  margin:12px 0px 12px 0px;
  background:url(../images/service/bg_3col.gif) repeat-y;
  border-bottom:1px solid #ffffff;
}
#servicecontent #overview .background .pad {
  padding:0px 20px;
}

#overview ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#overview ul.columns li.col {
  width:215px;
  float:left;
  margin-right:41px;
}
#overview ul.columns li.collast {
  width:215px;
  float:left;
}

#overview ul.rows {}
#overview ul.rows li {
  margin-bottom:20px;
}
/* Unterlisten haben kein margin */
#overview ul.rows li ul li {
  margin-bottom:0px;
}
#servicecontent #overview ul.rows li a {
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}
#servicecontent #overview ul.rows li a:hover {
  text-decoration:underline;
}

/* ################# Service / Privacy #################### */
#privacy {}


/* ################# Impressum #################### */
#imprint a {color:#000000; text-decoration:none;}
#imprint a:hover {color:#000000; text-decoration:underline;}
#imprint .hl {margin-bottom:20px;}
#imprint .col1 {float:left;width:375px;margin-bottom:30px;}
#imprint .col2 {float:left;margin-left:15px;width:375px;}