/*=====================================================================*/
/*==          Bildschirm - CSS made by media-konzept.ch              ==*/
/*==-----------------------------------------------------------------==*/
/*==  Copyright: 2010 Almodobar Zürich / Zug                         ==*/
/*==  Author   : media-konzept kuster, CH-5430 Wettingen             ==*/
/*==             Felix Kuster, Lea Moser                             ==*/
/*==-----------------------------------------------------------------==*/
/*== Erste Version : 25.05.2010 Felix Kuster                         ==*/
/*== Aenderungen   : tt.mm.jjjj was wurde geaendert + Name           ==*/
/*==               : tt.mm.jjjj was wurde geanedert + Name           ==*/
/*=====================================================================*/


/*--------------------------------------------------------------------*/
/*------------------     Allgemeine Definitionen      ----------------*/
/*--------------------------------------------------------------------*/

* {  /* Gillt für Alle IE's  */
    margin:0;
    padding:0;
}

html
{
  padding:0px;
  margin:0px;
  border:0px;
}

body
{
   background-color:#000;
   /* color:#444547;*/
   color: #000;
   margin:0px;
   padding:0px;
   font-family: 'Arial Black', sans-serif;
   font-size:16px;
   
}



.clear_float  {  clear:both;  }

/*--------------------------------------------------------------------*/
/*------------------         Farbdefinitionen         ----------------*/
/*--------------------------------------------------------------------*/


.gelb       {color: #ffcc00;}
.orange     {color: #ff8100;}
.rot        {color: #ff0000;}
.violet     {color: #a5027d;}
.blau       {color: #006ab3;}
.gruen      {color: #009036;}
.grau       {color: #dbdbdb;}
.dunkelgrau {color: #9e9e9e;}

/*--------------------------------------------------------------------*/
/*------------        Diverse Text Definitionen           ------------*/
/*--------------------------------------------------------------------*/

a   {  text-decoration:none;  border:0;  outline-style:none;  outline-width:0;  }
a img {text-decoration: none; border: 0; outline-style: none; outline-width: 0;}

a:link    {color: #b4b4b4;}
a:active  {color: #ff5400;}
a:visited {color: #b4b4b4;}
a:hover   {color: #ff5400;}

h1 {font-size: 26px; color: #444547;}
h2 {font-size: 16px; color: #bbbbbb;}
h3 {font-size: 22px;}
h4 {font-size: 22px;}
h5 {font-size: 22px;}
h6 {}

.outlink
{
  line-height:22px; /* Wegen IE7 sonst wird border-bottom nicht angezeigt */
  /*border-bottom: 1px solid #E11425;*/
  padding-left: 15px;
  background-image: url("../upload/layout/link_2.png");
  background-repeat: no-repeat;
  background-position: left;
}

.inlink
{
  line-height:22px; /* Wegen IE7 sonst wird border-bottom nicht angezeigt */
  /*border-bottom: 1px solid #E11425;*/
  padding-left: 15px;
  background-image: url("../upload/layout/link_4.png");
  background-repeat: no-repeat;
  background-position: left;
}


/*--------------------------------------------------------------------*/
/*------------------        Raumaufteilung           -----------------*/
/*--------------------------------------------------------------------*/

#arbeitsflaeche
{
  width:1108px;
  margin: 0 auto;
  margin-top:0px;
  border:0;
}

#contentbereich 
{
    margin-top: 30px;
    
}

/*------------------        für Startseite           -----------------*/

#balken_l
{
    width: 20px;
    height: 700px;
    background-color: #ff0000;
    float: left;
}
#balken_l2
{
    width: 20px;
    height: 700px;
    background-color: #ffde13;
    float: left;
}

#mitte
{
    width: 1068px;
    height: 700px;
    float: left;
}

#balken_r
{
    width: 20px;
    height: 700px;
    background-color: #ff8100;
    float: left;
    
}

#auswahl
{
    width: 1108px;
    height: 60px;
    margin-top: -750px;
    position: absolute;
}

#zuerich
{
    width: 237px;
    height: 100px;
    margin-left: 40px;
    background-image: url("../upload/buttons/zuerich2.png");
    background-repeat: no-repeat;
    float: left;
}
#baden
{
    width: 226px;
    height: 100px;
    margin-left: 10px;
    background-image: url("../upload/buttons/baden2.png");
    background-repeat: no-repeat;
    float: left;
}

#zug
{
    width: 140px;
    height: 100px;
    margin-left: 10px;
    background-image: url("../upload/buttons/zug2.png");
    background-repeat: no-repeat;
    float: left;
}

/*------------------        für Seiten Zürich           -----------------*/

#inhalte_zuerich
{
    width: 1088px;
    height: 700px;
    float: left;
    
}

#navi_zuerich
{
    width: 1088px;
    height: 35px;
    background-color: #969696;
}

#content_zuerich
{
    width: 1088px;
    height: 665px;
    
}

/*------------------        für Seiten Zug           -----------------*/

#inhalte_zug
{
    width: 1088px;
    height: 700px;
    float: left;
}

#navi_zug
{
    width: 1088px;
    height: 35px;
    background-color: #969696;
    
}

#content_zug
{
    width: 1088px;
    height: 665px;
}

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

#fusslogo {
    margin-left: 850px;
    margin-top: -30px;
    position: absolute;
}

#fusszeile
{
    height: 20px;
    margin-top: 5px;
    margin-left: 20px;
}



#fusszeile {width: 1108px;}
#addThis {margin-right: 20px; float: left;}
#footnotes {color: #dbdbdb; font-size: 10px; }
#footnotes a {color: #dbdbdb;}
#footnotes a:hover {color: #ff5400;}

/*--------------------------------------------------------------------*/
/*------------------        Hauptnavigation          -----------------*/
/*--------------------------------------------------------------------*/

.navi_box {padding-top: 3px; padding-left: 10px;}

.main_navi_item {margin-right: 28px; float: left;}
.main_navi_item_selected { margin-right: 28px; float: left;}
.main_navi_between {}

a.main_navi {font-size: 22px;}
a.main_navi:visited {font-size: 22px;}
a.main_navi:hover {font-size: 22px;}
a.main_navi:active {font-size: 22px;}

/*--------------------------------------------------------------------*/
/*------------------    Inhalte / Transparente Hintergründe   --------*/
/*--------------------------------------------------------------------*/


#vorhang_links {
    width: 350px; 
    margin-top: 35px; 
    margin-left: 30px;
    padding: 20px;
    float: left;
    /*overflow: hidden;*/
    }

#vorhang_rechts {
    width: 460px; 
    margin-top: 35px; 
    margin-left: 150px;
    padding: 20px; 
    float: left;
    /*overflow: hidden;*/
}

#vorhang_gross {
    width: 420px; 
    margin-top: 35px; 
    margin-left: 30px;
    padding: 20px; 
    float: left;
    /* float: left;*/
    /*overflow: hidden;*/
}
.vorhang_inhalt_1 {width: 310px; display: block;}
.vorhang_inhalt_2 {width: 420px; display: block;}
.vorhang_inhalt_gross {width: 380px; display: block;}