/*  KIVI-Online: style_screen.css  */


/* ****( General )**** */

body {
	font-family: Arial, Serif, Verdana;
	margin-top: 20px;
   margin-bottom: 0px;
   margin-left:100px;
   margin-right:100px;
	padding: 0px;
   background-image: url(../pics/bg_stripes.png);
   /* background-image: url(../pics/bg_steel.png); */
   background-repeat: repeat;
   background-attachment: fixed;
}


/* ****( Header )**** */

#header {
   background-color: rgb(255,255,255);
   margin: 0px;
   height: 80px;
   width: 100%;
   background-image: url(../pics/bg_numbers.png);
   background-position: right top;
   background-repeat: no-repeat;
   border: 1px solid rgb(192,192,192);
   border-bottom: 0px none;
   border-right: 3px solid rgb(128,128,128);
}

#header img {
   margin: 10px 0px 0px 30px;
   float: left;
   border: 0px none;
}

#header p {
   position: absolute;
   text-align: right;
   font-size: 10pt;
   font-weight: bold;
   color: rgb(255,255,255);
   top: 30px;
   right: 120px;
}


/* ****( Topbar )**** */

#topbar {
   top: 5px;
   height: 32px;
   width: 100%;
   background-image: url(../pics/bg_solidblue.png);
   text-align: right;
   border: 1px solid rgb(192,192,192);
   border-bottom: 0px none;
   border-right: 3px solid rgb(128,128,128);
}

#topmenu {
   margin: 5px 10px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#topmenu li {
   list-style: none;
   white-space: nowrap;
   float: right;
}

#topmenu a {
   text-decoration: none;
   color: rgb(192,192,192);
   font-size: 9pt;
   font-weight: bold;
	padding: 0px 10px 0px 10px;
   margin: 0px 0px 0px 0px;
   border-left: 1px solid rgb(192,192,192);
}

#topmenu a:hover {
   background-color: rgb(0,128,192);
}

#topmenu #active_menu-nav {
   background-color: rgb(0,128,192);
}


/* ****( Pathbar )**** */

#pathbar {
   height: 22px;
   width: 100%;
   background-color: rgb(255,255,255);
   background-image: url(../pics/bg_fadegrey.png);
   background-position: left top;
   background-repeat: no-repeat;
   border: 1px solid rgb(192,192,192);
   border-bottom: 0px none;
   border-right: 3px solid rgb(128,128,128);
}

#pathway {
   line-height: 22px;
   font-size: 8pt;
   text-decoration: none;
   margin: 0px 0px 0px 30px;
}

/* ****( Container )**** */

#container {
   width: 100%;
   background-color: rgb(255,255,255);
   border: 1px solid rgb(192,192,192);
   border-bottom: 0px none;
   border-right: 3px solid rgb(128,128,128);
}

div.tablecontainer {     /* IE CSS_bug Workaround for table width 100% */
   width: 100%;     
}

/* ****( Content )**** */

#content {
   font-family: Verdana, Serif;
	background-color: #ffffff;
   width: auto;
   margin-right: 180px;
	padding: 10px 20px 30px 30px;
}

#content p {
   text-align: justify;
   font-size: 10pt;
}

#content p.createdate {
   font-size: 8pt;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#content h1 {
   height: 30px;
   width: 100%;
   font-size: 12pt;
   font-weight: bold;
   text-align: left;
   margin: 20px 0px 10px 0px;
   background-image: url(../pics/bg_line.png);
   background-position: left bottom;
   background-repeat: no-repeat;
}

#content h2 {
   width: 100%;
   font-size: 11pt;
   font-weight: bold;
   text-align: left;
   margin: 20px 0px 0px 0px;
}

#content span.emph {
   font-weight: bold;
}

#content span.small {
   font-size: 8pt;
}

#content li {
   font-size: 10pt;
   padding-top: 5px;
}

#content img {
   border: 0px none;
}

#content img.intext {
   margin: 0px 0px 0px 20px;
}

#content table {
   width: 100%;
   table-layout: auto;
   border-collapse: collapse;
}

#content td {
   vertical-align: top;
   padding: 5px;
}

