/*Dunkle Farbe: blau*/
.color-1, #logotext, table.display thead th, .small_lang_menu {color: #f1f1f1; background-color: #9B592C;}
/*Helle Farbe rgb(235,228,210)*/   
.color-2, .info-title, .jqplot-series-canvas{background-color: #f1f1f1;}   
             
.select2-container{
  width: 90%;
}

.info_label{
font-size: 18px;
}
.externe_filter select{
  min-width: 240px;
}

.barcode_image{
  padding: 40px;
}

.barcodetext{
  width: 100%;
}

.status-anzeige{
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: white;
  text-align: center;
  padding-top: 20px;
  margin-top:20px;
}

.info_label{
font-size: 15px;
}

#verliehen{
  background-color: red;
  display: none;
}

#im_bestand{
  background-color: green;
  display: none;
}

#neutral{
  background-color: none;
  display: none;
}

#berichte{
  font-size: 15px;
  margin-bottom: 6px;
  margin-top: 15px; 
}
#pdf_link {
  position: absolute;
  top: 0px;            
  right: 30px;
}

#barcode-label{
width: 100%;
display: block;
font-size: 20px;
text-align: center;
}


#dialog-form, #reparatur-form, #rueckgabe-form{
  overflow: hidden;
}

#dialog-form h1{
  text-align: center;
} 

#dialog-form input{
  text-align: center;
  font-size: 16px;
  //border: none;
}

#dauerleihgabe-form select, #editForm select, #dialog-form select, #dialog-form_signatur select, #user_account select{
  text-align: center;
  font-size: 16px;
  width: 100%
}

#ausleihe_username, #ausleihe_username_signatur{
  padding-top: 5px;
  font-size: 16px;
  width: 100%
}

.new_medium_input{
  width: 100%;  
}

.new_medium_label{
   margin-top: 10px;
   font-style: italic;
}

.field_small{
  width: 48%;
  float: left;
  padding-right: 20px;
}

.tg{
  width: 100%;
}

.tg-0lax{
  width: 30%;
  padding-left: 20px;
}

#mediumDialogForm, #editForm, #dauerleihgabe-form, reparatur-form, rueckgaben-form{
   overflow: hidden;
}

#tipps{

padding: 30px 30px;
}

#tipps li{
padding-top: 10px;
font-size: 14px;
}



.res_titel{
padding: 30px;
text-align: center;
font-size: 16px;
}


.res_bemerkung{

text-align: center;
  font-size: 24px;
  color: #9B592C;
}

#language a {color: #f1f1f1}


.resize-control{display: none;}

*{margin:0px;padding:0px;}

html{
	height:100%;
  margin: 0; 
  padding: 0; 
}     
          
body{
  margin: 0; 
  padding: 0;                                                                   
	text-align:center;
	height:100%;
  font-family: Arial;
	font-size:11px;
	color:#4d4f4f;
  overflow-x: hidden;	
  text-align: left;  
}

.error_massage{
  color: rgb(201, 66, 89);
  font-size: 14px;
}

#alert{
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  text-align: center;
  z-index: 999;
}

#alert p{
  width: 180px;
  margin: 0 auto 0 auto;
  padding: 10px;
  background-color:#FBD542;
  border: 1px solid white;
}

body.loading #alert {display: block;}
body.standby #alert {display: none;}

body *{
  border: 0px;
}

p, #news_text{
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 10px;
}

h1{
	padding:5px 0px 5px 0px;
	color: #9B592C;
  border-bottom:solid 2px #9B592C;
	font-size:18px;
  letter-spacing: 0.08em;
  line-height: 24px;
}

h2{
	font-size:15px;
	font-weight: 600;
    line-height: 24px;  
 } 
 
h3{
	font-size:15px;
	font-weight:bold;
} 
 
a{
	text-decoration:none;
  color: #9B592C;
}

a.black{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

body input, body textarea{ 
  width: 100%;
  border-radius: 2px;
  border: solid 1px rgb(168,173,179);
  padding: 2px;
}

body input[type=checkbox]{
  width:auto!important;
}

body textarea{
  margin: 4px 0px;
}

body select{
  border-radius: 2px;
  border: solid 1px rgb(168,173,179);
  padding: 2px;
}

#frame {
	position:relative;
}

#logosmall *{
  border: none;
}


table{
	font-size:12px;
}

label{
	font-size:15px;
	margin-top:10px;
  letter-spacing: 0.08em;
  line-height: 24px;
  font-weight: bold;
} 

