body {
    color: #000000;
    background-color: #000000;
    background-image: url('/Bilder/Layout15/HG.jpg');
    font-family: Tahoma;
    font-size:12px;
    font-weight:normal;
    margin: 0px;
    padding: 0px; 
    overflow-x: hidden;
    cursor: crosshair;
    text-align: center; }

/* -------------Base--------------------------- */

  div#header {background-color: #fef3ee; margin: 0px auto; padding: 0px; width: 950px; height:400px;}
  
  div#content {background-color: #fef3ee; text-align: left; margin: 0px auto; padding-top: 10px; width: 950px;}

  div#inhalt {background-color: #fef3ee; border-radius: 10px; margin-top: 0px; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; width: 675px; float: left;}
  
  div#right {background-color: #fef3ee; width: 219px; margin-right: 10px; padding-bottom: 10px; padding-top: 0px; float: right;}
  
  div#footer {background-color: #9c6572; margin: 0px auto; margin-top: 0px; height:10px; }

/* --------------Main--------------------------- */

  a:link {color: #35414f; font-size:12px; font-weight: bold; text-decoration: none;}

  a:visited {color: #35414f; font-size:12px; font-weight: bold; text-decoration: none;}

  a:active {color: #de2531; font-size:12px; text-decoration: none; cursor: e-resize;}

  a:hover {color: #de2531; font-size:12px; text-decoration: none; cursor: e-resize;}

  u {color: #af7f6a; border-bottom: dotted 2px #af7f6a; text-decoration: none; }

  i {color:#ef8615; letter-spacing: 1px;}

  b {color: #54b893;}

  img {border: 0px none;}

  table {font-size: 12px;}

/* -------------Ueberschriften---------------------------- */

  h1{ 
    color: #9c6572; 
    font-size: 18px; 
    font-weight: bold;
    text-align:left; 
    margin-top: 2px;
    letter-spacing: 8px;
    text-transform: uppercase;}

  .h1:first-letter {font-weight: bold;}

  h2{
    color: #9c6572; 
    font-size: 14px;
    text-align: left;    
    padding: 4px;
    letter-spacing: 5px;
    text-transform: uppercase;}

/* -------------Navigation---------------------------- */

  .seite {
    color: #ffffff;
    background-color: #9c6572; 
    font-size: 16px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    width: 210px;
    height: 20px;
    padding-left: 10px;
    text-transform: uppercase;}

  .seite:first-letter {font-weight: bold;}

  #navi  {background-color: #; }

  #navi a {
    color: #35414f;
    font-size: 12px;
    font-weight: normal;
    display: block;
    text-align: center;
    text-decoration:none;
    width: 105px;
    padding: 2px 2px 2px 0px;
    margin:  0px 0px 0px 0px;}

  #navi a:hover {
    background-color: #ffffff;
    font-weight: bold;
    text-decoration:none;
    text-transform: uppercase;
    cursor: n-resize;}

  #navix a {color: #ffffff;}

  #navix a:hover {color: #871a2d;}

  .affi {margin-top: 3px; padding: 5px;}

  .affi:hover {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);}

a.kalender{color: #9c6572; font-weight: bold;}
a.kalenderh{color: #fff; font-weight: bold;}

/* --------------Allgemein--------------------------- */

  hr {
    border: #c5c5c5 dotted 5px; }

  .nav a{
    color: #ffffff;
    font-size: 12px; 
    background: #9c6572;
    text-align: center;
    width:150px;
    height:18px;
    margin: 1px;
    padding: 2px; 
    display: block;}

  .nav a:hover{
    text-transform: uppercase;
    background: #ae838d;}

  .crand { 
    padding: 2px; 
    text-align: center; 
    margin-right: 3px;
    margin-left: 3px;
    height: 110px;
    border: #ffffff dotted 2px;
    border-radius: 8px;}

  tr.japan {font-weight: bold; color:#ffffff; background-color: #9c6572;}

  .partner {border: #fef3ee solid 2px;}

  .partner:hover {border: #9c6572 solid 2px;}


/* --------------Hintergruende--------------------- */

  .bg {margin : 6px; float: left; border: #9c6572 solid 1px;}

  .bg:hover {
    border: #9c6572 solid 1px;     
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);}

  .lit {
    background-color: #ffffff;
    padding: 4px;
    width: 200px;
    text-align: center;
    margin : 4px; 
    float: left;
    border: #9c6572 solid 2px;}

  .lit:hover {
    background-color: #fef3ee;
    border: #9c6572 solid 2px;     
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);}

  .icon {padding: 10px; float: left; border: #fef3ee solid 1px;}

  .icon:hover {
    border: #9c6572 solid 1px;     
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);}

  #avatar {background: #9c6572; border: #9c6572 solid 5px; float: right;}

  #avatar:hover { 
    border: #ae838d solid 5px; 
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);}

  #review {    
    width: 450px;
    height: 115px;
    text-align: center;
    margin : 10px; 
    padding: 4px; 
    background: #ffffff; 
    border: #ffffff solid 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}

  .pix {
    background: #ffffff;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    width: 400px;
    padding: 10px;
    margin: 10px; 
    border: 1px solid #9c6572;}

  .pix:hover {background: #fef3ee; border: 1px solid #ae838d;}

  .unterseite a{
    color: #ffffff;
    font-size: 14px; 
    text-align: center;
    background: #9c6572;
    width:200px;
    height:24px;
    margin: 10px;
    padding: 10px; 
    display: block;}

  .unterseite a:hover{
    text-transform: uppercase;
    background: #ae838d;}

/* -------------Tubes--------------------------- */

  .tnav a{
    color: #ffffff;
    font-size: 12px; 
    background: #9c6572;
    padding: 4px;
    margin: 4px;
    border: #fef3ee solid 2px;}

  .tnav a:hover{
    background: #ae838d;
    border: #ae838d solid 2px;}

/* -------------Textarea----------------------- */

  textarea {
    color: #000000;
    background: #ffffff;
    padding: 5px;
    border: #ffffff solid 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}

  .phptext {
    color: #000000;
    background: #ffffff;
    padding: 5px;
    border: #ffffff solid 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}

/* -------------Web-Index--------------------------- */

  #webi {
    font-color: #000000;
    background: #ffffff;
    width: 450px;
    height: 120px;
    border: 0px solid #c5c5c5;
    text-align: center;
    margin : 10px; 
    padding: 4px; 
    border-radius: 4px;}

  .wi-sign {
    color: #ffffff;  
    font-size: 10px; 
    background-color: #adadad;
    text-align: right;
    width:100px;
    height:20px; 
    float: left; 
    padding: 8px;
    margin: 3px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;}

  .wi-sign a:link {color: #ffffff; font-size:10px;}

  .wi-sign a:visited {color: #ffffff; font-size:10px;}

  .wi-gfx {
    color: #ffffff;  
    font-size: 10px; 
    background-color: #ff5656;
    text-align: right;
    width:100px;
    height:20px; 
    float: left; 
    padding: 8px;
    margin: 3px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;}

  .wi-info {
    color: #ffffff;  
    font-size: 10px; 
    background-color: #58e233;
    text-align: right;
    width:100px;
    height:20px; 
    float: left; 
    padding: 8px;
    margin: 3px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;}

  .wi-mix {
    color: #ffffff;  
    font-size: 10px; 
    background-color: #df3af7;
    text-align: right;
    width:100px;
    height:20px; 
    float: left; 
    padding: 8px;
    margin: 3px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;}

  .wi-staffel {
    color: #ffffff;  
    font-size: 10px; 
    background-color: #6a4dff;
    text-align: right;
    width:100px;
    height:20px; 
    float: left; 
    padding: 8px;
    margin: 3px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;}

  .wi-blog {
    color: #ffffff;  
    font-size: 10px; 
    background-color: #ffd156;
    text-align: right;
    width:100px;
    height:20px; 
    float: left; 
    padding: 8px;
    margin: 3px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;}

/* --------------Java--------------------------- */

  #dhtmltooltip{position: absolute; width: 200px; border: 0px solid black; padding: 2px; background-color: #ffffff; visibility: hidden; z-index: 100;}

  .drag{position:relative; cursor:hand; z-index: 100;}

  .shakeimage{position:relative; }

/* --------------Counter--------------------------- */

  .chcLeftRow {color:#340000; font-size: 12px; padding: 0px;}

  .chcLeftRowAlt {color:#340000; font-size: 12px; padding: 0px;}

  .chcRightRow {font-size: 12px; letter-spacing: 2px; color:#340000; padding: 0px;}

  .chcRightRowAlt {font-size: 12px; letter-spacing: 2px; color:#340000; padding: 0px;}

  .chcA a {color: #9c6572; font-size: 12px;}

  .chcRightRowAlt a {color: #9c6572; font-size: 12px;}

/* --------------Cutenews--------------------------- */
  #content-cute {line-height: 1.5;}

   #title {
    color: #9c6572; 
    font-size: 18px;
    font-weight: bold;
    text-align: left;   
    padding: 4px;
    letter-spacing: 8px;
    text-transform: uppercase;}

   #geschreibsel{
    color: #000000; 
    height: 30px;
    font-size: 10px;
    text-align: right;   
    float: right;
    background-color: #ffffff;}
    
   #avatarcn {
    margin-top: -5px;
    border: #9c6572 solid 10px;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);}

   #avatarcn:hover {border: #ae838d solid 10px;}

   #cn-up {
    color: #414141;
    background-color: #ffffff;
    text-align: center;
    border: 1px solid #ffffff}

   #cn-up:hover {color: #000000; border: 1px solid #9c6572}

   #kommicn {background-image: url('http://erdbeerkirsch.de/Bilder/Layout15/Pfote1.png'); background-repeat: no-repeat;}

   #kommicn:hover {background-image: url('http://erdbeerkirsch.de/Bilder/Layout15/Pfote2.png'); background-repeat: no-repeat;}