/* ----- Main ----- */
body, table
{
  font-family: arial;
  font-size: 10pt;
}

body
{
  background-image: url("img/wasserzeichen.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
}

body 
{
  scrollbar-face-color:#3366CC;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#3366CC;
  scrollbar-shadow-color:#222222;
  scrollbar-highlight-color:#DDDDDD;
  scrollbar-3dlight-color:#3366CC;
  scrollbar-darkshadow-color:#3366CC;
}

h1, h2, h3, h4, h5, h6
{
  margin:0px; padding:0px
}

hr
{
  color: #556699;
  height: 1 pt;
  width: 95%;
}

.highlight
{
  color: #2141A1;
  background-color: #C5D5F5;
}

.backlink
{
  font-size: 12pt; 
  font-weight: bold;
}

.info
{
  font-size: 10pt; 
}

.menu
{
  font-size: 12pt; 
  font-weight: bold;
}

.other
{
  font-size: 10pt; 
  font-weight: bold;
}

.bodytable
{
  background-color: #323232;
}



/* ----- Contentlayout ----- */
.lboxes
{
  width: 160px;
  horizontal-align: left;
  vertical-align: top;
}

.rboxes
{
  width: 160px;
  horizontal-align: right;
  vertical-align: top;
}

.content
{
  vertical-align: top;
}



/* ----- Content ----- */
.titletext
{
  color: #556699;
  font-size: 16pt; 
  font-weight: bold;
}

.titlesub
{
  font-size: 12pt; 
  font-weight: bold;
}

.tablemain
{
  background-color: #003399;
}

.tablesub
{
  font-size: 10pt; 
}

.tabletitle
{
  font-family: tahoma;
  color: #003399;
  font-size: 13pt;
}

.tablecontent
{
  color: #003399;
  background-color: #EEEEEE;
  font-size: 10pt;
  background-image: url("img/fussball.jpg");
  background-repeat: no-repeat;
  background-position: top right;
}



/* ----- Content Box  Big ----- */
.bigboxcontenttablemain
{
  background-color: #FFFFFF;
  background-image: url("img/bigbox_menue_bg.jpg");
}

.bigboxlefttablemain
{
  background-color: #FFFFFF;
  background-image: url("img/bigbox_menue_bg.jpg");
}

.bigboxrighttablemain
{
  background-color: #FFFFFF;
  background-image: url("img/bigbox_menue_bg.jpg");
}



/* ----- Content Box ----- */
.boxcontenttablemain
{
  background-color: #FFFFFF;
  background-image: url("img/box_menue_bg.jpg");
}

.boxcontenttabletitle
{
  font-family: tahoma;
  color: #003399;
  font-size: 13pt;
}

.boxcontenttablecontent
{
  font-size: 10pt;
  color: #FFFFFF;
}

.boxcontenttable
{
  font-size: 10pt;
  color: #FFFFFF;
}



/* ----- Left Box ----- */
.boxlefttablemain
{
  background-color: #FFFFFF;
  background-image: url("img/box_menue_bg.jpg");
}

.boxlefttabletitle
{
  font-family: tahoma;
  color: #003399;
  font-size: 13pt;
}

.boxlefttablecontent
{
  font-size: 10pt;
  color: #FFFFFF;
}

.boxlefttable
{
  font-size: 10pt;
  color: #FFFFFF;
}



/* ----- Right Box ----- */
.boxrighttablemain
{
  background-color: #FFFFFF;
  background-image: url("img/box_menue_bg.jpg");
}

.boxrighttabletitle
{
  font-family: tahoma;
  color: #003399;
  font-size: 13pt;
}

.boxrighttablecontent
{
  font-size: 10pt;
  color: #FFFFFF;
}

.boxrighttable
{
  font-size: 10pt;
  color: #FFFFFF;
}



/* ----- Main Content ----- */
.inhalt_titletext
{
  color:#FFFFFF;
  font-size: 20pt;
  font-weight:bold;
}

.inhalt_tablemain
{
  background-color: #CC0000;
}

.inhalt_tabletitle
{
  color:#FFFFFF;
  background-color: #000088;
  font-size:12pt;
  font-weight:bold;
}

.inhalt_tablecontent
{
  font-size: 10pt; 
  color: #000000;
  background-color: #FFFFFF;
}

.inhalt_infotitle
{
 color:#FFFFFF;
 font-size:12pt;
 font-weight:bold;
}

.inhalt_tablebottom
{
  color:#FFFFFF;
  background-color: #000088;
  font-size:5pt;
  font-weight:bold;
}



/* ----- Forms ----- */
.textbox
{ 
  background-color: #EEEEEE;
  border: 1px solid #3366CC;
  color: #3366CC;
  font-family: Verdana, Arial;
  font-size: 10pt;
  font-weight: bold;
  scrollbar-face-color:#556699;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#FDD777;
  scrollbar-shadow-color:#99ABDB;
  scrollbar-highlight-color:#99ABDB;
  scrollbar-3dlight-color:#556699;
  scrollbar-darkshadow-color:#556699;
  background-image: url("img/input.gif");
}

.button
{
  background-color: #EEEEEE;
  border: 1px solid #3366CC;
  color: #3366CC;
  font-family: Verdana, Arial;
  font-size: 12px; 
  font-weight: bold;
  text-align: center;
  background-image: url("img/button.gif");
  cursor:hand;
}



/* ----- Links ----- */
.other:link { COLOR: #003399; FONT-WEIGHT:bold; TEXT-DECORATION: none }
.other:active { COLOR: #003399; FONT-WEIGHT:bold; TEXT-DECORATION: none }
.other:visited { COLOR: #003399; FONT-WEIGHT:bold; TEXT-DECORATION: none }
.other:hover { COLOR: #CC0000; FONT-WEIGHT:bold; TEXT-DECORATION: none }

A:link.menue { COLOR: #FFCC00; FONT-WEIGHT:bold; TEXT-DECORATION: none }
A:active.menue { COLOR: #FFCC00; FONT-WEIGHT:bold; TEXT-DECORATION: none }
A:visited.menue { COLOR: #FFCC00; FONT-WEIGHT:bold; TEXT-DECORATION: none }
A:hover.menue { COLOR: #FFDD99; FONT-WEIGHT:bold; TEXT-DECORATION: none }

A:link { COLOR: #006699; FONT-WEIGHT:bold; TEXT-DECORATION: none }
A:active { COLOR: #006699; FONT-WEIGHT:bold; TEXT-DECORATION: none }
A:visited { COLOR: #006699; FONT-WEIGHT:bold; TEXT-DECORATION: none }
A:hover { COLOR: #CC0000; FONT-WEIGHT:bold; TEXT-DECORATION: none }



/* ----- Core Layout ----- */
.main
{
  font-family: arial;
  font-size: 10pt;
  background-color:#FFFFFF;
  background-image: url("img/main_background.jpg");
}

.footer
{
  color: #FFFFFF;
}

.footerinfo
{
  color: #444488;
}



/* ----- Thumbnails ----- */
div.thumb {
    margin: 10px;
    text-align: center;
    width: auto;
}
div.thumb div {
    border: 1px solid #8888aa;
    background-color: #f7f8ff;
    padding: 2px;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div * {
    border: none;
    background: none;
}
div.thumb img {
    border:1px solid #8888AA;
    margin-bottom:3px;
    background:#FFFFFF;
}
div.thumbcaption,
div.thumbcaption * {
    border: none !important;
    background: none !important;
}
div.thumbcaption {
    padding: 0.2em 0 0.2em 0 !important;
    text-align: left !important;
}
div.tright {
    margin-right: 0px;
    float: right;
    margin-left:0.5em;
}
div.tleft {
    margin-left: 0px;
    float: left;
    margin-right:0.5em;
}
div.magnify
{
  float: right;
  border: none !important;
  background: none !important;
}

div.magnify a, div.magnify img
{
  display: block;
  border: none !important;
  background: none !important;
}

div.right
{
  clear: right;
  float: right;
  border-width: 0 0 10 1;
}

div.left
{
  float: left;
  margin-right: 10;
  border-width: 0 1 10 0;
}