/*
www.papeterie-sprendlingen.de
*/

* {
  padding: 0;
  margin : 0;
  color      : #625C5C; 
}

body {
  background : #F9F9F7 url('images/a1.gif') repeat-x;
  font-size  : 11px;
  font-family: "trebuchet ms", helvetica, sans-serif;
  color      : #656551; 
  line-height: 18px;
}

strong {
  font-weight: bold;
  font-size: 110%;
}

#outer {
  position  : relative;
  width     : 747px;
  margin    : 0 auto;
  background: #fff url('images/abg.gif') repeat-y;
}

#upbg {
  position  : absolute;
  top       : 0;
  left      : 0;
  background: #fff url('images/upbg.gif') no-repeat;
  width     : 747px;
  height    : 264px;
  z-index   : 1;
}


#inner {
  position: relative;
  padding : 13px 30px 13px 30px;
  z-index : 2;
}


#header {
  position    : absolute;
/*  background  : url('images/logo_xxl.jpg') no-repeat;*/
  width       : 747px;
  height      : 210px;
  color       : #fff;
  margin-left : -20px;
  text-align  : center;
}

#header h1 {
  position   : absolute;
  font-weight: normal;
  color      : #FCE2CA;
  top        : 20px;
  font-size  : 20px;
  line-height: 22px;
}

#header h2 {
  position   : absolute;
  font-size  : 28px;
  font-weight: normal;
  top        : 40px;
  line-height: 30px;
  color      : #FFFFFF;
}

#header h3 {
  position   : absolute;
  font-weight: normal;
  color      : #FCE2CA;
  top        : 70px;
  font-size  : 20px;
  line-height: 22px;
}

#header h4 {
  position   : absolute;
  font-weight: normal;
  color      : #FCE2CA;
  top        : 90px;
  font-size  : 20px;
  line-height: 22px;
}

#splash {
  position  : absolute;
  right     : 30px;
  background: #fff url('images/kopierer_gruen2.jpg') no-repeat top right;
  width     : 218px;
  height    : 151px;
}

#menu {
  position  : relative;
  background: #625C5C; /*url('images/a16.gif') repeat-x;*/
  height    : 67px;
  padding   : 0px 20px 0px 5px;
  margin    : 221px 0px 20px 0px;
}

#menu ul {
}

#menu ul li {
  display     : inline;
  line-height : 52px;
  padding-left: 3px;
}

#menu ul li.first {
  border-left: 0px;
}
 
#menu ul li a {
  background-color : transparent;
  padding          : 8px 6px 8px 6px;
  font-size        : 12px;
  color            : #fff;
  font-weight      : bold;
}

#menu ul li a:hover {
  background     : #fff;
  color          : #4A4A24;
  text-decoration: none;
}

#date {
  position      : absolute;
  top           : 0px;
  line-height   : 52px;
  color         : #FFFFFF;
  right         : 30px;
  font-weight   : bold;
  font-size     : 12px;
  letter-spacing: -1px;
}

#primarycontent {
  position: relative;
  width   : 480px;
  float   : left;
}

#primarycontent .contentbox .header {
  position: relative;
}

#primarycontent h3 {
  position      : relative;
  top           : 4px;
  font-size     : 18px;
  line-height   : 25px;
  color         : #8C2043;
  letter-spacing: -1px;
  background    : url('images/a22.gif') bottom repeat-x;
  padding       : 0px 0px 10px 0px;
  margin-bottom : 20px;
}


#primarycontent h4 {
  position      : relative;
  top           : 4px;
  font-size     : 14px;
  line-height   : 25px;
  color         : #8C2043;
  letter-spacing: -1px;
  background    : url('images/a22.gif') bottom repeat-x;
  padding       : 0px 0px 10px 0px;
}

#primarycontent .content {
  padding      : 0px 15px 30px 15px;
}

#primarycontent .contentbox {
  padding: 0 0 50px 0;
}


#primarycontent .contentbox .content {
  margin-bottom: 0px;
}


#secondarycontent {
  position: relative;
  width   : 180px;
  float   : right;
}

#secondarycontent h3 {
  position      : relative;
  top           : 4px;
  font-size     : 16px;
  line-height   : 25px;
  color         : #8C2043;
  letter-spacing: -1px;
  background    : url('images/a22.gif') bottom repeat-x;
  padding       : 0px 0px 10px 10px;
  margin-bottom:  20px;
}

#secondarycontent .content
{
  padding      : 0px 10px 0px 10px;
  margin-bottom: 20px;
}

#footer {
  position        : relative;
  clear           : both;
  height          : 66px;
  text-align      : center;
  line-height     : 66px;
  background-image: url('images/a50.gif');
  color           : #8C2043;
}

#footer a {
  color: #8C2043;
}

a.link {
  color: #625C5C;
}

a.mail {
  color: #625C5C;
}

p {
  margin-bottom: 14px;
  text-align   : justify;
}


fieldset {
  margin          : 0;
  padding         : 0 0 1em 0;
  float           : left;
  clear           : both;
  width           : 100%;
  border          : 1px solid #E2E2E2;
/*  background-color: #F2F2F2;*/
}

fieldset.submit {
  border    : 0px;
  text-align: center;
}

legend {
  margin-left: 1em;
  color      : #000000;
  font-weight: bold;
  padding    : 0;
}

legend span {
  font-size    : 125%;
  margin-bottom: 0.25em;
}

fieldset ol {
  padding-top: 1em 1em 0 1em;
  list-style : none;

}

fieldset li {
  padding-bottom: 1em;
  float         : left;
  clear         : left;
  width         : 100%;
}


label {
  display: block;
  float       : left;
  width       : 7em;
  margin-right: 1em;
  text-align  : right;
  font-weight: bold;
}

#contact_form {
  float: left;
  width: 480px;
  position: relative;

}

/* ................................. */
/* ................................. */
/* ... standard label-text table ... */
/* ................................. */
/* ................................. */

table.label_text {
}

td.label {
  font-weight   : bold;	
  vertical-align: top;
  padding       : 4px;
}

td.text {
  vertical-align: top;
  padding       : 4px;
}


ul.normal {
  list-style-type    : square;
  list-style-position: inside;
}


strong {
  font-weight: bold;
}

img {
  margin : 0px;
  padding: 0px;
  border : 0px;
}

/* ................... */
/* ................... */
/* ... teaser-box  ... */
/* ................... */
/* ................... */


.teaser_box {
  margin      : 2px 2px 12px 2px;
  padding     : 0;
  border-width: 1px;
  border-style: solid;
  background  : #FFFFFF;
  width       : 150px;
  float       : left;
}

.teaser_box_title {
  font-size       : 140%;  
  padding         : 4px;
  margin          : 0px;
  font-weight     : bold;
  border-bottom   : 1px solid;
  background-color: #8C2043;
  color           : #FFFFFF;
}

.teaser_box_text {
  font-size : 110%;
  padding   : 4px;
  margin    : 0px;
  background: #F2F2F2;
}