@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2007, 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.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */
/*@media all
{*/
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting YAML's  basic layout elements
*/
/* (en) Marginal areas & page background */
body {
background: #F3F3F5;
padding: 0;
}
#page_shadows {
width: 1000px;
background: url(/image/view/-/539640/data/70/-/8ung4f/-/bg_page.png) repeat-y top center;
margin: 0 auto;
}
/* (en) Layout: width, background, borders */
#page_margins {
min-width: 990px;
max-width: 990px;
margin: 0 auto;
}
#page {
background: #fff;
}
/* (en) Centering layout in old IE-versions */
body { text-align: center }
#page_margins { text-align:left }
/* (en) Designing main layout elements */
#header {
color: #000;
background: #fff repeat-x top left;
padding: 20px 0px 1em 20px;
width: 948px;
}
/* (en) adjustment of top navigation */
#topnav {
background: #FFF4DF;
border-bottom: 1px solid #D7D7D7;
top: 0;
right: 0;
width: 965px;
text-align: right;
padding: 5px 25px 5px 0;
position: relative;
}
#topnav span {
margin: 0 5px;
}
/* (en) adjustment of main navigation */
#nav { position: relative; z-index: 100; }
#main { background: #fff; padding: 10px 20px; }
#footer {
padding-bottom: 5px;
}
#footer_content {
text-align: left;
color: #666; 
border-top: 5px solid #6D6E72;
    border-bottom: 1px solid #DADADA;
    padding: 5px;
  margin: 0 20px 40px 20px;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/
#col1 { width: 25% }
#col1_content { padding: 10px 10px 10px 20px; }
#col2 { width: 25% }
#col2_content { padding: 10px 20px 10px 10px; }
#col3 { margin: 0 25% }
#col3_content { padding: 10px }
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Main Navigation
*/
#nav_main {
margin-left: 20px;
width: 950px;
height: 27px;
background: #4A4A4C url(/image/view/-/539642/data/68/-/lsturw/-/bg_mainnav.png) repeat-x top left;
}
.ddcolortabs {
float: left;
}
.ddcolortabs ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.ddcolortabs ul li {
float: left;
margin: 0;
padding: 0;
}
.ddcolortabs ul li a {
color: #FFFFFF;
margin: 0;
padding: 5px 10px;
display: block;
text-decoration: none;
}
.ddcolortabs ul li a:hover {
background: url(/image/view/-/539644/data/76351/-/g9ey2ez/-/bg_mainnav_active.png) repeat-x top left;
color: #FFFFFF;
text-decoration: none;
}
/*currently selected tab*/
.ddcolortabs ul li a.current {
background: url(/image/view/-/539644/data/76351/-/g9ey2ez/-/bg_mainnav_active.png) repeat-x top left;
color: #FFFFFF;
text-decoration: none;
}
.tabcontainer {
clear: left;
width: 950px; /*width of 2nd level sub menus*/
margin-left: 20px;
height: 1.5em;
margin-top: 5px;
color: #CCCCCC;
}
.tabcontainer a {
margin: 0 5px;
color: #333333;
}
.tabcontainer a:hover {
color: #AA8C73;
}
.tabcontent {
display:none;
}

#NewsTicker{
border:solid 1px #eaeaea;
width:98%;
height:25px;
margin:0 auto;
}
#NewsTicker h1{
padding:6px;
margin:0;
border:0;
background:#dfe7ed;
color:#000000;
font-size:11px;
font-weight:bold;
}
#NewsVertical {
width: 600px;
height: 34px;
display: block;
overflow: hidden;
position: relative;
}
/* --------------- */
/* Ticker Vertical */
#TickerVertical {
width: 600px;
height: 25px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerVertical li {
width: 600px;
color: #ccc;
text-align: left;
font-size: 1.0em;
margin: 0;
padding: 4px 10px;
float: left;
height: 25px;
display: inline;
}
#TickerVertical li .NewsTitle{
display: block;
color: #333;
font-size: 1.0em;
font-weight: 600;
margin-bottom:4px;
font-family: Arial, "Times New Roman", Times, serif;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
display: block;
color: #333;
margin-bottom:4px;
text-decoration: none;
}
#TickerVertical li .NewsTitle a:hover {
text-decoration:none;
}
#elecstr{
height: 20px;
margin:2px.;
padding: 0px,0px,4px, 0px;
}

/*n-soko tabs*/
tp.tabnav {
 margin: 0;
 padding: 0;
 width: 100%;
 overflow: hidden;
}
tp.tabnav a {
 display: block;
 width: 100%;
 height: 25px;
 background-image:url('/image/view/-/999576/data/190979/-/70c7d5z/-/tabs_up.jpg');
 background-repeat:no-repeat;
 text-decoration:none;
 font-size:1.2em;
 color: #fff;
 text-align:center;
 }
tp.tabnav a.hover {
 background-image:url('/image/view/-/999578/data/190980/-/i6dmnmz/-/tabs_hover.png');
 background-repeat: no-repeat;
 height: 25px;
 text-decoration: none;
 color: #fff;
 font-size:1.2em;
 text-align:center;
}
tp.tabnav t {
 float: left;
 width:132px;
 margin:0;
 padding:0px;
 text-align:left;
}
div.tabcontents {
 height: 290px;
 overflow:hidden;
 padding:3px;
}
div.tabcontents div.content {
 float: left;
 width: 100%;
 height: 102%;
 overflow-y: auto;
 border-top: 1px solid #eaeaea;
}
div.tabcontents div.content h2 {
 margin: 5px;
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('/image/view/-/1105394/data/236288/-/p2kxd3z/-/shade.gif') top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}
.shadetabs li a.selected{ /*selected main tab style */
background-image: url('/image/view/-/1105398/data/236289/-/ycfbq1/-/shadeactive.gif');
border-bottom-color: white;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}
.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}
.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url('/image/view/-/1105400/data/236290/-/ut2ebl/-/indentbg2.gif') center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}
.indentmenu ul li a:visited{
color: black;
}
.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url('/image/view/-/1105542/data/236290/-/9u1ouq/-/indent2.gif') center center repeat-x;
}
.stripad{
padding: 10px 20px;
}
/*}*/