/* body */

#body a {
   color: #AD5E17;
   font-weight:bold;
   text-decoration: none;
}

#body a:hover {
   color: #AD5E17;
   text-decoration: underline;
}


#body {
   float: left;
   width: 700px;
   color: #333333;
   line-height: 12px;
   font-weight: normal;
   padding-top: 0px;
   padding-left: 24px;
   padding-right: 10px;
   padding-bottom: 10px;
}

#body h1 {
   color: #dc0000;
   font-weight: bold;
   font-size: 24px;
   line-height: 30px;
   margin-top: 12px;
   margin-bottom: 20px;
}

#body h1.section {
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   margin-top: 0px;
   margin-bottom: 40px;
}

#body h2.subsec {
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   margin-top: 0px;
   margin-bottom: 20px;
}

#body h2 {
   color: #dc0000;
   font-weight: bold;
   font-size: 18px;
   line-height:22px;
   margin-bottom: 10px;
}

#body h3 {
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 6px;
}

#body h3.topic {
   color: #dc0000;
   margin-top: 0px;
   margin-bottom: 2px;
}

#body h3.red {
   color: #dc0000;
   padding-top: 2px;
   margin-bottom: 6px;
}

#body h3.listtopic {
   color: #000000;
   font-size: 10px;
   padding-top: 8px;
   margin-bottom: 10px;
}

/* text blocks */

#body p {
   color: black;
   margin-bottom: 10px;
   font-size: 10px;
   line-height: 18px;
}

/* small notice instead of headline */
#body p.notice {
   color: #333333;
   font-size: 9px;
}

#body p.disclaimer {
   color: #666666;
   font-size: 10px;
   line-height: 14px;
}


/* first block of longer texts */
#body p.intro {
   color: black;
   margin-bottom: 20px;
   font-weight: bold;
   font-style: italic;
   font-size: 10px;
   line-height: 18px;
}

/* "loud" text breaking the layout */
#body p .shoutbox {
   color: #dc0000;
   font-size: 12px;
   line-height: 20px;
   font-weight: bold;
   font-style: italic;
   margin-top: 14px; 
   margin-bottom: 12px; 
   margin-left: -25px; 
   float: right; 
   display: block;
   position: relative;
   left: 75px;
}

/* in dialogues, interviews, beginning of speech */
#body p .speaker, #body p .red {
   color: #dc0000;
   font-weight: bold;
}


/* images withing texts */

#body img.decopic {
   float:left;
   margin-right: 16px;
   margin-left: 0px;
}


#body img.leftpic {
   float: left;
   margin-right: 16px;
   margin-left: -24px;
}

#body img.rightpic {
   float: right;
   margin-left: 16px;
   margin-right: -24px;
}


/* Tables and Graphs */

#body table {
  border: solid 2px #FFB055;
  border-collapse: collapse;
}

#body table * {
   font-size: 10px;
   color: black;
   text-align: left;
}

#body table.servicekasten a {
   font-weight: normal;
   text-decoration: none;
}

#body table.servicekasten a:hover span {
   color: #AD5E17;
}

#body table.servicekasten a:hover {
   font-weight: normal;
   text-decoration: none;
}


#body table th, #body table td {
   margin: 0px;
   padding: 9px;
   padding-top: 6px;
   padding-bottom: 10px;
   vertical-align: top;   
   text-align: left;
}

#body table th {
   background-color: #FFB055;
   color: white;
   font-weight: bold;
}

#body table td {
   border: solid 2px #FFB055;
   line-height:18px;
}

#body table td.borderless {
   border-bottom: solid 0px #ffb055;
   border-top: solid 0px #ffb055;
}

#body table td.borderless_first {
   border-bottom: solid 0px #ffb055;
}

#body table td.borderless_last {
   border-top: solid 0px #ffb055;
}


/* separator between chapters */
#body hr {
   height: 0px;
   width: 650px;
   border: 0px;
   border-bottom: 1px solid #dc0000;
   position: relative;
   left: -24px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#body hr.subsec {
   height: 0px;
   width: 250px;
   border: 0px;
   border-bottom: 1px solid #dc0000;
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
}


