html
{
    /*enforce vertical scrollbar*/
    overflow-y: scroll;
    
    margin:0;
    padding:0;
    height:100%;
    border:none
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333;
	margin: 0px auto;
	padding: 0px;
	min-width: 1024px;
	max-width: 1600px;
	height:100%;
	text-align:center;
}

a
{
	color: #1044aa;
}
a:hover
{
	color: #333;
}


table
{
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
}

#dataTable
{
	table-layout: fixed;
	width: 100%;
	text-align: left;
	border: 1px solid #335997;
}

#dataView div
{
	overflow-x: scroll;
	overflow-horizontal: scroll;
	padding: 1px;
}

* html #dataTable
{
	table-layout: auto;
	width: 100%;
	border: 1px solid #335997;
}

#Header
{
	background-image: url('../Images/rki-header.jpg');
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: right;
	background-color: #e0e1e6;
}
#rkiLogo
{
	background-image: url('../Images/rki-logo.gif');
	background-repeat: no-repeat;
	background-position: center 5px;
	vertical-align: bottom;
	width: 220px;
	height: 85px;
	background-color: #FFFFFF;
	margin: 0px;
}
#Logo
{
	background-image: url('../Images/AGI_Logo_RGB.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 230px;
	height: 98px;
	background-color: #FFFFFF;
	margin: 0px;
}

#tableContent td
{
	vertical-align: top;
	padding-top: 2px;
}

#tableContent2 td
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}

.mainNavi
{
	font-size: 1em;
	/*table-layout: fixed;*/
	float: none;
	padding: 0px;
	margin: 0px;
	max-width: 230px;
	width: 230px;
	z-index: 100;
}

.pwButton
{
	left: 125px;
	position:relative;
}

.pwChange input
{
	margin-bottom: 3px;
}

.mainNavii
{
	min-width: 200px;
	padding: 1px 3px 1px 5px;
}
.mainNavii a
{
	color: #000000;
	border-bottom-style: none;
}

