/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Screen layout for YAML examples
* (de) Bildschirmlayout für YAML-Beispiele
*
* @copyright Copyright 2005-2009, 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
* @revision $Revision: 430 $
* @lastmodified $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $
*/
@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
*/
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting YAML's basic layout elements
* (de) Gestaltung des YAML Basis-Layouts
*/
/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body { background: #FFF url("../../images/grau.jpg") repeat-x top left fixed; margin: 0px 20px 0px 20px; }
/* (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; }
/* (en) Layout: width, background, borders */
/* (de) Layout: Breite, Hintergrund, Rahmen */
.page_margins { background: #EFEFEF; }
.page { padding: 0px;}
/* (en) Designing main layout elements */
/* (de) Gestaltung der Hauptelemente des Layouts */
/*--------------Banner---------------------*/
#header {
margin-left: -20px;
margin-right:-20px;
/* width:100%; */
/* height:113px; */
background: url("../../images/bg_header_neu1.gif") repeat-x left top;
position:relative;
font-family: Arial;
font-variant: small-caps;
font-size: 100%;
font-weight: bold;
padding: 73px 20px 0px 0px;
}
.header_links {
position: absolute;
top: 0;
left: 20px;
z-index: 99;
}
.header_rechts {
position: absolute;
top: 0;
right: 21px;
padding: 0px 0px 0px 0px;
z-index: 100;
}
/* (de) Anpassung des Printlogos oben rechts */
.printlogo {
position: absolute;
top: 0px;
right: 25px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #000000;
height:50px;
z-index: 10; /*kleiner Index - nur beim Drucken sichtbar */
}
.titel { width:700px;
margin-left: 190px;
padding-top: 10px;
margin-right: -1000px;
}
.untertitel
{ width:700px;
margin-left: 190px;
margin-right: -1000px;
}
.clear {clear:left;
}
/*-------------Ende Banner------------------*/
#header h1 {
font-weight:bold;
font-size: 300%;
letter-spacing:0px;
line-height:65%;
/*color:#18719C;*/
color:#efefef;
}
#header span { color:#999; }
/* (de) Anpassung der Adresse oben rechts */
#adresse {
margin-top: -20px;
margin-right:10px;
margin-left:-400px;
position:relative; /*für Link wichtig*/
z-index:96;
font-family: Arial;
font-variant: small-caps;
font-size: 100%;
font-weight: bold;
color: #7f7f7f; background: transparent;
}
/* (de) Anpassung der Navigation oben rechts */
#topnav {
margin-top: 30px;
margin-right:10px;
position:relative; /*für Link wichtig*/
font-family: Arial;
font-variant: small-caps;
font-size: 100%;
font-weight: bold;
color: #7f7f7f; background: transparent;
}
/* (de) Anpassung der Navigation oben links */
#nav { position:relative; /*für Link wichtig*/
margin-left: 0px;
margin-right:0px;
z-index:95;
}
#nav ul { position:relative;
margin-left: 220px;
margin-right:-1000px;
}
#main {
background: #EFEFEF;
padding:3px 0 0 0; } /* Hintergrund oben - rechts - unten - links */
#footer {
color:#666;
background: #f9f9f9;
padding: 0px 0px 0px 0px;
border-top: 5px #efefef solid;
line-height: 1.5em;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header |
* |-------------------------------|
* | #col1 | #col3 | |
* | 220px | flexible | |
* |-------------------------------|
* | #footer |
* |-------------------------------|
*/
#col1 {
width: 220px;
margin-top: -5px;
}
#col1_content { padding: 10px 10px 10px 10px; }
#links_oben {
/*background: url("../../images/blau1_f1.jpg") repeat-x;*/
padding-top:2px;
padding-left:0px;
padding-right:20px;
padding-bottom:5px;
font: normal 13px verdana, sans-serif;
text-align:right;
font-weight: bold;
color: #CC0033;
margin-right:-10px;
}
#links_unten {
margin-top:10%;
margin-left:-20px;
padding-top:2px;
padding-left:30px;
padding-right:10px;
padding-bottom:15px;
font: normal 11px/18px verdana, sans-serif;
margin-right: -10px;
height: 90px;
}
#col3 { margin-top: 10px;
margin-left: 220px;
margin-right: 10px;
margin-bottom: 25px;
background: #FFFFFF; /* Hintergrund des Inhaltsbereiches */
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-top-color: #AFAFAF;
border-left-color: #AFAFAF;
border-bottom-color: #AFAFAF;
border-right-color: #AFAFAF;
}
#col3_content { padding: 5px 10px 25px 10px;
}
/**
* -------------------------------------------------------------------------------------------------
*
* 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: 0px 0;
text-decoration:none;
}
}