@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "3col_2-1-3"
 * (de) Variation des Screenlayouts (basemod.css) f�r Layoutbeispiel "3col_2-1-3"
 *
 * @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) $
 */


/*

    Modifications for start page

*/
@media screen, projection
{
    body {
        color: rgb(102,102,102);
        background-color:#515151;
  }
  #nav_left p {
    text-align:right;
    padding-right:20px;
    }

	#main_nav {
        background-color:#515151;
	   background-image: url(../../css-img/head_bg_vertical_st.gif);
	   background-repeat:repeat-x;
	}
	
	#nav_head_right {
        background-color:#515151;
	   background-image: url(../../css-img/head_bg_vertical_st.gif);
	}	
	.nav_head_right_logo {
		background-image: url(../../css-img/col3_logo_st.gif);
		 background-color:#515151;
    }
	
	#col2 {
	   		background-image: url(../../css-img/col2_stripes_st.gif);
			height:513px;
	   
	   }
	#nav_ber_icon_lower { /* filler for color and stripes */
		background-image: url(../../css-img/col2_stripes_st.gif);
	}	
	#nav_ber_icon {
	   background-color:#515151;
	   }
	#nav_service {
		width:529px;
	}
	
	#nav_service ul li a {
	    border-right: 1px solid #DADADA; 
	    color: #DADADA;
	    background-color:#515151; 
	    font-weight:bold;
	}

	#nav_service ul li a:focus,
	   #nav_service ul li a:active,
	   #nav_service ul li a:hover {
    	    color: white;
			text-decoration:none; 
	}	   
	
	#aktuell {
	   margin-right:20px;
	   padding:6px;
	   border: 1px solid #DADADA;
	   border-top: 40px solid #DADADA; 
	   }
	/* big icons for bereich navigation */
	
	#switches {
	   width: 529px;
	   padding:0;
	   margin:0;
	   }
	#sw_de {
	   float:left;
	   width:100px;
	   height:100px;
	   margin-right:6px;
	   background-image:url(../../css-img/sign_ovgw_st.gif);
	   }
	#sw_gas {
	   float:left;
	   width:100px;
	   height:100px;
	   margin-right:6px;
	   background-image:url(../../css-img/sign_gas_st.gif);
	   }
	#sw_wasser {
	   float:left;
	   width:100px;
	   height:100px;
	   margin-right:6px;
	   background-image:url(../../css-img/sign_wasser_st.gif);
	   }
	#sw_zert {
	   float:left;
	   width:100px;
	   height:100px;
	   margin-right:6px;
	   background-image:url(../../css-img/sign_zert_st.gif);
	   }
	#sw_vs {
	   float:left;
	   width:100px;
	   height:100px;
	   margin-right:0px;
	   background-image:url(../../css-img/sign_vs_st.gif);
	   background-position: 0 0;
	   }	

	
	#sw_vs a {
		display: block;
		margin: 0; padding:0;
		width:100%; height:100%;
		overflow:hidden;
		background-image:url(../../css-img/sign_vs_st.gif):
		background-position: 0 100px;
	}

	#switches a, #switches a:hover, 
		#switches a:visited, #switches a:focus{
		border-bottom: 0px solid red;
	}

	h1 {
	   margin-top:30px;
	   }
	   
	#nav_ber_alpha ul li a.de:focus ,
		#nav_ber_alpha ul li a.de:hover,
	   #nav_ber_alpha ul li  a.de:active {
			background-color:#DADADA;		
	}	
	#nav_ber_alpha ul li a.wasser:focus ,
		#nav_ber_alpha ul li a.wasser:hover,
	   #nav_ber_alpha ul li  a.wasser:active {
			background-color:#BFCED9;		
	}
	#nav_ber_alpha ul li a.gas:focus ,
		#nav_ber_alpha ul li a.gas:hover,
	   #nav_ber_alpha ul li  a.gas:active {
			background-color:#EDDFB2;		
	}
	#nav_ber_alpha ul li a.zert:focus ,
		#nav_ber_alpha ul li a.zert:hover,
	   #nav_ber_alpha ul li  a.zert:active {
			background-color:#D1E3BA;		
	}
	#nav_ber_alpha ul li a.vs:focus ,
		#nav_ber_alpha ul li a.vs:hover,
	   #nav_ber_alpha ul li  a.vs:active {
			background-color:#DCDCDC;		
	}	   
}