/***********************************************************************\
** file         : $Source: /css/main.css$
** author       : $Author: Klaus Lauer$
** revision     : $Rev: 2.5$
** created      : 13.07.2006
** last change  : $LastChangedDate: 2006-10-26 05:35:15$
** descr        : style definitions for "oton-service"
\***********************************************************************/

* { 
	margin:0;
	padding:0;
	font-size: 100%;
}

html {
	height				: 100%;
}

body {
	min-height			: 101%;
	color				    : #000;
	background-color	: #fff;
	font-family			: verdana,arial,helvetica,sans-serif;
	font-size			  : 10px;
	text-align			: center;
}

div#page {
   width: 970px;
   margin: 0 auto; 
   border-left: 1px solid black;
   border-right: 1px solid black;
}

a {
	font-weight			: normal;
	color				: black;
	text-decoration		: none;
}

a:hover {
	color				: #8e1100;	
}

h1 {
	margin				: 10px 0px 5px 0px;
	font-size			: 11px;
	font-weight			: bold;
}

h2 {
  font-size				: 11px;
  font-weight			: bold;
}

h3, h4 {
	margin				: 10px 0px 5px 0px;
	font-size			: 11px;
	font-weight			: bold;	
}

div#top {
	height				: 100px;
	background-color	: #E2E8E4; /* #d6ddd1; */
}

div#top p {
	padding				: 2px;
	line-height			: 20px;	
}

div#banner {
  text-align: right;
}

div#header {
	height				: 110px;
	text-align			: center;
	/* background			: url(/images/header-bg2.jpg) 0 0 repeat transparent; */
	background-color		: #e2e8e4;
	border-top		: 1px solid black;
	border-bottom		: 1px solid black;
}

div#header p {
	margin				: 2px;
	font-size			: 13px !important;
	font-variant		: small-caps;
}

div#main {
	width				: 100%;
	height				: 100%;
	vertical-align		: top;
	text-align			: left;
	border-bottom		: 1px solid #000;
	background      : url(/images/mbg.gif) 0 0 repeat-y #ecf8ee;
}

div#top-main {
	width				: 100%;
	height				: 25px;
	text-align			: left;
	vertical-align		: top;
	background-color	: transparent;
	border-bottom		: 1px solid #000;
}

div#top-left {
	float				: left;
	text-align			: center;
	vertical-align		: middle;
	width				: 170px;
	height				: 25px;
	line-height			: 25px;
	background-color	: #e3e7df;
}

div#top-right {
	float				: right;
	padding				: 0px 0px 0px 10px;
	width				: 160px;
	height				: 25px;
	background-color	: #e3e7df;
}

div#mainmenu {
	margin				: 0px 170px !important;
	text-align			: center;
	vertical-align		: middle;
	border-left			: 1px solid black;
	border-right		: 1px solid black;
	background-color	: #E2E8E4 /* #d6ddd1; */
}

div#mainmenu p {
    line-height			: 25px;	
}

div#mainmenu p a {
	font-weight			: bold;
}

div#left {
	float				: left;
	margin				: 0px;
	padding				: 0px 0px 0px 10px;
	width				: 160px;
/*	border-right		: 1px solid black; */
}

div#left p {
	margin				: 6px 0px;
	font-weight			: bold;	
}

div#left ul {
	margin-left			: 0px;
	padding-left		: 10px;
	list-style-type		: none;
	font-weight			: normal;	
}

div#left a {
	font-weight			: normal;	
	text-decoration		: underline;
}

div#left a:hover {
	font-weight			: normal;	
}

div#right {
	float				: right;
	margin				: 0px;
	padding				: 3px;
	width				: 160px;
}

div#right a, div#content a {
	color				: #c00c00;	
}


* html div#left { display: inline; }
* html div#right { display: inline; }


div#content {
	min-height			: 370px;
	margin				: 0px 170px;
	padding				: 10px;
	text-align			: center;
	background-color	: transparent;
}

div#content p {
	margin				: 5px 0px;	
}

div#content table tr td {
	vertical-align		: top;
	padding				: 3px;
}

div#rc {
	text-align			: center;	
}

div#sc {
	height				: 370px;
}

div#content .dsheader {
  width           : 410px;
	text-align			: left;
  text-indent     : -14px;
  padding-left    : 15px;
  line-height			: 1.4;
	font-size			  : 12px;
	font-weight			: bold;	
}

div#content .pwheader {
  width           : 410px;
	text-align			: left;
  line-height			: 1.4;
	font-size			  : 12px;
	font-weight			: bold;	
}

div#content .pwspeaker {
  width           : 610px;
	text-align			: left;
  padding-left    : 1px;
  line-height			: 1.2;
	font-size			  : 10px;
	font-weight			: bold;	
}

