/*______________________________________*/
/*___SCREEN_____________________________*/
/*___Relaunch_Website_SLT_nach_BITV_____*/
/*___zistel@webit.de____________________*/
/*___November_2007_-_25.06.2009_10:15___*/
/*______________________________________*/

@import url(/assets/slt/gen/css/content.css);
@import url(/assets/slt/gen/css/color.css);

/*
- WRAPPER
- SKIPLINKS
- HEADER
- LOGO
- SERVICE
  LANG
  FONT-SIZE
  META-NAVIGATION
- SEARCH
- NAVIGATION
  FIRST-NAV
  SECOND-NAV
- CONTENT
  FIRST-CONTENT
  SECOND-CONTENT
*/

html,
body {
    height: 100%;
    }
body {
    background-color: #F0F0ED;
    }

/*______________________________________________________________________________________WRAPPER___*/

#wrapper {
position: relative;
    min-width: 59.6em;/* 776px */
    *min-width: 58.13em;
    max-width: 76.54em;/* 995px */
    *max-width: 74.64em;
    min-height: 100%;
    background-color: White;
    margin: 0 auto;
    }
* html #wrapper {
    width: 74.64em;
    /* width: expression(document.body.clientWidth < 778? "58.13em" : document.body.clientWidth > 997? "74.64em" : "auto"); */
    width: expression(document.body.clientWidth > 997? "74.64em" : "auto");
    height: 100%;
    }

/* CLEARFIX */

#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
    }
*+html #wrapper {
    overflow: hidden;
    }
* html #wrapper {
    display: inline-block;
    }

/*____________________________________________________________________________________SKIPLINKS___*/

p#skiplinks {
    position: absolute;
    top: 0;
    left: -3000px;
    z-index: 100;
    }
p#skiplinks a:active,
p#skiplinks a:focus {
    position: absolute;
    top: 4px;
    left: 3004px;
    display: block;
    text-align: center;
    color: Black;
    font-size: 95%;
    *font-size: 90%;
    font-weight: bold;
    line-height: 25px;
    padding: 0 24px 4px;
    background-color: White;
    text-decoration: none;
    white-space: nowrap;
    }

/*_______________________________________________________________________________________HEADER___*/

#header {
    margin: 0 4px;
    padding-top: 4px;
    }
/* CLEARFIX */
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
    }
*+html #header {
    overflow: hidden;
    }
* html #header {
    display: inline-block;
    }

/*_________________________________________________________________________________________LOGO___*/

p#logo {
    position: absolute;
    left: 4px;
    top: 4px;
    }
p#logo img {
    display: block;
    }
p#logo a img {
    position: absolute;
    left: -500em;
    }
p#logo a {
    color: White;
    display: block;
    overflow: hidden;
    background: url(/assets/slt/gen/img/bas/btn.gif) no-repeat -27px;/* IE: aktiver Linkbereich */
    position: absolute;
    }

/*______________________________________________________________________________________SERVICE___*/

#service {
position: relative;
    margin-left: auto;
    border: 1px solid #D8D8D8;
    background-color: White;
    width: 216px;
    }

/*_______________________________LANG___*/

form#lang p {
    margin: 20px 12px 0;
    font-size: 85%;
    line-height: 1.5;
    }
form#lang label {
    display: block;
    width: 6.4em;
    float: left;
    margin-right: 8px;
    *margin-right: 5px;
    }
* html form#lang label {
    margin-right: 2px;
    }
form#lang select {
    font-size: 100%;
    min-width: 81px;
    *width: 80px;
    cursor: pointer;
    position: relative;
    top: -6px;
    *top: -4px;
    }
body.dom form#lang select {
    position: static;
    }
html >/**/body form#lang option {
    padding-right: 6px;
    }
form#lang input {
    border: 1px solid #7F7F7F;
    margin-left: 4px;
    }
html >/**/body form#lang input {
    position: relative;
    top: -1px;
    }
html >/**/body body.dom form#lang input {
    position: static;
    }

/*__________________________FONT-SIZE___*/

p#font-size {
    margin: 11px 12px 0;
    font-size: 85%;
    line-height: 1.5;
    }
p#font-size span {
    position: absolute;
    left: -500em;
    }
