@charset "utf-8";
/* CSS Document */

body {
  margin:0;
  padding:0;
  background-image:url(img/bg_body.jpg);
  background-repeat:repeat-x;
  font-family:"Lucida Grande","Lucida Sans Unicode","Verdana";
  font-size:12px;
  line-height:14px;
  color:#000;
  text-align:center;
  }

p {
  margin:0;
  padding:0;
  padding-bottom:14px;
  }

h2 {
  margin:0;
  padding:0;
  font-size:18px;
  padding-bottom:18px;
  font-weight:normal;
  }

a {
  color:#000;
  text-decoration:underline;
  }

a:hover {
  color:#ff7f00;
  }

#container {
  width:946px;
  margin:0 auto;
  text-align:left;
  position:relative;
  }

#left {
  clear:left;
  float:left;
  }

#logo {
  clear:left;
  float:left;
  width:227px;
  height:244px;
  border:1px solid #ff7f00;
  border-top:0;
  }
  
#content_left {
  clear:left;
  float:left;
  margin-top:30px;
  width:205px;
  border:1px solid #ff7f00;
  background-color:#190b06;
  color:#FFFFFF;
  padding:11px;
  padding-top:23px;
  }

#content_left h2 {
  color:#ff7f00;
  margin:0;
  padding:0;
  font-weight:normal;
  font-size:14px;
  }

#content_left p {
  margin:0;
  padding:0;
  }

#content_left a {
  color:#FFFFFF;
  text-decoration:none;
  }

#content_left a:hover {
  color:#ff7f00;
  }
  
#content_left ul {
  margin:0;
  padding:60px 0 60px 0;
  clear:left;
  float:left;
  width:205px;
  }
  
#content_left li {
  clear:left;
  float:left;
  width:205px;
  margin:0;
  padding:0;
  list-style-type:none;
  border-bottom:1px solid #ff7f00;
  }
  

#content_left li a{
  line-height:44px;
  display:block;
  width:205px;
  }
  

#content_left li.on a{
  color:#ff7f00;
  }

.subtitle {
  clear:left;
  float:left;
  width:205px;
  list-style-type:none;
  line-height:44px;
  margin-top:44px;
  }
  
#top_nav {
  float:left;
  width:695px;
  height:44px;
  background-image:url(img/bg_top_nav.gif);
  background-repeat:repeat-x;
  margin-left:22px;
  margin-top:24px;
  color:#FFFFFF;
  }

#top_nav ul {
  margin:0;
  padding:0;
  }

#top_nav li {
  margin:0;
  padding:0;
  float:left;
  list-style-type:none;
  }

#top_nav li a{
  padding:0 15px 0 14px;
  line-height:44px;
  height:44px;
  font-size:13px;
  text-transform:uppercase;
  color:#FFFFFF;
  text-decoration:none;
  }

#top_nav li a:hover, #top_nav li.on a{
  color:#ff7f00;
  }

#top_nav .lang_menu {
  float:right;
  }

#top_nav .lang_menu a{
  height:44px;
  line-height:44px;
  color:#fff;
  text-decoration:none;
  padding-right:8px;
  }

#hauptbild {
  position:absolute;
  top:90px;
  left:251px;;
  width:446px;
  height:321px;
  border:5px solid #ff7f00;
  background-color:#190b06;
  z-index:10;
  }

#slogan h2 {
  background-color:#ff7f00;
  margin:0;
  padding:0 0 0 10px;
  line-height:40px;
  color:#190b06;
  font-size:16px;
  font-weight:normal;
  }

#banner_right {
  position:absolute;
  top:90px;
  right:0;
  width:207px;
  height:321px;
  border:1px solid #ff7f00;
  background-color:#190b06;
  padding:4px;
  z-index:10;
  }  

#banner_right p {
  margin:0;
  padding:0;
  font-size:16px;
  color:#FFFFFF;
  line-height:38px;
  padding-left:10px;
  }

#banner_right a {
  color:#fff;
  text-decoration:none;
  display:block;
  }

#banner_right a:hover {
  color:#ff7f00;
  }

#maincotent {
  float:left;
  width:695px;
  margin-top:374px;
  margin-left:22px;
  font-size:13px;
  line-height:17px;
  }