#body hr.short {
   height: 0px;
   width: 24px;
   border: 0px;
   border-bottom: 1px solid #dc0000;
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
}


/* Icons (Info, etc.) */

#body img.icon-info {
   float: left;
   margin-right: 16px;
   margin-left: -24px;
   margin-top: 13px;
}




/* Advertising blocks */

#body img.advertiser {
   margin-left: 30px;
   margin-bottom: 19px;
}


/* MiniSurvey (Radiobuttons only) */
#body form.minisurvey {
   margin-top: 16px;
}

#body form.minisurvey li {
   list-style-type: none;
   margin-bottom: 8px;
}

#body form.minisurvey li .container {
   float: left;
   margin-right: 10px;
}

#body form.minisurvey li .label {
   float: left;
   width: 420px;
}

#body ol.survey_results {
   padding-left: 20px;
   padding-bottom: 14px;
   padding-top: 8px;
}

#body ol.survey_results li {
   list-style-type: decimal;
   list-style-position: outside;
   margin-bottom: 5px;
}


#body ol.survey_results div.resultpercent {
   height: 12px;
   width: 50px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 10px;
   float: left;
}

#body ol.survey_results div.resultbar {
   background-color: #dc0000;
   height: 8px;
   border-left: 1px solid black;
   margin-top: 7px;
   margin-bottom: 12px;
   float: left;
   font-size: 0;
}


/* Einfache Listen im Fliesstext */
#content ul.listeimtext {
   margin-bottom:10px;
   margin-left:15px;
   line-height:15px;
   list-style-image: url(gfx/listdot-redsquare.gif);
   padding-top: 6px;
}

#content ul.listeimtext li {
   margin-left:40px;
   margin-right:25px;
   margin-bottom:5px;
   font-size: 10px;
   font-weight: normal;
   color: #333333;
}


/* Conatiner, spezielle Formatcontainer, die beliebiege Elemente enthalten können */


#body div.page div p {
   margin-top:0px;
}


.rezeptcontainer {
   display: block;
   width: 460px;
   overflow: auto;
}

div.spalte2 {
   width:270px;
   display: block;
   float:left;
}


div.spalte3 {
   width:172px;
   display: block;
   float:left;
}


div.spalte4 {
   width:122px;
   display: block;
   float:left;
}

div.gutter {
   width:28px;
   height:1px;
   display: block;
   float:left;
}


/* weitere Elemente der Website, nicht Content des Magazins */



/* Loginbox */

#loginbox {
   float: right;
   margin-top: 10px;
   width: 216px;
   background-image: url(gfx/loginbox-body.gif);
}

#loginboxtop {
   width: 216px;
   height: 8px;
   font-size: 0;
   background-image: url(gfx/loginbox-top.gif);
}

#loginboxbottom {
   width: 216px;
   height: 8px;
   font-size: 0;
   background-image: url(gfx/loginbox-bottom.gif);
}

#loginboxbody {
   padding: 10px;
   padding-top: 6px;
   padding-right: 15px;
}

#loginboxbody h2 {
   font-size: 12px;
   font-weight: bold;
   padding-top: 0px;
   color: #dc0000;
}


#loginform label {
   display: block;
   margin-bottom: 2px;
}

#loginform input.textinput {
   width: 97%;
   margin-bottom: 5px;
}

#loginform input.submitbutton {
   width: 80px;
   margin-left: 52px;
   margin-top: 9px;
   margin-bottom: 15px;
}

#loginform .error {
   color: #dc0000;
   margin-top: 4px;
   font-weight: bold;
}


/* AboNeu - Anmeldeformular */

#form_cancel h3,
#form_aboneu h3,
#form_manage h3 {
   margin-top: 18px;
   margin-bottom: 10px;
}

#body div.formsection {
   margin-bottom: 6px;
}

#form_aboneu div.formsection label,
#form_manage div.formsection label {
   width: 100px;
   float: left;
}

#body #form_aboneu #anrede {
   width: 200px;
}

#body div.formsection p.error {
   font-weight: bold;
   color: #dc0000;
}

#body div.formsection textarea {
   width: 480px;
   height: 110px;
   clear: both;
}