@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #cbc7a4; }
body { background-image: url(../images/body_bg.gif); background-color: #cdd2ce; }
body#popup{ background-image: none; }

h1.branding { height: 140px; width: 293px;  background-repeat: no-repeat; text-indent: -9999px; }
h1#indexheader { background-image: url(../images/indexheader_bg.jpg); }
h1#huetchenspielheader { background-image: url(../images/huetchenspielheader_bg.jpg); }
h1#huetchenspielerheader { background-image: url(../images/huetchenspielerheader_bg.jpg); }
h1#einsatzheader { background-image: url(../images/einsatzheader_bg.jpg); }
h1#kontaktheader { background-image: url(../images/kontaktheader_bg.jpg); }
h1#infothekheader { background-image: url(../images/infothekheader_bg.jpg); }

h2{ line-height: 16px; padding-top: 13px; }
h2 span{ font-weight: normal }
p{ line-height: 16px; padding-top: 13px; }
p.clear { padding: 0px; clear: both; line-height: 1px; font-size: 1px; height: 1px;	margin:0px; }

a.big{ font-weight: strong; font-size: 14px; }

div#container{ position: relative; width: 980px; height: 590px; background-image: url(../images/container_bg.jpg); background-repeat: no-repeat; }
div#branding { position: absolute; left: 88px; top: 72px; z-index: 10; }

div#mainnavigation{ position: absolute; top: 460px; left: 88px; }
div#mainnavigation ul { list-style-type: none; }
div#mainnavigation ul li { float:left; height: 35px; }
div#mainnavigation ul li.huetchenspiel{ width: 142px; }
div#mainnavigation ul li.huetchenspieler{ width: 117px; }
div#mainnavigation ul li.einsatz{ width: 124px; }
div#mainnavigation ul li.kontakt{ width: 181px; }
div#mainnavigation ul li a { background-image: none; background-position: top; height: 35px; display: block; }
div#mainnavigation ul li a.huetchenspiel { width: 142px; background-image: url(../images/nav_01.gif); }
div#mainnavigation ul li a.huetchenspieler { width: 117px; background-image: url(../images/nav_02.gif); }
div#mainnavigation ul li a.einsatz { width: 124px; background-image: url(../images/nav_03.gif); }
div#mainnavigation ul li a.kontakt { width: 181px; background-image: url(../images/nav_04.gif); }
div#mainnavigation ul li a.active { background-position: bottom; }
div#mainnavigation ul li a:hover { background-position: bottom; }
div#mainnavigation ul li a span{ display: none; }

div.subcontent{ position: absolute; background-repeat: no-repeat; left: 140px; top: 72px; background-position: right; width: 512px; height: 388px; z-index: 9; }
div#hand{ background-image: url(../images/hand.jpg); }
div#spiel{ background-image: url(../images/spiel.jpg); }
div#spieler{ background-image: url(../images/spieler.jpg); }
div#einsatz{ background-image: url(../images/einsatz.jpg); }
div#kontakt{ background-image: url(../images/kontakt.jpg); }

div#maincontent { position: absolute; z-index: 11;  }
div.maincontent { left: 98px; top: 191px; width: 311px; height: 246px; overflow:hidden; }
div.special { left: 111px; top: 210px; width: 240px; }

#ScrollFrame ul { padding-left: 25px; text-align: left; line-height: 16px; padding-top: 13px; text-align: justify; list-style-type: disc; }
#ScrollFrame ul li { text-align: left; }

div.wuerfel { position: absolute; background-repeat: no-repeat; background-position: top; width: 70px; height: 70px; }
div#wuerfel1{ left: 877px; top: 288px; background-image: url(../images/wuerfel_1.gif); }
div#wuerfel2{ left: 855px; top: 360px; background-image: url(../images/wuerfel_2.gif); }
div#wuerfel3{ left: 760px; top: 421px; background-image: url(../images/wuerfel_3.gif); }
div#wuerfel4{ left: 838px; top: 502px; background-image: url(../images/wuerfel_4.gif); }
div.active{ background-position: bottom; }

#ScrollFrame {	position: relative;	left: 0px; top: 0px; }
#ScrollButtons { width: 11px; height: 93px; position: absolute; left: 418px; top: 316px; z-index: 12; }
#ScrollButtons span { width: 11px; height: 38px; cursor: pointer; #cursor: hand; display: block; }

#ScrollButtons span#Up { background: transparent url(../images/up.gif) 0px 0px no-repeat; }
#ScrollButtons span#Down {	margin-top: 17px; background: transparent url(../images/down.gif) 0px 0px no-repeat; }

div#popupcontainer h1{ margin: 10px; line-height: 16px; color: #000; padding:0px; }
div#popupcontainer p{ margin: 10px; line-height: 16px; color: #000; padding: 0px; }
div#popupcontainer p strong{ margin: 0px; line-height: 16px; color: #000; padding: 0px; }

div#infothek { position: absolute; left: 613px; top: 495px; z-index:13; }
div#infothek a { color: #a8a588; }

/* Alphabet Tabelle */
#alphabet{ margin: 0px; }
#alphabet p{ float: left; text-align: center; padding-right: 3px; }
#alphabet p a.active{ text-decoration: underline; font-weight: bold; }
/* Glossar Overview */
#infoOverview h3{ line-height: 16px; padding-top: 13px; }
#infoOverview p.pager{ margin-top: 15px; clear: both; display: block; }
#infoOverview p.noresult{ width: auto;  float:none; display: block; }
#infoOverview p.entry{ width: auto; float:none; display: block; }