/*
*********************************
* Website: www.3er-tipp.de      *
* Autor:   Marc Münz            *
* Version: 1.0, 2009            *
*********************************
*/

body {
  font-family:Arial,Helvetica,Sans-Serif,Verdana; font-style:normal; font-weight:normal; text-decoration:none; text-align:center; color:#333;
  background-color:#FFF;
  margin:0px; padding:0px; } /* margin:0px und padding:0px ist wichtig für Opera, damit Layout-Tabelle am linken Rand ausgerichte wird */

html,body,div
p,th,td,
h1,h2,
span,a { font-size:12px; }

/****************
 * TEXT-Formate *
 *************/
p        {  margin:10px 0px 10px 0px; line-height:150%; }

.big     { font-size:15px; }
.small   { font-size:11px; }
.fat     { font-weight:bold; }
.grey    { color:#999999; }
.bullet  { font-family:Verdana; font-size:11px; font-weight:bold; color:#333333; }
acronym  { border-bottom:1px dashed #CC9900; cursor:help; }

ul { padding:0px 0px 0px 20px; margin:10px 0px 0px 0px; line-height:150%; list-style-type:square; }
li { margin-bottom:3px; }

/*************
 * MELDUNGEN *
 *************/

/* FEHLER-Meldung */
.errormsg {
  font-weight:normal;
  color:#CC0033;
  text-align:left;
  margin:15px 0px 10px 5px;
  width:95%;
  border:1px solid #CC0033;
  background-color:#FFEBEB;
  padding:5px;
  -moz-border-radius:5px; }

/* BESTÄTIGUNG */
.rcpt {
  font-weight:bold;
  color:#505050;
  margin-top:15px; margin-bottom:10px;
  width:95%;
  border:2px solid #CC9933;
  background-color:#FFFFFF;
  padding:5px; }

/***************************
 * TABELLEN & DIV-Bereiche *
 ***************************/
table { border-collapse:collapse; }

#head      { position:relative; margin:auto; top:10px; padding:0px; width:820px; height:130px; border:0px solid #CC9900; text-align:left; background-image:url(../images/6er-tipp6.gif); background-repeat:no-repeat; z-index:5; }
#link      { position:absolute; top:5px; left:5px; margin:0px; padding:0px; width:400px; height:115px; border:0px solid #CC9900;  }

#main      { position:relative; margin:auto; top:-20px; padding:0px 0px 30px 0px; width:760px; border:0px solid #CCCCCC; text-align:left; }
#content   { position:relative; top:0px; left:0px; width:618px;
             margin:0px; padding:20px 0px 0px 0px; text-align:left;
             border:1px solid #CC9933; background-image:url(../images/lottokugeln_1.jpg); background-repeat:no-repeat; background-color:#FFFFF5; -moz-border-radius:20px; z-index:2; }
#kugeln    { position:absolute; top:80px; right:0px;
             width:370px; height:330px;
             margin:0px; padding:0px;
             border:0px solid #CC0000; background-image:url(../images/lottokugeln_2.jpg); background-repeat:no-repeat; opacity:0.20; filter:alpha(opacity=20); z-index:1; }
#foot      { position:absolute; bottom:0px; left:0px; padding:0px 0px 0px 0px; border:0px solid #CC9900; font-size:10px; color:#999999; text-align:left; }

#navitop    { position:absolute; top:0px; right:180px; margin:0px; padding:0px; border:0px solid #CC9900; }
#navimain   { margin:0px 0px 40px 75px; }
#navibottom { position:relative; bottom:10px; right:0px; margin:70px 0px 10px 0px; width:100%; padding:0px; border:0px dotted #CC9900; text-align:right; }

#ad_cont  { margin:20px 0px 60px 0px; padding:0px; border:0px solid #999999; text-align:center; }
#ad_right { position:absolute; top:0px; right:0px; margin:0px; padding:0px; border:0px solid #CC9999; z-index:3; text-align:center; }

.highlight { margin:10px 0px 30px 0px; padding:5px; border:1px dotted #E6E6CC; background-color:#FAFAE6; -moz-border-radius:5px; }
.zahl { border:0px solid #CC0000;
        width:32px;
        background-image:url(../images/bg_kugel.gif); background-repeat:no-repeat;
        font-weight:bold; font-style:normal; text-decoration:none;
        font-size:16px; color:#000000; text-align:center;
        margin-left:15px; margin-right:15px; padding-top:6px; padding-bottom:9px; }

/*****************
 * ÜBERSCHRIFTEN *
 *****************/
h2,h3 { font-family:Trebuchet MS,Verdana,Arial,Sans-Serif; font-weight:normal; letter-spacing:0px; }

h2 {
  font-size:18px;
  color:#000000;  
  padding-bottom:5px;
  border-bottom:1px dotted #666;
  margin:30px 0px 10px 0px; }
h3 {
  font-size:12px;
  font-weight:bold;
  color:#28333C;
  margin:30px 20px 0px 20px;
  padding-bottom:5px;
  border-bottom:1px dotted #DCDCE1; }


/*********
 * LINKS *
 *********/
a:active, a:focus { outline:none; }		/* Link-Rahmen in FireFox unterdrücken */

/* Navigation */
a.navitoplink:link    { font-size:10px; font-weight:normal; color:#000000; letter-spacing:0px; text-decoration:none; }
a.navitoplink:visited { font-size:10px; font-weight:normal; color:#000000; letter-spacing:0px; text-decoration:none; }
a.navitoplink:hover   { font-size:10px; font-weight:normal; color:#999999; letter-spacing:0px; text-decoration:none; }
a.navitoplink:active  { font-size:10px; font-weight:normal; color:#000000; letter-spacing:0px; }

/* Navigation */
a.navimainlink:link    { font-size:12px; font-weight:normal; color:#C93; letter-spacing:1px; text-decoration:none; }
a.navimainlink:visited { font-size:12px; font-weight:normal; color:#C93; letter-spacing:1px; text-decoration:none; }
a.navimainlink:hover   { font-size:12px; font-weight:normald; color:#960; letter-spacing:1px; text-decoration:none; }
a.navimainlink:active  { font-size:12px; font-weight:normal; color:#C93; letter-spacing:1px; text-decoration:none; }

.no_navimainlink       { font-size:12px; font-weight:normal; color:#960; padding-bottom:1px; letter-spacing:1px; border-bottom:1px solid #960; }

a.navibottomlink:link    { font-size:10px; font-weight:normal; color:#999999; letter-spacing:0px; padding:0px; text-decoration:none; }
a.navibottomlink:visited { font-size:10px; font-weight:normal; color:#999999; letter-spacing:0px; padding:0px; text-decoration:none; }
a.navibottomlink:hover   { font-size:10px; font-weight:normal; color:#333333; letter-spacing:0px; padding:0px; text-decoration:none; }
a.navibottomlink:active  { font-size:10px; font-weight:normal; color:#333333; letter-spacing:0px; padding:0px; }

/* Standard-Text-Links (rot) */
a.textlink:link    { font-size:12px; font-weight:normal; color:#996600; text-decoration:none; }
a.textlink:visited { font-size:12px; font-weight:normal; color:#666666; text-decoration:none; }
a.textlink:hover   { font-size:12px; font-weight:normal; color:#CC9933; text-decoration:underline; }
a.textlink:active  { font-size:12px; font-weight:normal; color:#CC9933; text-decoration:none; }

/*********************************
 * FORMULAR-ELEMENTE (Gästebuch) *
 *********************************/
input,select,textarea {
  font-family:Arial,Verdana,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-size:12px; color:#505050;
  border:1px solid #EBEBCC; /* #DCD299 */
  padding:1px; }

input,select {
  height:20px; }

.checkbox {
  background-color:#FAFADC;
  border:0px solid #EBEBCC; }

.button {
  font-size:11px; font-weight:bold; letter-spacing:1px; color:#663300;
  width:190px; height:30px;
  background-color:#CC9933; background-image:url(../images/button_gold.gif); background-repeat:repeat-x;
  padding-top:0px; padding-bottom:0px;
  border-top:1px solid #FFDC33; border-left:1px solid #FFDC33;
  border-bottom:1px solid #996600; border-right:1px solid #996600; }

.button:hover {
/*font-size:10px;
  font-weight:bold;
  letter-spacing:1px; */
  color:#333333;
  background-color:#CC9933; background-image:url(../images/button_gold_hover.gif); background-repeat:repeat-x;
  border-top:1px solid #996600; border-left:1px solid #996600;
  border-bottom:1px solid #FFDC33; border-right:1px solid #FFDC33; }