/*
 * copyright (c) xmachina GmbH
 * 
 * Author: U. Schumacher (ute.schumacher@xmachina.de)
 */
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font: normal 100.1%/120% Verdana, Arial, Helvetica, sans-serif;
    color: #000000;    
}
    #link_thieme {
height:35px;
width:120px;
border:0px solid #000000;
text-decoration:none;
z-index:1;
background-color:transparent;
float:left;
    }
 #logo {
    margin-left: 22px;
    margin-top: 5px;
    margin-right:22px;
    height:30px
    
    
}
/* Überprüfung der Container */
/*
DIV,A { border: 1px dotted red; }
DIV DIV DIV DIV { border-width: 0; }
*/
/******************************/
/* Clearing - do not modify */
/**************************/
.floatholder { overflow:hidden; }
.clerasil { display: block; }
.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearFloat { clear: both; float: none; height: 0px; line-height: 0px; }
/* Floating clearen - Ende */
/* Grundgerüst */
#application {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
}
#header {
  /* min-height: 144px; */ /* 121 + 23px für den Schatteneffekt */
 min-width:980px;
    width: 100%;
    background-color: #FFF;
  
}
#middle {
    display: block;
}
#left {
    display: block;
    float: left;
    min-height: 600px;
    min-width: 180px;
    width: 23%; 
    border: 0px dotted red;
    overflow: visible;
}
#left .innerDiv {
    margin-left: 40px;
}
#content { 
    display: block;
    min-height: 600px;
    width: auto;
    margin-bottom: 27px;
}
#content .innerDiv {
    margin-left: 40px;
}
/* FOOTER */
#footer {    
    clear: both;
    display: block;
    margin-left: 40px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#footerText {
    padding-bottom: 40px;
    padding-top: 10px;
    float: left;
    padding-left: 50px;
    font-size:12px;
    /* background: #FFFFFF url(/SID-F594C965-E59E2F16/images/logo_footer_enke.gif) left 8px no-repeat; */
}
#footerLogo {
    float: left;
    width: 130px;
    padding-top: 15px;
    padding-left: 22px;
}
/* FOOTER - ende */
/* Boxmodell */
div.outerBox {
    /*
    clear: both;
    float: none;
    display: block;
    */
    background: transparent url(/SID-F594C965-E59E2F16/images/box/box_side.jpg) top left repeat-y;
    border: none;
    margin-top: 0;
    margin-bottom: 17px;
    margin-left: -10px; /* Schatteneffekt und Abstand ausgleichen */
}
div.innerBox {
    display: block;
    background: transparent url(/SID-F594C965-E59E2F16/images/box/box_top.jpg) top left no-repeat;
}
div.innerBox2 {
    background: #FFFFFF url(/SID-F594C965-E59E2F16/images/box/box_enke_small.jpg) 1px 1px no-repeat;
    display: block;
    border: 1px solid #ccc;
    padding: 13px 15px 15px 15px;
    margin-left: 10px;
    word-break: break-all; 
    /*word-wrap: break-word; */
}
div.footerBox {
    background: transparent url(/SID-F594C965-E59E2F16/images/box/box_bottom.jpg) left top repeat-x;
    height: 10px;
    line-height: 10px;
    margin-top: 0px;
    overflow: hidden;
}
div.footerBoxLeft {
    float: left;
    background: transparent url(/SID-F594C965-E59E2F16/images/box/box_corner_left.jpg) left top no-repeat;
    height: 10px;
    width: 10px;
    line-height: 10px;
    margin-top: 0px;
    overflow: hidden;
}
div.footerBoxRight {
    float: right;
    background: transparent url(/SID-F594C965-E59E2F16/images/box/box_corner_right.jpg) right top no-repeat;
    height: 10px;
    width: 10px;
    line-height: 10px;
    margin-top: 0px;
    overflow: hidden;
}
div.boxHeadline {
    display: block;
    color: #013476;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 62.5%;
    line-height: 120%;
    /*letter-spacing: 0.1em;*/
    margin-bottom: 10px;
word-break:normal; /*nur für Internet Explorer: Wortumbruch */
}
/* Ausnahmen 
 * 1. Normale Bildbox mit Schatten
 */
