/* -- Body -- */
html, body { background: url(../images/spamschutz-background.png) repeat-x; background-color: #c2c200; padding: 0px 0px 0px 0px; margin: 0px; color: #666666; font-family: Verdana, Sans-Serif, Helvetica; font-size: 13px; }
a { cursor: hand; text-decoration: none; border: 0px; }
img { border: 0px; }
.fehler { font-weight: bold; color: #cd1111; padding-top: 10px; }
i { font-size: 11px; }

h1 { color: #5c6163; font-size: 30px; }
h1 strong { color: #c5cd0d; }
h2 { color: #5c6163; font-weight: normal; font-size: 18px; }

#Spamschutz-Main { padding-top: 35px; background: url(../images/spamschutz-header_background-trans.png) no-repeat; width: 949px; margin: 0 auto; border: 0px solid black;}
#Spamschutz-Logo { margin: 75px 0px 20px 75px; background: url(../images/spamschutz-logo-trans.png); width:152px; height:92px; }

#Spamschutz-Menue { margin: 0px 0px 20px 75px; }
#Spamschutz-Menue a { border: 0px solid #666666; position: relative; text-align: center; color: #666666; font-weight: bold; padding-top: 7px; height: 27px; width: 122px; display: block; background-color: #cbd453; float: left; margin-right: 10px; }
#Spamschutz-Menue a:HOVER { color: WHITE; }
#Spamschutz-Menue a.aktiv { position: relative; background: none; background-color: #999999; color: WHITE; }
#Spamschutz-Menue a.aktiv:HOVER { color: #c2c200; }

#Spamschutz-Content .top { margin: 0 auto; padding-left: 40px;  background: url(../images/spamschutz-box_top-trans.png) no-repeat; width: 837px; height: 13px; font-size: 0px; border: 0px solid gray; }
#Spamschutz-Content .center { margin: 0 auto;  padding: 20px 0px 20px 40px; background: url(../images/spamschutz-box_center.png) repeat-y; width: 837px; }
#Spamschutz-Content .center p { width: 520px; }
#Spamschutz-Content .center a { font-weight: bold; color: #c2c200; }
#Spamschutz-Content .center a:HOVER { font-weight: bold; color: #999999; }
#Spamschutz-Content .bottom { margin: 0 auto; padding-left: 40px;  background: url(../images/spamschutz-box_bottom-trans.png) no-repeat; width: 837px; height: 20px; }

#Spamschutz-Peple { background: url(../images/spamschutz-people-trans.png) no-repeat; /*background-position: right;*/ float: right; position: absolute; width:187px; height:502px; margin-left: 650px; }

#Spamschutz-Button { position: relative; margin: 150px 87px 0px 0px; float: right; background: url(../images/spamschutz-button-trans.png) no-repeat; width: 184px; height: 230px; } 
#Spamschutz-Button:HOVER { background: url(../images/spamschutz-button_aktiv-trans.png) no-repeat; } 

#Spamschutz-Jetzt-Button { border: 0px; display: block; width: 220px; height: 220px; margin: 20px 0px 0px 15px; background: url(../images/spamschutz-jetzt-button-trans.png) no-repeat; } 
#Spamschutz-Jetzt-Button:HOVER { cursor: pointer; background: url(../images/spamschutz-jetzt-button_aktiv-trans.png) no-repeat; } 

#Spamschutz-Footer { border: 0px solid BLACK; padding: 0px 82px 0px 0px; }
#Spamschutz-Footer a { font-weight: bold; float: right; color: #5c6163; margin-left: 10px; }
#Spamschutz-Footer a.aktiv { color: #ffffff; }
#Spamschutz-Footer a:HOVER { color: #ffffff; }

#rightbox{ padding: 200px 60px 0px 0px; float: right; width: 240px; font-size: 12px; }
#rightbox TABLE { margin: 0px; padding: 0px;}

TABLE#Spamschutz-Preisliste { width: 62%; }
TABLE#Spamschutz-Preisliste THEAD { padding: 7px; background-color: #999999; color: WHITE; }
TABLE#Spamschutz-Preisliste THEAD TR TH { text-align: left; padding: 10px 10px 10px 70px; }
TABLE#Spamschutz-Preisliste TBODY TR TD { padding: 10px 10px 10px 70px; }
TABLE#Spamschutz-Preisliste TBODY TR.gray { background-color: #efefef; }

ul#Liste li { padding-bottom: 5px; };

form { padding: 0px; margin: 20px 0px 0px 0px; }
form ul { width: 470px; padding: 0px; margin: 0px;  }
form ul li { padding: 0px; margin: 0px 0px 5px 0px; float: left; width: 210px; list-style-type: none; border: 0px solid GRAY;  }
form ul li.left { text-align: right; padding: 0px 10px 0px 0px; width: 200px; }
form ul li.marked { color: #cd1111; text-align: right; padding: 0px 10px 0px 0px; width: 200px; }
form ul li.right { width: 250px; border: 0px solid BLACK; }
form ul li.right input { padding: 2px; color: #666666; font-weight: bold; border: 1px solid #c5cd0d; width: 250px; }
form ul li.right input.checkbox { border: 0px solid #c5cd0d; width: auto; }
form ul li.right textarea { padding: 2px; color: #666666; font-weight: bold; border: 1px solid #c5cd0d; width: 250px; }

