/* ----------- Created on : 24.06.2015, 20:26:42 Author: grT --------------*/
*{
    margin:0;
    padding:0;
}
body{
    color:black;
    font-family:courier;
    background:rgb(43,43,43) url(../img/div/tapete.jpg) fixed;
}
a{
    color:black;
    text-decoration:none;
}
a:hover{
    font-weight:bold;
    font-style:italic;
    color:greenyellow;
}
/**************************************/
#wrapper{
    position:relative;
    width:996px;
    height:630px;
    margin:auto;
}
#titelleiste{
    width:99.8%;
    height:31px;
    padding-top:7px;
}
#titelleiste h1{
    display:inline;
    font-size:144%;
}
#titelleiste a{
    margin:0 11px;
    cursor:pointer;
}
#count{
    position:absolute;
    top:63px;
    width:132px;
    height:25px;
    margin-left:2%;
    text-align:right;
    background:url(../img/ziffern/count.png) left no-repeat;
}
#count img{
    margin:1px 8px 0 0px;
}
#main{
    width:99.7%;
    height:480px;
    background:url(../img/div/knitterblatt_2.png) center no-repeat;
}
#startbild{
    width:650px;
    height:455px;
    margin:0 auto;
}
#footer{
    width:99.7%;
    height:80px;
    padding-left:5px;
}
#footerDeko img{
    margin:0 16px;
}
/*----------- footer zimmer -----------------*/
#footerThumbs{
    width:101%;
    margin-top:-20px;
    display:none;
}
#footerThumbs img{
    width:100px;
    height:100px;
    cursor:pointer;
}
.thumbLink{
    float:left;
    height:100px;
    width:100px;
    margin:0 26px 0 16px;
}
.thumbLink h2{
    font-size:107%;
    background:rgba(240,230,140,0.5);
}
.thumbLink a{
    margin-top:3px;
    font-size:73%;
    font-weight:normal;
    font-family:verdana;
    display:block;
    cursor:pointer;
    background:rgba(255,255,255,0.7);
}
.thumbLink p{
    margin-top:3px;
    font-size:73%;
    font-weight:normal;
    font-family:verdana;
    display:block;
    cursor:pointer;
    background:rgba(255,255,255,0.7);
}
.thumbLink p:hover{
    color:lime;
}
.thumbText{
    float:left;
    width:134px;
    height:0px;
    margin-top:-10px;
    opacity:0;
    overflow:hidden;
    margin-left:-17px;
    transition:all .5s;
    -webkit-transition:all .5s;
}
/*---------------- fuer javascript ---------------*/
#backBox {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.75);    
}
#balken{
    width:180px;
    height:13px;
    margin:auto;
    margin-top:270px;
    color:ivory;
    font:courier bold;
    font-size:123%;
    text-align:center;
    border:solid 1px rgba(255,255,255,0.5);
    cursor:pointer;
}
#balken:hover{
    color:lime;
}
#balkenFill{
    width:0px;
    height:13px;
    background:white;
    opacity:0.75;
}
/*---------- bildshow ------------*/
#titelTextFeld{
    width:180px;
    height:43px;
    margin:auto;
    margin-top:270px;
    color:ivory;
    font:courier bold;
    font-size:123%;
    text-align:center;
    cursor:pointer;
}
#thumbContain_1 {
    width:722px;
    height:576px;
    margin:auto;
    margin-top:2%;
}
#thumbContain_1 img{
    float:left;
    margin:5px 10px;
    cursor:pointer;
}
#thumbContain_2 {
    width:890px;
    height:576px;
    margin:auto;
    margin-top:2%;
}
#thumbContain_2 img{
    float:left;
    margin:5px 6px;
    cursor:pointer;
}
#thumbContain_1 p,#thumbContain_2 p{
    color:silver;
    font-size:87%;
}
#pictContain{
    width:840px;
    height:576px;
    margin:2% auto;
}
#pictBox{
    float:left;
    width:768px;
    height:576px;
    text-align:center;
}
#pictBox p{
    color:ivory;
    font-size:150%;
    margin-top:-200px;
    text-align:left;
}
.pfeilBox{
    float:left;
    width:25px;
    height:576px;
    cursor:pointer;
}
/*-------------- bild ende --------------*/
#vidContain {
    width:790px;
    height:590px;
    margin:auto;
    margin-top:2%;
}
#vid{
    box-shadow:1px 1px 5px black;
}
.exit{
    float:right;
    width:19px;
    height:17px;
    margin-top:31px;
    margin-right:23px;
    cursor:pointer;
}
/*------------- memory ---------------*/
#spielWrap{
    width:1037px;
    height:576px;
    margin:1.5% auto;
    padding-top:1px;
    border:dashed 1px aqua;
    background:dimgray;
}
#spielBox{
    box-sizing:border-box;
    float:left;
    width:809px;
    height:575px;
    margin:auto;
    padding:5px;
    border:solid 7px chartreuse; 
    margin:auto;
}
#imgBox{
    width:440px;
    margin:auto;
}
#imgBox img{
    width:100px;
    height:100px;
    margin:3px 5px;
}
#infoBox{
    float:right;
    width:217px;
    height:573px;
    margin-left:7px;
    border: solid 1px darkorange;
    background:url(../img/div/baerchen.jpg);
}
#neustart,#anzeige{
    margin-top:17px;
    color:white;
    font-size:87%;
    text-align:center;
    border:solid 2px lightgray;
    cursor:pointer;
    background:rgba(0,0,0,0.2);
}
#anzeige{
    height:51px;
}
#auswahl{
    width:211px;
    height:83px;
    margin-top:23px;
    color:white;
    font-size:87%;
    border:solid 2px lightgray;
    background:rgba(0,0,0,0.2);
}
#auswahl p{
    cursor:pointer;
}
/*-------------memory ende----------------.*/
/*------------- malprogrämmelchen---------.*/
#malWrap {
    position:relative;
    width:1087px;
    height:600px;
    margin:auto;
    margin-top:1.5%;
    border:dashed 2px lightgray;
    font-family:verdana;
}
#malFlaeche {
    float:left;
    background:white;
}
#toolBox{
    float:right;
    width:277px;
    height:600px;
    margin-top:0px;
    background:lightgray;
}
#toolBox h3{
    margin:3px 5px;
    letter-spacing:0.25em;
}
#toolBox h4,#toolBox h6,#toolBox p{
    margin-left:7px;
}
#selectTool{
    width:252px;
    height:73px;
    margin-top:5px;
    margin-left:7px;
}
#farbEimer,#malPinsel{
    float:left;
    width:37px;
    height:37px;
    margin:17px 23px;
    cursor:pointer;
}
#farbEimer h6,#malPinsel h6{
    margin:-14px -2px;
}
#farbEimer{
    background:url(../img/div/eimer.jpg);
    border:solid 2px lightgray;
}
#malPinsel{
    background:url(../img/div/pinsel.jpg);
    border:solid 2px white;
}
#selectWidth{
    width:130px;
    margin-top:7px;
    margin-left:19px;
}
#colorBox{
    width:252px;
    height:107px;
    margin-top:5px;
    margin-left:19px;
    border:solid 1px gold;
}
.colorPick{
    float:left;
    width:30px;
    height:30px;
    margin:1px;
    border:solid 2px lightgray;
}
/*------------- aquariumtest--------------*/
#aqWrap {
    position:relative;
    width:1087px;
    height:600px;
    margin:auto;
    margin-top:1.5%;
    border:dashed 2px lightgray;
    font-family:verdana;
}
#aq {
    background:white;
}
#fischLoop{
    position:absolute;
    z-index:37;
}
/************* nebenseiten ***************/
/*die wuth*/
#vidBody{
    background:url(../vid/tap_1.jpg);
}
#wuthbox{
    width:99.7%;
    height:580px;
    margin:auto;}