#content div.imageBox { margin-left: -10px; overflow: visible; }
/* #content div.outerBox { margin-left: 0px; } */
#content div.imageBox DIV.innerBox2 {
    padding: 0;
}
/* 2. Startbox mit Navigation ohne Schatten */
#content div.startBox { width: 680px; height: 250px; }
#content div.imageCol { 
    width: 680px; 
    height: 38px;
    float: left; 
    
}
/* Bühnennavigation neu */
* html #content div.navigationCol { width: 217px; margin-left: -3px; }
#content div.navigationCol .innerDiv {
z-index:999;
position:absolute; top:170px; left: 750px;
    margin: 0;
    padding: 10px 0 0 20px;
    color: #FFFFFF;
    
}
#content div.navigationCol { float: left;  }
#content div.navigationCol .innerDiv .boxHeadline { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a:hover { color: #6aacda; font-size: 0.7em; text-decoration: none; background-color: transparent;}
/* Bühnennavigation neu */
/* Breite für IE < 7 korrigieren */
/*
* html #content div.navigationCol { width: 217px; margin-left: -3px; }
#content div.navigationCol .innerDiv {
    margin: 0;
    padding: 10px 0 0 20px;
    color: #FFFFFF;
    
}
#content div.navigationCol { background-image: url(); }
#content div.navigationCol .innerDiv .boxHeadline { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a:hover { color: #6aacda; font-size: 0.7em; text-decoration: none; background-color: transparent;}
*/
/* 3. Startbox aber ohne Hintergrundbild, beinhaltet Image */
.startBoxImageHolder {
    position: relative;
    margin-bottom: 27px; 
    display: block;
}
#mainCol div.outerBox {
    margin-left: -10px;
}
/* Box - Ende */ 
/* Weitere Boxen */
div.warning,
div.error {
    border: 2px solid #F99898;
    padding: 0.5em;
    font-size: 75%;
    margin-bottom: 10px;
    background-color: #FCF3F3;
}
div.specialBox {
    background: #F3F3F3;
    padding: 1em 1em;
    display: block;
}
div.specialBox div.boxHeadline { color: #CC0000; }
div.specialBox img { display: block; padding-right: 10px; }
div.specialBox .title { display: block; color: #013476; font-weight: bold; font-size: 140%; }
div.serviceBox,
div.serviceBox a {
    background-color: #FFFFFF;
}
/* Seitenende */
#pageend {
    float: none;
    clear: both;
    display: block;
    height: 30px;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    text-align: right;
    margin-right: 22px;
}
/* Seitenende - Ende */
/* HEADER */
#header {  }
#header #menuLine1 { height: 22%; min-height: 27px; display: block; background: transparent url(/SID-F594C965-E59E2F16/images/header/darkblue_bg.gif); }
#header #menuLine2 { height: 33%; min-height: 40px; display: block; background: transparent url(/SID-F594C965-E59E2F16/images/header/stripe_enke_bg.gif); }
#header #menuLine3 { height: 45%; min-height: 54px; display: block; background-color: #FFFFFF; position: relative;}
#header #menuLine1 .innerMenuLine,
#header #menuLine2 .innerMenuLine,
#header #menuLine3 .innerMenuLine { 
    height: 100%; 
    padding-right: 22px;
}
#header #menuLine1 .secondMenuLine,
#header #menuLine2 .secondMenuLine,
#header #menuLine3 .secondMenuLine { 
    padding-left: 40px; 
    height: 100%;
    background: transparent url(/SID-F594C965-E59E2F16/images/header/stripe_darkblue_side.gif) 0 0 repeat-y;  
}
#header #menuLine2 .secondMenuLine{ background-image: url(/SID-F594C965-E59E2F16/images/header/stripe_enke_side.gif); }
#header #menuLine3 .secondMenuLine { background-image: url(/SID-F594C965-E59E2F16/images/header/stripe_white_side.gif); background-color: #FFFFFF; 
height: 54px; }
    