p#font-size em,
p#font-size a,
p#font-size img {
    display: block;
    }
p#font-size em,
p#font-size a {
    float: left;
    }
p#font-size em {
    font-style: normal;
    margin-right: 8px;
    position: relative;
    top: 1px;
    }
p#font-size a {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: 1px solid #7F7F7F;
    }
p#font-size img {
    display: block;
    }
/* CLEARFIX */
p#font-size:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
    }
*+html p#font-size {
    overflow: hidden;
    }
* html p#font-size {
    display: inline-block;
    }

/*____________________META-NAVIGATION___*/

#service ul {
    margin: 26px 12px 0;
    /* _margin-right: 11px;
    _margin-left: 9px; */
    border-top: 1px solid #D8D8D7;
    padding: 18px 0 12px;
    }
#service li {
    display: block;
    float: left;
    font-size: 85%;
    line-height: 1.6;
    margin-right: 4px;
    _margin-right: 2px;
    }
html >/**/body #service li span {
    /* padding-left: 4px; */
    }
#service ul strong {
    font-weight: normal;
    }
#service ul a {
    color: #656565;
    }
#service ul a:hover,
#service ul a:active,
#service ul a:focus {
    text-decoration: none;
    background-color: #DFDED9;
    }
/* CLEARFIX */
#service ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
    }
*+html #service ul {
    overflow: hidden;
    }
* html #service ul {
    display: inline-block;
    }

/*_______________________________________________________________________________________SEARCH___*/

form#search {
    width: 218px;
    float: right;
    background-color: #DFDED9;
    margin-top: 1px;
    }
* html form#search {
    margin-left: -3px;
    }
form#search p {
position: relative;
    font-size: 85%;
    padding: 7px 0 8px 13px;
    *padding-top: 6px;
    *padding-bottom: 7px;
    }
form#search label {
    display: block;
    }
/* Button */
form#search input {
    border: 1px solid #5A5A5A;
    position: absolute;
    right: 13px;
    bottom: 8px;
    }
form#search input#suchbegriff {
    position: static;
    font-size: 100%;
    padding: 2px 0 2px 3px;
    width: 160px;
    margin-right: 4px;
    *margin-right: 8px;
    }

/*___________________________________________________________________________________NAVIGATION___*/

/*___FIRST-NAVIGATION___________________*/

#first-nav {
    margin-top: 1px;
    margin-right: 219px;
    }
#first-nav h2 {
    position: absolute;
    left: -500em;
    }
#first-nav ul {
    background: url(/assets/slt/gen/img/bas/separator_nav.gif) repeat-x;
    /* clearfix */
    overflow: hidden;
    }
#first-nav li {
    list-style-type: none;
    display: block;
    font-size: 95%;
    *font-size: 90%;
    font-weight: bold;
    text-align: center;
    float: left;
    border-bottom: 4px solid #8C8C89;
    margin-right: 1px;
    margin-bottom: 1px;
    }
#first-nav li#nav-service,
#first-nav li#nav-direction {
    margin-right: -1px;
    }
#first-nav strong,
#first-nav a {
    display: block;
    padding: 0 4px;
    background-color: #DFDED9;
    margin-bottom: 1px;
    /* hasLayout */
    zoom: 1;
    }
#first-nav a {
    color: Black;
    text-decoration: none;
    }
#first-nav a:hover,
#first-nav a:active,
#first-nav a:focus {
    text-decoration: underline;
    }
#first-nav strong,
#first-nav strong a,
#first-nav a:hover,
#first-nav a:active,
#first-nav a:focus {
    color: White;
    padding-bottom: 1px;
    background-color: #8C8C89;
    margin-bottom: 0;
    }
#first-nav strong a,
#first-nav strong a:hover,
#first-nav strong a:active,
#first-nav strong a:focus {
    padding-bottom: 0;
    }
#first-nav strong,
#first-nav a:hover {
    margin: 0 -1px 0;
    border-width: 1px;
    border-style: none solid;
    border-width: White;
    }
#first-nav strong a:hover {
    margin: 0;
    border-style: none;
    }

/*___SECOND-NAVIGATION__________________*/