.clear{
	clear:both;
}

#menu ul{
	list-style-type:none;
}

#menu div{
	width:195px;
	height:48px;
	padding-top:0px;
  margin-top: 8px;
	padding-left:8px;
  background-color: #f1f1f1;
  border-bottom: 5px solid transparent;
}

#menu div:hover{
    background-color: rgb(230,230,230);
} 

#menu div:hover, .active{
  border-bottom: 5px solid #9B592C !important;
} 
 

#menu div img{
  padding-top: 8px;
  height: 30px;
  width: 30px;
} 

.slicknav_nav br{
  display: none;
}

.slicknav_nav img{
  display: none;
}

#menu div a{
	color: #4d4f4f;
	font-size:15px;
} 

#campus-galli{
  margin-top: 5px;
  margin-left: 15px;
}


#menu div a img{
	float:left;
	margin-right:15px;
}
#menu div a span{
	padding-top:3px;
  margin-right: 2px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}

#menu_small{
	z-index:20;
	background-color:#ADC9E1;
	
} 
#menu_small ul{
	list-style-type:none;
	padding:0;
	margin:0;
} 
#menu_small li{
	background:url('../gfx/left_menu/small/bg_btn.jpg') no-repeat;
	width:124px;
	height:32px;
	padding-top:3px;
	padding-left:3px;
} 
#menu_small li a{
	font-family:arial;
	color:#333121;
	text-decoration:none;
	font-size:10px;
	line-height:11px;
	font-weight:bold;
} 
#menu_small li a img{
	float:left;
	margin-right:5px;
}
#menu_small li a span{
	display:block;
	padding-top:0px;
}

#language{
  position: absolute;
  text-align: right;
  padding: 5px;
  right: 110px;
	font-size: 16px;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #888888;
  letter-spacing: 0.08em;
    
}

#language :first-child{
  margin-left: 15px;
}

#language a{
  color: #f1f1f1;
}

#language a:hover{
  color: #f1f1f1;
}

#login_div{
  font-size: 18px;
}


#login_div table {
  font-size: 15px;
}

#login_div input {
  padding: 4px;
  width: 200px;
  margin: 3px;
  font-size: 16px;
}

.login_status{
  padding: 4px;
  text-align: left;
	
	z-index:98;
  font-size: 16px;
 
}

.login_status a{
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#content_layer .blue_btn{
	background:url('../gfx/blue_btn.gif') no-repeat;
	width:105px;
	height:24px;
	text-align:center;
	border:0;
	color:#0D2259;                           
	font-size:11px;
	font-weight:bold;
}


 
 #content_layer_noscroll{
	overflow: hidden;
	}
     
#content_layer_scroll{
	overflow: auto;
  overflow-x: hidden;  
}
 
 #content_layer input{
	font-size:10px;
	height:16px;
 }
 
 #content_layer select{

 }
 
 #login_div #crane_form{
	width:800px;
	height:350px;
	overflow:auto;
 }

 #user_div{
	position:relative;
	left:45px;
	top:120px;
	height:450px;
	width:950px; 
 }
 
 #user_div #crane_form{
	width:800px;
	height:350px;
	overflow:auto;

 }
 
 #user_group{
	width:100%;
	text-align:left;
 }
 
.user-table-wrapper{   
  width: auto;
  float: left;
  margin-left: 20px;
 }
  
 .user-table{
  padding: 2px 10px;
	height:230px;
	width:200px;
	overflow: auto;
	border: dashed 1px #f1f1f1;
 }
 
  #user-table-link{
  clear: both;
  padding-top: 20px;
 }
 
 #liste-bestaetigen{
 text-align: right;
 }


#flyingcrane_big{
width: 320px;
float: left;
}

#flyingcrane_small{
width: 170px;
float: left;
}

.show_crane_big, .show_crane_small{
	padding:25px 10px;
	height:140px;
}


.show_crane_small a, .show_crane_big a{
	font-weight:bold;
  display: block;
  cursor:pointer;
  margin-top: 5px;
  min-width: 100px;
}

.show_crane_small span, .show_crane_big span{
float: left;
}
 
 
 #crane_div #crane_form{
	width:800px;
	height:350px;
	overflow:auto;
 }

.crane_data{
  font-size: 14px;
  margin-bottom: 12px;
}
 
#date_id{
  float: left;
}
 
.freq{
  width: 400px;
} 

#frequences_id{
  overflow-y:auto;  
  overflow-x:hidden;
} 


