@charset "utf-8";
/**
 * @author		Angelo Dini
 * @copyright	Maxomedia - Agentur für Crossmedia-Kommunikation BSW
 */

/*##################################################|*/
/* #MAIN# */
#main { width:968px; padding-left:22px; }


/*##################################################|*/
/* #HEAD# */
#head { background:no-repeat right top; }
.logo-bvg_de, .logo-bvg_fr { float:left; width:198px; height:132px; text-indent:-1000px; overflow:hidden; }
.logo-bvg_de { background:url('../_gfx/logo-gvb_de.gif') no-repeat left top; }
.logo-bvg_fr { background:url('../_gfx/logo-gvb_fr.gif') no-repeat left top; }
#flash-header { float:left; width:770px; height:132px; }

/* #HEAD/Mainnav# */
#metanav { list-style:none; margin:0; padding:17px 0 13px 14px; }
#metanav li { float:left; padding-right:20px; }
#metanav li.right { float:right; padding-right:9px; }
#metanav li a { font-weight:bold; color:#900; }
#metanav li a:hover { color:#666; }

/* #HEAD/Mainnav# */
#mainnav { list-style:none; margin:0; }
#mainnav li { float:left; color:#fff; font-weight:bold; padding-bottom:12px; }
#mainnav li a { display:block; color:#fff; width:170px; padding:10px 14px 8px; }
#mainnav li.last a { width:148px; }

#mainnav .yellow { background:#f90 url('../_gfx/mainnav_passive.gif') repeat-x left top; }
#mainnav .red { background:#f00 url('../_gfx/mainnav_passive.gif') repeat-x left top; }
#mainnav .darkred { background:#900 url('../_gfx/mainnav_passive.gif') repeat-x left top; }

#mainnav .active { background-image:url('../_gfx/mainnav_active.gif') !important; }


/*##################################################|*/
/* #BODY# */
#body {}

/* #BODY/Breadcrumb# */
p.breadcrumb { margin:0 0 19px; font-size:11px; font-weight:bold; }
p.breadcrumb a { color:#900; }
p.breadcrumb a:hover { color:#666; }

/* #BODY/CONTENT# */
#sidenav { float:left; width:176px; }
#content { float:left; width:770px; }

/* #BODY/Sidenav# */
#sidenav { list-style:none; margin:0 22px 0 0; }
#sidenav li { zoom:1; color:#333; }
#sidenav li a { zoom:1; display:block; color:#333; padding:4px 11px; border-bottom:1px solid #999; }
#sidenav li.title a { color:#fff; font-weight:bold; background:#f90; }

#sidenav li.active a { zoom:1; background:#f0f0f0 url('../_gfx/sidenav_title.gif') repeat-y left top; }
#sidenav li.active ul { list-style:none; margin:0; }
#sidenav li.active ul li a { background:#fff url('../_gfx/sidenav_passive.gif') repeat-y left top; }
#sidenav li.active ul li.active a { background-image:url('../_gfx/sidenav_active.gif') !important; }
#sidenav li.active ul li.last a { border-bottom:1px solid #999; }

#sidenav a:hover { color:#f00; }


/*##################################################|*/
/* #FOOT# */
#footnav { list-style:none; margin:25px 0 0; padding:2px 0 30px 209px; border-top:1px solid #f0f0f0; }
#footnav li { float:left; font-size:11px; padding-right:14px; }
#footnav li a { color:#900; }
#footnav li a:hover { color:#666; }

/*##################################################|*/
/* #CONTENT# */
#info { color:#fff; padding:20px; background:#040404 url('../_gfx/content_bg.gif') repeat-x left top; }
#info .col-left { float:left; width:370px; padding-right:20px; }
#info .col-right { float:left; width:340px; }

#info h1 { font-size:13px; }

#info .box_trigger { display:block; cursor:pointer; font-size:12px; color:#000; font-weight:normal; padding:8px 20px 8px 10px; margin:0 0 15px;
					 background:url('../_gfx/content_btn.gif') no-repeat left top; }
#info .box_trigger:hover { background-position:left bottom; }
#info .box { padding:0 10px; }

#flash-info { line-height:0; margin:0 0 5px; }

#teaser_hagel { float:left; width:380px; height:269px; padding:0 8px 8px 0; }
#teaser_schnee { float:left; width:380px; height:269px; padding:0 0 8px; }
#teaser_wasser { float:left; width:380px; height:269px; padding:0 8px 8px 0; }
#teaser_wind { float:left; width:380px; height:269px; padding:0 0 8px; }