@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Template for designing a screen layout
* (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
*
* @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:392 $
* @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 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
*/

body { overflow-y:scroll; }

/*------------------------------------------------------------------------------------------------------*/

/**
* Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
*
* @section layout-basics
*/

/* Page margins and background | Randbereiche & Seitenhintergrund */
body, html {

}

body {

}

/* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
.page_margins {
    width: 970px;
    margin: 0 auto;
}
.page{
    background-image: url(../../images/page_bg.jpg);
    background-position: top left;
    background-repeat: repeat-x;
}

/* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
#header {
    background-image: url(../../images/header_bg.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    height: 204px;
}
#header .page_margins {
    height: 100%;
}
#header .header_content {
    background-image: url(../../images/header_content_bg.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
}
#header #topnav {
    right: 0px;
    top: 1em;
}
#header .header_content .header_logo {
    padding: 50px 0 0 50px;
    
}

#header .header_content #zonos_label {
    position:absolute;
    bottom: 0px;
    right: 10px;
    width: 260px;
    height: 113px;
    background-image:url(../../images/col1_bg_header.png);
    background-position:center bottom;
    background-repeat: no-repeat;
    font-size: 0.9em;
}

#header .header_content #zonos_label .zonos_label_content {
    padding:1.5em 2em;
}

#nav {
    height: 42px;
    background-image:url(../../images/nav_bg.png);
    background-position: top left;
    background-repeat:repeat-x;
}

#main {
}
#main .rightcol_background {
    background-image: url(../../images/col1_bg_middle.png);
    background-position: 700px 15px;
    background-repeat: repeat-y;
    
}
#main .rightcol_background_bottom {
    background-image: url(../../images/col1_bg_bottom.png);
    background-position: 700px 0px;
    background-repeat: no-repeat;
    display: block;
    height: 10px;
    
}
#footer {
    margin-left: 50%;
    margin-top: 1em;
    margin-bottom: 1em;
}

#footer .footer_border {
    border-top-color: #6F7072;
    border-top-style: solid;
    border-top-width: 1px;
}
#footer .footer_border .page_margins_half {
    width: 485px;
}

#footer .footer_border .page_margins_half .footer_content {
    font-size: 0.8em;
    text-align: right;
    margin-right: 10px;
    padding: 0.5em 1.5em;
}
/*------------------------------------------------------------------------------------------------------*/

/**
* Formatting of the Content Area | Formatierung der Inhaltsbereichs
*
* @section layout-main
*/

#col1 {
    display:none;
}
#col1_content {  }

#col2 {
    float:right;
    width: 260px;
    margin-right: 10px;
}
#col2 .bg_top {
    background-color: #fff;
    background-image: url(../../images/col1_bg_top.png);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
}
#col2_content {
    padding: 1em 2em;

}

#col3 { 
    margin-left:0;
    margin-right:270px;
}
#col3_content {
    padding: 2em;
}


/*------------------------------------------------------------------------------------------------------*/

/**
* Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
*
* @section layout-misc
*/

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

/**
* ------------------------------------------------------------------------------------------------- #
*
* 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;
}  
}