#user_rel_crane{
  overflow: hidden
}

#user_rel_crane input{
	width:20px;
}

#infos, #news{
line-height: 1.5;
}

#infos, #landeskennungen, #landesfrequenzen{
padding: 0px 35px;
}


#infos img, #tinymce img{
  float: right;
  clear: both;
  margin-top: 2px;
	margin-left: 15px;
	margin-bottom: 2px;
	margin-right: 0px;
  background-color: #666666;
  border-bottom: 5px solid #666666;
}
 
.half{
  width: 340px;
}

.email_img {
	margin-bottom: -4px;
}

.red input, .input_missing{
  border: 1px solid rgb(201, 66, 89) !important;
  box-shadow: inset 0 0 1px red;
}

.button_hidden {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 30px;  
}

button{
	color: #9B592C;
  border: 1px solid #9B592C;
  border-radius: 2px; 
  margin: 4px;
  padding: 0px 2px;   
  box-shadow: 1px 1px 1px #888888;
  font-size: 16px !important;
}

#uninspected{
color: rgb(210,65,55);
}

table h1{
padding-top: 15px;

}

#extradata{
  width: 100%;
}

#download{
  position: absolute;
  right: 8px;
  bottom: 6px;
} 

#download img{
  border-width: 0;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Map Tools
 */

 .sizeup{
  margin-top: 1px;
  width : 18px;
  height: 18px;
  background:url('../gfx/google/sizeup_icon.gif') no-repeat;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Crane Checkout
 */
 
.checkout-info {
  margin-left: 40px; 
  margin-right: 40px; 
  font-size: 14px;    
  padding: 20px;

}

#checkout-infotitle {
  padding-left: 30px; 
  background-color: rgb(238,238,238);  
  border-bottom: 5px solid #4e7ba3 !important;         
}

#checkout-infotext {
  padding-left: 10px; 
  background-color: rgb(230,230,230);
  margin-bottom: 8px;    
} 

#checkout-infotext li{
  list-style-type: none;
} 

#checkout-link{
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  background-color: #f1f1f1;
  border-bottom: 5px solid transparent;
  color:#4d4f4f;
}

#checkout-link a{
  color:#4d4f4f;
}


#checkout-link:.ui-widget-content{

}

#checkout-link:hover {
  background-color: rgb(230,230,230);
  border-bottom: 5px solid #4e7ba3 !important;
}


#example_wrapper .dataTables_filter{
 display: none;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Die  Infoblöcke
 */

                                    
.info-container{
  float: left;
  margin: 5px;
}


.info-container-30{
  width: 32%;
}

.info-container-50{
  width: 48%;
}

.info-container-50 table{
  padding: 0px 10px ;
  
}

.info-container-100{
  width: 96%;
}

.info-title-kontakt{
  background-image: url("../gfx/kontakt_s.png") !important;
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 26px 20px;  
}

.plot_medium{
  height: 350px;
}

.plot_small{
  height: 65px;
}

.plot_large{
  height: 520px;    
} 

.td_right{
  font-size: 12px;
}

.habitat{
  width: 30%;
}

.td_reluser{
  font-size: 11px;
  overflow: scroll; 
  width: 400px;
  
}

.td_textfield{
  font-size: 14px;
  padding-right: 10px;   
}

table h1{
padding-top: 15px;
}

.tabelle_abstand{
  border-spacing: 0px 6px;
  width: 100%;
} 

.btn_abstand{
  margin: 6px;
}

#user_form select{
  width: 100%;
} 
 
 
option{
  margin-top: 4px;
}
 #cranetab select, #craneplace, #userplaces{
	width:100%;
  font-size: 14px !important;
  font-weight: bold;
 }
 #cranetab input{
	width:100%;
  font-size: 13px;
  font-weight: bold;
 } 
 
 .fileinput{
  border: none;
 }
   
 #frequences_id{
  padding-top: 15px;
  width: 100%
} 

#s2id_u_rel_user{
  width: 100% ;
} 


#my-tab-link{
  margin-left: 60px;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
  position: relative;
}

.nowrap{
  white-space: nowrap;
}

.nowrap input{
  width: auto;
}

.gradangabe{
  width: 25px;
  margin-bottom: 5px;
}

#ui-datepicker-div {
  z-index: 100!important;
}

.no_display{
	display: none !important;
}
.display{
	display: block;
}

.blue_background{
}

