/* CSS Document */

*{margin:0;padding:0;}

body {
  font-size:16px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
  color:#555;
  text-align:left;
/*
  HRI: veraendert, da der Footer sonst als graues Band
       in der "Luft" haengen wuerde. Anpassung an 
       www.diagonal.de verhalten. (22.01.2013)
  background-color:#fff;
*/
  background-color:#ddd;
}

p {
  padding:0 0 25px 0;
  margin:0;
}

hr {
  border:0;
  height:1px;
  border-top:1px solid #555;
}
h1 {
  padding:0px 0px 20px 0px;
  margin:0;
    font-size: 25px;
  color:#ed1c24;
  font-weight:normal;
 line-height: 28px;
}
h2{
    font-size: 15px;
  color:#ed1c24;
  padding:0px 0px 10px 0px;
  margin:0px 0px 0px 0px;
  font-weight:normal;
}

h3{
    font-size:16px;
  color:#fff;
  background-color:#ed1c24;
  padding:0px 0px 12px 0px;
  margin:0px 0px 0px 0px;
}
h4 {
  font-size: 11px;
  color:#A02511;
  padding:0px 0px 0px 0px;
  margin:15px 0px 3px 0px;
}
a {
  color: #ed1c24;
  text-decoration:underline;
  outline:none;
  outline:0;
}
a:hover {
  color: #ed1c24;
}

a img{
  border: none;
}

label{
    position: relative;
  width: 140px;
  display: block;
  float: left;
  margin:5px 0;
  padding: 0 5px;
}
label.teaserInfo {
    position: relative;
  width: 20px;
  display: block;
  float: left;
  margin:6px 0;
  padding: 0 5px;
}

ul, ol {
  padding: 0px 0px 10px 20px;
  margin: 0;
}

ul li, ol li {
  padding: 0;
  margin: 3px 0px 3px 0px;
}
ul li span, ol li span {
  color:#666;
}

.floatleft {
  float: left;
  margin:0px 10px 0px 0px;
  display: inline;
}

.floatright {
  float: right;
  margin:5px 0 10px 25px;
  display: inline;
}
form {
  display:inline;
}


input, textarea {
  background-color: #fff;
  color: #888;
  padding: 2px;
  font-size:10px;
  /*
  border:1px solid #e5e5e5;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  */
}

.versandkosten {
    float: left;
    background-color: #c4c4c4;
    margin: 2px;
    padding-left: 5px;
    border-radius: 4px;
}


textarea {
  font-size: 1.4em;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  width:263px;
}

.antifloat {
  float:none;
  clear:both;
}
.clearleft{
  clear: left;
}

.bilderrahmen {
  border: 1px solid #eee;
  padding:4px;
}

.fehlermeldung{
  color:#FF0000;
}

.button { border:none;margin:0;padding:0; }

/*
########################################################################
Header
########################################################################
*/

#headerBody{
  background: url(../../img/diagonal/bgKachel.png) repeat-x 0 0;
  height:161px;
  padding:0;
  margin:0;
}

#headerBody.startseitenBG{background: url(../../img/diagonal/bgKachelStartseite.png) repeat-x 0 0;height:461px;}

#header {
  margin:0 auto;
  padding:10px 0 0 0;
  width:940px;
}

#logo {
  width:269px;
  height:70px;
  padding:0;
  margin:0;
  display: block;
  float: left;
}
#logo img{width:233px;height:62px;}

#login {
    display:inline-block;
    padding: 30px 0px 0px 0px;
    width:660px;
}

#login input{width:115px;height:18px;height:16px\9;padding-top:3px\9;float:left;margin-right:5px;background:url(../../img/diagonal/loginField.png) no-repeat 0 0 transparent;}
#login span{font-weight:bold;font-size:10px;float:left;margin:5px 7px 0 0;}
#login input.shopLogin{width:30px;height:22px;background-color:none;background:url(../../img/diagonal/search_btn.png) no-repeat 0 0;float:left;margin-right:0;}

