/* ######### Basic Settings #########*/
* {margin: 0px; padding: 0px;}
header, section, footer, aside, nav, article {display: block;}
html, body {border: 0px solid;}
body {font: 95% Verdana, Helvetica, Arial, sans-serif; background-color: #f8f8f8;}
header, nav, article, footer, address {display: block;}  
a img {border:0 none;}
ul {list-style-type: none; list-style-position: inside;}
b, strong {font-weight: bold;}
.fett {font-weight: bold;}
.kursiv {font-style: italic;}
.aright {text-align: right;}
.aleft {text-align: left;}
.center {text-align: center;}
.nobr {white-space: nowrap;}
.cboth {clear: both;}
.cleft {clear: left;}
.cright {clear: right;}
.fleft {float: left;}
.fright {float: right;}
a:active, a:focus {outline: none;}
/* ######## Basic Settings ########*/
footer {clear: both; margin: 0px 0 20px 0; padding: 0px 0px 30px 0px; height: 2.5em; font-size: 80%; color: #7e7566; width: 1200px; margin: auto;}
header, section {width: 1200px; margin: auto; margin-bottom: 50px;}
header {position: relative; margin-top: 20px; margin-bottom: 20px; }
header img {margin: 0 0 0 462px ;} /*276*/
header h1 {font-size: 90%; text-align: center;}
article.monkey {position: relative; width: 1200px; margin: auto; margin-bottom: 150px;}
#monkeyBoard {position: relative; width: 1200px; height: 430px; margin: 0px 0px 30px 0px;}
/* ######## Schriften Settings ########*/
p, a, li, th, td, input, lable  {font-size: 1.1em;}
li a, p a, li p, ul li, span p, address p {font-size: 100%;}
/* ######## Schriften Settings Ende ########*/
/* ######## Detail Settings ########*/
.monkeyRahmen {width: 300px; height: 350px; padding: 40px; background: black url(../gfx/rahmen.png);  float: left; margin: 0 20px 0 0;   -webkit-box-shadow: 5px 15px 10px 0px rgba(00, 00, 00, 0.8); -moz-box-shadow: 5px 15px 10px 0px rgba(00, 00, 00, 0.8); box-shadow: 5px 15px 10px 0px rgba(00, 00, 00, 0.8);}
.monkeyPic {position: relative; overflow: hidden; height: 350px; width: 300px; background-color: #fff; margin-right: 20px; float: left; background: #fff url(../gfx/monkeys.png); cursor: pointer;}
#monkeyThree {margin: 0px;}
#monkeyBoard img {position: relative; left: 0px;}
.affenKopf {position: absolute; top: 0px; z-index: 10;}
.btnBar {width: 380px; margin: 0 20px 0 0; float: left;}
#btnBarThree {margin: 0px;}
.btnBar p {width: 120px; margin: auto; border: 1px solid silver; color: grey; font-size: 85%; padding: 5px; text-align: center; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 4px 10px 0px rgba(00, 00, 00, 0.4); -moz-box-shadow: 3px 4px 10px 0px rgba(00, 00, 00, 0.4); box-shadow: 3px 4px 10px 0px rgba(00, 00, 00, 0.4);}
.btnBar p:hover {color: #000;}
.btnBar .btnS, .btnBar .btnR {float: left; margin: 10px 0px 0px 40px;}
#shuffleButton {display: block; clear: both; width: 290px; float: left; border: 1px solid silver; color: grey; font-size: 85%; padding: 5px; text-align: center; margin: 30px 0px 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 4px 10px 0px rgba(00, 00, 00, 0.4); -moz-box-shadow: 3px 4px 10px 0px rgba(00, 00, 00, 0.4); box-shadow: 3px 4px 10px 0px rgba(00, 00, 00, 0.4); background-color: #ddd;}
#shuffleButton p {cursor: pointer; float: left; margin-left: 5px; width: 90px;}
#shuffleButton p:hover {color: #000;}
.clickTip {position: absolute; left: 332px; z-index: 20;}
#clickTipOne {top: 130px;}
#clickTipTwo {top: 220px;}
#clickTipThree {top: 300px;}
.toolTip {position: absolute; z-index: 22; top: 0px; left: 44px; font-size: 80%; color: #fff; padding: 5px; border: 1px solid #000; background: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity:0.6; filter:alpha(opacity=60);}
a {color: #7e7566; text-decoration: none; padding: 2px;}
a:hover, a:active {text-decoration: none; color: #8d9d15; padding: 2px;}
footer address {float: left; padding-left: 20px;}
footer li {line-height: 160%;}
footer a {color: #7e7566; text-decoration: none; padding: 2px;}
footer a:hover, #footer a:active {text-decoration: none; color: #75d2ed; background-color: #292116; padding: 2px;}
a span {color: #aaa; background: transparent;}
#footer ul  {width: 240px; float: left; height: 100px; background-image: url(../gfx/trenner.png); background-repeat: no-repeat; background-position: right; padding: 5px 0 5px 5px;}
#centerImage {width: 900px; height: 600px; position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -450px; border: 1px solid #b2b2b2;-webkit-box-shadow:  2px 2px 10px 0px #000; box-shadow:  2px 2px 10px 0px #000;}
#centerText {width: 880px; height: 23px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 330px 0 0 -450px; padding: 10px; border: 1px solid #b2b2b2;-webkit-box-shadow:  2px 2px 10px 0px #000; box-shadow:  2px 2px 10px 0px #000;}
#centerText a {color: #892821; text-decoration: none; border-bottom: dotted 1px #892821;}
#centerText a:hover, #centerText a:active {text-decoration: none; color: #000; border-bottom: solid 1px #000;}
/* ######## Detail Settings Ende ########*/
/* ######### jPopup ######### */
#jPopupAlpha {display:none; position:fixed;  _position:absolute; height:100%; width:100%; top:0; left:0; background:#000; z-index:99998;}
#jPopup {display:none; position:fixed;  _position:absolute; height:350px; width:800px; background:#fff; z-index:99999; padding: 10px; border: solid 2px #B1C4D0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: #000 0 0 12px; -moz-box-shadow: #000 0 0 12px;} 
#jPopupClose {position: absolute; display: block; right: 12px; top: 6px; font-size: 120%; font-weight: bolder; cursor: pointer;}
#jPopUpSetTrue {display: none;}
/* ######### jPopup Ende ######### */