.time_picker_div {
	padding:5px;
}

  /* Detaileingabe CSS */
   
  #crane_details{
  	position:relative; 
    margin:0;
    width: 100%;
    height: 482px;
  }
  
  #crane_details h2{
  	padding-top: 5px;
    padding-bottom: 2px;
  }
  
  #crane_details p{
  	font-size: 12px;
    line-height: 12px;
    padding-bottom: 0px;
  }
  
  
     
  #crane_details input{
    width: 50%;
  }
  
  #crane_details input[type=radio]{
    width: 20px;
  }
  
  #crane_details select{
  	width:95%;
  	font-size:13px;
   }
  	 
   #crane_details table{
  	font-size:11px;
  	color:#121212;
  	font-weight:normal;
   }
   
  #ringauswahl select{
  	width:65%;
  	font-size:12px;
    margin-bottom: 3px;
   }
   
  .farbringpos{
    float: left;
    width: 30%;
  }
  
  .ring-cover{
    width: 92px;
    height: 93px;
  }
  
  .crane_ring{
    position: relative;
    width: 36px;
    height: 23px;
  	background-color:rgb(192,192,192);
  }
  
  #ringe-rechts{
    position: absolute;
    top: 15px;
    left: 7px;
    width: 35px;
    height: 90px;
    z-index: 8;
  }
  
  #ringe-links{
    position: absolute;
    top: 6px;
    left: 45px;
    width: 40px;
    height: 90px;
    z-index: 7;
  }
  
  .metall_ring{
    position: absolute;
    width: 34px;
    height: 24px;
  	background-image: url("../gfx/crane/metalring.png");
    z-index: 99;
  }
  
  .ring-block{
    /*border-top: dotted white 4px;
    border-bottom: dotted white 4px;*/
    width: 100%;
    float: left;
  }
  
  #ring-position{
    top: 480px;
    left: 25px;
  }
  
  #ring-remarks textarea{
    height: 80px;
    width: 95%;
  }
  
  #ring-submit{
    padding-bottom: 15px;
  } 
  
   /* Detaileingabe CSS Ende*/
   
    /*Newsbloecke*/
#news_item{
  width: 44%;
  float: left;
  margin: 10px 3% 30px;
  }
  
#start_item{
  width: 94%;
  float: left;
  margin: 10px 3% 20px;
  }
  
#start-logo{
  width: 30%;
  margin: auto;  
}

#start-logo img{
  width: 100%;
}

#galerie{
  width: 94%;
  float: left;
  margin: 10px 3% 60px;
} 
  
.news_text{
    height: 465px;
    overflow: hidden;
  }
  
  
.news_text_all{
    height: auto;
  }
  
.news_link{
    padding-top: 5px;
    color: #4e7ba3;
  	font-weight:bold;
    font-size: 40px;
    line-height: 5px;
  } 
  
.news_link:hover{
    color: green;
    cursor: pointer;
  	
  } 
    
#news_item img{
    width: 100%;
    min-height: 315px;
    position: relative;
  }
  
.news_image {
     width: 100%;
     height: 315px;
     float: left;
     overflow: hidden;
     margin: 10px 0; 
     background-color:#666666;
     border-bottom: 5px solid #666666;
  } 

  .news_date{
    font-size:12px;
    font-style: italic;
  }
  
  .blue_background{
	  padding: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  
  #dataview_extra_data .info-block{
      height: 100px;
  }
  
  #dataview_extra_data .info-block img{
      max-height: 80px !important;
  }
  
  #extra_data{
    width: 100%
  }
  

  
  #extra_data tr{
    width: 100% !important;
  }
  
  #extra_data td{
    width: 50%;
  }
  
  .extra-data-data{
  text-align: right;
  }
  
  #cranetab, #cranetab .ui-widget-content{
  border: none !important;
  }

 .info-title {
  border: none;
  border-bottom: 3px solid #9B592C;
  font-size: 12px;                              
  font-weight: bold;
          
}                 

.info-block {
  background-color: none;
  border: solid #f1f1f1 0px;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 8px;    
}

.check_data {
  background-color: rgb(153,204,51);
  padding: 5px;
  font-weight:bold;
  text-align: center;
  margin: 5px 0px;
   margin-bottom: 30px;  
}

 .alert {
  color: black;
  background-color: rgb(210,65,55);
  padding: 5px;
  margin: 5px 0px;
  margin-bottom: 30px;
  font-weight:bold;
  text-align: center;
}  

.ui-tabs .ui-tabs-panel {
    border-radius: 0px;
    margin-top: 0px;
    padding: 1em 1.4em;
}   

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	
}  