#content th {
   font-size: 8pt;
   font-weight: bold;
   border: 1px solid rgb(192,192,192);
   padding: 5px;
}

#content td.order {
   font-size: 10pt;
   vertical-align: middle;
   text-align: center;
   border: 1px solid rgb(192,192,192);
}

#content td.sitemap {
   font-size: 10pt;
   vertical-align: top;
   text-align: left;
   border: 1px solid rgb(192,192,192);
}

#content td.publication {
   font-size: 10pt;
   vertical-align: middle;
   text-align: left;
   border: 1px solid rgb(192,192,192);
}

#content td.logo_ref {
   vertical-align: middle;
   text-align: center;
   border: 1px solid rgb(192,192,192);
}

ul {
   margin-top: 5px;
   padding-top: 0px;
   list-style-type: square;
}

#content a {
   text-decoration: none;
}

#content #paging {
   font-size: 8pt;
   margin-top: -10px;
}

#agb {
   list-style-type: none;
   list-style-position: outside;
   margin-top: 5px;
   padding-top: 0px;
}

#agb li {
   font-size: 8pt;
   text-align: justify;
}


/* ****( Forms )**** */

form {
   font-size: 10pt;
   margin-top: 10px;
}

td.form {
   font-size: 10pt;
}

form.login {
   text-align: center;
   border: 1px solid rgb(192,0,0);
}

p.mail {
   border: 1px solid rgb(192,192,192);
}

span.hint {
   color:rgb(192,0,0);
}


/* ****( Sidebar )**** */

#sidebar {
	position: absolute;
   z-index: 4;
   top: 160px;
   right: 100px;
	width: 180px;
   margin: 0px;
}

#sidebar h1 {
   float: right;
   text-align: right;
   width: 140px;
   font-size: 11pt;
   font-weight: bold;
   color: rgb(48,80,129);
   padding: 0px 20px 0px 0px;
   margin: 15px 0px 0px 10px;
}


/* ****( Sidemenu )**** */

#sidemenu {
   margin: 20px 10px 20px 0px;
}

#sidemenu li {
   font-size: 10pt;
   text-align: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 10px 0px 0px;
   list-style: none;
   white-space: nowrap;
}

#sidemenu a {
   color: rgb(48,80,129);
   text-decoration: none;
}

#sidemenu a:hover {
   background-color: rgb(225,225,225);
}

#sidemenu a.level1 {
   line-height: 13pt;
}

#sidemenu a.level2 {
   font-size: 8pt;
   color: rgb(48,80,192);
}


/* ****( Membermenu )**** */

#membermenu {
   margin: 20px 10px 20px 0px;
}

#membermenu li {
   font-size: 10pt;
   line-height: 13pt;
   text-align: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 10px 0px 0px;
   list-style: none;
   white-space: nowrap;
}

#membermenu a {
   color: rgb(40,80,127);
   text-decoration: none;
}

#membermenu a:hover {
   background-color: rgb(225,225,225);
}

#membermenu a.level2 {
   font-size: 8pt;
   color: rgb(250,80,127);
}


/* ****( Footbar )**** */

#footbar {
	width: 100%;
   height: 22px;
   border: 1px solid rgb(192,192,192);
   border-bottom: 3px solid rgb(128,128,128);
   border-right: 3px solid rgb(128,128,128);
   background-color: rgb(255,255,255);
   background-image: url(../pics/bg_fadegray.png);
   background-position: left top;
   background-repeat: no-repeat;
}


#footmenu {
   margin: 0px 0px 0px 20px;
   padding: 0px 0px 0px 0px;
}

#footmenu li {
   float: left;
   list-style: none;
   white-space: nowrap;
}

#footmenu a {
   text-decoration: none;
   color: rgb(128,128,128);
   font-size: 10pt;
	padding: 0px 10px 0px 10px;
   margin: 0px 0px 0px 0px;
}

#footmenu a:hover {
   background-color: rgb(192,192,192);
}


/* ****( Copyright )**** */

p.copyright {
   font-size: 8pt;
   color: rgb(128,128,128);
   text-align: center;
   margin: 5px 0px 40px 0px;
}