#body {
   /* background-color:yellow; */
}

img {
    border:0px none;
}

a:link, a:visited, a:active {
    color:black;
    text-decoration:none;
}

a:hover {
    color:#616161;
    text-decoration:none;
}

/*
########################################################################
  mainBlock  */

#mainBlock {
    position:absolute;
    width:600px;
    height:200px;
    left:50%;
    top:250px;
    margin-left:-300px;
    margin-top:0px; /* -100 */
    background-color:transparent;
    border:0px solid lightblue;
    overflow:visible;
}


/*
########################################################################
  headFriendly  */

#headFriendly {
    visibility:visible;
    position:absolute;
    width:200px;
    height:200px;
    left:0px;
    top:0px;
    margin-left:0px;
    margin-top:0px;
    background-color:transparent;
    background-image:url(grafik/head_friendly.png);
    z-index:3;
}


/*
########################################################################
  backScreen  */

#backScreen {
    visibility:visible;
    position:absolute;
    width:150px;
    height:150px;
    left:-6px;
    top:-3px;
    margin-left:0px;
    margin-top:0px;
    border:1px hidden black;
    border-top:hidden;
    border-left:hidden;
    border-bottom:hidden;
    border-right:hidden;
    background-color:transparent;
    z-index:2;
}


/*
########################################################################
  headEvil  */

#headEvil {
    position:absolute;
    visibility:hidden;
    width:200px;
    height:200px;
    left:0px;
    top:0px;
    margin-left:0px;
    margin-top:0px;
    background-color:transparent;
    background-image:url(grafik/head_evil.png);
}


* html #headFriendly {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='grafik/head_friendly.png', sizingMethod='scale');
}

* html #headEvil {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='grafik/head_evil.png', sizingMethod='scale');
}


/*
########################################################################
  headImage  */

#headImage {
    visibility:hidden;
}


/*
########################################################################
  sprechBlase  */

#sprechBlase {
    visibility:hidden;
    position:absolute;
    width:500px;
    height:150px;
    left:0px;
    top:0px;
    margin-left:100px;
    margin-top:25px;
    background-color:transparent;
    border:0px solid white;
    z-index:0;
}


/*
########################################################################
  mouth  */

#mouth {
    position:absolute;
    width:140px;
    height:50px;
    bottom:0px;
    border:0px dotted white;
    background-image:url(grafik/mouth.png);
    background-color:transparent;
    z-index:1;
}

* html #mouth {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='grafik/mouth.png', sizingMethod='scale');
}


/*
########################################################################
  textHintergrund  */

#textHintergrund {
    position:absolute;
    width:400px;
    height:130px;
    left:100px;
    background-image:url(grafik/textHintergrund.png);
    background-color:transparent;
}

* html #textHintergrund {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='grafik/textHintergrund.png', sizingMethod='scale');
}


/*
########################################################################
  map  */

#map {
    visibility:visible;
    position:absolute;
    width:600px;
    height:200px;
    left:0px;
    top:0px;
    background-color:transparent;
    border:0px dashed white;
    z-index:10;
}


/*
########################################################################
  shoutOut  */

#shoutOut {
    visibility:hidden;
    font-family:sans-serif;
    font-size:50px;
    line-height:50px;
    margin-top:0px;
    font-weight:bold;
    vertical-align:top;
    position:absolute;
    overflow:hidden;
    width:380px;
    height:110px;
    left:210px;
    top:35px;
    border:0px dotted white;
    background-color:transparent;
    z-index:2;
}


/*
########################################################################
  text0-11  */

#text0, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8,
#text9, #text10, #text11 {
    position:absolute;
    vertical-align:text-top;
    overflow:hidden;
    top:0px;
    width:380px;
    height:110px;
    padding:0px;
    border:0px dashed yellow;
    background-color:transparent;
    z-index:2;
}


/*
########################################################################
  infoHeader  */

#infoHeader {
    visibility:hidden;
    position:absolute;
    width:392px;
    height:0px;
    left:50%;
    top:50px;
    margin-left:-142px;
    background-color:#aaaaaa;
    background-image:url(grafik/Header.png);
    border:1px solid black;
    z-index:-1;
}

/*
########################################################################
  infoScreen  */

#infoScreen {
    font-family:sans-serif;
    font-size:15px;
    visibility:hidden;
    position:absolute;
    overflow:hidden;
    width:500px;
    height:0px; /* Šndert sich dann per javascript auf 400px */
    left:50%;
    top:120px;
    margin-left:-250px;
    background-color:#aaaaaa;
    border:1px solid black;
    z-index:1; /* -1 */
}


/*
########################################################################
  menu  */

#menu {
    color:#616161;
    text-align:right;
    visibility:visible;
    right:10px;
    height:18px;
    width:490px;
    background-color:transparent;
    border:0px;
    font-size:16px;
    text-transform:capitalize;
    font-weight:normal;
    padding:5px;
}


/*
########################################################################
  mainFrame  */

#mainFrame {
    visibility:hidden;
    height:372px;
    width:500px;
    border:0px;
}

#info {
    font-family:monospace;
    font-size:11px;
    color:#616161;
    position:absolute;
    bottom:10px;
    right:10px;
}

/*
########################################################################
  TEST - TEST - TEST - TEST - TEST - TEST - TEST - TEST - TEST - TEST  */