.mainNavi a
{
	background-image: url('../Images/rki-icon_arrow.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 15px;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	display: block;
	color: #30457e;
	border-bottom-style: solid;
	border-bottom-color: #E0E1E6;
}

.mainNavi a:hover
{
	display: block;
	color: #FFFFFF;
	background-color: #5a6b97;
}

.mainNavi a:active
{
	display: block;
	color: #FFFFFF;
	background-color: #5a6b97;
}

.mainNavSelected a
{
	color: #FFFFFF;
	background-color: #30457e;
	/*margin-bottom: 3px;*/
	/*border-bottom:3px solid #e0e1e6;*/
}

#DivVirusDetections, #DivPosRate, #DivPosVirusDetections, #DivPosRateMulti, #DivPosVirusDetectionsAgeMax4, #DivPosRateMultiAgeMax4
{
	position: relative;
}
#DivRapidTests, #DivRapidTestsPosRate
{
	position: relative;
}
#DivConsultationIncidence
{
	position: relative;
}
#DivPraxisindex, #DivEISSIndex, #DivIfSG
{
	position: relative;
}
#DivRSV, #DivRSVPosRate
{
	position: relative;
}

#ma_sitemap
{
	margin: 0px 0px 2em 0px;
	font-size: 0.9em;
}
#ma_sitemap a
{
	text-decoration: underline;
}

#ma_sitemap p
{
	float: left;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.ma_sm_node
{
	background: #FFFFFF url('../Images/rki-icon_arrow.gif') no-repeat scroll 0px 5px;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 8px;
	white-space: nowrap;
}


.thumbnail img
{
	padding: 15px 0px;
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover
{
	background-color: transparent;
}

.thumbnail:hover img
{
	border: 1px solid blue;
}

.thumbnail div
{
	position: absolute;
	background-color: #ffffff;
	padding: 0px;
	left: -20px;
	top: 10px;
	border: 1px dashed gray;
	display: none;
	color: #333;
	text-decoration: none;
	z-index: 100;
}

.thumbnail div img
{
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover div
{
	display: block;
}


.thumbnails img
{
	padding: 15px 0px;
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnails:hover
{
	background-color: transparent;
}

.thumbnails:hover img
{
	border: 1px solid blue;
}

.thumbnails div
{
	position: absolute;
	background-color: #ffffff;
	padding: 0px;
	left: -20px;
	top: 10px;
	border: 1px dashed gray;
	display: none;
	color: #333;
	text-decoration: none;
	z-index: 100;
}

.thumbnails div img
{
	border-width: 0;
	padding: 2px;
}

.thumbnails:hover div
{
	display: block;
}


.thumbnailr img
{
	padding: 15px 0px;
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnailr:hover
{
	background-color: transparent;
}

.thumbnailr:hover img
{
	border: 1px solid blue;
}

.thumbnailr div
{
	position: absolute;
	background-color: #ffffff;
	padding: 0px;
	right: 0px;
	top: 10px;
	border: 1px dashed gray;
	display: none;
	color: #333;
	text-decoration: none;
	z-index: 50;
}

.thumbnailr div img
{
	border-width: 0;
	padding: 2px;
}

.thumbnailr:hover div
{
	display: block;
}

#content
{
	text-align: justify;
	vertical-align: top;
	padding: 15px;
}
#content ol
{
	list-style: decimal;
}
#info table
{
	margin: 0px;
	padding: 10px;
}

#info td
{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
}
#content ol ol
{
	list-style: lower-alpha;
}
#content ol ol ol
{
	list-style: lower-roman;
}
#content ul
{
	list-style-type: square;
}
#content caption, #content legend span
{
	font-size: 109.09%; /* = 12/11 * 100% */
}
#content h3, #content h4
{
	font-size: 109%;
	text-align: left;
}
#content div h3, #content div h4
{
	text-align: left;
	font-size: 100%; /* = 12/12 * 100% */
}
/* 20px */
#content h1
{
	font-size: 137%;
	line-height: 1.1em;
}
#content div h1
{
	font-size: 183%; /* = 22/12 * 100% */
}
/* 16px */
#content h2, #supplement h3
{
	font-size: 100%;
	text-align: left;
}
#supplement h3
{
	line-height: 1em;
}
#content div h2, #content #faq dt
{
	font-size: 133.33%; /* = 16/12 * 100% */
}
#supplement .teaser h3
{
	font-size: 145.45%; /* = 16/11 * 100% */
}
/* 14px */
#content .newsDate
{
	font-size: 87.5%;
}

#content .smaller
{
    font-size: smaller;
}

#content, #supplement
{
	line-height: 1.32;
}
/* headings */
#content h5, #content h6
{
	font-weight: normal;
}

#content h6
{
	font-style: normal;
}

/*
    links - order: LVHFA
*/
a
{
	background-repeat: no-repeat; /* default for icon styling */
	text-decoration: none;
}
#content a
{
	text-decoration: underline;
}
#content a:link:hover, #content a:link:focus, #content a:link:active, #content a:visited:hover, #content a:visited:focus, #content a:visited:active
{
	text-decoration: underline;
}
a img
{
	border: 0;
}
#content .more a, #content .navToTop a
{
	text-decoration: none;
}

.tablecells
{
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
}

/* CirculatingViruses Bedeutung r4s=Rechts 4 Spalten */
td.r4s {
    text-align: right; 
    padding-right: 70px;
}

td.r3s {
    text-align: right; 
    padding-right: 110px;
}

td.l20 {
    text-align: left; 
    padding-left: 20px;
}
/* zum Einrücken innerhalb einer Tabellenspalte */
td.l40 {
    text-align: left; 
    padding-left: 40px;
}
td.l60 {
    text-align: left; 
    padding-left: 60px;
}
/* ------------------ */

.agiButton
{
	-moz-box-shadow: 1px 1px 4px 0px #000000;
	-webkit-box-shadow: 1px 1px 4px 0px #000000;
	box-shadow: 1px 1px 4px 0px #000000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a6b97), color-stop(1, #30457e));
	background:-moz-linear-gradient(center top, #5a6b97 5%, #30457e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a6b97', endColorstr='#30457e');
	background-color:#5a6b97;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #263b74;
	display:inline-block;
	color:#e0e1e6;
	text-shadow:1px 1px 4px #000000;
	text-decoration:none;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
}
.agiButton:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #30457e), color-stop(1, #5a6b97));
	background:-moz-linear-gradient(center top, #30457e 5%, #5a6b97 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#30457e', endColorstr='#5a6b97');
	background-color:#30457e;
}
.agiButton:active
{
	position:relative;
	top:1px;
}

/* -------------------- */
/* Accordion für Videos */

.accordionContent { margin: 1em; border-collapse: collapse; }
.accordionHeader { padding: .3em; border: 1px #ccc solid; background: #e0e1e6; }

.accordionContent
{
	text-align:left;
    background-color: #F0F0F0;
    border: 1px dashed #C8C9CB;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionHeader
{
    border: 1px solid #C8C9CB;
    /*color: #FFFFFF;*/
    /*background-color: #5A6B97;*/
    background-color: #E0E1E6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}