/* ------------------------------------------------------
   Style Sheet (c) camindo SYSTEMS, plus gestaltung 2006
   fuer Buchdienst Wernau
   ------------------------------------------------------ */

body,tr,td,p,div,form,input,textarea,h1,h2,ul,li {
  padding:0px;
  margin:0px;
  vertical-align:top;
  color:#666666;
}

ul {
  list-style-type:none;
}

body {
  font-family:verdana,sans-serif;
  font-size:11px;
}

a:link,
a:active,
a:visited,
a:hover {
  text-decoration:none;
  color:#666666;
}
a:hover {
  text-decoration:underline;
}

/* DIVs */
#col1_search_form {
  position:absolute;left:10px;top:18px;
}
#search_input {
  width:80px;height:15px;
  border:1px solid #666666;
  padding:1px;
}
#search_submit {
  width:47px;height:15px;
  background-image:url(/img/suchen.gif);
  background-repeat:no-repeat;
  background-position:left top;
  border:0px;
  margin:2px 0px 0px 5px;
}
#col1_logo {
  position:absolute;left:0px;top:65px;
/*  width:173px;height:103px;
  background-color:#580011; */
}

#headarea {
  position:absolute;left:173px;top:0px;
}
#headarea ul {
  padding-top:4px;
}
#headarea ul li {
  background-image:url(/img/pfeil_braun.gif);
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:12px;
  margin:4px 0px 0px 4px;
}
#headarea a:link,
#headarea a:active,
#headarea a:visited,
#headarea a:hover {
  text-decoration:none;
  color:#580011;
}
#headarea a:hover {
  font-weight:bold;
}

#head_col1 {
  border-left:1px solid #FFFFFF;
  position:absolute;left:0px;top:0px;
  width:136px;height:208px;
  background-color:#33CCFF;
}
#head_col2 {
  border-left:1px solid #FFFFFF;
  position:absolute;left:137px;top:0px;
  width:178px;height:208px;
  background-color:#33CCFF;
}
#head_col3 {
  border-left:1px solid #FFFFFF;
  position:absolute;left:316px;top:0px;
  width:136px;height:208px;
  background-color:#33CCFF;
}
#head_col4 {
  border-left:1px solid #FFFFFF;
  position:absolute;left:453px;top:0px;
  width:198px;height:208px;
  background-color:#33CCFF;
}

/* Pfadangabe (Wo ich bin...) */
#path {
  position:absolute;left:173px;top:219px;
  font-size:10px;
}
#path a:link,
#path a:active,
#path a:visited,
#path a:hover {
  font-size:10px;
}

h1 {
  color:#580011;
  font-size:14px;
  padding-top:4px;
}

/* Body */
#bodyarea {
  position:absolute;left:173px;top:253px;
}
#bodyarea_hp {
  position:absolute;left:173px;top:199px;
}
#body_col1 {
  border-top:1px solid #999999;
  position:absolute;left:0px;top:0px;
  width:135px;height:161px;
}
#body_col2 {
  border-top:1px solid #999999;
  position:absolute;left:137px;top:0px;
  width:177px;height:161px;
}
#body_col3 {
  border-top:1px solid #999999;
  position:absolute;left:316px;top:0px;
  width:135px;height:161px;
}
#body_col4 {
  border-top:1px solid #999999;
  position:absolute;left:453px;top:0px;
  width:198px;height:161px;
}

/* Buchbeschreibung */
.body_topic { color:#999999; padding-top:2px; padding-bottom:4px; }
.body_roof { color:#580011; padding-top:2px; }
.body_author { color:#00ACE6; padding-top:2px; font-size:11px; }
.body_headline { color:#580011; font-size:16px; padding-top:4px; }
.body_headline2 { color:#580011; font-size:14px; padding-top:4px; }
.body_subtitle { color:#999999; padding-top:4px; }
.body_image { padding-top:4px; }
.body_text { padding-top:10px; }
.body_link { }
.body_bluebox { height:20px; background-color:#33CCFF; margin-top:16px; }
.body_preis { padding-top:12px; }
.mas_bluebox { height:20px; background-color:#33CCFF; margin-top:2px; }

#content_left ul {
  padding:6px 0px 6px 16px;
  list-style-type:disc;
}
#content_left li {
  padding-bottom:2px;
}

/* Buchdetails */
div.buchdetails {
  width:460px;
  border-top:1px solid #999999;
  padding-bottom:4px;
}

div.func {
  margin-top:10px;
  padding-top:2px;
}
div.func p,
div.func span {
  padding-left:12px;
  background-image:url(/img/pfeil_grau.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

div.body_func {
  margin-top:26px;
  padding-top:2px;
  border-top:1px solid #999999;
}
div.body_func p,
div.body_func span {
  padding-left:12px;
  background-image:url(/img/pfeil_grau.gif);
  background-position:left top;
  background-repeat:no-repeat;
}


div.pfeil {
  padding-left:12px;
  background-image:url(/img/pfeil_grau.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#logo_dioezese {
  /* position:absolute;left:0px;top:216px; */
  position:absolute;left:0px;top:550px;
  width:141px;height:65px;
  border-top:1px solid #999999;
}

.left {
  float:left;
}
.clear {
  clear:left;
  font-size:1;
  width:0px;
}

/* Jumplist */
td.skip1 { text-align:left; }
td.skip2 { text-align:center; }
td.skip3 { text-align:right; }

/* Artikel mit Bild */
#content_left {
  position:absolute;left:0px;top:0px;
  width:314px;
/*  border-top:1px solid #999999; */
}
#media_right {
  position:absolute;left:341px;top:0px;
  width:227px;
}
#media_original {
  position:absolute;left:317px;top:0px;
  text-align:right;
  width:335px;
}

/* Warenkorb */
table.basket { width:460px; }
table.basket td,
table.basket th { padding:6px; }
table.basket th { color:#580011; }
table.basket td { border-top: 1px solid #999999; color:#000000; }

input.basket {
  width:25px; height:13px;
  font-size:11px;
  color:#000000;
  border: 1px solid #999999;
  padding:1px;
}
input.basket_refresh {
  width:90px; height:13px;
  background-image:url(/img/aktualisieren.gif);
  border:0px;
}
input.basket_send {
  width:133px; height:13px;
  background-image:url(/img/abschicken.gif);
  border:0px;
}

table.tpadd4 td {
  padding:4px 8px 4px 0px;
}

input.persodaten,
textarea.persodatenarea,
select.persodatenarea {
  height:15px;
  font-size:11px;
  color:#000000;
  border:1px solid #580011;
  padding:1px;
}
input.persodatensubmit {
  width:133px; height:13px;
  background-image:url(/img/bestellung_abschicken.gif);
  border:0px;
}

/* Newlsetter abnonnieren */
input.eintragen {
  border:0px;
  width:61px;height:17px;
  background-image:url(/img/eintragen.gif);
  background-repeat:no-repeat;
  margin:2px 0px 0px 5px;
}


/* Farben */
.hellblau { color:#33CCFF; }
.braun { color:#580011; }
.rot   { color:#DD0000; }
.gruen { color:#33CC00; }
.gelb  { color:#FFFF99; }