.ui-state-default{
  border-radius: 0px;
}

.ui-accordion-header-active{
  //border-bottom-left-radius: 0px;   
  //border-bottom-right-radius: 0px;
  border-bottom: 3px solid #4e7ba3 !important
}

#combi{
  display: block; 
  float: left;
  margin: 10px 10px;
} 

.farbfeld{
  border-radius: 3px; 
  margin-bottom: 1px; 
  border: 1px solid #888888; 
  height: 19px; 
  width: 36px;
}  

.cco_large, .cco_small, .cco_middle{
  width: 100%;
  padding-bottom: 15px;
}

.cco_mail{
  padding-left: 10px;
  font-size: 12px;
  height: 20px;
}

.year, .frequences{
  float: left;
  padding: 10px 0px 10px 10px;
  font-size: 17px;
}

.year{
  font-weight: 600;
  width: 35px;
}

.frequences{
  width: calc(100% - 63px);

}

.freq{
  padding-left: 10px;
}



/*  #grosse Bildschirme
================================================================================================================================== 
================================================================================================================================== 
================================================================================================================================== */
  
@media screen and (min-width: 1025px) {  



 .info-title {
  padding: 4px 10px; 
  font-size: 12px;
  font-weight: bold;
          
}                 

.info-block {
  padding: 2px; 
  margin-bottom: 8px;    
} 

.info-block-4{
  height: 136px;
  }
  
.info-block-3{
  height: 100px;
  }

.info-block-2{
  height: 80px;
  } 

  

.content_bg{

}

#frame {
  	background-size: contain;
    width: 100%; 
    max-width: 1550px;
    height: 100%;
    min-height: 740px;
    margin-left: auto;
  	margin-right: auto;
    margin-top: 0px;
    border-radius: 0;
    border: none;
    //box-shadow: 0px 0px 0px #888888;
    z-index: 99;  
  } 

#logosmall{
  position: absolute;
  top: 22px;
  left: 20px;
  padding-left: 3px;
}

#logosmall img{
width: 185px;
height: auto;
}

#menu{
	position:relative;
  float: left;
	margin-left:18px;
	margin-top:100px;
  width:190px;
}

#login_div{
	position:relative;
	padding-left:100px;
	padding-top:100px;
	height:calc(100% - 90px);
	width:calc(100% - 80px);
  overflow: hidden;
} 

.login-menu{
  display: none;
}

.menu-extra{
  display: none;M
}
        
.slicknav_menu {
  display:none;
}  
        

#logotext, #dropdowns{
 display: none; 
} 

#content{
  height: calc(100% - 140px);
  margin-left: 245px;
  padding-right: 20px;
  padding-top: 22px;
  z-index: 90;

} 

.content_layer{
  position: relative;
  height: 100%;
  width:100%;
	padding:10px 0px;
	//border: solid 1px #f1f1f1;
	overflow: hidden;
	border-radius: 5px;
  //box-shadow: 4px 4px 3px #888888;
  z-index: 90;  
    
 }

#foerderer{
  position: absolute;
  bottom: 100px;
  right: 40px;
  z-index: 1;  
}
  
#footer{  
	position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  vertical-align:middle;
	font-size:14px;
	font-weight:light;
 
}

#footer-wrapper{
  height:62px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 245px;
  margin-right: 15px;
  
}

#impressum{
  font-size: 16px;
  position:relative;
	width:100%;
	margin: 25px;
  text-align: center;
  text-shadow: 2px 2px 2px #888888;
}

#shortcuts{
  position: absolute;
  right:18px;
	height: 31px;
  width: 95px;
}

#shortcuts a{
  position: relative;
  height: 31px;
  width: 31px;
  border-radius: 2px;
  background-size: 25px 25px;
  background-position: center center;
  box-shadow: 2px 2px 2px #888888; 
  float: right;
  margin-left: 15px;
}

.logout{
  background: rgb(201,66,89);  
}
#kontakt-link{
display: none;}

#kontaktlogo{
  background: #666666 url('../gfx/kontakt.png') no-repeat;
}
 
#language-link {
  background: url('../gfx/esperanto.png') no-repeat;
  }

.left_td{
 padding-right: 10px;
 width: 240px;
}   

.footer_logos{
  white-space:nowrap;
  float: left;
  margin-left: 25px;
  width:calc(100%/2 - 30px);
  height: 50px;         
}

.footer_logos_small{
  width:145px;
  height: 50px;   
}

