/* ======================== */

/* Global white space reset */
* {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 0px}
li, dd {margin-left:15px}
fieldset {padding:6px}

/* Undo default HTML styling of common browsers */
a:link, a:visited {text-decoration:none; color:#aaa; font-weight:bold}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none}
ul, ol {list-style:none}
img {border:none}


/* Allgemein: Schrift body, Links im Inhalt */
/* ======================================== */
body
{ 
   font-family: Verdana, Arial, sans-serif;
   margin: 0
}

a:link, a:active, a:visited
{  
   color: #888;
   font-weight: 600;
   letter-spacing: 0.2pt;
}
a:hover
{  
   text-decoration: none;
   color: #990330
}

/* Orientierungsabfrage */
#orient
{
   position: relative;
   top:20px; left:20px;
   border: 1px solid #eee;
   padding: 10px;
   width: 88%;
   height: auto;
   background-color:#eed211;
   font-size: 0.81em;
   line-height: 1.4em;   
   z-index:10;	
   display: block;
}
@media (orientation: landscape) {
#orient
{
   position: relative;
   top:20px; left:20px;
   border: 1px solid #eee;
   padding: 10px;
   width: 88%;
   height: auto;
   background-color:#eed211;
   font-size: 0.81em;
   line-height: 1.4em;
   z-index:10;	
   display: none;
}
}

/* Hauptrahmen */
/* =========== */
#rahmen
{ 
   background-image: url('./images/bgr-d.png');
   background-repeat: repeat
}

/* Ebene "Inhalt" Div und Schriften */
/* -------------------------------- */
#inhalt
{
   position:relative;
   top:0px; left:19%;
   border: 1px solid #eee;
   border-left-color: #595959;
   border-left-width: 3px;
   background-image: url('./images/bgr-l.png');
   background-repeat: repeat;
   width: 60%;
   min-height: 600px;
}

#inhalt p
{
   margin: 0 25px 30px 25px;
   text-align: left;
   font-size: 0.81em;
   line-height: 1.4em;
}
p.twocol
{
	-moz-column-count: 2;  /* Firefox */
	-webkit-column-count: 2;  /* Chrome, Safari, Opera */
	column-count: 2;
    -moz-column-gap: 40px;
 	-webkit-column-gap: 40px;
    column-gap: 40px;
    padding-top: 8px;
}
#inhalt h1
{
   font-size: 1.4em;
   color: #666;
   letter-spacing: 1pt;
   text-align: left;
   margin: 25px
}
#inhalt h2
{
   font-size: 1em;
   text-align: left;
   margin: 25px 25px 0 25px;
   color: #707070
}

#inhalt p.cit
{
   margin: 20px 70px 30px 70px;
   text-align: left;
   font-size: 0.81em;
   line-height: 1.4em;
}
#inhalt td
{
   margin: 0;
   text-align: left;
   font-size: 0.69em;
   line-height: 1.6em;
   padding: 6px 3px 6px 3px;
   border: 0;
}
#inhalt td.red
{
	color: #DD0330;
	font-weight: 600
}

ul.upper
{
   list-style-type: disc;
}
ul.lower
{
   list-style-type: circle;
   margin-top: 5px;
}

/* Page "Leistungen": Divs und Schriften */
/* ===================================== */
#leistg_A
{
   float:left;
   background: none;
   width: 61%;
   min-height: 50px;
   height: 100%;
   border-top-style: dotted;
   border-top-color: #666;
   padding: 2px 0 2px 0;
   margin: 0px 2px 0px 25px;
   text-align: left;
   font-size: 1rem;
   line-height: 1.125rem;
}

#leistg_A li
{
	font-size: 0.81rem;
	line-height: 1.1rem;
}

#leistg_B
{
   position:relative;
   float:right;
   overflow: hidden;
   background: none;
   width: 27%;
   min-height: 50px;
   height: 100%;
   border-top-style: dotted;
   border-top-color: #666;
   padding: 2px 20px 0px 2px;
   margin: 0 20px 0 0;
   text-align: left;
   font-size: 1rem;
   line-height: 1.125rem;
}

#leistg_B p
{
   margin: 0 0px 0px 0;
   text-align: left;
   font-size: 0.81rem;
   line-height: 1.125rem;
}
#leistg_B p.small
{
   margin: 0 0px 30px 0;
   text-align: left;
   font-size: 0.70rem;
   line-height: 1.1rem;
}
#leistg_B p.tab
{
   margin: 0 0px 0px 0;
   text-align: left;
   font-size: 0.7rem;
   line-height: 1.1rem;
}

/* Page "Referenzen": Divs und Schriften*/
/* ==================================== */
#refrz
{
   position:relative;
   background-image: url('./images/bgr-l.png');
   background-repeat: repeat;
   width: 91%;
   min-height: 50px;
   border-bottom-style: dotted;
   border-bottom-color: #666;
   padding: 15px 0 15px 0;
   margin: 0px 20px 0px 25px;
   text-align: left;
   font-size: 0.81rem;
   line-height: 1rem;
}

#refrz p.source
{
   margin: 8px 20px 0px 85px;
   text-align: left;
   font-size: 0.75rem;
   line-height: 0.875rem;
}


/* Formatierung Liftext-Top */
/* ======================== */
#logo_L
{
   margin: 0;
   background: #6f6c6c; 
   height: 150px;
   width: 19%;
   border: 0px solid #eee;
   border-right-color: #595959;
   border-right-width: 3px;
   float:left;
   background-image:url(./images/LogoLiftext.jpg);
   background-repeat:no-repeat;
   background-position: center;
   background-size: 90%; 
}

@media only screen and (min-width: 1024px) {
#logo_L
{
   margin: 0;
   background: #6f6c6c ; 
   height: 150px;
   width: 19%;
   border: 0px solid #eee;
   border-right-color: #595959;
   border-right-width: 3px;
   float:left;
   background-image:url(./images/LogoLiftext.jpg);
   background-repeat:no-repeat;
   background-position: center;
   background-size: 70%;  
}
}

#logo
{
   background: #f2325c; /* Old browsers */
   background: -moz-linear-gradient(top,  #f2325c 0%, #990330 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #f2325c 0%,#990330 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #f2325c 0%,#990330 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2325c', endColorstr='#990330',GradientType=0 ); /* IE6-9 */
   height: 150px;
   overflow: hidden;
}

#logo p
{
   position:relative;
   margin: 0px 25px 30px 25px;
   top:42px; left:3%;
   font-size: 0.78em;
   font-weight: 600;
   color: #FFF;
   letter-spacing: 0.7pt;
   line-height: 1.3em;
   opacity: 0.90;
   max-width: 65%;
}

/* Navigation */
/* ========== */
#navi
{
   background-image: url('./images/lt_bgr_B.png');
   background-repeat: repeat;
   background-color: #ccc;
   color: #333;
   font-size: 1.25em;
}
#navi table
{
   background-color: #6e6e6e; 
   position:relative;
   top:0px; left:19%;
   border-collapse: collapse;
   table-layout: fixed;
   width: 60.3%;
   line-height: 0.81em;
}
#navi td
{
   background-image: url('./images/navi.gif');
   background-size: contain; 
   text-align: center;
   border: 1px solid #595959;
   height: 100%;
}
#navi a
{
   color: #fff;
   text-decoration: none;
   font-size: 0.75rem;
   font-weight: 400;
   display: block;
   padding: 10px 1px 10px 1px; 
}
#navi a:hover
{
   background-image: url('./images/navi_hover.gif');
   background-size: cover; 
   color: #000
}

/* Formatierung Footer */
/* =================== */
#footer_L
{
   margin: 0;
   background: #6f6c6c; 
   background-position: left;
   width: 19%;
   border: 0px solid #eee;
   border-right-color: #595959;
   border-right-width: 3px;
   height: 75px;
   float:left;
}
#footer
{
   margin: 0;
   background: #990330; /* Old browsers */
   background: -moz-linear-gradient(top,  #990330 0%, #f2325c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #990330 0%,#f2325c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #990330 0%,#f2325c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990330', endColorstr='#f2325c',GradientType=0 ); /* IE6-9 */
   background-position: left;
   line-height: 4.5em;
   color: #FFF;
   font-size: 0.75em;
   font-weight: bold;
   height: 75px;
}
#footer a:link
{
    color: #d3d3cd;
    font-weight: 600;
}
#footer a:visited
{
    color: #d3d3cd;
    font-weight: 600;
}

/* Funktion: 'Lösung einblenden' (->Selbsttest)  */
/* ============================================= */

.einblenden
{
   position: absolute;
   top: 25%; left: 80%;
   background: #AA0330;
   width: 70px;
   height: 45px;
   padding: 5px 10px 15px 5px;
   font-size: 0.75em;
   line-height: 1.125em;
   color: #FFF;
}

.einblenden:before
{
   font-size: 0.75em;
   color: #FFF;
}
.einblenden:focus .einblenden-content {
   position: relative;
   top: 10%; left: -1250%;
   background-image: url('./images/Selbsttest-Korrekturtext.jpg');
   background-repeat: no-repeat;
   width: 946px;
   height: 589px;
   padding: 15px 0 15px 0;
   margin: 0px 0px 0px 0px;
   border-style: none;
   visibility: visible;
   opacity: 1;
   transition: opacity 1s;
   z-index: 100;
}
.einblenden-content {
    position: absolute;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
}