#wuth{
    width:900px;
    height:500px;
    margin:auto;
}
/*------------------------------------*/
/*schriften*/
    .kleingedruckt {font-size:small; font-weight:bold; color:white; letter-spacing:1pt;}
    .klngedruckt {font-size:small; font-weight:bold; letter-spacing:1pt;}
    .ganzklein {font-size:x-small; font-weight:bold; letter-spacing:1pt;}
    .gross{font-size:xx-large; font-weight:bold; letter-spacing:5pt;}
    .mittel{font-size:large; font-weight:bold; letter-spacing:5pt;}
/*schriften titelleiste*/
    .trio {font-family:courier new; font-size:x-large; font-weight:900; color:#fc0; letter-spacing:5px;}
    .trioWeiss {font-family:courier new; font-size:x-large; font-weight:900; color:khaki; letter-spacing:0.4em;}
    .link {font-family:Zapf Chancery, Comic Sans MS, cursive; letter-spacing:3pt; text-align:center;}
    .kont {font-family:times new roman; font-weight:bolder;}
    .imp {font-family:Verdana, Arial, Helvetica, sans-serif;}
    .enter {font-family:helvetica; margin-left:23px; font-weight:900; font-variant:small-caps; letter-spacing:10pt;}
    .bes {font-family:times new roman;}