/* CSS Teppich-Antirutschmatten */

*, form, fieldset, input { margin: 0; padding: 0; }

body { background: url("../images/bg.jpg") no-repeat fixed; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }

#page { width: 900px; margin: 0 auto; }

#header { width: 900px; position: relative; }

#header #logo { display: block; margin-bottom: 10px; text-align: left; float: left; }
#header #logo img { border: 0; margin-top: 15px; }

/*#header #menu { clear: both; float: left; background: #FFF; padding: 13px 19px; width: 862px; height: 36px; margin: 0; display: block; border-bottom: 1px dotted #000; }*/
#header #menu ul { font-family: Arial; font-size: 16px; font-weight: bold; color: #155293; }
#header #menu li { float: left; list-style-type: none; text-align: left; margin-right: 18px; }
#header #menu li.first { margin-right: 18px; }
#header #menu li.last { display: none; }
#header #menu li span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; display: inline; }
#header #menu li a, a:active, a:visited { color: #155293; text-decoration: none; }
#header #menu li a:hover { color: #999; }

#header #partner { position: absolute; top: 30px; right: 0; height: 50px; display: block; }

#bild { clear: both; width: 860px; height:230px; padding: 20px; background: #FFF; }
#bild img { width: 860px; height:230px; }

#content { width: 860px; padding: 20px; padding-top: 0; background: #FFF; text-align: left; clear: both; overflow: hidden; position: relative; }

#content #text { width: 635px; float: left; position: relative; line-height: 18px; }
#content #text ul { margin: 0 20px 20px 20px; }
#content #text ul li { margin-bottom: 10px; }
#content #text .quote { color: #4091b4; font-weight: bold; font-family: Arial; margin: 10px 0;}

#content #formular { float: left; width: 580px; background: #dfe7ec; padding: 20px; }

#content #news { width: 174px; float: right; position: absolute; top: 0; right: 0; padding: 15px; border-left: 1px dotted #999; }
#content #news h3 { font-family: Arial; font-size: 16px; font-style: italic; font-weight: bold; color: #4091b4; }
#content #news p { padding: 5px 0; line-height: 18px; font-size: 11px; }
#content #news span { line-height: 18px; font-size: 11px; }

#content #teaser { float: left; width: 645px; margin-top: 25px; }
#content #teaser #rezept { float: left; width: 204px; border-right: 1px dotted #999; padding-right: 10px; }
#content #teaser #foreign { float: left; width: 194px; padding: 0 10px; border-right: 1px dotted #999; }
#content #teaser #preis { float: right; width: 195px; padding: 0 10px; }
#content #teaser h3 { font-family: Arial; font-style: italic; font-weight: bold; color: #4091b4; }
#content #teaser a:hover { color: #999; }
#content #teaser p { margin: 5px 0; }

#footer { margin: 20px; color: #FFFFFF; text-align: left; }
#footer a, a:active, a:visited { color: #FFF; }
#footer a:hover { color: #666; }
#footer ul { display: none; }

h1 { font-family: Arial; font-size: 24px; font-weight: bold; color: #4091b4; line-height: 120%; }
h2 { font-family: Arial; font-size: 16px; font-weight: bold; color: #666; margin-bottom: 10px; margin-top: 5px; }
h4 { font-family: Arial; font-size: 14px; font-weight: bold; color: #000; margin-bottom: 20px; }
p { line-height: 18px; }
a, a:active, a:visited { font-style: italic; font-weight: bold; color: #4091b4; text-decoration: none;  }
a:hover { color: #666; }

.clear { clear: both; }

.line { margin-bottom: 25px; border: 1px dotted #999; }

/*Formular*/
input { background: #FFF; border: 1px solid #999; font-family: Arial; font-weight: bold; font-size: 12px; padding: 0 3px; color: #000; }
.table1 { margin-bottom: 25px; }
.leftcolumn { padding: 3px 0; width: 390px; text-align: left; margin-bottom: 20px; font-size: 12px; font-weight: bold; }
.rightcolumn { padding: 3px 0; text-align: left; margin-bottom: 20px; }
.rightcolumn input { margin: 3px 0; width: 160px; }


.rightcolumn1 { padding: 3px 0; text-align: left; margin-bottom: 20px; }
.rightcolumn1 input { margin: 3px 0; width: 275px; }

.table2 { margin-bottom: 25px; }
.leftp { width: 100px; padding: 3px 0; text-align: left; font-size: 12px; font-weight: bold; }
.rightp { margin: 3px 0; }
.rightp input { margin: 3px 0; width: 160px; }

.table3 { margin-bottom: 25px; }
.table3 checkbox { background: #FFF; border: 1px solid #999;  }

.table4 { margin-bottom: 25px; margin-left: -30px; }
.table4 input { margin-right: 3px; }
.table4 td { padding: 3px 0; }
.b1 { font-size: 12px; font-weight: bold; }
.b2 { font-size: 12px; font-weight: bold; }
.b3 { font-size: 12px; font-weight: bold; }
.b4 { font-size: 12px; font-weight: bold; }
.b5 { font-size: 12px; font-weight: bold; }
.b6 { font-size: 12px; font-weight: bold; }

.pzn input { width: 50px; }
.menge input { width: 30px; }
.groesse input { width: 40px; }
.artikel input { width: 170px;  }
.einzelpreis input { width: 50px; }
.url input { width: 150px; }

.gesamtpreis { width: 170px; font-size: 12px; font-weight: bold; }
.gesamtpreis input { width: 50px; }
.bestprice { width: 150px; font-size: 12px; font-weight: bold; }

.pzn1 input { width: 65px; }
.menge1 input { width: 30px; }
.groesse1 input { width: 65px; }
.artikel1 input { width: 210px;  }
.einzelpreis1 input { width: 50px; }

.gesamtpreis1 { width: 170px; font-size: 12px; font-weight: bold; }
.gesamtpreis1 input { width: 50px; }
.bestprice1 { width: 150px; font-size: 12px; font-weight: bold; }

.table5 { text-align: left; font-size: 12px; font-weight: bold; margin-bottom: 25px; }
.table5 input.text { margin: 3px 0; width: 160px; font-size: 12px; font-family: Arial; }
textarea { font-family: Arial; font-size: 12px; }



#content #text2 { width: 860px; position: relative; line-height: 18px; }
#content #formular2 { width: 820px; background: #dfe7ec; padding: 20px; margin-top: 20px; margin-bottom: 20px; }
.loesung input { width: 10px; }
.leftp2 { width: 130px; padding: 3px 0; text-align: left; font-size: 12px; font-weight: bold; }

.statisch_tabellenkopf {
padding-left: 5px;
background: #999;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-align:left;}

td {padding-left: 5px;}