/* handscript (normal) */
@font-face {
font-family: capital;
src: url('/font/rothenburg.ttf') format('truetype');
}
@font-face {
font-family: rothenburg;
src: url('/font/rothenburg.ttf') format('truetype');
}
@font-face {
font-family: blackwood;
src: url('/font/BlackwoodCastle.ttf') format('truetype');
}
@font-face {
font-family: bloody;
src: url('/font/Bloodthirsty.ttf') format('truetype');
}
@font-face {
font-family: strange;
src: url('/font/SomethingStrange.ttf') format('truetype');
}

@font-face {
font-family: augusta;
src: url('./font/Augusta.ttf') format('truetype');
}
@font-face {
font-family: bahn;
src: url('./font/Bahnschrift.ttf') format('truetype');
}
body {
    color: #cccccc;
    font-family: Lucida Console;
    font-size: 16px;
    margin: 0 0 0 0 ;
    padding: 0 0 0 0 ;
}
a {
    color:#840000;
}
a.backlink {
    font-size: 18px;
    text-decoration: none;
    padding: 10px 10px 10px 30px;
    background: transparent url(/img/ico_machine_25.png) left no-repeat ;
    clear: left;
}

strong {color: #840000;}


.right {
    float:right;
}


hr {
    height: 1px;
    background: #840000;
    border: none;
}
.pageTitle {
    margin: 30px 0px 10px 0px;
}
h1,h2,h3,h4,h5 {
    font-family: 'augusta';
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
    color: #840000;

}
b {
  color: #BA1B1B;
}
b.red {
  color: #840000;
}
h1 {
    font-size: 40px;
    padding-top: 10px;
}
h1 .capital {
    font-family: 'capital';
    font-size: 40px;
    text-shadow: none;
    margin-left: -10px;
}


h2 {
    font-size: 30px;
}
h2 .capital {
    font-family: 'capital';
    font-size: 30px;
    text-shadow: none;
    margin-left: -10px;
}
h3 {font-size: 25px;}
h4 {font-size: 20px;}

small {
    font-size: 11px;
}
mini {
    font-size: 10px;
}

div#frame {
    margin: 0 0 0 0;
    width: 1000px;

}
h1:hover,h2:hover,h3:hover,h4:hover,h5:hover {
    /*
    color: #808080;
    text-shadow: 2px 2px 10px #840000;
    */
}

ul ol li h3 {
  font-size: 20px;
  font-family: 'bahn';
  color: #BA1B1B;
}






div#meta {
    padding-top: 3px;
    float: right;
}
#meta ul {
    list-style: none;
}
#meta ul li {
    padding: 0px 10px 10px 0px ;
    float: left;
}
#meta ul li a {
    font-size: 12px;
}
#media {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 clear: left;
 float :right;
 height: 30px;

}
#media * {
 opacity: 0.85;
}
#navigation span {
 opacity: 0.75;
}
#navigation {
    z-index: 0;
    text-align: center;
    display: table;
    margin: -20px 0 0 0 ;
    position: relative;
}
#navigation ul {
    min-width: 900px;
    list-style: none;
    text-align: center;
}
#navigation span {
    padding: 0px 10px 10px 0px ;
    float: left;
    display: inline;
    background: #840000;
    padding: 10px;
    margin: 0px 0px 0px 10px ;
    border-radius: 5px;
    /*box-shadow: 3px 3px 5px #555555;*/
}
#navigation span a {
    font-size: 25px;
}

#navigation span a,
#meta ul li a {
    text-decoration: none;
    color: #CCCCCC;
    text-shadow: 3px 3px 5px #000000;
}
#navigation span a:hover {
    top: -2px;
}


#content {
    width: 800px;
    text-align: justify;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 20px;
}
.content {
 width: 700px;
}
#content ul { padding-left: 0px;}
#content li {
    padding: 10px 10px 10px 0px;
    list-style-image: url(/img/ico_machine_25.png);
    list-style-position: outside;
}

#copyright {
    font-size: 11px;
    text-align: center;
    padding-top: 20px;
}

#copyright a { text-decoration: none}

#likes {
    z-index: 200;
    position: absolute;
    top: 30px;
    padding-left: 930px;
    background: transparent;
    text-align: left;

    -moz-transform:rotate(13deg);
    -webkit-transform:rotate(13deg);
    -ms-transform:rotate(13deg);
    -o-transform:rotate(13deg);
}

#bambaBubble {
    z-index: 200;
    position: absolute;
    top: 230px;
    padding-left: 300px;
    background: transparent;
    text-align: left;
 }