div#copyright {
	margin				: 0px;
	padding				: 0px;
	border-bottom		: 1px solid black;
}

div#copyright p {
  text-align			: center;
  font-size				: 10px;
}

.infoheader {
    text-align			: left;	
    line-height			: 22px;
}

.msg {
  float: left;
  text-align: left;
  width: 610px;
  margin-bottom : 4px; 
  border-top: 1px solid #ccc;  
}

.ds1 {
  float:left;
  width:100%;
  background: url(/images/dsbg.gif) 0 0 repeat-y transparent; 
}

.ds2 {
  float: left; 
  width:70px; 
  text-align:left; 
  padding-left: 15px;  
}

.leadin {
	padding				: 0px 0px;
	text-align			: left;
	font-size			: 10px;
	font-weight			: normal;	
}

.ds1 ul {
  margin-left:7px;
  padding-left:7px;
  font-size: 10px;
}

.ds1 ul li {
  padding-left: 7px !important;
  font-size: 10px;
  line-height: 12px;
}

.leadout {
	padding				: 5px 0px;
	text-align			: left;
	font-size			: 10px;
	font-weight			: normal;	
}

.message {
	padding				: 1px 0px;
	text-align			: left;
	font-size			: 12px;
	font-weight			: normal;	
	font-variant		: small-caps;
	line-height			: 1.2;
}

.leadin a, .leadout a {
	color				: #C00C00;
    text-decoration		: none;
    border-bottom		: 1px dotted;	
}

div.disabled {
	width				: 220px;
	height				: 16px;
	margin				: 2px 6px;
	padding				: 0px 1px;
	line-height			: 15px;
	color				: #333;
	background-color	: #ddd;
	border				: 1px solid #aaa;	
}

td, i, li {
  font-size:11px;
}

ul, li {
  line-height:15px;
}

h4 {
  font-size			: 12px;
  font-weight		: bold;
  margin-left		: 0px;
  line-height		: 25px;
}

hr  {
	color			: black; 
	width			: 100%; 
	height			: 1px; 
	margin			: 10px 0px;
	line-height		: 1px;	
}

li {
  margin-top:3px;
  margin-bottom:2px;
  margin-right:5px;
}

ol.gl {
	margin:0px 1px 0px 1px;
	padding-left:20px;
}

ul.gl {
  list-style-type:disc;
	list-style-image:none;
	margin:0px 1px 0px 1px;
	padding-left:11px;
}

li.gl {
  margin:0px 1px 2px 1px;
  padding:0px 0px 0px 0px;
	line-height:15px;
}

.t1 {
  font-size:24pt;
  color:#000;
  background-color:transparent;
}

.t2 {
  color:#000088;
  background-color:transparent;
  font-size:36pt;
  font-weight:bold;
}

fieldset {
	margin			: 10px auto 10px auto;
	display			: block;
	width			: 380px;	
	text-align		: left;	
}

fieldset.nl {
        width                   : 420px;
}

fieldset.sc {
	width			: 420px;	
}

fieldset.rc {
	margin			: 10px;	
	width			: 380px;	
}

legend {
	color				: white;
	background-color	: #8c1100;
	border				: 1px solid #89908d;
	border-right-width	: 2px;
	border-bottom-width	: 2px;
	font-weight			: bold;
	margin				: 8px 10px;
	padding				: 2px 10px;
}

input {
	margin			: 3px 0px;
}

label {
	text-align		: left;
	margin			: 5px 6px;
}

#nl label {
	display			: block;
	width			: 125px;
	float			: left;
}

#sc input {
	margin			: 3px 6px 6px 6px;
}

#rc input {
	margin			: 3px 6px 6px 6px;
}

input:active {
	background: #E8EBDF;
}

input:focus, input:hover {
	background: #E8EBDF;
}
  
input:hover {
	background: #E8EBDF;
}
  
.buttons {
	text-align: center;
}

p.small {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:10px;
}

p.list {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  line-height:15px;
  margin-left:6px;
  margin-right:6px;
}

p.rlist {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  line-height:15px;
  margin-left:55px;
  margin-right:6px;
}

.ud {
  text-decoration:underline;
}

img.info {
  width:16px;
	height:16px;
	border:none;
}

img.list {
  float:left;
  border:0px;
  margin-right:10px;
  margin-left:10px;
}

div#main a span {
  display:none;
}

div#main a:hover {
  border:0;
}

div#descr {
  border:1px dashed blue;
  margin:3px;
  font:7px Helvetica, serif;
  background-color:yellow;
  color:blue;
}

sup {
  color:blue;
  background-color:yellow;
}