.footer_logos span{
  float: left;
  display: inline-block;
  min-width: 120px;
  height: 50px;
  text-align: right;
  line-height: 50px;
  vertical-align: middle;

} 

.info-container-50{
  width: 48%;
}

#crane_combobox{
  width: 525px;
}   

#hinweis{
  display: inline-block;
  width: 100%;
}


#family{
 position: relative;
 padding: 0px, 5%;
 width:100%;
}   

#cranetab{
  display: block; 
}

.ui-tabs .ui-tabs-nav {
	padding: 1em 2em 10px;  
  height: 32px; 
} 
.ui-tabs {
    padding: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 5px;
}  

.ui-state-default{
  border-radius: 0px;
}

#tab_background{
  position: absolute;
  top: -12px;
  left: -10px;
  width: 110%;
  height: 78px;
}

  .no_padding{
  
  }

  .info-block {
    min-height: auto;   
  }   

  .info-block-flat {
      min-height: 50px;   
  }  
  
  /* Detaileingabe CSS */
  .details_info_block{
    width: 28%;
    float: left;
  }
  
  #kranichbild{
    float: left;
    width: 40%;
    height: 100%;
    background-image: url('../gfx/crane/crane-ringed-crane-small2.jpg'); 
    background-repeat: no-repeat;
    background-clip: content-box;
    padding: 0px 15px;
  }
  

#ring-cover {
    height: 100%;
    left: -35px;
    position: relative;
    top: 0;
}
  
  #ring-cover-back{
    position: absolute;
    top: 142px;
    left: 48px;
    width: 82px;
    z-index:1;
    background-color: rgb(192,192,192);
  }
                  
  #ring-cover-top{
    position: absolute;
    top: 142px;
    left: 48px;
    width: 82px;
    z-index: 9;
    overflow: hidden;
  }
  
  #ring_metall_links{
    left: 100px;
    top: 370px;
  }
  
  #ring_metall_rechts{
    left: 74px;
    top: 378px;
  }
  

   /* Detaileingabe CSS Ende*/ 
  
#infos{
}

#small_lang_menu{
  display: none;  
}

#baustellen_text, #baustellen_login{
  width: 50%; 
  margin-left: auto;
  margin-right: auto;
}

#baustellen_login{ 
 padding-top: 150px; 
 width: 220px;
}
     
} 

  
#language {
    border-radius: 0px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;    
    text-align: right;
  }

  #shortcuts{
    right:17px;	  
} 

  #shortcuts a{
    border-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;    
} 

.cco_small{
  width: 31%;
  margin-right: 2%;
}                                
  /*  #Tablets, mittler Bildschirme
================================================================================================================================== 
================================================================================================================================== 
================================================================================================================================== */
  
  @media screen and (min-width: 0px) and (max-width: 670px) {

   .info-title {
  padding: 4px 10px; 
  font-size: 12px;
  font-weight: bold;
          
}                 

.info-block {
  padding: 2px; 
  margin-bottom: 8px;    
}   

select{
	font-size:10px;
	background-color:white;
 } 

  .info-container-50{
    width: 98%;
  } 
  
  .info-container-30{
    width: 98%;
  }
   .ui-tabs-nav li {
    width: 47%;
    text-align: center;
  }   
  
  .ui-tabs .ui-tabs-nav li a{
    padding: 0.5em 0.5em !important; 
    overflow: hidden;
    width: 100%; 
    font-size: 12px;
    text-align: center;
  } 
  
  /* Detaileingabe CSS */
  .details_info_block{
    width: 60%;
    float: left;
  }
  
  #kranichbild{
    width: 39%;
    height: 390px;
    padding-left: 0px;
  }
  
  #ring-submit{
    margin-top: 20px;
  }

  #ring-cover{
    position: relative;
    top: 0;
    left: 0px;
    height: 100%;
  }
  

  
  .ring-block{
    width: 100%;
  }
  
  #ring-submit{
    padding-top: 20px;
  }
   /* Detaileingabe CSS Ende*/ 
      
  #logotext{                                 
    background-image: url('../gfx/logo-white.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    height: 50px; 
  }
  
  
.slicknav_btn{
    height: 60px;
    width: 40px;
}    
  
  #infos img, #tinymce img, #news img{
    width: 100%;
    height: auto;
    display: block;
    margin-top: 10px;
  	margin-bottom: 15px;
  }
  
    /*Newsbloecke*/
