/* Grundelemente Seitenaufbau */
#site { width: 100%; }
#main { width: 540px; background-color: #FFF7EB; padding-top: 20px; padding-bottom: 20px; }
#navi { width: 500px; padding-top: 4px; padding-bottom: 5px; text-align: left; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; border-color: #222; }
#subnavi { width: 500px; padding-top: 3px; padding-bottom: 5px; margin-top: 16px; text-align: left; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; border-color: #222; }
#content { width: 500px; margin-top: 20px; text-align: left; }
#footer { width: 500px; margin-top: 20px; padding: 2px; text-align: right; border-top-style: solid; border-top-width: 1px; border-color: #222; }

/* Elemente */
body { margin-top: 30px; margin-left: 0px; background-color: #747F83; color: #0F0D81; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
/*
body { margin-top: 30px; margin-left: 0px; background-color: #AD1C1C; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
body { margin-top: 30px; margin-left: 0px; background-color: #726565; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
body { margin-top: 30px; margin-left: 0px; background-color: #637A85; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
body { margin-top: 30px; margin-left: 0px; background-color: #8A7979; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
body { margin-top: 30px; margin-left: 0px; background-color: #768C94; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
body { margin-top: 30px; margin-left: 0px; background-color: #717678; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
body { margin-top: 30px; margin-left: 0px; background-color: #4C5559; color: #000; font-size: 12px; font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
*/

h3 { color: #222; font-size: 12px; }
h1 { color: #222; font-size: 16px; }
input { border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; border-bottom-style: groove; background-color: #eee; }
table { padding: 0px; border: 0px; margin: 0px; border-collapse: collapse; font-size: 12px; }
table.testfrage { width: 100%; margin-bottom: 5px; border: 1px solid #AD1C1C; }
table.testfrage_beantwortet { padding: 3px; color: #CCC; background-color: #F8F8F8; width: 100%; margin-bottom: 5px; border: 1px solid #333; }
td.test1 { width: 17px; padding: 0px 0px 0px 12px; margin: 0px; font-weight: bold; }
td.test2 { width: 310px; padding: 2px 15px 2px 5px; margin: 0px; font-weight: bold; }
td.test3 { padding: 1px 0px 2px 2px; margin: 0px; }
li { list-style-type: square; padding-bottom: 5px; }
li.spielregel { font-size: 12px; }
p.text { text-indent: 1em; }
p.wertung { margin: 10px 20px 20px 20px; font-family: Arial, Tahoma, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; font-weight: bold; }
p.rabatt { border: 1px solid #999; text-align: center; padding: 10px; }
div.aufzaehlung { text-indent: -30px; margin-left: 30px; padding-bottom: 10px; }
div.admin { background-color: #FFF; }
div.copyright { width: 540px; text-align: right; margin-top: 5px; color: #FFF7EB; font-size: 11px; font-family: Arial, Tahoma, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
a, .link_projekte {font-size: 11px; font-weight: bold; font-family: Verdana, Tahoma, Arial, Helvetica, SunSans-Regular, Geneva, Swiss; text-decoration: none; }
select.kontakt, input.kontakt, textarea.kontakt { padding-left: 3px; margin-bottom: 9px; font-size: 13px; border: 1px solid #AD1C1C; margin-top: 5px; background-color: #FEFEFE; }
select.kontakt, input.kontakt { height: 20px; width: 240px; }
textarea.kontakt { width: 500px; height: 120px; }
.kontakt:hover { background-color: #EEEEEE; }
.kontakt:focus { background-color: #FEFEFE; border-color: #000; }
.no-outline:focus { outline: none; }
::-webkit-input-placeholder { color: #CCCCCC; }
:-moz-placeholder { color: #CCCCCC; }
::-moz-placeholder { color: #CCCCCC; }
:-ms-input-placeholder { color: #CCCCCC; }
.formulartaste_loeschen, .formulartaste_senden { margin: 25px 0px 10px 0px; font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Tahoma, Helvetica, SunSans-Regular, Geneva, Swiss; text-decoration: none; width: 140px; height: 25px; background-color: #FFF7EB; }
input.formulartaste_loeschen { color: #222; border: 2px solid #222; }
input.formulartaste_loeschen:hover { background-color: #222; color: #FFF7EB; }
input.formulartaste_senden { color: #AD1C1C; border: 2px solid #AD1C1C; }
input.formulartaste_senden:hover { color: #FFF7EB; background-color: #AD1C1C; }
input.yahtzee { text-align: center; width: 86px; height: 18px; font-size: 11px; }
input.yahtzee2 { text-align: center; width: 86px; height: 18px; color: #AD1C1C; font-size: 11px; }
input.yahtzee_kopfanzeige { font-size: 12px; font-weight: bold; width: 356px; border: 0px; text-align: center; background-color: #FFF7EB; }
input.spieleranzeige { text-align: center; background-color: #FFF7EB; border: 0px; width: 90px; height: 20px; }
input.fuenfeins_spieleranzeige { text-align: center; background-color: #AD1C1C; font-weight: bold; color: #FFF; font-family: Verdana, arial, Geneva, Tahoma, Helvetica, Swiss; font-size: 11px; border: 0px; width: 85px; height: 18px; }
input.fuenfeins_spielerpunkte { text-align: center; color: #AD1C1C; font-size: 12px; font-weight: bold; background-color: #FFF7EB; border: 0px; width: 85px; height: 17px; }
input.siebzehn_kopfanzeige { width: 120px; border: 0px; background-color: #8C8C8C; font-size: 12px; color: #FFF; font-weight: bold; }
input.siebzehn_textanzeige { width: 500px; height: 16px; border: 0px; background-color: #FFF7EB; font-size: 12px; text-align: center; }
iframe { width: 500px; margin: 0px; padding: 0px; border:1px solid #AD1C1C; margin-bottom: 25px; }

/* Klassen */
.ibody { border: 0px; margin: 0px; padding: 0px; }
.siebzehn_spieltisch { border: 1px; border-style: solid; border-color: #353535; background-color: #808000; }
.spieltisch { padding: 5px 0px 4px 7px; }
.siebzehn_anzeige { background-color: #8C8C8C; padding: 15px; color: #FFF; font-weight: bold; }
.karte { margin-right: 5px; }
.klein { font-size: 11px; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica, SunSans-Regular, Geneva, Swiss; }
.kommentar { padding-left:10px; font-size: 10px; font-family: Verdana, Tahoma, Arial, Helvetica, SunSans-Regular, Geneva, Swiss; }
.undo_taste { width: 310px; padding: 5px 25px 5px 25px; background-color: #8C8C8C; text-align: center; }
.ramen_textanzeige { border: 1px solid #353535; padding: 0px; }
.rot_mit_ramen { height: 22px; border: 1px solid #000; background-color: #AD1C1C; }
.hintergrund_dunkelgrau, .hintergrund_rot { padding: 15px; color: #FFF; font-weight: bold; display: block; text-align: center; }
.hintergrund_rot { background-color: #AD1C1C; }
.hintergrund_dunkelgrau { background-color: #8C8C8C; }
.projektbild { width: 120px; border: 1px solid #555; }
.link_projekte { color: #BBB; letter-spacing: .01em; padding-bottom: 2px; border-bottom: 1px solid #BBB; border-top: 1px solid #BBB; }
.projektbeschriebe { background-color: #EEE; display: none; padding: 15px; width: 330px; text-align: left; }
.framebody { width: 500px; height: 120px; border: 1px solid #AD1C1C; }
.galerien { height: 120px; width: 500px; border:1px solid #AD1C1C; }
.titel { color: #222; font-weight: bold; }
.titelgross { color: #222; font-weight: bold; font-size: 14px;}
.titelrot { color: #AD1C1C ; font-weight: bold; font-size: 14px; }
.intro { color: #222; font-weight: bold; font-size: 14px; }
.navi { color: #AD1C1C; letter-spacing: .2em; font-weight: bold; }
.linkkommentar { padding-bottom: 20px; padding-top: 10px; }
.shanghai_uebersicht { position: absolute; z-index: 100; left: 0px; right: 0px; width: 260px; height: 600px; visibility: hidden; }

.unten5	{ padding-bottom: 5px; }
.unten10 { padding-bottom: 10px; }
.unten25 { padding-bottom: 25px; }
.unten35 { padding-bottom: 35px; }
.top10 { padding-top: 10px; }
.top20 { padding-top: 20px; }
.top25 { padding-top: 25px; }
.top35 { padding-top: 35px; }
.rechts10 { margin-right: 10px; }
.marginunten15 { margin-bottom: 15px; }

#links { padding-bottom: 10px; }
#kontakt2 { line-height: 20px; padding-top: 15px; }
#reportage { height: 100px; width: 100px; border: 0px; }
#background { display: block; background-color: #EEEEEE; margin: 20px 0px 20px 0px; padding: 8px; }
#spielregeln { background-color: #EEE; display: none; padding: 10px; }

/* links */
a:link  { color: #222; border: 0px; }
a:visited { color: #222; border: 0px; }
a:hover { background: #8C8C8C; color: #FFF; border: 0px; }
a:active { color: #FFF; border: 0px; }
a.seitennavi:link  { letter-spacing: .01em; padding-bottom: 2px; border-bottom: 1px solid #222; border-top: 1px solid #222; }
a.seitennavi:visited { letter-spacing: .01em; padding-bottom: 2px; border-bottom: 1px solid #222; border-top: 1px solid #222; }
a.seitennavi:hover { letter-spacing: .01em; padding-bottom: 2px; border: 0px; background: #AD1C1C; }
a.seitennavi:active { letter-spacing: .01em; padding-bottom: 2px; border-bottom: 1px solid #222; border-top: 1px solid #222; }
a.navigation:link  { letter-spacing: .2em; font-size: 12px;  }
a.navigation2:link  { letter-spacing: .1em; font-size: 11px;  }
a.navigation:visited { letter-spacing: .2em; font-size: 12px;  }
a.navigation:hover { background: #AD1C1C; letter-spacing: .2em; font-size: 12px;  }
a.navigation:active { letter-spacing: .2em; font-size: 12px;  }
a.funktionsbalken:link { color: #FFF; letter-spacing: .01em; }
a.funktionsbalken:visited { color: #FFF; letter-spacing: .01em; }
a.funktionsbalken:hover { color: #000; background: #AD1C1C; letter-spacing: .01em; }
a.funktionsbalken:active { color: #FFF; letter-spacing: .01em; }
a.ohne:link { border: 0px; background-color: #FFF7EB; }
a.ohne:visited { border: 0px; background-color: #FFF7EB; }
a.ohne:hover { border: 0px; background-color: #FFF7EB; }
a.ohne:active { border: 0px; background-color: #FFF7EB; }
a.projektbeschrieb { font-size: 10px; font-weight: 300; color: #222; letter-spacing: 0.1em; text-align: center; }