#content {
  float:left;
  width:695px;
  }

#footer {
  clear:both;
  float:left;
  margin-top:46px;
  width:946px;
  font-size:10px;
  }

#footer a{
  color:#000000;
  text-decoration:none;
  }

#footer a:hover{
  color:#ff7f00;
  text-decoration:none;
  }

#footer_left {
  float:left;
  }

#footer_right {
  float:right;
  padding-right:5px;
  }


.tx-felogin-pi1  {
height:148px;
}
.tx-felogin-pi1 form {
background-color:#190b06;
}

.tx-felogin-pi1 fieldset {
border:0;
height:92px;
}

.tx-felogin-pi1 form input {
border:1px solid #8A8888;
clear:left;
float:left;
margin:2px 0;
width:180px;
}

.tx-felogin-pi1 form label {
color:white;
line-height:12px;
}


.tx-felogin-pi1 form input.submit {
background-color:#190B06;
border:0px;
float:right;
color:#FF7F00;
margin:1px 0;
width:auto;
}
/*---------[ flx ]-------------------*/
.flx_drei_spalten .csc-textpic-imagewrap img, .flx_bild_und_text, #content_right .csc-textpic-imagewrap img , .tx-felogin-pi1 {
  padding:4px;
  border:1px solid #ff7f00;
  }

.flx_drei_spalten td {
  vertical-align:top;
  }

.flx_drei_spalten td.spalte1 {
  width:228px;
  }
  
.flx_drei_spalten td.spalte2 {
  width:217px;
  padding-left:11px;
  }

.flx_drei_spalten td.spalte3 {
  width:217px;
  padding-left:22px;
  }

.flx_drei_spalten td.spalte3 .flx_bild_und_text{
  float:right;
  }

.flx_text_braun, .flx_text {
  background-image:url(img/bg_flx_text.gif);
  background-repeat:no-repeat;
  background-color:#190b06;
  width:191px;
  padding:0 13px;
  height:40px;
  line-height:40px;
  color:#fff;
  font-size:14px;
  }
  
.flx_text_braun{
  background-image:url(img/bg_flx_text_braun.gif);
  }

.flx_bild_und_text a, .flx_text_braun a {
  color:#fff;
  text-decoration:none;
  display:block;
  }

td.spalte2 .flx_bild_und_text, td.spalte3 .tx-schokofinder-pi1 {
  float:left;
  clear:left;
  }

.flx_bild_und_text a:hover, .flx_text_braun a:hover {
  color:#ff7f00;
  }

.flx_text {
  width:181px;
  height:45px;
  line-height:45px;
  }

.flx_text_braun, .flx_bild_und_text {
  margin-bottom:15px;
  }

.flx_text_braun {
  border-top:5px solid #fff;
  }

.flx_bild_und_text p, .flx_text_braun p{
  padding:0;
  }

.flx_bild_und_text {
  clear:left;
  float:left;
  }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0;
}

form.schoko_finden {
  clear:left;
  float:left;
  border:1px solid #FF7F00;
  padding:4px;
  color:#fff;
  font-size:12px;
  }

form.schoko_finden .form_content {
  width:207px;
  height:104px;
  background-color:#1a0b08;
  }
  
form.schoko_finden input {
  margin:21px 0 0 15px;
  clear:left;
  float:left;
  width:177px;
  margin:0;
  }

form.schoko_finden .login_title {
  background-image:url(img/bg_flx_text.gif);
  background-repeat:no-repeat;
  height:45px;
  width:207px;
  margin:0;
  padding:0;
  border:0;
  text-align:left;
  color:#fff;
  padding-left:13px;
  font-size:14px;
  }

.adresse {
  float:left;
  }

form {
  color:#ff7f00;
  font-size:10px;
  }

form input, form textarea {
  clear:left;
  float:left;
  width:217px;
  margin:8px 0 16px 0;
  border:1px solid #8a8888;
  }

*html form input, *html form textarea {
  margin:4px 0 8px 0;
  }

form textarea {
  clear:left;
  float:left;
  width:456px;
  height:165px;
  }

form input.plz, form span.plz {
  clear:left;
  float:left;
  width:60px;
  margin-right:13px;
  }

form input.ort, form span.ort {
  clear:none;
  float:left;
  width:140px;
  }