/*
#login input{width:115px;height:18px;height:16px\9;padding-top:3px\9;float:left;margin-right:5px;background:url(../../img/diagonal/loginField.png) no-repeat 0 0 transparent;border:none;}
#login span{font-weight:bold;font-size:10px;float:left;margin:5px 7px 0 0;}
#login input.shopLogin{width:30px;height:22px;border:none;background-color:none;background:url(../../img/diagonal/search_btn.png) no-repeat 0 0;float:left;margin-right:0;}
*/

/*
siehe sprite_de.css + sprite_en.css
.naviSprite{background:url(../../img/navi_sprite_bestell.png) no-repeat 0 0;}
*/

#naviContainer{height:57px;margin:15px 0 8px 0;}

#panorama{width:600px;margin:0 20px 0 0;display:inline-block;}
#panorama img{border:none;width:600px;height:280px;display:block;}

/*
########################################################################
Content
########################################################################
*/

#contentBody{
  background-color:#fff;
  padding:0;
  margin:0px 0px 0px 0px;
}

#content {
  margin: 0 auto;
  padding:0px 0px 10px 0px;
  width:940px;
  font-size:15px;
  line-height:1.4em;
}

#oneCol {
  padding:30px 0 50px 0;
  margin:0;
}

#leftrow {
  width:235px;
  padding:0 60px 30px 15px;
  margin: 0;
  float: left;
  vertical-align:top;
}

#rightrow {
  width:600px;
  padding:30px 15px 30px 0;
  margin: 0px 0px 0px 0px;
  display:inline-block;
  vertical-align:top;
}

#rightrow fieldset {
  border: none;
}

#rightrow label {
  width: 180px;
  display: block;
}

#rightrow input, #rightrow textarea {
  border: 1px solid #dfdfdf;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 10px 0px;
}

#adresslist{
  margin: 40px 0px 0px 10px;
  font-size: 12px;
}

#adresslist h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
}


/* Startseite */
/* halb */
#leftrow.halb {
  width: 465px;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

#rightrow.halb {
  width: 455px;
  padding: 0px 0px 0px 10px;
  margin: 25px 0px 0px 5px;
}

#anfahrtsskizze {
  padding: 40px 0px 0px 0px;
}

/*
########################################################################
Footer
########################################################################
*/

#footerBody {
  font-size:12px;
  margin:10px 0px 0px 0px;
  padding:0;

  background-color:#ddd;

  /* position: fixed; */
  width: 100%;
  /* bottom: 0; */
  left: 0;
  /* z-index: 1000; */
}

#footer {
  width:940px;
  color:#666;
  padding: 10px 0px 10px 0px;
  margin: 0 auto;
}

#footerNav {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 730px;
  display:inline-block;
  float: left;
}

#footerNav ul {
  padding:0;
  margin:0;
  list-style:none;

}
#footerNav ul li {
  padding:0;
  margin:0;
  border-left:1px solid #bbb;
  float: left;
}
#footerNav ul li.first {border-left:none;}
#footerNav ul li.first a {padding-left:0;}
#footer a {
  padding:0 6px;
  margin:0;
  color:#666;
  font-size:12px;
  text-decoration:none;
}

#copyright {
  width:200px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display:inline-block;
  text-align:right;
}

#footer a:hover {
  color:#ed1c24;
}

#footer li.active a{
  color:#ed1c24;
}

.tx_mailform_div_input {
margin: 0px 20px 0px 0px;
}

#tx_mailform_div-item-232-FOL980YWU {

}

#tx_mailform_div-item-232-FOL980YWU #tx_mailform_input-item-232-FOL980YWU {
  margin: 10px 0px 0px 220px;
  width: 220px;
}

/*
########################################################################
Navigation
########################################################################
*/

#navigation {
  width:810px;
  display:inline-block;
}

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

#navigation ul li {
  padding:0;
  margin:0;
  float: left;
  height:42px;
  padding: 15px 0px 0 0px;
  overflow: hidden;
}

/*Aktive Zustaende setzen*/
#navigation ul li.katalog{background-position:-9px -57px;width:100px;text-align:center;}
#navigation ul li.katalog_normal{width:100px;text-align:center;}
#navigation ul li.katalog a{color:#fff;text-align:center;}
#navigation ul li.katalog a:hover{color:#fff;text-align:center;}
#navigation ul li.katalog a.active{color:#fff;text-align:center;}

