/* global CSS 26th august 2018 */

body {
background-color: #f2feff;
background-image: url("/elements/element_sidebar.png");
background-repeat: repeat-y;
background-position: center;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
min-height: 100%;
/* <!-- margin: 0 0 100px; /* bottom = footer height */
}

.main_content_table {
	margin: 0px;
	float: center;
}	

.body_pdf {
background-image: url("/elements/element_sidebar_pdf.png");
}

a:link {
    color: #ffffff;
}
a:visited {
    color: #0099FF;
}
a:hover {
    color: #66C2FF;
}
a:active {
    color: #006699;
}

a {
	text-shadow: 0px 0px 0px #000000;
}

html {
    /* <!-- position: relative; --> */
    min-height: 100%;
    min-width: 1200px;
}

table, th, td {
/* <!-- padding: 0px; --> */
border: 0px;
border-collapse: collapse;
}

img.link_buttons {
	opacity: 1;
}

img.link_buttons:hover {
	opacity: 0.7;
}

img.center_images_triptych {
    width: 208px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 206 */
}

img.center_images_triptych:hover {
    width: 208px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier 206 */
}

img.center_images_triptych_manual {
    width: 208px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 206 */
}

img.center_images {
    width: 216px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 206 */
}

img.center_images:hover {
    width: 216px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier 206 */
}

img.center_images_large {
    width: 410px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 391 */
}

img.center_images_large:hover {
    width: 410px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier 391 */
}

img.center_images_large_manual {
    width: 410px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 391 */
}

img.center_images_huge_manual {
    width: 628px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 599 */
}

img.center_images_huge {
    width: 628px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 599 */
}

img.center_images_huge:hover {
    width: 628px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier 599 */
}

.large_button {
	border-collapse: collapse;
    width: 170px;
	display: block;
}

.center_images {
    padding: 0px;
	width: 100%;
	display: block;
}

img.bottom_buttons {
    width: 140px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */

	margin-top: 20px;    
	transition: margin-top .2s;
	-moz-transition: margin-top .2s; /* Firefox 4 */
	-webkit-transition: margin-top .2s; /* Safari and Chrome */
	-o-transition: margin-top .2s; /* Opera */
}

img.bottom_buttons:hover {
    width: 140px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */

	margin-top: 0px;    
	transition: margin-top .2s;
	-moz-transition: margin-top .2s; /* Firefox 4 */
	-webkit-transition: margin-top .2s; /* Safari and Chrome */
	-o-transition: margin-top .2s; /* Opera */
}

.bottombar {
    /* background-image:url("/elements/element_bottombar.png"); */
    /* background-repeat:repeat-x; */
	display: block;
	position:fixed;
    clear:both;
	text-align:center;
	/* width:100%; */
	/* height:100px; */
	width:580px;
	bottom:-10px;
	left: 50%;
	margin-left:-290px;
}

.bottom_button_bar {
	z-index: 1;
	margin-bottom:30px;
	margin-left:-284px;
	margin-right:0;
	
	text-align: center;
	display: block;
    position: fixed;
    margin-top: -110px; 
    height: 110px;
    width: 568px;
    clear: both;
    bottom: -70px;
	left: 50%;
}


.bottom_buttons_cell {
    margin: auto;
/*     <!-- width: 40%; -->
    <!-- text-align: center; --> */
	/* display: block; */
}



.large_images_borderless {
    padding: 0px;
	max-width: 626px;
	min-width: 300px;
    /* <!-- width: 600px; --> */
	display: block;
}

.large_images {
    width: 626px;
    padding: 0px;
	display: block;
	border-style: solid;
    border-width: 2px;
}

.main_divider {
/* 	<!-- display: block; -->
	<!-- float: right; --> */
    margin: auto;
	width:100%
    position: relative;
}

.randomimage {
	height: 208px;
	display: block;
}

.text_box {
	margin: auto;
	display: block;
	max-width: 400px;
	font-family:Trebuchet MS, sans-serif; 
	/* background:#98C0C8; */
	background:#98C0C8;
	color:#000000;
	text-align:left;
/* 	<!-- text-shadow: 0px 0px 1px #FFFFFF; --> */

	border-style: solid;
	border-width: 1px;
	/* border-color: #BBD5DB; */
	border-color: #BBD5DB;
	box-shadow: 0px 0px 0px 1px #5C7479;
	padding:20px; 
	border-radius:0px 14px 0px 14px;
}

.randomtopimageclass {
	width: 124px;
	opacity: 0.0;
	transition: 1s;
}

.imagesdoneclass {
	width: 124px;
	opacity: 1.0;
	transition: 1s;
}