﻿@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator     YAML Builder V1.0.1 (http://builder.yaml.de)
 * @file        basemod.css
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
  background: #DEE7EB none; 
  padding: 0 8px 0 8px;
  }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: 987px;  min-width: inherit; max-width: none; background: #fff; } /*nicht mac*/
  
  #header { 
  padding: 45px 2em 103px 20px;
  color: #000; 
  background: #fff; 
  }
   
  #nav 
  {
  overflow:hidden; 
  }
  
  #main 
  { 
  margin: 10px 0 0; 
  background: #fff; 
  }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 
  { 
  float: left; 
  width: 212px;  
  margin:0;
  }
  
  #col2 
  { 
  float: left; 
  width: 571px;  
  margin:0;
  border-left:1px solid #E9E9E8;
  border-right:1px solid #E9E9E8;
  }
  
  #col3 
  { 
  width: auto; 
  margin: 0 0 0 79%;
  } /*Hier nichts floaten!*/

  #col1_content
  {
  padding: 0 10px 0 5px;
  }

  #col2_content
  { 
  padding: 0 24px;
  font-size:12px; /* muss wegen altem NABU Copy/Paste Code rein */
  }
  
  #col3_content 
  { 
  /*padding: 0 17px;*/ /*IE 8 Beta2 Problem */
  padding: 0 17px 0 17px;
  }
    
  #col1.startseite 
  {
  width: 462px;
  }

  #col2.startseite
  { 
  width: 321px;
  }  
  
  #col1.startseite #col1_content 
  { 
  /*padding: 0 20px 0 15px;*/
  padding: 0 15px 0 15px;
  }
  
  #col2.startseite #col2_content 
  {
  padding: 2px 15px 0 15px;
  }

  #col3.startseite #col3_content 
  { 
  /*padding: 2px 10px 0 17px;*/
  padding: 2px 10px 0 17px;
  }
    
  /*-------------------------------------------------------------------------*/

  #page_margins {
    border: 0 none;
  }

  #page {
    border: 0 none;
    margin: 0; padding: 0;
    padding-bottom:4px;
  }


.bluebutton {
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 10px 20px !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    font-weight: bold;

    -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    border-radius: 0.3em 0.3em 0.3em 0.3em;
    -webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    margin: 0 10px;
}

.bluebutton {
    background: #026db5;
    background: -moz-linear-gradient(center top , #47a8ec 25%, #026db5) repeat scroll 0 0 transparent;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.14, #47A7EC),
        color-stop(0.62, #026DB5)
    );

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#47a8ec', endColorstr='#026db5');
    background: -o-linear-gradient(top, #47a8ec, #026db5);

    border-top: 1px solid #5598cc;
    border-left: 1px solid #2580c7;
    border-right: 1px solid #2580c7;
    border-bottom: 1px solid #036eb6;
    color: #FFFFFF;
}

.bluebutton:hover {
    background: -moz-linear-gradient(center bottom , #47a8ec 25%, #026db5) repeat scroll 0 0 transparent;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.26, rgb(71,167,236)),
        color-stop(0.75, rgb(2,109,181))
    );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#026db5', endColorstr='#47a8ec');
    background: -o-linear-gradient(bottom, #47a8ec, #026db5);

    border-top: 1px solid #5598cc;
    border-left: 1px solid #2580c7;
    border-right: 1px solid #2580c7;
    border-bottom: 1px solid #036eb6;
    color: #FFFFFF;
}

.bluebutton:active {
    background: #026db5;
    border: 1px solid #5598cc;
    color: #FFFFFF;
}


}