/*START:type_style */

body{
  /*background-color: #DBDBDB;*/
/*  background-image: url("../Images/kopf_hg.png");
  background-position: center top;
  background-repeat: repeat-x; */
  /*padding-top: 120px;*/
  /*margin:15px auto;*/
  font-family: Verdana,Arial,sans-serif;
  margin: 0;
}

p{
  margin:0 0 20px 0;
}

p, li{
  line-height:20px;
}
h1 {
  font-size: 12px;	
}
/*END:type_style */

/*START:header_style */
header#header{
/*	background-image: url("../Images/kopfback_hg.png"); */
	background-color: #666;
/*	background-position: center top; 
	background-repeat: repeat-x; */
	position: relative;
	width: 100%;
/*	height: 118px; */
	height: 100px;
} 

#logo{
	position:relative;float:left;display:inline-block;
	z-index:100; 
	padding-left:20px;
	}
#title{
	position: absolute;
	padding-left: 250px;
	padding-top: 1em;
	text-align: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFFFFF;
	}


/*END:header_style */
#menu{
  background-image: url("../Images/kopfback_hg.png");
}
/*START:mainpage_style */
section#map{
/* 	float:left; 
	position: relative; 
	height: 100%; */
	border:none;
	z-index:0;
}

/*Start: Padding von tab-css überschreiben*/
#map .ui-tabs-panel {
/* padding: 5px; */
/*	z-index:0; */
}

.maps {
 	float:left; 
/*	width: 90%; */
	margin-left: 114px;
  	position: relative; 
	bottom: 20px;
 	z-index:0;  
/*	height:500px;
	width:500px; 
	margin-left:114px;
	margin-top:18px; */
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.info {
	float:left;
	margin-left: 120px;
  	position: relative; 
	bottom: 20px;
 	z-index:0;  
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width:60%; 
	height:auto; 
	padding:10px;
}

/*End: Padding von tab-css überschreiben*/
section#sidebar_left{
/*  position: relative; */
	position:fixed;
  top: 170px;
/*  float:left; */
  width:114px;
  font-size: 12px;
  padding:5px;
  border: 1px solid #AAAAAA;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  z-index:6;
  filter: alpha(opacity=85);
  opacity: .85;
  background-color:#FFF;
}

 /* padding:0.5em;
  border: 1px solid #AAAAAA;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;*/

/*START:infobox_style */
section#infobox {
  border: 1px solid #AAAAAA;
  /*padding:0.5em;*/
  position: relative;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
 
}
#transparency_slider{
	width: 90%
}
.query{
	font-size: 12px;
}

/*END:infobox_style */


.jahr{ /*Auswahl Jahr, Hintergrund*/
 position: relative;
 margin-left:137px;
 bottom: -5px;
/* z-index: 5;*/
  z-index: 1;
}

#info_rechts{
 font-size: 12px;
 position:absolute; 
 bottom: 10px;
 right:35px;
 z-index: 5; 
}
#info_links{
 font-size: 12px;
 position:absolute; 
 bottom: 10px;
 left:150px;
 z-index: 5;
}

#fade{
  bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-right: -25%;
 position: absolute; 
/*  position:relative; */
  right: 50%;
  z-index: 9999;
}


#form_jahr_links{
   float:left; 
}

#start{
  color:#C0C0C0;
}

#form_jahr_rechts{
   float:right; 
}

#left {
  float:left;
}
#right {
  float:right;
}


#dual {
  width: 90%;
 /* height:400px; */
}
/*END:mainpage_style */

/*START:otherlayer_style */
section#other_layer {
}

/*END:otherlayer_style */

input.checkbox{
  display:inline;
}


#legende {
  position: absolute;
  top: 230px;
  right: 0;
  display: none;
/*  background: url("custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; */
  border: 1px solid #AAAAAA;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: auto;
  height: auto;
  padding: 5px;
  filter: alpha(opacity=85);
  opacity: .85;
  z-index: 6;
  background-color:#FFF;
}
a.trigger{
 position: absolute;
 text-decoration: none;
/* top: 198px; right: 0; */
	top:205px; right:0;
 font-size: 100%;
 letter-spacing:-1px;
 font-family: verdana, helvetica, arial, sans-serif;
 color: #555555;
 padding: 10px 10px 10px 15px;
 font-weight: bold;
 background:url("custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; 
 border: 1px solid #AAAAAA;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 0px;
 display: block;
 z-index: 7;
 }
  
 a.trigger:hover{
 position: absolute;
 text-decoration: none;
/* top: 198px; right: 0; */
top:205px; right:0;
 font-size: 100%;
 letter-spacing:-1px;
 font-family: verdana, helvetica, arial, sans-serif;
 color: #222222;
 padding: 10px 10px 10px 15px;
 font-weight: bold;
 background:url("custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC; 
 border: 1px solid #AAAAAA;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 0px;
 display: block;
 }
 	 
a.active.trigger {
 background: #FFFFFF;
 color: #222222;
 }
 
.olControlPanZoom{
	top: 50px;
}
.olControlScaleLine{
 float: right; 
/* left: 20%;
position:relative; */
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0;
}

div.olMapViewport{
/*	float: left;
	width: 80%;
	margin-left: 0px;
	padding-left: 0px; */
	}

.olControlScaleLineTop{
/*	float:left !important;  */
	}