/* CSS Document */
body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background: url('img/body_back.gif') repeat-x 0 98px #FFFFFF; color: #3F3F3F; }

img { border: 0; }
* { padding: 0; margin: 0; }
.clear { clear: both; }

#wrap { position: relative; width: 1000px; margin: 0 auto; padding: 0; }
#header { background: url('img/sonnenschirm-bg.jpg') no-repeat 550px 21px; width: 1000px; height: 400px; margin: 0; padding: 0; float: left; }
#header h1 { color: #3F3F3F; font-size: 22px; font-weight: normal; margin: 20px 10px; }
#header h1 a{ color: #3B9300; text-decoration: none; }
#header h1 a:hover{ color: #3F3F3F; }

#sonnenschirmstaender { margin: 12px 0 0 10px; float: left; }
#patent { margin: 60px 0 0 35px; padding: 0; float: left; }
#bestellung { margin: 180px 0 0 150px; padding: 0; float: left; }
#description { margin: 0; padding: 20px 0 0 30px; width: 307px; height: 126px; float: left; }
#description p { font-size: 16px; color: #3B9300; font-weight: bold; line-height: 150%; }

#menu { height: 30px; }
#menu ul { padding: 0; }
#menu ul li { background: none; display: inline; float: left; padding: 0 0 0 0; }
#menu a { color: #000; font-weight: bold; font-size: 14px; padding: 2px 6px; text-decoration: none; border-right: 1px solid #000; 	text-align: center; }
#menu a:hover {  background: #3B9300; color: #fff; }
#menu a.last { border-right: none; }
#menu a.act { background: #3B9300; color: #fff; }

/********CONTENT********/
#content { margin: 10px 60px}
#content .einfach { text-align:center; }
#content .bestellung { text-align:left; }
#content .kunden { text-align:left; padding: 20px; border-top: 2px solid #FFE400; }
#content .haelfte { float: left; width: 440px; }
#content .beispielextra { float: left; width: 360px; }
#content .beispielextra img { margin: 10px; }
#content .drittel { float: left; width: 293px; }
#content .drittel img { margin: 18px; }
#content .viertel { float: left; width: 220px; }
#content .viertel img { margin: 10px; }

#content a { color: #3B9300; font-weight: bold; text-decoration: underline; }
#content a:hover { color: #000; }

#content table { border-collapse: collapse; width: 100%; }

#content table.preise_table { width: auto !important; margin: 0 0 15px 0; }
#content table.preise_table th { border: 1px solid #000; padding: 10px 40px; text-align: center; vertical-align: middle; background-color: #FFE400; }
#content table.preise_table td { border: 1px solid #000; padding: 10px 40px; text-align: center; vertical-align: middle; background-color: #F7F7F7; }
#content table.preise_table td.kleingedruckte { text-align: left; font-size:12px; padding:10px; }

#content h2 { font-size: 20px; color: #3B9300; padding: 0 18px 10px 18px; font-weight: normal; }
#content h3 { font-size: 18px; color: #3B9300; padding: 0 18px 10px 18px; font-weight: normal; line-height: normal; }
#content h4 { font-size: 16px; color: #3F3F3F; padding: 0 0 10px 0; font-weight: bold; line-height: normal; }
#content h5 { font-size: 14px; color: #3F3F3F; padding: 0 0 10px 0; font-weight: bold; line-height: normal; }
#content h6 { font-size: 12px; color: #3F3F3F; padding: 0 0 10px 0; font-weight: bold; line-height: normal; }
#content h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #FFFFFF !important; text-decoration: underline !important; }

#content p { padding: 0 18px 10px 18px; line-height: 140%; }
#content p.bodytext { padding: 0 0 10px 0; line-height: 140%; }

#content ul { padding: 0 0 10px 18px; list-style-type: disc; line-height: 140%; }
#content ul li { padding: 0 0 5px 0; }
#content ol { padding: 0 0 10px 22px; letter-spacing: -1px; line-height: 140%; }
#content ol li { padding: 0 0 5px 0; }
#content .error { background-color: #FF0000; }
#content .error p { color: #FFFFFF; }

/* Footer */
#footer { height: 100px; background: url('img/footer.jpg') repeat-x 0 100%; clear: both; padding-top: 15px; }
#footer a { color: #3F3F3F; text-decoration: underline; }
#footer a:hover { color: #000; }
#footer .left { text-align: left; float: left; padding-left: 30px; }
#footer .right { text-align: right; float: right; padding-right: 30px; }

/* MAIL */
#formulage { width: 400px; }
#formulage p { color: #000000; }
#formulage input { border: 1px solid #000000; color: #000000; width: 390px; margin-top: 5px; background-color: #F7F7F7; padding: 2px 4px; }
* html div#formulage input { width: 388px; }
*+html div#formulage input { width: 388px; }
#formulage textarea { border: 1px solid #000000; color: #000000; width: 390px; height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 5px; background-color: #F7F7F7; padding: 2px 4px; }
* html div#formulage textarea { width: 388px; }
*+html div#formulage textarea { width: 388px; }
.bottom_row { width: 400px; float: left; margin-top: 4px; }
.submit { padding: 0px; float: right; vertical-align: middle; text-align: center; display: inline; height:20px;}
.submit input { color: #000000; font-weight: bold; border: 0px; margin: 0px; background-color: #F7F7F7; width: auto !important; }

ul#schritte { width: 600px; list-style-type: none; height: 40px; }
ul#schritte li{ float:left; }
ul#schritte li a{ padding:3px 10px; font-weight:normal; color:#333333 }
ul#schritte li.current a{ padding:3px 10px; font-weight:bold; }

.kleingedruckte { text-align: left; font-size:12px; padding:10px; }
.senden { text-align:right; padding: 5px 20px; }
form label { display:block; width: 130px; float:left; margin: 2px 0 0 30px; clear: left; }
p small { font-size:10px; }
input {margin: 2px 0 0 0;}