* { margin: 0px; padding: 0px; }
html { min-height: 100%; }
body {
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: #000000;
background:white url(../images/bg_page.gif) no-repeat 50% 0;
line-height:18px;
height: auto;
}
p, h1, h2, h3, ol, ul, dl { padding:2px 6px 8px; }
ol,ul,dl
h1, h2, h3, ol, ul, dl { padding:8px 6px 3px; }
table, th, td { font-family: arial, verdana, sans-serif; font-size: 12px; color: #333; }
ol, ul, dir, menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
blockquote { width:80%; margin:10px auto; padding:0 26px; background:#FFF url(../images/bg_blockquote_side.gif) no-repeat 0 50%; }
#skip { display: none; }
a img, :link img, :visited img { border: none; }
img { display: block; }
a:link {
color: #C74848;
text-decoration: underline;
}
a:visited { color: #333; text-decoration: underline; }
a:hover, a:active { color: #DB7C7C; }
.alignright {
text-align: right !important;
background-image: url(../images/logo2.jpg);
height: 100px;
width: 100px;
padding-left: 0px;
}
.floatright { float: right; }
.inline { display: inline; }
.clear { clear: both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {
display:inline-block;
width: 1000px;
}
/*\*/ .clearfix { display:block; } /**/
h1 { font-size: 20px; line-height: 18px; }
h2 { font-size:18px; }
h3 { font-size: 16px; color: #666; }
#wrapper {
width:995px;
background-color: #FFFFFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: auto;
}
#header {
position:relative;
display:block;
width:995px;
height:102px;
background:#FFF url(../images/bg_header.gif) repeat-x;
}
#header .logo { position:absolute; left:40px; top:0px; }
#nav {
display:block;
width:995px;
height:26px;
margin:0;
padding:0;
list-style:none;
text-align:center;
background-color: #003366;
background-image: url(../images/bg_nav.gif);
background-repeat: repeat-x;
}
#nav li { float:left; width:140px; display:inline; }
#nav li a { text-decoration:none; display:block; padding:0; padding:0; height:1%; line-height:26px; color:#FFF; }
#nav li.on { display:block; padding:0; width:120px; height:26px; line-height:26px; background:url(../images/bg_nav_on_2.gif) no-repeat 50% 0; color:#EFEFEF; }
#nav li a:hover { background:url(../images/bg_nav_on.gif) no-repeat 50% 0; }
#content { width: 975px; padding:50px 10px 0; min-height:543px; background:#FFF url(../images/bg_content.gif) no-repeat 0 0; text-align:left; }
* html #content, * html #content #col_1 { height:543px; }
#content #col_1 { width:20%; float:left; min-height:543px; background:url(../images/bg_left.gif) no-repeat 100% 50%; }
#content #col_1 h2 { color:#999999; font-size:14px; font-weight:normal; }
#subnav, #subnav ul { margin:0; padding:0; list-style:none; }
#subnav li { }
#subnav li a { display:block; padding:5px 10px 5px 10px; background:url(../images/bg_subnav.gif) no-repeat 100% 100%; text-decoration:none }
#subnav li a:hover { background:#E9D1D1 url(../images/bg_left_nav_on.gif) no-repeat 100% 0; text-decoration:none; }
#content #col_2 {
width:80%;
float:left;
}
#footer {
display:block;
width:975px !important;
background:#ffffff;
-moz-border-radius:6px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 10px;
height: auto;
}
#footer small { }
.t_form { margin:20px; }
.t_form th { background:#efefef; }
.t_form td, .t_form th { padding:5px; border-bottom:1px solid #666; }
/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 30.06.2009
*********************************************
* (X)HTML-scheme:
*
*********************************************
*/
/* menu::base */
div#menu {
height: 40px;
padding-left: 20px;
background: url(images/left.png) no-repeat;
_background: url(images/left.gif) no-repeat;
width:975px;
background-color: #003366;
padding-right: 0px;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul.menu {
padding-right: 24px;
background: url(images/right.png) no-repeat right 0;
_background: url(images/right.gif) no-repeat right 0;
}
div#menu li {
position: relative;
margin: 0;
padding: 0;
display: block;
float: left;
z-index: 9;
width: auto;
}
div#menu ul ul li {
z-index: 12;
}
div#menu li div {
list-style: none;
float: left;
position: absolute;
z-index: 11;
top: 39px;
left: 0px;
-left: 4px;
visibility: hidden;
width: 158px;
margin: px 0 0 -4px;
padding :0px;
background: url(images/submenu-top.gif) no-repeat 0px 0;
-background: url(images/submenu-top.gif) no-repeat 0px 0;
}
div#menu ul ul {
z-index: 12;
width: 158px;
padding: 0px 0px 12px 0px;
-padding: 0px 0px 3px 0px;
-background: #E4E4E2 none;
margin: 0px 0px 0 0;
-margin: 5px 0 0 0;
background: url(images/submenu-top.gif) no-repeat 0px 0;
-background: url(images/submenu-top.gif) no-repeat 0px 0;
background: url(images/submenu-bottom.png) ;
}
div#menu li:hover>div {
visibility: visible;
}
div#menu a {
position: relative;
z-index: 10;
height: 38px;
display: block;
float: left;
line-height: 38px;
text-decoration: none;
margin-top: 1px;
white-space: nowrap;
width: 158px;
padding-right:10px;
text-align:center;
}
div#menu span {
margin-top: 2px;
padding-left: 5px;
color: #fff;
font: normal 13px Tahoma;
background: none;
line-height: 38px;
display: block;
cursor: pointer;
background-repeat: no-repeat;
background-position: 95% 0;
text-align: center;
}
/* menu::level1 */
div#menu a {
line-height: 38px;
height: 40px;
_margin-right: 1px;
background: none;
font-weight:bold;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0;
}
div#menu span {
font-weight:bold;
}
div#menu a:hover{
background-image: url(images/selected-sub.png);
background-repeat: repeat-x;
background-position: right -1px;
-background: url(images/selected-sub.gif) repeat-x right -1px;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
background-image: url(images/selected-sub.png);
background-repeat: repeat-x;
background-position: right -1px;
-background: url(images/selected-sub.gif) repeat-x right -1px;
}
div#menu a:hover span{
color: #000000;
}
div#menu ul.menu>li:hover>a span {
color: #000000;
width: 158px;
}
div#menu li {}
div#menu li.last { background: none; }
/* menu::level2 */
div#menu ul ul li {
background-image: url(images/sep-sub.png);
background-repeat: repeat-x;
background-position: left bottom;
margin: 0;
padding: 0;
}
div#menu ul ul li:hover {
background-image: url(images/sub-item-hover.gif);
background-color: #1C90AD;
background-repeat: repeat-x;
background-position: left top;
padding-left: 0px;
}
div#menu ul ul a {
color: #000000;
height: auto;
float: none;
display: block;
line-height: 25px;
font-size: 13px;
z-index: -1;
padding: 6px 0 6px 40px;
white-space: normal;
width: 100px;
margin: 0 0px 0 0px;
background: none;
}
div#menu ul ul a span {
color: #000000;
padding: 0 10px;
line-height: 25px;
font-size: 13px;
font-weight: normal;
margin:0;
padding-left: 0px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
background: none;
}
div#menu ul ul a:hover {
background: none;
color: #fff;
}
div#menu ul ul a:hover span {
background: none;
color: #fff;
}
div#menu ul ul a.parent {
background: url(images/submenu-pointer.png) no-repeat right top;
-background: url(images/submenu-pointer.gif) no-repeat right top;
margin-right: -1px;
}
div#menu ul ul a.parent span {
padding-right: 26px;
}
div#menu ul ul a.parent:hover {
background: url(images/submenu-pointer-hover.gif) no-repeat right top;
-background: url(images/submenu-pointer.gif) no-repeat right top;
}
div#menu ul ul a.parent:hover span {
}
div#menu ul ul span {
margin-top: 0;
text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
width: 100%;
}
/* menu::level3 */
div#menu ul ul div {
width: 180px;
padding: 0;
background: url(images/subsubmenu-top.png) no-repeat 0px 0;
-background: url(images/subsubmenu-top.gif) no-repeat 0px 0;
margin: -32px 0 0 198px !important;
margin: -32px 0 0 176px;
}
div#menu ul ul ul {
padding: 11px 0px 9px 0px;
margin: 20px 0 0 0;
}
div#menu ul ul div li {
position:relative;
top:-10px;
}
/* lava lamp */
div#menu li.back {
background: url(images/selected-sub.png) no-repeat 0 0;
-background: url(images/selected-sub.gif) no-repeat 0 0;
width: 5px;
height: 46px;
z-index: 8;
position: absolute;
padding: 0;
margin: 0px 0 0 0;
}
div#menu li.back .left {
padding:0;
width:auto;
background: url(images/selected-sub.png) repeat-x right 0;
-background: url(images/selected-sub.gif) repeat-x right 0;
height: 40px;
margin: 0 0 0 5px;
float: none;
position: relative;
top: 0;
left: 0;
visibility: visible;
}
a.link-top {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#ffffff !important;
text-decoration: none;
padding-left:30px;
padding-right:30px;
display:block;
width: auto;
height:39px;
line-height:39px;
text-align: center;
text-decoration:none !important;
}
a.link-top:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
color:#ffffff;
text-decoration: none;
padding-left:30px;
padding-right:30px;
display:block;
width: auto;
height:39px;
background-image:url(images/m3.jpg);
background-repeat: repeat-x;
line-height:39px;
text-align: center;
}