/* General
||||||||||||||||||||||||*/ 
textarea {font-family: verdana, arial, sans-serif;}
th {font-family: verdana, arial, sans-serif;}
td {font-family: verdana, arial, sans-serif;}
div {font-family: verdana, arial, sans-serif;}
li {font-family: verdana, arial, sans-serif;}
ol {font-family: verdana, arial, sans-serif;}
ul {font-family: verdana, arial, sans-serif;}
p {font-family: verdana, arial, sans-serif;}
h4 {font-family: verdana, arial, sans-serif;}
h3 {font-family: verdana, arial, sans-serif;}
h2 {font-family: verdana, arial, sans-serif;}
h1 {font-family: verdana, arial, sans-serif;}
a {font-family: verdana, arial, sans-serif;}
HTML {font-family: verdana, arial, sans-serif; background-color:#051824; background-image: url(images/bg_main.jpg); background-repeat:repeat-x; padding: 0; margin: 0;}
BODY {font-family: verdana, arial, sans-serif; padding: 0; margin: 0;}
/* Structure, Layout
||||||||||||||||||||||||*/
#frame {margin-left: auto; margin-right: auto; margin-top: 20px; width: 960px; height:auto;}
#Headframe {width: 960px; height: 97px; border: 0px; margin-top:0px; background-position: right;  background-color: #426878; background-repeat: no-repeat; background-image: url(images/endolab_header_02.jpg); clear: both;  overflow: hidden;}
#Promoframe {width: 960px; height: 254px; border: 0px; margin-top: 0px; background-repeat: no-repeat; background-image: url(images/endolab_promo_bg_wave.jpg); background-color: #FFFFFF; }
#Contframe {width: 960px; height:22px; border: 0px; margin-top: 0px; background-repeat: no-repeat; background-color: #FFFFFF; }
#Footerframe {margin-left: auto; margin-right: auto; margin-top: 5px; padding-top: 5px; padding-left: 10px; vertical-align:bottom; width: 950px; height: 22px; color: #005c96; text-align:left; line-height: 5px; font-size: 10px; background-color: #FFFFFF; position:relative; clear:both; overflow: hidden;}
#columns {float: left; width: 960px; height:auto; margin: 0px auto 0px auto; text-align: left; background-color: #FFFFFF;  clear: both; padding-bottom: 15px;}
#col_1 {width: 172px; float: left; margin: 0px;	padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#col_2 {width: 364px; float: left; margin: 0px;	padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#col_3 {width: 650px; float: left; margin: 0px;	padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#col_4 {width: 748px; float: left; margin: 0px;	padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#span_1_5 {float: left; margin: 0px; padding: 0px 7px 0px 12px;}
#col_1-2 {width: 460px; float: left; margin: 0px; padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#col_1-3 {width: 240px; float: left; margin: 0px; padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#col_2-3 {width: 646px; float: left; margin: 0px; padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
#col_3-3 {width: 313px; float: left; margin: 0px; padding: 0px 7px 0px 12px; border-left:dotted 1px #4e6172;}
iframe {border: 1px #005c96 solid;}
/* Navigation
||||||||||||||||||||||||*/
  .clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
  .clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
   .clA{position:absolute;color:#005c96;background-color:#FFFFFF;layer-background-color:#FFFFFF; padding:2px; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand;padding-top:1px; text-align: center; cursor: pointer;}
  .clAover{position:absolute;color:#005c96;background-color:#FFFFFF;layer-background-color:#FFFFFF;padding:2px; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-top: 1px; text-align: center; cursor: pointer;}
  .clE {position:absolute;color:#005c96; background-color:#FFFFFF; layer-background-color:#FFFFFF; padding:2px; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clD {position:absolute;color:#005c96; background-color:#FFFFFF; layer-background-color:#FFFFFF; padding:2px; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clC {position:absolute;color:#005c96; background-color:#FFFFFF; layer-background-color:#FFFFFF; padding:2px; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clB {position:absolute;color:#005c96; background-color:#FFFFFF; layer-background-color:#FFFFFF; padding:2px; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clEover {position:absolute;color:#FFFFFF;background-color:#2bb4ff;layer-background-color:#2bb4ff; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clDover {position:absolute;color:#FFFFFF;background-color:#2bb4ff;layer-background-color:#2bb4ff; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clCover {position:absolute;color:#FFFFFF;background-color:#2bb4ff;layer-background-color:#2bb4ff; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clBover {position:absolute;color:#FFFFFF;background-color:#2bb4ff;layer-background-color:#2bb4ff; font-family: verdana, arial, sans-serif; font-size:11px;font-weight:normal;cursor:hand; padding-left: 5px; padding-top: 4px; cursor: pointer;}
  .clborder{position:absolute; layer-background-color:#dadada; background-color:#dadada; cursor: pointer;}  
  .clborderover{position:absolute; layer-background-color:#dadada; background-color:#dadada; cursor: pointer;}
/* SubNavigation
||||||||||||||||||||||||*/  
a.subnav {
	font-size: 10px;
	color: #FFFFFF;
	white-space: nowrap;
	text-decoration: none;
}
a.subnav:visited {
	text-decoration: none;
}
a.subnav:hover {
	text-decoration: none;
	background-image: url(images/linkbar_2bb4ff.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
	color: #2bb4ff;
}
a.subnav:active {
	text-decoration: none;
}
/* Typo
||||||||||||||||||||||||*/ 
.textfliess {
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	color: #303030;
}
.textfliessright {
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	text-align:right;
	vertical-align:top;
	color: #303030;
}
.textsmall {
	font-size: 10px;
	line-height:18px;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	color: #303030;
	padding-top: 3px;
}
.textdate {
	font-size: 10px;
	line-height:18px;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	color: #aaa9a6;
	padding-top: 3px;
}
.textnews {
	font-size: 11px;
	line-height:18px;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	color: #303030;
	padding-top: 3px;
}
.error {
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	text-align: left;
	vertical-align:top;
	color: #FF0000;
}
.redmarked {
	color: #e00000;
}
.greenmarked {
	color: #5dac00;
}
.white {
	color: #ffffff;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 0.8em;
	top: -0.4em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Headings
||||||||||||||||||||||||*/
h1 {
	color: #005c96;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	padding-top:5px;
	padding-bottom:8px;
}

h2 {
	color: #005c96;
	font-size: 12px;
	font-weight: bold;
	line-height:120%;
	letter-spacing: 1px;
	text-align: left;
	padding-top:9px;
	padding-bottom:10px;
}
h3 {
	color: #e00000;
	font-size: 12px;
	font-weight: bold;
	line-height:120%;
	letter-spacing: 1px;
	text-align: left;
	padding-top:9px;
	padding-bottom:10px;
}
h4 {
	color: #005c96;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	padding-top:3px;
	padding-bottom:6px;
}
/* Links
||||||||||||||||||||||||*/ 
a {
	color:#005c96;
	text-decoration:none;
	cursor: hand;
	text-align:left;
}
a:hover {
	color: #2bb4ff;
	text-decoration:none;
}
a.link {
	background-position: left top;
	background-image: url(images/icon_link.gif);
	background-repeat: no-repeat;
	height:15px;
	padding-left:14px;
}
a.link:hover {
	background-image: url(images/icon_link_b.gif);
}
a.linkext {
	background-image: url(images/icon_linkext.gif);
	background-repeat: no-repeat;
	height:15px;
	padding-left:14px;
}
a.linkext:hover {
	background-image: url(images/icon_linkext_b.gif);
}
a.linkmail {
	background-image: url(images/icon_linkmail.gif);
	background-repeat: no-repeat;
	height:15px;
	padding-left:14px;
}
a.linkmail:hover {
	background-image: url(images/icon_linkmail_b.gif);
}
a.linkdoc {
	background-image: url(images/icon_linkdoc.gif);
	background-repeat: no-repeat;
	height:15px;
	padding-left:14px;
}
a.linkdoc:hover {
	background-image: url(images/icon_linkdoc_b.gif);
}
a.linkbar {
}
a.linkbar:hover {
	background-image: url(images/linkbar_2bb4ff.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
}
a.linkfooter {
	font-size: 10px;
	line-height:16px;
}
a.linkfooter:hover {
	background-image: url(images/linkbar_2bb4ff.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
}
a.linktop {
	font-size: 22px;
	background-image: url(images/link_top.gif);
	background-repeat: no-repeat;
	height:20px;
	line-height: 20px;
	padding-left:90px;
}
a.linktop:hover {
	color: #2bb4ff;
	background-image: url(images/link_top_b.gif);
}
.linkblock a {
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	text-align:right;
	vertical-align:top;
	display: block;
	width: 100%;
	height: 70px;
}
a.cosmosmedia {
	font-size: 10px;
	text-align: right;
	line-height:16px;
}
a.cosmosmedia:hover {
	color: #ff9900;
}
/* Lists
||||||||||||||||||||||||*/ 
ul {
	padding-left: 1px;
	list-style-image:url(images/icon_list.gif);
	list-style-type:disc;
	list-style-position: outside;
	margin-left: 5px;
	line-height: 18px;
}
li {
	padding-left: 2 px;
	list-style-image:url(images/icon_list.gif);
	list-style-type:disc;
	list-style-position: outside;
	margin-left: 15px;
	line-height: 22px;
}
/* Forms
||||||||||||||||||||||||*/ 
.formfield {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color:#f2f1ed;
	width:220px; 
}
.formtextarea { 
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color:#f2f1ed; 
	width:470px; 
}
.formradio{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	width:20px; 
}
input.btsenden {
width: 70px; 
height: 20px; 
border-style: none; 
background: url(images/button_senden.gif) no-repeat; 
}
input.btsenden:hover {
background: url(images/button_senden_b.gif) no-repeat;
}
input.btsend {
width: 70px; 
height: 20px; 
border-style: none; 
background: url(images/button_send.gif) no-repeat; 
}
input.btsend:hover {
background: url(images/button_send_b.gif) no-repeat;
}
input.btlogin {
width: 70px; 
height: 20px; 
border-style: none; 
background: url(images/button_login.gif) no-repeat; 
}
input.btlogin:hover {
background: url(images/button_login_b.gif) no-repeat;
}
/* Tabellen 
||||||||||||||||||||||||*/ 
    #datatable tbody tr td {
      border: 1px #cfcfcf dotted;
      font-size: 10px; 
      line-height: 18px;
      padding:2px 1px 3px 3px;
      vertical-align: top;
    }
    #datatable tbody tr.odd  td {
      background-color: #eaf5fa; color: #303030;}
    #datatable tbody tr.even  td {
      background-color: #ffffff; color: #303030;}
/* Misc
||||||||||||||||||||||||*/ 
div.hr {
	height:4px;
	border:0;
	background: url(images/line_div.gif) repeat-x;
	width: 100%;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* Pagelayout PRINT
||||||||||||||||||||||||*/   
@page { size:21.0cm 29.7cm; }
@page { size:21.0cm 14.85cm; margin-top:1.7cm; margin-bottom:1.4cm; 
          margin-left:2cm; margin-right:2cm  }
@page { size:11.3cm 19.85cm; margin:1.7cm; marks:cross;  }
@page :header
  { content: ,url, ; border-bottom:thin solid black; }
@page :footer
  { content: ,"Page " decimal(pageno), ; border-top:thin solid black; }