/*   CSS - Trillhase entertainment  */

html, body {
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
}

body {
    position: relative;
    background-color: #F9D994;
    color: #333;
    font-family: Verdana,Arial,sans-serif;
}
* html body {
    width: 930px;
}

#seiteZentriert, #seiteKinderparty {
    width: 930px;
    min-height: 400px;
    position: absolute;
    left: 50%;
    margin: 20px 0px 30px -470px;
    border: 1px solid #AD6F00;
    padding: 0px;
    -moz-box-shadow: 10px 10px 10px #A55E00;
    -webkit-box-shadow: 10px 10px 10px #A55E00;
    -khtml-box-shadow: 10px 10px 10px #A55E00;
    box-shadow: 10px 10px 10px #A55E00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
* html #seiteZentriert, * html #seiteKinderparty {
    height: 400px;
}

#seiteKinderparty {
    background-color: #EAFFD6;
}

#seiteZentriert {
    background-color: #FFFFE1;
}


/* Bereich Kopf + topMenue */

#kopf {
   width: 930px;
   height: 250px;
   background-image: url(kopfgrafik.jpg);
   background-repeat: no-repeat;
   background-position: -20px 70px;
   margin: 0px;
   padding: 0px;
}
#kopfLinks {
   float: left;
   width: 720px;
   height: 100px;
   margin: 0px;
   padding: 0px;
}
#kopfLogo {
   width: 460px;
   height: 110px;
   margin: 24px 0px 0px  260px;
   padding: 0px;
   color: #FFF;
   font-size: 1.9em;
   letter-spacing: 2px;
   font-family: Arial;
   font-weight: bold;
}
#kopfRechts {
   float: left;
   width: 210px;
   height: 240px;
   padding: 10px 0px 0px 0px;
   margin: 0px;
}

#topMenu {
    width: 480px;
    min-height: 14px;
    margin:  70px 0px 2px 242px;
    padding: 0px;
    font-size: 9pt;
}
* html #topMenu {
    height: 14px;
}
#topMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#topMenu ul li {
    min-height: 14px;
    float: right;
    text-align: center;
}
* html #topMenu ul li {
    height: 14px;
}
#topMenu ul li a {
    display: block;
    min-height: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
    border-right: 1px solid #FFF;
}
* html #topMenu ul li a {
    height: 10px;
}
#topMenu ul li a:visited,
#topMenu ul li a:focus {
    color: #FFF;
    display: block;
}
#topMenu ul li a:hover {
    display: block;
    font-weight: bold;
}
#topMenu ul li a:active {
    color: #FFF;
    display: block;
}
#topMenu ul li a.aktiv {
    color: #FFF;
    font-weight: bold;
}

#pfad {
    margin: 14px 0px 0px 10px;
    padding: 0px;
    font-size: 0.75em;
    font-family: Arial, Helvetica, Verdana;
}
#pfad a {
    font-weight: normal;
}

/* Inhalt - Hauptteil */
#inhalt {
    float: left;
    margin: 20px 25px 30px 27px;
    padding: 0px;
    width: 430px;
    min-height: 300px;
    text-align: left;
    font-size: 85%;
}
* html #inhalt {
    height: 300px;
}

#praedikat, #praedikat1 {
    min-height: 76px;
    font-size: 0.8em;
    font-weight: bold;
    width: 420px;
    padding: 0px;
}
* html #praedikat, #praedikat1 {
    height: 76px;
}
#praedikat {
    margin: 40px 0px 0px 0px;
}
#praedikat1 {
    margin: 30px 0px 20px 0px;
}

#praedikat p.links, #praedikat1 p.links {
    float: left;
    min-height: 66px;
    width: 160px;
    margin: 0px;
    padding: 5px 0px 5px 10px;
}
#praedikat p.rechts, #praedikat1 p.rechts {
    float: left;
    min-height: 41px;
    width: 230px;
    margin: 0px;
    padding: 20px 10px 10px 10px;
    color: #4C90CC;
}
#praedikat p.links1 {
    float: left;
    min-height: 66px;
    width: 160px;
    margin: 0px;
    padding: 10px 0px 0px 10px;
}
#praedikat p.rechts1 {
    float: left;
    min-height: 61px;
    width: 230px;
    margin: 0px;
    padding: 15px 10px 20px 10px;
    color: #4C90CC;
}

/* linke und rechte Spalte + Navigation */

#columnLinks {
    float: left;
    margin: 20px 0px 30px 0px;
    padding: 0px;
    width: 238px;
    min-height: 300px;
    text-align: left;
}
* html #columnLinks {
    height: 300px;
}

#columnRechts {
    float: left;
    margin: 10px 40px 30px 0px;
    width: 170px;
    padding: 0px;
    min-height: 300px;
    text-align: left;
    font-size: 0.7em;
}
* html #columnRechts {
    height: 300px;
}

#columnRechts div {
    margin: 10px 0px;
}

#columnRechts p {
    margin: 10px 0px;
    -moz-box-shadow: 5px 5px 5px #999;
    -webkit-box-shadow: 5px 5px 5px #999;
    box-shadow: 5px 5px 5px #999;
}