#news_item, #galerie, #start_item, #landeskennungen, #landesfrequenzen{
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  }
  
  #galerie{
  margin-bottom: 60px;
  }
  
  #news_item img{
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 5px solid #666666;
    min-height: 1px !important;
  }
  
.news_image {
     width: 100%;
     height:auto;
     float: left;
     overflow: hidden;
     background: none;
     border: none;
  } 
  
  #infos, #news{
    margin: 0;
    font-weight: lighter;
    font-size: 16px;
  }

  #infos .news_image{
    display: block;
    width: 100%;
    float:right;
  }
  

  .news_link{
    margin-bottom:40px;
  }
  
  
  #einloggen, #button {
    font-size: 18px;
    padding: 2px 10px;
}
  
 #start-logo{
  width: 80%;  
} 

.cco_small{
  width: 100%;
  margin-right: 0%;
}  
  }
  
  @media screen and (min-width: 671px)and (max-width: 1024px){
  
.info-title {
  padding: 4px 10px; 
  font-size: 12px;
  font-weight: bold;
          
}                 

.info-block {
  padding: 2px; 
   margin-bottom: 8px;    
}  

.info-block-4{
  height: 136px;
  }
  
.info-block-3{
  height: 100px;
  } 

.info-block-2{
  height: 80px;
  } 

  .content_bg{ 

  }
     .ui-tabs-nav li {
    width: 27%;
    text-align: center;
  }           
  
  .ui-tabs .ui-tabs-nav li a{
    padding: 0.5em 0.5em !important; 
    overflow: hidden;
    width: 100%; 
    font-size: 12px;
    text-align: center;
  } 
  .info-container-50{
    width: 48%; 
  }
  
  .info-container-30{
    width: 48%;
  } 
  
  .info-block {
    min-height: auto;   
  } 
  
  
  .info-block-flat {
      min-height: 50px;   
  } 
  
  /* Detaileingabe CSS */
  .details_info_block{
    width: 48%;
    float: left;
  }
  
  #kranichbild{
    width: 46%;
    height: 390px;
    padding-left: 15px;
  }

  #ring-cover{
    position: relative;
    top: 0;
    left: -16px;
    height: 100%;
  }
  
  
  .ring-block{
    width: 48%;
  }
   /* Detaileingabe CSS Ende*/ 

  #ring-submit{
    clear: both;
  } 
  
  #logotext{
    background-image: url('../gfx/logo-white.png'); 
    background-repeat: no-repeat;
    background-position: 20px center;
    height: 50px;
  }
    
.slicknav_btn{
    height: 66px;
    width: 40px;
} 
  
  #infos{
    margin: 3%;
  }

}    

 


/*  kleine Bildschirme und mittler Bildschirme
================================================================================================================================== 
================================================================================================================================== 
================================================================================================================================== */

@media screen and (max-width: 1024px) { 
 
table, span{
}

 #login_div{
	position:relative;
	padding:10%;
	width:100%;
 }


#language {
  display:none;
}

#logotext{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 padding-top: 10px;    
}

#menu {
  display:none;
}

#dropdown_language span.slicknav_icon.slicknav_no-text{
  display: none;
}

#kontaktlogo{
  position: relative;
  float: right;
  height: 45px;
  margin-right: 50px;
  margin-top: 12px; 
  background:url('../gfx/kontakt.png') no-repeat;
  background-size: 40px 34px; 
  height: 52px;
  width: 40px;
}

#kontakt-link{
display: none;}

#dropdown_language .slicknav_menutxt{
  background:url('../gfx/esperanto.png') no-repeat;
  height: 20px;
  width: 28px; 
}

.slicknav_nav a {
   font-size: 18px; 
}
.small_lang_menu{
    border-top: 1px dotted  #4c4c4c;
    border-bottom: 1px dotted  #4c4c4c;
    margin-top: 35px;
    padding: 5px 10px;
    height: 100px;
} 

.small_lang_menu a{
    border: none;
    float: left;
    color: #fff;
    margin: 2px 5px;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: lighter;
}

.small_lang_menu a:hover{
   border-bottom: 3px solid  #4c4c4c;
    
} 
 

#dropdown_menu .slicknav_nav {
  margin-top: 10px;
}
  
h1{
    font-size: 18px;
}

label{
  font-size: 15px;
}

body{
  overflow: scroll;
}
             
       
#frame {
  display: block;
	text-align:left;
  height: 100%; 
}

#content{
  position: relative;   
  min-height: calc(100% - 160px); 
  margin-top: 50px;
}

