/* *** Webseite Regionalwerke AG Baden, www.regionalwerke.ch *** */
/* *** Version 1.0, 29.11.2007 Ersterstellung *** */


/* *** Haupteinstellungen *** */
body {font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:20px; margin:0px; background: #3b69ad; line-height: 15px;}

/* ---------- Container zentriert das Layout -------------- */
#container {width: 950px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; border: 0 none; background-color: #ffffff; background-image:  url(../images/border_left.gif); background-repeat:repeat-y; background-position:left;} 

/* ---------- Banner fuers Logo -------------- */
.banner {text-align: left; background-color: #ffffff; padding: 0px; margin: 0px; height: 150px;}

/* -------------- Linke und Rechte Navigavtion ------------- */
.left {width:200px; background-color: #e1ddd9;}
.right {width:200px; background-color: #e1ddd9;}
.content {width:520px;}

/*  ---------------- Fusszeile ---------------------- */ 
.footerline {color:#ffffff; text-transform:uppercase; background-color: #294879; border-top:1px solid #564b47; border-bottom:1px solid #564b47; padding:5px 15px; margin:0px; text-align: right;}

/*  ---------------- Rahmen um Layout ---------------------- */ 
#page {border: 0 none; margin: 0 0 0 5px; padding: 0 5px 0 0; background-image:  url(../images/border_right.gif); background-repeat:repeat-y; background-position:right;}
#border-top {overflow:hidden; width: auto; height: 20px; font-size:0; margin-bottom: -15px; background-image:  url(../images/border_top.gif); background-repeat:repeat-x; background-position:top left;}
#border-bottom {overflow:hidden; width: auto; height: 20px; margin-top: -15px; font-size:0; background-image:  url(../images/border_bottom.gif); background-repeat:repeat-x; background-position:bottom left;}
#edge-lo {float:left; width: 20px; height: 20px; font-size:0; background-image:  url(../images/corner_ul.gif); background-position: top left;}
#edge-ro {position:relative; /* IE Fix | z-index */ float:right; width: 20px; height: 20px; font-size:0; background-image:  url(../images/corner_ur.gif); background-position: top right;}
#edge-lu {float:left; width: 20px; height: 20px; background-image:  url(../images/corner_bl.gif); background-position: bottom left;}
#edge-ru {position:relative; /* IE Fix | z-index */ float:right; width: 20px; height: 20px; background-image:  url(../images/corner_br.gif); background-position: bottom right;}

/* -------------- Navigavtion 1. Stufe ------------- */
ul.nav1 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:200%; width:200px;}
ul.nav1 li{margin:0; padding:0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
ul.nav1 li a{display:block; text-decoration:none; color:#fff; background:#294879; padding:0 0 0 10px; width:190px;}
ul.nav1 li a:hover{background:#c42f2e url("../images/arrow.gif") no-repeat 0 7px;}
ul.nav1 li a.aktiv1, ul.nav1 li a.aktiv1:hover{background:#c42f2e url("../images/arrow.gif") no-repeat 0 7px;}

/* -------------- Navigavtion 2. Stufe ------------- */
ul.nav2 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:180%;width:200px;}
ul.nav2 li{margin:0; padding:0;}
ul.nav2 li a.normal2{display:block; text-decoration:none; color:#000; background:#ABCCFF; padding:0 0 0 20px; width:180px;}
ul.nav2 li a:hover{background:#c42f2e url("../images/arrow.gif") no-repeat 0 7px;color:#fff}
ul.nav2 li a.aktiv2, ul.nav2 li a.aktiv2:hover{background:#c42f2e url("../images/arrow.gif") no-repeat 0 7px;color:#fff; padding:0 0 0 20px; width:180px;}

/* -------------- Navigavtion 3. Stufe ------------- */
ul.nav3 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:165%;width:200px;}
ul.nav3 li{margin:0; padding:0;}
ul.nav3 li a.normal3{display:block; text-decoration:none; color:#000; background:#D5E5ff; padding:0 0 0 30px; width:170px;}
ul.nav3 li a:hover{background:#c42f2e url("../images/arrow.gif") no-repeat 0 7px;color:#fff}
ul.nav3 li a.aktiv3, ul.nav3 li a.aktiv3:hover{background:#c42f2e url("../images/arrow.gif") no-repeat 0 7px; color:#fff; padding:0 0 0 30px; width:170px;}

/* -------------- Aktuelles ------------- */
.tx-ttnews {font-size: 12px; font-weight: bold;	color: #FFFFFF;	background-color: #294879;}
.tx-ttnews_rahmen {border: 1px solid #294879; background-color: #FFFFFF;}

/* ---------- Print Template -------------- */
.print {font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; line-height: 15px; background-color: #FFFFFF;}

/* ---------- Plugin Linkliste -------------- */
.linklist_klein {font-size:9px;}

/* *** Sonstige Formatierungen *** */
a {color: #c42f2e;}
a:visited {color:#c42f2e;}
a:hover {color: #c42f2e;}
a:active { color:#c42f2e;}

h1 {font-size:20px;	font-weight: normal; line-height: 27px;}
h2 {font-size:18px; font-weight: normal; line-height: 24px;}
h3 {font-size:16px; font-weight: normal; line-height: 21px;}
h4 {font-size:14px; font-weight: normal; line-height: 18px;}
h5 {font-size:13px; font-weight: normal; line-height: 17px;}
h6 {font-size:12px; font-weight: normal; line-height: 16px;}

.blau {font-weight: bold; color: #FFFFFF; background-color: #294879;}
.rot {font-weight: bold; color: #FFFFFF; background-color: #c42f2e;}
.gelb {font-weight: bold; color: #000000; background-color: #F2D436;}

.table_border_blau {border: 1px solid #294879;}
.table_border_rot {border: 1px solid #c42f2e;}
.table_border_gelb	{border: 1px solid #F2D436;}


/* *** Linie danach *** */
.csc-frame {border: 1px solid #294879;}
