/* Orange */
/* color: #f6a828; */
/* background-color: #f6a828; */

/* AWI Eisblau */
/* color: #00ace5; */
/* background-color: #00ace5; */
    
/* AWI Tiefblau */ 
/* color: #003e6e; */
/* background-color: #003e6e; */
    
/* AWI Dunkler Graus */  
/* color: #4b4b4d; */  
/* background-color: #4b4b4d; */  
    
/* AWI Heller Graus */
/* color: #bcbdbf; */  
/* background-color: #bcbdbf; */  

body{
    width:auto;
    height:auto;
    font-family: Calibri, Arial;
    overflow: hidden;
    
    font-size: 20px;
    
}

header, footer {
    position: fixed;
    left:   0px;
    right:   0px;
    height: 40px;
    background-color: #00ace5;
}

header{
    top:    0px;
    border-bottom: 1px solid #bcbdbf;
}
#title{
   color: white;
   font-size: 1.2em;
   position: absolute;
   top: 10px;
   left: 100px;
}
header > a > img{
   height:40px;
   
}
header > span{
	position: absolute;
	top: 0.1em;
	color: white;
	font-size: 1.2em;
	
}
footer{
    bottom:    0px;
    border-top: 1px solid #bcbdbf;
    text-align: center;
    line-height: 40px;
    color: white;
    letter-spacing: 0.1em; 
}
footer > a > img{
   height:20px;
}
h2, h3{
	color: #00ace5;
	margin: 5px;
}
h2.main
{
	margin: 5px;
}
p{

	margin: 5px;
}
table{
	border-collapse: collapse;
}
td{
	position: relative;
	vertical-align:top;
	padding-bottom: 50px;
}
td.main
{
	padding: 0;;
}
.help-contacts
{
	list-style-type: none;
	color: black;
}
.help-contacts > li
{
	color: black;
}
/* tr > td */
/* { */
/* 	padding-bottom: 100px; */
/* } */
.section{
	border-top: 1px solid black;
}
#content-container{
    position: absolute;
    background-color: #bcbdbf;
/*     padding: 1.5em; */
/*     margin-left: 20%; */
/*     margin-right: 20%; */
/*     width: 60%; */
/*     min-height: 100%; */
    top:41px;
    bottom:41px;
    right: 0;
    left: 0;
/*     background-color: white; */
    overflow-y: scroll;
}
#content{
    position: relative;
    padding: 1.5em;
/*     margin-left: 20%; */
/*     margin-right: 20%; */
    width: 900px;
/*     min-height: 100%; */
/*     top:41px; */
/*     bottom:41px; */
/*     right: 10%; */
/*     left: 10%; */
    margin: auto;
    background-color: white;
    
}

#attribution{
    position: absolute;
    left: 10px;
/*     right: 10%; */
    bottom: 50px;
    min-height: 10px; 
}


.custom-link{
    text-decoration: none;
    color: #00ace5;
}
    
.custom-link:active {
    text-shadow: 0px 0px 5px #f6a828;
}
.custom-link:hover{
    text-decoration: none;
    color: #003e6e;   /* AWI Tiefblau */ 
}
.footer-link{
    text-decoration: none;
    color: white;
}
    
.footer-link:active {
    text-shadow: 0px 0px 5px #f6a828;
}
.footer-link:hover{
    text-decoration: none;
    color: #003e6e;   /* AWI Tiefblau */ 
}

.icon{
/*     width: 1em; */
    height: 1em;
/*     border: 1px solid red; */
}
.overview.normal{
	height: 240px;
	margin: 10px;
}
.overview.landscape{
	height: none;
	width: 450px;
	margin: 10px;
}
.icon.header{
	vertical-align: -0.2em;
}
.icon.tall{
/*     width: 1.5em; */
    height: 1.5em;
}
.tools{
    width: 1.5em;
/*     height: 1.5em; */
}
li, i{
	color: #00ace5;
}
.to-top{
    position: absolute;
/*     right: 10px; */
    left: 0px;
    bottom: 10px;
    color: #00ace5;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}
.to-top:hover:after{
	content: " Back to top ";
	font-size: 0.7em;
	text-decoration: none;
	background-color: white;
}
.red{
	position: absolute;
	border: 2px solid red;
}
#sidebar-box
{
	top: 10px;
    left: 15px;
    height: 150px;
    width: 45px;
}
#info-box
{
/* 	top: 10px; */
/*     left: 15px; */
/*     height: 45px; */
/*     width: 45px; */
    top: 10px;
    left: 15px;
    height: 150px;
    width: 45px;
}
#mapcontent-box
{
/* 	top: 45px; */
/*     left: 15px; */
/*     height: 45px; */
/*     width: 45px; */
top: 10px;
    left: 15px;
    height: 150px;
    width: 45px;
}
#contact-box
{
/* 	top: 80px; */
/*     left: 15px; */
/*     height: 45px; */
/*     width: 45px; */
    top: 10px;
    left: 15px;
    height: 150px;
    width: 45px;
}
#contacts-box
{
	top: 270px;
/*     left: 15px; */
/*     height: 45px; */
/*     width: 45px; */
/* top: 10px; */
    left: 15px;
    height: 150px;
    width: 45px;
}
#toolbar-box
{
	top: 10px;
    right: 10px;
    height: 210px;
    width: 45px;
}
.hint
{
	color: gray;
	font-size: 0.8em;
}
iframe
{
	width: 100%;
	height: 500px;
	display: none;
	border: 2px solid #00ace5;
	
}

iframe.expand
{
	display: block;
}