.content_layer{
	padding: 20px 10px;
  /*min-height:540px; */
	
}

#logosmall{
  display: none;
}   
    
#login_symbol{
  height: 34px;
  width: 34px;
  background:url('../gfx/exit.png') no-repeat;	
}

#foerderer{
  margin: 10px; 
  display: inline-block;
  float: right;
  
} 

  
#footer{
  position: relative;
  background-color: #9B592C;
  width: 100%;
  min-height:70px;
	vertical-align:middle;
	font-size:14px;
  display: inline-block;
}

#impressum{
  display: none;
}

.left_td{
 padding-right: 10px;
 width: 60%;
}   

#logosmall{
  position: absolute;
  top: -100px;
  left: 20px;
}

.footer_logos{
  float: right;
  height: 60px;
  text-align: right;
  line-height: 50px;
  vertical-align: middle; 
  padding: 10px;   
}

.footer_logos span{
  
  white-space:nowrap;
  float: left;
  display: inline-block;
  height: 50px;
  text-align: right;
  line-height: 50px;
  vertical-align: middle;    
} 


#crane_combobox{
  width: calc(100% - 70px);
}

#selector-container{
  display: inline-block;
  width: 100%;
  
}

.resize-control {
   display: none;
} 

#hinweis{
  display: inline-block;
  width: 100%;
}


    

#family{
 position: relative;
 width:100%;
} 

.ui-tabs .ui-tabs-nav {
	padding: 2em 2em 0;  
  height: 32px; 
  
} 
.ui-tabs {
    padding: 0;
}

.ui-widget-content {
  //border: 1px solid #dddddd !important;
  background-color: white !important;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px;
}

.ui-tabs .ui-tabs-panel {
    border-radius: 0px;
    margin-top: 0px;
    padding: 1em 1.4em;
}   

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: none;  
}

.no_padding{
  padding: 0px;
}
    
.date{
  width: 50%;
}

#download{
  position: relative;
  float: right;
}

/* Detaileingabe CSS */
.details_float{
  width: 100%;
}


#ring-cover-back{
    position: absolute;
    top: 92px;
    left: 28px;
    width: 82px;
    z-index:1;
    background-color: rgb(192,192,192);
  }
  
#ring-cover-top{
    position: absolute;
    top: 92px;
    left: 28px;
    width: 82px;
    z-index: 9;
    overflow: hidden;
  }
  
#ring_metall_links{
    left: 79px;
    top: 324px;
  }
  
#ring_metall_rechts{
    left: 53px;
    top: 335px;
  }
  
  #kranichbild{
    float: left;
    background-image: url('../gfx/crane/crane-ringed-crane-small2.jpg'); 
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: left center; 
  }
   /* Detaileingabe CSS Ende*/ 
 
 #baustellen_text{
  font-size: 28px;
  width: 90%; 
  margin-left: auto;
  margin-right: auto;
}  

 #baustellen_login{
 padding-top: 150px; 
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}  

.baustelle form table{
  width: 100%;
}

.baustelle p, 
.baustelle h1, 
.baustelle form table tbody tr td, 
.baustelle form table tbody tr td label input,
.baustelle form table tbody tr td input#password,
.baustelle form table tbody tr td label button#einloggen{
font-size: 30px;
line-height: 40px;
padding-top: 20px;
}

.baustelle form table tbody tr td label button#einloggen{
  width: 100%;
}

.cco_small{
  width: 31%; 
  margin-right: 2%;
}
  
}

#cookie-bar {font-size: 14px; z-index: 200; position: relative; top:0; left:0; width:100%; background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:50px 0; clear: both;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:rgb(240,240,240); color:black;}
#cookie-bar .cb-enable:hover {color:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

select#colorcodes_id{
  width: 43px !important;
}

select#ringingscheme_id{
  width: 55px !important;
}




@media print {

#menu, #language, #cookie-bar, #footer, #logosmall, #foerderer, #impressum{
  display: none;
}

}
 

@media screen and (min-width: 0px) and (max-width: 600px) {
  .cco_small{
    width: 48%;
    margin-right: 1%;
  }  
} 
  
@media screen and (min-width: 0px) and (max-width: 430px) {
  .cco_small{
    width: 100%;
    margin-right: 0%;
  }  
}   
  
  
@media screen and (min-width: 1245px)  {
  .cco_middle{
    width: 48%;
    margin-right: 1%;
  }  
}     

#Usernamelabel{
  padding-bottom: 5px;
}