﻿/*****************************************************************************
* doclink
*****************************************************************************/
.doclink {
   float: left; 
   border: none;
}

/*****************************************************************************
* Style Tabellen
*****************************************************************************/
.table_header {
/* background-image: url('../layouts/titlebar.gif'); */
   background-color: #c0c0c0;   
   color: #282828;
}

.table_cell {
   background-color: #2E2E2E;
   color: #FFFFFF;
}

.table_cell_no_backcolor {
   color: #FFFFFF;
}

/*****************************************************************************
* Style fuer die Image-Rahmen
*****************************************************************************/
.img_border {
   border-style: solid;
   border-width: 4px;
   border-color:#B64000;
   border-style: groove;
   border-bottom-color:#B64000;
   border-left-color:#B64000;
   border-top-color:#B64000;
   border-right-color:#B64000;
}

.img_border_shadow {
   border: none;
   -webkit-box-shadow:3px 3px 3px #222222; 
   -moz-box-shadow:3px 3px 3px #222222;
   
   box-shadow: 3px 3px 4px #000;

   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";

   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
}

.img_border_shadow2 {
   opacity:0.6;
   border: none;
   -webkit-box-shadow:3px 3px 3px #222222; 
   -moz-box-shadow:3px 3px 3px #222222;
   
   box-shadow: 3px 3px 4px #000;

   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";

   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
}

/*****************************************************************************
* Style fuer die Image-Rahmen duenn
*****************************************************************************/
.img_border_thin {
   border-style: solid;
   border-width: 2px;
   border-color:#6B6B6B;
   border-style: groove;
   border-bottom-color:#6B6B6B;
   border-left-color:#6B6B6B;
   border-top-color:#6B6B6B;
   border-right-color:#6B6B6B;
}

/*****************************************************************************
* Body
*****************************************************************************/
.body {
   font-size: small;
   color: #ffffff;
   font-family: 'Futura-Medium', 'Futura', 'Trebuchet MS', sans-serif; /*   font-family: Arial, Helvetica, sans-serif; */;
   
   background-color: #ffffff;
   background: #ffffff url(../layouts/wallpaper.jpg);
   background-repeat:repeat;
   background-attachment: scroll;
   background-position: left;
   
   margin:0pt;
}

/*****************************************************************************
* Body
*****************************************************************************/
.body_content{
   margin-bottom: 0px; 
   margin-left: auto; 
   margin-right: auto; 
   margin-top: 0px; 
   overflow: hidden; 
   position: relative; 
   text-align: left; 
   width: 700px;
}

/*****************************************************************************
* Background
*****************************************************************************/
.background{
   background: transparent url(../layouts/background.jpg);
   background-repeat:repeat;
   background-attachment: scroll;
   background-position: left;
   width: 700px;
}

/*****************************************************************************
* TinyText
*****************************************************************************/
.tinyText{
   font-size: small;
   color: #ffffff;
}

.styleTimesRoman {
   font-family: "Times New Roman", Times, serif;
}

/*****************************************************************************
* Seitliches Menu
*****************************************************************************/
.subnav {
   padding: 0px; /*12px;*/
   z-index: 1;
   
   position: absolute; 
   left: 530px; 
   top:   50px; 
   height: 0px; 
   width: 160px;
}

.subnav ul {margin: 0;}
.subnav li {
   background: url(../layouts/li.gif) no-repeat left bottom;
   list-style: none;
   margin: 0;
}
.subnav li a {
   color: #777;
   line-height: 2.4em;
   padding-left: 18px;/*18px;*/
   text-decoration: none;
}
.subnav li a:hover {color: #FF0000;}

/*****************************************************************************
* Navigation-Bar
*****************************************************************************/
.navbar{
   background-image: url('../layouts/navigation.jpg');   
   margin-left: 0px; 
   margin-top: 0px; 
   position: relative; 
   width: 700px; 
   z-index: 12;
}

/*****************************************************************************
* Spotlight INTRO
*****************************************************************************/
.spotlight_intro{
   background-image: url('../layouts/spotlight_intro.jpg'); 
   height: 700px; 
   width: 700px; 
   left: 0px; 
   position: absolute; 
   top: 100px;  /* 100px */
   z-index: 1;   
}

/*****************************************************************************
* Spotlight
*****************************************************************************/
.spotlight{
   background-image: url('../layouts/spotlight.jpg'); 
   height: 700px; 
   width: 700px; 
   left: 0px; 
   position: absolute; 
   top: 100px; 
   z-index: 1;   
}

/*****************************************************************************
* Header
*****************************************************************************/
.header{
   background-image: url('../layouts/header.jpg'); 
   margin-left: 0px; 
   position: relative; 
   height: 100px; 
   width: 700px; 
   z-index: 2;   
}

/*****************************************************************************
* Title
*****************************************************************************/
.title{
   height: 52px; /* 52px */
   margin-left: 0px; 
   position: relative; 
   width: 700px; 
   z-index: 10;
}

/*****************************************************************************
* Titletext
*****************************************************************************/
.title_text {
   height: 40px; /* 40px */
   left: 30px; 
   position: absolute; 
   top: 13px; 
   width: 640px; 
   z-index: 1;
   
   text-transform: uppercase;
   text-align:right;
   
   font-size:large;
}

/*****************************************************************************
* Navigation
*****************************************************************************/
.nav{
   height: 35px; 
   text-align: center; 
   padding-top: 15px
}

.nav a{
   color: #ffffff;  /* Textfarbe des Links */
   text-decoration: none;
   text-indent: 0px;
   text-transform: uppercase;
 
   margin-left: 20px;   
}

.nav a:hover 
{
   color: #FF0000; /* Textfarbe des Links bei Mouseover*/
}

/*****************************************************************************
* Navigation
*****************************************************************************/
.navigation{
   margin-left: 0px; 
   position: relative; 
   width: 700px; 
   height: 50px; 
   z-index: 0;
}

/*****************************************************************************
* Content
*****************************************************************************/
.content{
   margin-left: 0px; 
   text-decoration: none;
   position: relative; 
   width: 700px; 
   z-index: 5;
}

.content a{
   color: #808080;  /* Textfarbe des Links */
   text-decoration: none;
}

.content a:hover 
{
   color: #FF0000; /* Textfarbe des Links bei Mouseover*/
}

/*****************************************************************************
* Subcontent
*****************************************************************************/
.subcontent{
   position: relative; 
   margin-left: 30px; 
   margin-top:  50px;  
   width:      485px; 
   z-index: 1;
}

/*****************************************************************************
* Footer
*****************************************************************************/
.footer{
   height:    150px; 
   margin-left: 0px; 
  
   position: relative; 

   width:  700px; 
   z-index: 15;
}

/*****************************************************************************
* Bildunterschrift
*****************************************************************************/
.cutline {
   font-size: x-small;
   color: #ffffff;
   margin-left: 0px; 
   text-align: left; 
   font-family: 'Futura-Medium', 'Futura', 'Trebuchet MS', sans-serif; /*   font-family: Arial, Helvetica, sans-serif; */;
   margin: 0pt;
}
