/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Screen layout for YAML examples
* (de) Bildschirmlayout für YAML-Beispiele
*
* @copyright Copyright 2005-2010, Dirk Jesse
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link http://www.yaml.de
* @package yaml
* @version 3.2.1
* @revision $Revision: 1.5 $
* @lastmodified $Date: 2010/07/19 13:15:44 $
*/
@media screen, projection
{
/**
* (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
* (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
*
* @workaround
* @affected IE8, FF, Webkit, Opera
* @css-for all
* @valid CSS3
*/
body { overflow-y:scroll; }
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting YAML's basic layout elements
* (de) Gestaltung des YAML Basis-Layouts
*/
/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
html, body, .page_margins { height: 100%; }
body { background:#fff; padding:10px 0; padding: 0; margin: 0; }
/* (en) Centering layout in old IE-versions */
/* (de) Zentrierung des Layouts in alten IE-versionen */
body { text-align:center; }
.page_margins { text-align:left; margin:0 auto; }
body > .page_margins { height: auto; min-height: 100%; overflow: hidden; }
/* (en) Layout:width, background, borders */
/* (de) Layout:Breite, Hintergrund, Rahmen */
.page_margins { min-width:970px; max-width:970px; background:#fff; }
.page { padding: 0 0 85px 0; }
/* (en) Designing main layout elements */
/* (de) Gestaltung der Hauptelemente des Layouts */
#topnav { color:#aaa; background:transparent; font-size: 10px;}
/* (de) Reste des Naviagtionsbausteins */
div.hlist { border: 0; background: none; }
div.hlist ul.float-right { float: right;}
div.hlist ul { border: 0; }
div.hlist ul li { border: 0; }
div.hlist ul li a { font-weight: normal; font-size: 0.92em; }
/* (en) adjustment of main navigation */
/* (de) Anpassung der Hauptnavigation */
#nav { background: #F6F6F6 url(../../images/head_bg.png) 0 -38px repeat-x; }
#nav ul li { border-left: 1px solid #cfd1d0; }
#nav ul li.first { border-left: 0; }
#nav ul li.last { border-right: 1px solid #cfd1d0; }
#nav ul li a { color: #28265E; margin: 0 1px 0 0;padding: 9px 10px 7px 10px; }
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active,
#nav ul li a.active { background: transparent url(../../images/nav_li_active_bg.png) repeat-x; }
/* (en) adjustment of second navigation */
/* (de) Anpassung der Unternavigation */
#nav2 { background: #F6F6F6 url(../../images/head_bg.png) 0 -66px repeat-x; clear: both; }
#nav2 ul li a { color: #585858; margin: 10px 0px 7px 0; padding: 0 11px; border-right: 1px solid #585858;}
#nav2 ul li.last a { border-right: 0; }
#nav2 ul li.left a { border-left: 1px solid #585858; }
#nav2 ul li a:hover,
#nav2 ul li a:focus,
#nav2 ul li a:active,
#nav2 ul li a.active { text-decoration: underline; color: #000; background: none; }
#main { background:#fff; margin:10px 0; }
#footer {
position: relative;
height: 50px;
clear: both;
margin: -75px auto 0; /* negative value of footer height (includes paddingen and border) */
width: 930px; /* width of the page_margins width */
text-align: left;
color:#666;
background:#f9f9f9;
padding:10px 20px;
border-top:5px #efefef solid;
line-height:1.5em;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header |
* |-------------------------------|
* | #col1 | #col3 | #col2 |
* | 25% | flexible | 25% |
* |-------------------------------|
* | #footer |
* |-------------------------------|
*/
#col1 { width:200px; }
#col1_content { padding:0 0 10px 0px; }
#col2 { width:184px; border-left: 1px solid #ADAEB0; background: #F6F6F6; }
#col2_content { padding:10px; }
#col3 { margin:0 184px 0 0; }
#col3_content { padding:0 25px 10px 0px; }
/**
* ------------------------------------------------------------------------------------------------- #
*
* (en) Styling of layout specific elements
* (de) Gestaltung layoutabhängiger Elemente
*/
#header h1 {
text-indent: -999em;
width: 200px;
height: 38px;
background: transparent url(../../images/logo.png) 0 0 no-repeat;
}
#header { background: #fff url(../../images/head_bg.png); height: 38px;}
#header span { color:#999; }
#topnav a { color:#28265E; font-weight:normal; background:transparent; text-decoration:none; padding: 0 10px 0 8px; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active { color: #444444; text-decoration:none; background-color:transparent; }
#footer a { color:#999; background:transparent; font-weight:bold; }
#footer a:focus,
#footer a:hover,
#footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline; }
/**
* ------------------------------------------------------------------------------------------------- #
*
* Skiplinks
*
* (en) Visual styling for skiplink navigation
* (de) Visuelle Gestaltung der Skiplink-Navigation
*
* @section content-skiplinks
*/
#skiplinks a.skip:focus,
#skiplinks a.skip:active {
color:#fff;
background:#333;
border-bottom:1px #000 solid;
padding:10px 0;
text-decoration:none;
}
/**
* @section subtemplates
* @see http://www.yaml.de/en/documentation/practice/subtemplates.html
*/
.c15l, c20l, .c80l, .c85l { float:left; }
.c15r, c20r, .c80l, .c85r { float:right; }
.c15l, .c15r { width:15%; }
.c20l, .c20r { width:20%; }
.c80l, .c80r { width:80%; }
.c85l, .c85r { width:84.9%; }
/**
* @section sidebar
*/
#col2_content > div {
border-bottom: 5px solid #E1E2E3;
padding-bottom: 5px;
margin-bottom: 10px;
}
#col2_content h2 {
font-size: 130%;
color: #BFBFBF;
}
#col2_content form.yform { border: 0; padding: 0; }
#col2_content .yform .type-text input,
#col2_content .yform .type-text textarea { width: 93%; }
#col2_content .tx-jkpoll-pi1 dl,
#col2_content .tx-jkpoll-pi1 dd { margin-left: 0; }
}
/* Loginausklapper */
.loginmenue {position: relative;}
.loginmenue #loginpanel {display: none; position: absolute; left: 0; top: 20px; z-index: 900; background-color: red; width: 300px; height:400px;}
.loginmenue li:hover #loginpanel {display: block;}
#nav, .loginmenue, .loginmenue LI {overflow: visible!important;}
/* Force visibility */
#nav, #nav_main { position:relative !important; overflow:visible !important; z-index:888; }
@media screen, projection
{
/* IE all: hover link margin bug */
html ul.sf-js-enabled li {
display:inline !important;
zoom:1 !important;
}
html ul.sf-js-enabled li:hover {
/* fix for sticky bug in IE7 */
visibility:inherit;
}
}