#header #menuLine1 .innerMenuLine,
#header #menuLine1 .innerMenuLine a  {
    background: transparent url(/SID-F594C965-E59E2F16/images/header/darkblue_bg.gif);
    color: #FFFFFF;
    line-height: 2.2em;
    text-decoration: none;
    text-align: right;
    font-size:12px;
}
#header #menuLine1 .innerMenuLine a:hover  {
    text-decoration: underline;
}
#header #menuLine2 
{ 
    height: 40px; 

    
}
 #logo {
    margin-left: 22px;
    margin-top: 5px;
    margin-right:22px;
    height:30px
    
    
}
 .shade_bottom
{
  clear: both;
    background: transparent url(/SID-F594C965-E59E2F16/images/header/stripe_shade_bottom.gif) 0 0 repeat-x;
    height: 10px;
}
.shade_left {
    background: url(/SID-F594C965-E59E2F16/images/header/stripe_shade_side.gif) 0 0 no-repeat;
     height: 10px;
    width: 40px;
    float: left;

}

#portalStatus {
    float: right;
    text-align: left;
    vertical-align: middle;
    padding-top: 18px;
    
}
 

/* HEADER - ende */
/* Min- /Max-Werte */
#header #menuLine1 .innerMenuLine,
#header #menuLine2 .innerMenuLine,
#header #menuLine3 .innerMenuLine,
#pageend { 
    min-width: 918px; /* Im Header -40px Rand links und 22px Padding rechts */ 
    width: auto;
}
/* SPEZIALLAYOUTS */
/*
 * Layout: A1
 * Breite linke Seite: 300px + 40px Rand 
 * Breite Content-Bereich: 900px + 40px Rand links + 22px Rand rechts
 */
.a1 #middle   { width: auto; border: 0px dotted red; }
.a1 #content  { width: 962px; min-width: 962px; margin-left: 0; border: 0px dotted red; }
.a1 #mainCol  { width: 560px; float: left; }
.a1 #rightCol { width: 300px; margin-left: 600px; }
.a1 #footer  { width: 962px; min-width: 962px; }
/* 
 * Layout: B1 
 * Breite linke Seite: 220px + 40px Rand 
 * Breite Content-Bereich: 680px + 60px Rand links + 22px Rand rechts
 */
.b1 #middle { width: 1064px; border: 0px solid #000;}
.b1 #left { width: 260px; min-width: 260px; }
.b1 #content { width: 680px; min-width: 782px; margin-left: 260px; border: 0px dotted red; }
.b1 #mainCol { width: 440px; float: left; }
.b1 #rightCol { width: 220px; margin-left: 440px; padding-left: 20px; }
.b1 #rightCol .outerBox { margin-left: -10px; }
.b1 #mainCol2 { width: 680px; float: left;}

/* Sonstiges */
/* Abstandhalter */
.spacer_5  { height: 5px; }
.spacer_10 { height: 10px; }
.spacer_15 { height: 15px; border:1px solid #000;}
.spacer_20 { height: 20px; }
.wrapper_5  { padding: 5px; }
.wrapper_10 { padding: 10px; }
.wrapper_15 { padding: 15px; }
.wrapper_20 { padding: 0 0 0 20px; }
.wrapper_30 { margin: 0 0 0 30px; }
/* Spalten und Reihen */
div.row { width: 100%; clear: both; float: none; overflow: hidden; margin-top: 1em; }
div.row img {padding-right: 10px; }
/* für Startseite */
div.twoColsStart { float: left; width: 440px; margin: 0 20px 0 0;}
div.twoColsSecondStart { float: left;  width: 220px;}
/* für Startseite */

div.twoCols { float: left; width: 330px; margin: 0 20px 0 0;}
div.twoColsSecond { float: left;  width: 330px;}
div.threeCols { float: left; width: 33%; }
div.threeColsLast { width: auto; }
div.threeCols { float: left; width: 33%; }
div.threeColsLast { width: auto; }
div.section {  
    margin-top: 1em;
    padding-top: 0.8em;
    border-top: 1px solid #D1D1D1;
    font-size: 0.75em;
}
/* Transparente Elemente */
.transparent {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 5.5-7 */
   filter: alpha(opacity=50); /* IE 4-5 */
   zoom: 1; /* setzt die "has layout" Regel für IE in Kraft */
   -moz-opacity: .5; /* Netscape Navigator 6-7, Mozilla 1.x, Firefox 0.8 */
   -khtml-opacity: .5; /* Konqueror, Safari 1.x */
   opacity: .5; /* CSS 3 Syntax */
}
/* 
 * Ergänzt:
 * Erstes Element einer Seite benötigt kein top-margin */
#firstElement {
    margin-top: 0em !important;
    padding-top: 0 !important;
}