#werbung { cursor: default; position: absolute; display: none; top: 0; left: 0; }
#werbung a { font-size: 1.3em; font-style: italic; line-height: 1.1em; color: #5f5f5f; text-shadow: 2px 2px 1px #101010, 1px 1px 0 #505050; text-decoration: none; transition: .4s; }
#werbung a:hover,
#werbung a:focus { text-shadow: -1px -1px 0 #202020, 1px 1px 0 #fff; }
#werbung span { font-size: .7em; font-style: normal; text-shadow: none; }

#gesamt.rechts #werbung { right: 10px; }

#gesamt { width: 5em; height: 5em; display: block; position: absolute; top: 0; left: 0; cursor: se-resize; text-align: left; } #versteck { background: #e0f2f4; width: 85%; height: 85%; overflow: hidden; display: block; position: absolute; } #ecke { position: fixed; } img#ohr { display: block; width: 100%; height: 100%; z-index: 999; right: 0; position: absolute; } #gesamt.rechts #ecke, #gesamt.rechts #versteck { float: right; right: 0; left: auto; } #gesamt.rechts { right: 0; cursor: sw-resize; text-align: right; } #gesamt.rechtsunten #ecke, #gesamt.rechtsunten #versteck { float: right; right: 0; left: auto; bottom: 0; } #gesamt.rechtsunten, #gesamt.rechtsunten #werbung { bottom: 10px; top: auto; left: auto; right: 10px; text-align: right; } #gesamt .ui-wrapper { left: 0; top: 0; } #gesamt .ui-resizable-handle { position: absolute; border: none; background: none; width: 100%; height: 100%; }



#galContainer {
    width: 800px;
    margin: 30px 0 0 0 ;
}

ul#team {
    clear: right;
    width: 800px;
    padding-left: 0px;
    text-align: center;
}
ul#team li {
    list-style: none;
    float:left;
    width: 250px;
    min-height: 200px;

    margin: 3px 3px 0px 3px;
    padding: 5px;
}

ul#team li.clearer {clear: both;}


ul#team li .passbild {
    text-align:  center;

}
ul#team li .title {
    text-align: center;
}
ul#team li .text {
    text-align: left;
    border: 1px solid #84000;
    background: #FFFFFF;
    color: #000000;
    font-size: 11px;
    padding: 3px;
    margin: 0px 20px 0px 20px;
    border-radius: 5px;
}

img.pass {
 padding: 5px 5px 5px 15px;
}

ul#team li.full {
    width: 800px;
    padding-top: 20px;
    min-height: 50px;
}
ul#team li.center {
    text-align: center;
}

.bilder {
    float: right;
}

.galTitle {
    padding: 0px 10px 10px 0px ;
    background: #840000;
    padding: 10px ;
    margin: 0px 0px 0px 10px ;
    border-radius: 5px;
    color: #CCCCCC;
    text-shadow: 3px 3px 5px #000000;
}
#galContainer {
 margin: 0px;
 padding: 5px 0px;
 background-color: black;
white-space: nowrap;
}
#galContainer .album{
   padding: 10px 0px;
}

.thumb img {
  float:left;
  bottom:0; left:0; top:0; right:0;
  max-width: 150px;
  max-height: 200px;

  padding: 5px;
  margin: auto;
  transition:1s all;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px
  z-index:0;
}




.underlay{
  position:absolute;
  bottom:0; left:0; top:0; right:0;
  margin:auto;
  height:0; width:0;
  background:#333;
  opacity:0;
  transition:1s all;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}

.thumb img:hover{

  transform:scale(3) translate(10px, 0) rotate(5deg);

  & + .underlay{
    height:100%;
    width:100%;
    opacity:0.8;
    z-index:-1;
  }
}
.thumb img{
  transform: none;
}

/* RATING */
table.rating {
  table-layout: fixed;
  white-space: normal!important;
}
table.rating tr td {
  vertical-align: top;

}
table.rating tr td.name {
  font-size: 11pt;
}
table.rating tr td div.text {
}
table.rating tr td div.scroll {
 font-size: 10pt;
 background-color: transparent!;
 width: 650px;
 max-height: 70px;
 vertical-align: top;
 text-align: left;
 overflow-x: hidden;
 overflow-y: auto;
 padding: 3px 0px 5px 0px;
}


#xrating div {
  font-size:12pt;
  padding: 2px 2px 2px 20px;
  margin-left: 50px;

}
#xrating ul.rate {padding-left: 20px; margin-left:20px;}
#xrating li {background-image: none; padding: 0px 0px 2px 0px; font-size:11pt;}


img.rate {height:15px;}

/* RATING */