#navigation {
    margin: 0px;
    padding: 0px;
    width: 230px;
    font-size: 0.85em;
    background-color: #EEE;
}
#navigation ul li {
    width: 230px;
    min-height: 16px;
    text-align: left;
    border-top: 2px solid #FFF;
}
* html #navigation ul li {
    height: 16px;
}
#navigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#navigation ul li a {
    display: block;
    min-height: 8px;
    width: 210px;
    padding: 5px 10px;
    color: #4C90CC;
    background-color: #EEE;
    text-decoration: none;
    font-weight: normal;
}
* html #navigation ul li a {
    height: 8px;
}
#navigation ul li a:visited,
#navigation ul li a:focus {
    display: block;
    color: #4C90CC;
}
#navigation ul li a:hover {
    color: #4C90CC;
    background-color: #FFF;
    font-weight: normal;
}
#navigation li a:active {
    display: block;
    color: #4C90CC;
}
#navigation ul li.aktiv {
    display: block;
    width: 210px;
    min-height: 10px;
    padding: 5px 10px;
    color: #FF6600;
    background-color: #FFF;
    font-weight: normal;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}
* html #navigation ul li.aktiv {
    height: 10px;
}

/* Fuss links und rechts */

#fuss {
    width: 930px;
    margin: 0px;
    padding: 0px;
    min-height: 20px;
    font-size: 8pt;
    border-top: 2px solid #999;
    color: #666;
}
* html #fuss {
    height: 20px;
}

#fussLinks {
    float: left;
    width: 470px;
    min-height: 10px;
    margin: 0px;
    padding: 5px 15px 10px 15px;
    text-align: left;
}
* html #fussLinks {
    height: 10px;
}
#fussRechts {
    float: left;
    padding: 5px 15px 10px 15px;
    margin: 0px;
    min-height: 10px;
    width: 400px;
    text-align: right;
}
* html #fussRechts {
    height: 10px;
}

/* Galerie  */

#bild1, #bild2, #bild3, #bild4, #bild5, #bild6, #bild7, #bild8 {
    width: 420px;
    height: 280px;
    margin-top: 20px;
    padding: 0px;
    -moz-box-shadow: 10px 10px 5px #999;
    -webkit-box-shadow: 10px 10px 5px #999;
    box-shadow: 10px 10px 5px #999;
    font-size: 0.7em;
    color: #666;
}
#bild2, #bild3, #bild4, #bild5, #bild6, #bild7, #bild8 {
    display: none;
}
#bild1 {
    display: block;
}

#bild2v, #bild3v, #bild4v, #bild5v, #bild6v, #bild7v, #bild8v {
    display: none;
    width: 315px;
    height: 420px;
    margin-top: 20px;
    margin-left: 50px;
    padding: 0px;
    -moz-box-shadow: 10px 10px 5px #999;
    -webkit-box-shadow: 10px 10px 5px #999;
    box-shadow: 10px 10px 5px #999;
    font-size: 0.7em;
    color: #666;
}

/* HTML-Elemente und Definition von Klassen */

h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 150%;
    color: #FF6600;
    font-weight: normal;
}
h4 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 130%;
    color: #FF6600;
    font-weight: normal;
}
h5 {
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 2px 5px;
    font-size: 110%;
    color: #FFF;
    background-color: #FF9900;
    font-weight: bold;
}

a {
    color: #4C90CC;
    text-decoration:none;
    font-weight: bold;
}
a:visited,
a:focus {
    color: #4C90CC;
}
a:hover {
    color: #FF6600;
    text-decoration:none;
    font-weight: bold;
}
a:active {
    color: #4C90CC;
}

a.back {
    color: #4C90CC;
    text-decoration: none;
    font-weight: normal;
    font-family: Arial;
}
a.back:visited,
a.back:focus {
    color: #4C90CC;
    font-weight: normal;
    font-family: Arial;
}
a.back:hover {
    color: #FF6600;
    text-decoration:none;
    font-weight: normal;
    font-family: Arial;
}
a.back:active {
    color: #4C90CC;
    font-weight: normal;
    font-family: Arial;
}

.stopFloat {
  display: block;
  float: none;
  clear: both;
  font-size: 0px;
  line-height: 0px;
}

.box {
    width: 210px;
    margin: 0px;
    padding: 10px;
    background-color: #EEE;
    border-top: 3px solid #FFF;
    color: #333;
    font-size: 0.8em;
    font-weight: normal;
}

.boxTitel {
    width: 210px;
    margin: 30px 0px 0px 0px;
    padding: 5px 10px;
    background-color: #4C90CC;
    font-size: 0.9em;
    font-weight: bold;
    color: #FFF;
}

.kopfbild {
    border: 2px solid #FFFFFF;
}

.w5em {
   width: 5em;
}
.w6em {
   width: 6em;
}
.w7em {
   width: 7em;
}
.w8em {
   width: 8em;
}
.w85em {
   width: 8.5em;
}
.w14em {
   width: 14em;
}

.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
    font-family: Arial;
    font-weight: normal;
}

.marginT0B0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.marginT0B10 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.marginT0B20 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.schatten {
    -moz-box-shadow: 5px 5px 5px #999;
    -webkit-box-shadow: 5px 5px 5px #999;
    box-shadow: 5px 5px 5px #999;
}

.bild {
    border: 2px solid #FFF;
}