/* CSS für www.american-spirit.de */

/* Wichtige Farben */
.c0 { background-color:#E1DDD5 } /* grauer Streifen*/
.c1 { background-color:#D7D0C1; height:233px; vertical-align:top;} /* grauer Content links */
.c2 { background-color:#98825B; height:115px; font-size:10px } /* Olive, die Höhe der Newsbox*/
.c3 { background: url(/images/news_background.png); font-family:Times; height:29px; font-size:20px; color:#FFFFFF;  } /* Überschrift der Newsbox*/
 
/* ENDE Farben */

/* Allgemeine Body und Html Formatierung */
html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html, body {
   font-size: 101%;
}
/* ENDE Allgemeine Body und Html Formatierung */

.body_bg { background: #01BFDF url(/images/kreis.gif);
           background-repeat: no-repeat; }
.navi_bg { background: #000000 url(/images/nav_bg.jpg); }

/* Allgemein gültige Formatierungen */

a:link { color: #000000; text-decoration: underline;}
a:visited { color: #000000; text-decoration: underline;}
a:hover { color: #000000; text-decoration: underline;}
a:active { color: #000000; text-decoration: underline;}

.strong { font-weight: bold;}
.c { clear: both;}
.center { text-align: center;}

.personen { 
    border:10px; 
    border-color:#98825B;
}

.klein { font-size: 0.7em;}
.right { text-align: right;}

.abstand_links {padding:5px 10px 5px 0px;}
.abstand_rechts{padding:5px 0px 5px 10px;}

.top { vertical-align: top;}
.middle { vertical-align: middle;}
/* ENDE Allgemein gültige Formatierungen */

/* Navi */
#streifen_rechts { background-color: #000000; height:15px}

#navi_i {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#FBB228;
  text-decoration:none;
        vertical-align:text-bottom;
}
#navi_i:hover{
  text-decoration:none;
        color:#ffffff;
}
#navi_a {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#ffffff;
        vertical-align:text-bottom;
  text-decoration:none;
}
#sub_navi_a {font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#15242D;
  text-decoration:none;
}
#sub_navi_i:hover{
  text-decoration:underline;
}
#sub_navi_i {font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#15242D;
  text-decoration:underline;
}

.rechts_sub_navi_a:link    { color: #D0C4B0; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_a:visited { color: #D0C4B0; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_a:hover   { color: #FFFFFF; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_a:active  { color: #D0C4B0; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_i:link    { color: #000000; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }

.rechts_sub_navi_a_2:link    { color: #606060; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_a_2:visited { color: #606060; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_a_2:hover   { color: #000000; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_a_2:active  { color: #606060; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }
.rechts_sub_navi_i_2:link    { color: #FFFFFF; text-decoration: none; font-family:Arial,Helvetica,sans-serif; font-size:9px; }

#navcontainerRechts td
{
  vertical-align:bottom;
  text-align: center;
}

#navcontainerRechts a
{
  color: #D0C4B0;
  text-decoration: underline;
  font-family:Arial,Helvetica,sans-serif; 
  font-size:9px; 
  line-height: 1.3em;
}

#navcontainerRechts a:hover {
 text-decoration: none;
}

#navcontainerRechts a:active {
 text-decoration: none;
 color: #98825B;
}

.navcontainerRechts_a {
 text-decoration: none;
 color: #FF0000;
}

/*---------Teaser Style----------*/
#navcontainerTeaser td{
  vertical-align:bottom;
  text-align: left;
}
#navcontainerTeaser a{
  color: #352100;
  text-decoration: underline;
  font-family:Arial,Helvetica,sans-serif; 
  font-size:11px; 
  line-height: 1.3em;
}
#navcontainerTeaser a:hover {
 text-decoration: none;
}
#navcontainerTeaser a:active {
 text-decoration: none;
 color: #352100;
}
.navcontainerTeaser_a {
 text-decoration: none;
 color: #352100;
}


a.navi_mehr {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000;
  text-decoration:none;
}

/* ENDE Navi */

.hd_main_text {
  font-family : Times, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 22px;
  color:#352100;
  font-weight : bold;
        vertical-align: top;
}
.hd_main_text  a{
  font-family : Times, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 22px;
  color:#352100;
  font-weight : bold;
        vertical-align: top;
}

.hd_news {
  font-family : Times, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 18px;
  color:#352100;
  font-weight : bold;
        vertical-align: top;
}

.hd_main_text_zip {
  font-family : Times, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 22px;
  color:#352100;
  font-weight : bold;
        line-height : 0.85em
}

.hd_login {
  font-family : Times, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 22px;
  color:#FFFFFF;
  font-weight : bold;
        line-height : 0.85em
}

.main_text {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#352100;
  vertical-align: top;
}

.main_text_12 {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#352100;
        vertical-align: top;
}

.main_text_rechts
{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10px;
  color:#352100;
        vertical-align: top;
}

.main_text_strong
{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color:#352100;
        font-weight : bold;
        text-decoration : none;
        vertical-align: top;
}

.selbox {
    color:#FBB228;
        background-color:#A80532;
        border:1px;
}

.punkte {
        background: url(/images/punkte.gif);
        background-repeat:repeat-x;
}

a.personen_a {
        text-decoration : none;
        font-weight : bold;
        text-decoration : none;
        line-height : 1.2em
}
a.personen_i {
        text-decoration : underline;
        line-height : 1.2em
}

input.kontakt{
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        width:250px; 
        font-size:10px;
}
input.kontaktA{
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        width:200px; 
        font-size:10px;
}
input.kontaktB{
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        width:50px; 
        font-size:10px;
}
select.kontakt{
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        width:250px; 
        font-size:10px;
}
select.date{
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        
        font-size:10px;
}
textarea.kontakt{
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        width:250px; 
        font-size:12px;
}