#second-nav {
    margin-left: 4px;
    _margin-left: 2px;
    width: 15.38em;/* 200px */
    *width: 15.03em;
    float: left;
    padding-bottom: 70px;
    }
* html #second-nav {
    margin-right: -3px;
    }
#second-nav ul {
    margin-top: 2.92em;
    border-bottom: 1px solid #DFDED9;
    /* hasLayout */
    zoom: 1;
    }
#second-nav ul ul {
    margin-top: 0;
    border-bottom-style: none;
    border-top: 1px solid White;
    margin-left: -4px;
    border-left: 4px solid #DFDED9;
    padding: 4px 0;
    }
#second-nav li {
    list-style-type: none;
    display: block;
    font-size: 95%;
    *font-size: 90%;
    line-height: 1.5;
    border-left: 4px solid #8C8C89;
    margin-bottom: 1px;
    }
#second-nav ul ul li {
    font-size: 100%;
    border-left-style: none;
    margin-bottom: 0;
    }
#second-nav strong,
#second-nav a {
    display: block;
    color: #656565;
    padding: 6px 8px 7px 28px;
    background: #DFDED9 url(/assets/slt/gen/img/bas/list-item_nav2.gif) no-repeat 14px 1em;
    margin-left: 1px;
    /* hasLayout */
    zoom: 1;
    }
#second-nav a {
    font-weight: bold;
    text-decoration: none;
    }
#second-nav strong a {
    margin: -6px -8px -7px -28px;
    }
#second-nav ul ul strong,
#second-nav ul ul a {
    padding-top: 3px;
    padding-bottom: 4px;
    background-color: White;
    background-image: url(/assets/slt/gen/img/bas/list-item_nav3.gif);
    background-position: 16px .9em;
    }
#second-nav ul ul a {
    font-weight: normal;
    }
#second-nav ul ul strong a {
    font-weight: bold;
    margin-top: -3px;
    margin-bottom: -4px;
    }
#second-nav strong,
#second-nav strong a,
#second-nav a:hover,
#second-nav a:active,
#second-nav a:focus {
    color: White;
    background-color: #8C8C89;
    }
#second-nav strong,
#second-nav strong a,
#second-nav strong a:hover,
#second-nav strong a:active,
#second-nav strong a:focus {
    background-image: url(/assets/slt/gen/img/bas/list-item_nav2-active.gif);
    }
#second-nav a:hover,
#second-nav a:active,
#second-nav a:focus {
    background-image: url(/assets/slt/gen/img/bas/list-item_nav2-hover.gif);
    text-decoration: underline;
    }
#second-nav ul ul strong,
#second-nav ul ul strong a,
#second-nav ul ul a:hover,
#second-nav ul ul a:active,
#second-nav ul ul a:focus {
    color: #656565;
    }
#second-nav ul ul strong,
#second-nav ul ul a:hover,
#second-nav ul ul a:active,
#second-nav ul ul a:focus {
    background-position: 17px .9em;
    }
#second-nav ul ul a:hover,
#second-nav ul ul a:active,
#second-nav ul ul a:focus {
    background-color: White;
    background-image: url(/assets/slt/gen/img/bas/list-item_nav3.gif);
    }
#second-nav strong,
#second-nav a:hover,
#second-nav a:active,
#second-nav a:focus {
    padding-left: 29px;
    background-position: 15px 1em;
    margin-left: 0;
    }
#second-nav strong a:hover,
#second-nav strong a:active,
#second-nav strong a:focus {
    margin-left: -29px;
    }

/*______________________________________________________________________________________CONTENT___*/

#content {
    margin-right: 4px;
    /* clearfix */
    overflow: hidden;
    _display: inline-block;
    }
body#startseite #content {
    margin-left: 4px;
    }

/*___FIRST-CONTENT______________________*/

#wrapper-first-content {
    float: left;
    width: 100%;
    margin-left: -219px;
    }
#first-content {
    padding: 0 33px 55px 34px;
    }
#wrapper-first-content #first-content {
    padding-right: 34px;
    margin-left: 219px;
    }

/*___SECOND-CONTENT_____________________*/

#second-content {
    float: right;
    width: 219px;
    padding-bottom: 40px;
    margin-top: 2em;
    }