#navigation ul li.bisherige_bestellungen{background-position:-112px -57px;width:200px;text-align:center;}
#navigation ul li.bisherige_bestellungen_normal{width:200px;text-align:center;}
#navigation ul li.bisherige_bestellungen a{color:#fff;text-align:center;}
#navigation ul li.bisherige_bestellungen a:hover{color:#fff;text-align:center;}
#navigation ul li.bisherige_bestellungen a.active{color:#fff;text-align:center;}

#navigation ul li.favoriten{background-position:-312px -57px;width:103px;text-align:center;}
#navigation ul li.favoriten_normal{width:103px;text-align:center;}
#navigation ul li.favoriten a{color:#fff;text-align:center;}
#navigation ul li.favoriten a:hover{color:#fff;text-align:center;}
#navigation ul li.favoriten a.active{color:#fff;text-align:center;}

#navigation ul li.warenkorb{background-position:-408px -57px;width:115px;text-align:center;}
#navigation ul li.warenkorb_normal{width:115px;text-align:center;}
#navigation ul li.warenkorb a{color:#fff;text-align:center;}
#navigation ul li.warenkorb a:hover{color:#fff;text-align:center;}
#navigation ul li.warenkorb a.active{color:#fff;text-align:center;}

#navigation ul li.import{background-position:-523px -57px;width:102px;text-align:center;}
#navigation ul li.import_normal{width:102px;text-align:center;}
#navigation ul li.import a{color:#fff;text-align:center;}
#navigation ul li.import a:hover{color:#fff;text-align:center;}
#navigation ul li.import a.active{color:#fff;text-align:center;}

#navigation ul li.offene_bestellungen{background-position:-625px -57px;width:170px;text-align:center;}
#navigation ul li.offene_bestellungen_normal{width:170px;text-align:center;}
#navigation ul li.offene_bestellungen a{color:#fff;text-align:center;}
#navigation ul li.offene_bestellungen a:hover{color:#fff;text-align:center;}
#navigation ul li.offene_bestellungen a.active{color:#fff;text-align:center;}


#navigation ul li a, #navigation ul li a:active {
color:#000;
font-size:14px;
padding:5px 5px 4px 3px;
margin:0;
text-decoration:none;
}
#navigation ul li a:hover{
color:#ed1c24;
padding: 5px 5px 4px 3px;
margin:0;
text-decoration:none;
}


/*
########################################################################
Subnavigation
########################################################################
*/

#subnavigation {
padding:0;
margin:-1px 0 0 0;
border-top:4px solid #ed1c24;
}

#subnavigation ul {
padding:0;
margin:20px 0 0 0;
}

#subnavigation ul li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #e5e5e5;
line-height:2.2em;
}

#subnavigation ul li a, #subnavigation ul li a:active {
color:#231f20;
padding:0 0 0 11px;
margin:0;
text-decoration:none;
}

#subnavigation ul li a:hover{
color:#ed1c24;
text-decoration:none;
}

/*Aktivierter Punkt*/
#subnavigation ul li a.active, #subnavigation ul li a.active:active {
color:#ed1c24;
}

/*TT_NEWS */

.news-list-morelink {
  display: block;
  background: url(../../img/diagonal/read_btn_no.png) no-repeat 0 0;
  width: 115px;
  height: 22px;
  margin: 10px 0px 0px 0px;
  color:#000000;
}

.newsTeaserBoxContent {
  line-height: 18px;
}

.news-single-backlink {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

span.news-list-morelink a{
  color:#fff;
}

html body div#contentBody div#content div#rightrow div#c146.csc-default div.news-list-container div.news-list-item span.news-list-date div.newsTeaserBoxDatum div.day{
  padding: 8px 6px 0 4px;
  height: 22px;
}

.news-list-container {
padding: 0px;
}
html body div#headerBody.startseitenBG div#header div#newsArea div#c151.csc-default div.newsTeaserBox div.test div.newsTeaserBoxContent p span.news-list-morelink a {
padding-top:10px;
}

.marker_window {
  width: 350px;
  height: 250px;
}

.marker_window p {
  font-size: 12px;
}

