/*
    Document   : FrAktion Gesundheit Template / Zweispaltig
    Created on : 01.10.2013, 14:23:40
    Author     : Anja Koehler, Fred Buschkewitz
    Description:
        Purpose of the stylesheet follows.
*/

/*  ------------ ALLGEMEINE DEFINITIONEN -------------*/

*{border:0;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,p,a {color:#677782;font-weight:normal; padding:0; margin:0; border:0;}

body {
    font-family:'frutiger_lt_com55_roman', Helvetica, sans-serif;
    font-size:13px;
    line-height:1.5;
}

body img#background{
  width:100%;
  height:100%;
  position:fixed;
  top:0px;
  left:0px;
  z-index:-1;      
}

#wrapper{
    width:1000px;
    height:800px;
    margin:25px auto;
}

/* ---------- HEADER (LOGO UND NAVIGATION) --------------*/

.logo{ width:50%;margin-bottom:20px;}

.navigation{margin-bottom:-12px; z-index:1;}


/* ---- HAUPTMENU ------- */
.menu {
  margin:30px 0 0 0;
  height:40px;
  font-size:14px;
}


.menu li {
  display:inline;
  height:40px;
  margin-right:5px;
  list-style-type:none;
  float:left;
}

.menu li:first-child{position:relative;left:0;top:-8px;height:30px;}
.menu li:first-child a img{position:relative;left:0;top:5px;}
.menu li a {
  color:#677782;
  text-decoration:none;
  font-family:'frutiger_lt_com55_roman';
  text-align:center;
  padding:12px 17px 10px 17px;
  border-radius:8px 8px 0 0;
  box-shadow:1px -1px 2px grey;
  background: -moz-linear-gradient(top, #ECF1F5, #C2CDD4 );    
  background: -webkit-linear-gradient(top, #ecf1f5, #c2cdd4 );
  background: -ms-linear-gradient(top, #ecf1f5, #c2cdd4 );
  background: -o-linear-gradient(top, #ecf1f5, #c2cdd4 );

/* Verlauf Farbe top: #ecf1f5 /  Verlauf Farbe bottom: #c2cdd4 */
}

.menu li.active a {
  color:#6086a1;
  background:#edf2f5;
  font-family:'frutiger_lt_com67BdCn';
  font-size:15px;
  letter-spacing:0.04em;
}

.menu li.current a {
  color:#6086a1;
  background:#edf2f5;
  font-family:'frutiger_lt_com67BdCn';
  font-size:15px;
  letter-spacing:0.04em;
}

.menu li a:hover {
  color:#6086a1;
  background:#e8eef2;
}


.menu li.current .menu_sub1{display:block;}


/* ----- 1. UNTERMENU ------*/
.menu_sub1 {
  position:relative;
  left:0;
  top:-12px;
  width:1000px;
  height:20px;
  background:#edf2f5;
  border-top:1px solid #edf2f5;
  padding-top:10px;
  padding-bottom:13px;
  z-index:2000;
}

.menu_sub1 li{
  position:relative;
  left:0;
  top:0;
    list-style-type:none;
    display:inline;
    background:#edf2f5;
    font-weight:bold;
    font-size:14px;
    margin-right:5px;
    margin-top:-50px;
    border-left:1px solid #cacfd2;
    padding:3px 20px;
  }

.menu_sub1 li:first-child{border-left:0 none;}

.menu_sub1 li a{
  text-decoration:none;
  color:#677782;
  font-family:'FrutigerLTStdBold';
  padding:20px 5px;
  
}

.menu_sub1 li.current a {color:#6086a1;}
.menu_sub1 li.active a {color:#6086a1;}
.menu_sub1 li a:hover{color:#6086a1;}
.menu_sub1 li ul{display:none;}
.menu_sub1 li:hover ul{
  display:block;
  width:170px;
  height:auto;
  border:1px solid #cacfd2;
  border-top:0 none;
  position:absolute;
  top:33px;
  left: 0;
  z-index:1000;
  background:#edf2f5;
}

.menu_sub1 li:first-child:hover ul{border-left:0 none;}

.menu_sub1 li ul li{
  display:block;
  margin:5px;
  padding:0px 15px 8px 15px;
  border:0 none; 
}


.menu_sub1 li.active ul li a{color:#677782;}
.menu_sub1 li ul li a{color:#677782; font-family:'FrutigerLTStdBold';}
.menu_sub1 li ul li.current a {color:#6086a1;}
.menu_sub1 li ul li a:hover{color:#6086a1;}


#slogan{
  float:right;
  margin-right:8px;
  margin-top:-105px;    
}

/* ------- UNTERER TEIL (RAHMEN; INHALT; FOOTER) ------  */
.umrandung{
  position:static;
    width:100%;
    /*min-height:70%;*/
    padding-top:25px;
    margin-top:-50px;
    background:white;
    box-shadow: 0px 0px 15px grey;
    z-index:-2;
  
}

.rand{
 width:100%;
 height:43px;
 background:#edf2f5;
 margin-top:-30px;
}

.inhalte{
    margin-left:45px;
    margin-right:45px;
    margin-top:40px;
    margin-bottom:20px;
    height:auto;
}

.inhalte_startseite{
    width:910px;
    margin:40px auto; 
}

.inhalte .hauptbereich ol li, .inhalte .hauptbereich ul li{color:#677782; margin-left:40px;}


/* ------ HAUPTBEREICH ------ */
.hauptbereich{
    width:64%;
    min-height:500px;
    margin:40px 0 50px 0;
    float:left;  
    border-right:1px dotted #C2CDD4;
    padding-right:28px;
    
}

.hauptbereich h1,.hauptbereich h2, .hauptbereich h3, .hauptbereich h4, .hauptbereich h5, .hauptbereich h6{
   color:#6086a1;font-family:'FrutigerLTStdBold';}
.hauptbereich h1{ font-size:20px; margin-bottom:10px;}
.hauptbereich h2{ font-size:18px; margin-bottom:10px;}
.hauptbereich h3{ font-size:16px; margin-bottom:10px;}
.hauptbereich h4{ font-size:14px; margin-bottom:10px;}
.hauptbereich h5{ font-size:14px; margin-bottom:10px;}
.hauptbereich h6{ font-size:14px; margin-bottom:10px;}

.hauptbereich p{color:#677782; font-size:13px;}

/* ------- RECHTS: BOXEN --------- */
.rechts{
    width:30%;
    float:right;
    height:auto;
    margin:40px 0 5px 0;
    padding:0 10px 0 5px;
}

/* 1., 2. und 3. BOX, plus Inhaltsverzeichnisbox (flexibel auswählbar) */
/* Boxen weiß und ohne Inhalt= unsichtbar*/
.rechts #box1{
  background:#ffffff;
  margin:0 15px 10px 2px;
  border-radius:10px;
}
.rechts #box1 h2{font-size:15px;color:#6086a1;font-family:'FrutigerLTStdBold';}
.rechts #box2, .rechts #box3{
  background:#ffffff;
  margin:3px 15px 10px 2px;
  border-radius:10px;
}
 
/* sobald ein DIV in der Box angelegt wird = sichtbar*/
.rechts #box1 div, .rechts #box2 div,.rechts #box3 div{
  padding:15px; 
  background:#dbe4ee;
  border-radius:10px;
}

#box4_inhalt{
  width:26%;
  float:right;
  background:#ffffff;
  position:absolute;
  top:80px;
  right:52px;
  
  margin:3px 15px 10px 2px;
  border-radius:10px;
}
#box4_inhalt div{
  padding:15px;
  background:#dbe4ee;
  border-radius:10px;
}

/* 5.BOX: Werbebox, immer sichtbar (Blauer HG, weiße Schrift) */
.rechts #box5{
  
  background:#ffffff;
  margin:3px 15px 10px 2px;
  border-radius:10px;
}
.rechts #box5 div{
    background:#6086a1;
    border-radius:10px;
    padding:10px;
}

.rechts #box1 h1,.rechts #box2 h1,.rechts #box3 h1,.rechts #box4 h1{font-family:'FrutigerLTStdBold';font-size:20px; margin-bottom:10px;}
.rechts #box1 h2,.rechts #box2 h2,.rechts #box3 h2,.rechts #box4 h2,.rechts #box5 h2{font-family:'FrutigerLTStdBold';font-size:18px; margin-bottom:10px;}
.rechts #box1 h3,.rechts #box2 h3,.rechts #box3 h3,.rechts #box4 h3,.rechts #box5 h3{font-family:'FrutigerLTStdBold';font-size:16px; margin-bottom:10px;}
.rechts #box1 h4,.rechts #box2 h4,.rechts #box3 h4,.rechts #box4 h4,.rechts #box5 h4{font-family:'FrutigerLTStdBold';font-size:14px; margin-bottom:10px;}
.rechts #box1 h5,.rechts #box2 h5,.rechts #box3 h5,.rechts #box4 h5,.rechts #box5 h5{font-family:'FrutigerLTStdBold';font-size:14px; margin-bottom:10px;}
.rechts #box1 h6,.rechts #box2 h6,.rechts #box3 h6,.rechts #box4 h6,.rechts #box5 h6{font-family:'FrutigerLTStdBold';font-size:14px; margin-bottom:10px;}

.rechts #box1 a, .rechts #box1 p, .rechts #box2 a, .rechts #box2 p, .rechts #box3 a, .rechts #box3 p, .rechts #box4 a, .rechts #box4 p{font-family:'frutiger_lt_com55_roman'; font-size:13px;}
 

.rechts #box5 p, .rechts #box5 a{font-family:'frutiger_lt_com55_roman'; font-size:13px;}
.rechts #box5 h1, .rechts #box5 h2, .rechts #box5 h3, .rechts #box5 h4, .rechts #box5 h5, .rechts #box5 h6, .rechts #box5 p, .rechts #box5 a{color:#ffffff;}

.rechts #box5 h1{line-height:1.25em; font-size:22px; margin-bottom:10px;}






/* ------ FOOTER ------------*/
.footer{
    height:30px;
    clear:both;
    border-top:1px dotted #6086a1;
    padding-top:15px;
    padding-bottom:10px;
    background:white;  
    color:#6086a1;
    font-size:12px;
    margin-left:45px;
    margin-right:45px;    
  
}

.footer p{float:left;}
.footer .menufoot{float:right;}
.footer .menufoot li{
    list-style-type:none;
    display:inline;
  border-right:1px solid #cacfd2;
}

.footer .menufoot li a{
  padding-right:5px;
  padding-left:5px;
  color:#6086a1;
  text-decoration:none;
}

.footer .menufoot li.current:active .menu_sub1{display:inline;}

.footer .menufoot li:last-child{border:0 none;}
.footer .menufoot li a:hover{text-decoration:underline;}

/* automatisches copyright von Joomla! ausschalten*/
/*.footer .footer1, .footer .footer2{display:none;}*/

.clearer{clear:both;}