/* Importieren der momentanen CSS-Styles */
@import url("http://www.beg-logistics.de/css/styles.css");

/* Rails Standard-Styles (Fehlerausgabe etc) */

#startseite .fieldWithErrors {
  display: inline;
  border: 1px solid red;
}

/* ##### CSS-Styles für den Abfuhrkalender #####
   ##    generelle Formatierungen             ##*/

#noscript-info {
  background: #ff9;
  font-weight: bold;
  font-size: 10pt;
  padding: 6px;
  text-align: center;
  border-bottom: 2px solid black;
}

.moved { font-size: 20px; font-family: "Arial"; font-weight: bold; color: red; line-height: 23px; float: left; }

a:active, a:focus{
	border:none;
	outline:0;
}
.container_inhalt {
  width: 620px;
}

td {
  font-size: 13px;
}

.inhalt{
	margin-bottom:10px;
}
.inhalt h1 {
  font-size: 26px;
  line-height: 100%;
  margin-bottom: 5px !important;
}

.container_main-navi {
  height: auto;
  left: -640px;
}

.content-box {
  width: 620px;
  border-top: 1px dotted black;
  font-family: "Arial", sans-serif;
  font-size: 13px;
}

.clearer {
  clear: both;
}
.copyright{
	font-size:11px;
	color:#a2a5a9;
	margin-left:140px;
	margin-bottom:30px;
	clear:left;
}
.copyright a{
	color:#fe6600;
	text-decoration: none;
}
.btn_feedback{
	position:fixed;
	left:0px;
	bottom:23px;
	border:1px dotted black;
	text-align:center;
	background: #a2a5a9;
	width:115px;
}
.btn_feedback a{
	display:block;
	padding:5px;
	font-size:11px;
	text-decoration: none;
}
.box_feedback span{
	font-size:12px;
}
.box_feedback span.kleiner{
	font-size:11px;
}
#MB_header #MB_caption{
	font-size:13px;
}

.box_feedback input.senden{
  border: 1px dotted black;
  text-align: center;
  background: #a2a5a9;
  margin-top: 10px;
  padding: 3px;
  cursor: pointer;
}

.clickable {
  cursor: pointer;
}

/* ## Abfuhrkalender-Navi ## */

.ak_navi {
  width: 100%;
  border-bottom: 1px dotted black;
  padding-top: 10px;
  height: 15px;
  margin-bottom: 30px;
}

.ak_navi ul, .ak_navi li {
  margin: 0;
  padding: 0;
}

.ak_navi li {
  display: block;
  float: left;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 11px;
  color: #f00;
}

.ak_navi li a {
  color: #000;
  text-decoration: none;
}

.ak_navi li a:hover {
  color: #f00;
  text-decoration: none;
}

/* ## Adresseingabe (Startseite) ## */

#startseite .container_inhalt {
  width: 620px;
  height: 97%;
}
#startseite .container_inhalt.bg_step1 {
  background: url(/images/bg_start_1-akt.gif) no-repeat 0 103px;
}
#startseite .container_inhalt.bg_step2 {
  background: url(/images/bg_start_1-2-akt.gif) no-repeat 0 103px;
}
#startseite .container_inhalt.bg_step3 {
  background: url(/images/bg_start_1-2-3-akt.gif) no-repeat 0 103px;
}
.big {
  font-size: 20px;
  font-weight: bold;
  width: 400px;
  display: block;
}
.continue input {
  color: black;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font-weight: bold;
  font-size: 13px;
}

.disabled {
  opacity: 0.3;
  -moz-opacity: 0.3; /* Mozilla Firefox */
  -khtml-opacity: 0.3; /* KHTML / Safari */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */
  filter: alpha(opacity=30); /* IE5-7 */
}

.spalte {
  float: left;
  width: 200px;
  position: relative;
}

#start_address, #start_selector {
  margin-right: 10px;
}

.step {
  color: #f1f1f2;
  font-size: 120px;
  line-height: 100%;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  float: right;
  margin-top: -16px;
}

.address_form {
  clear: right;
}

.address_form input.ip_text {
  border: 1px dotted black;
  color: #a2a5a9;
}

#user_session_street {
  width: 160px;
}

#user_session_number {
  width: 30px;
}

#user_session_submit{
  cursor: pointer;
}

.continue {
  font-weight: bold;
  text-align: right;
  position: absolute;
  top: 250px;
  right: -5px;
}

.arrows {
  color: #f1f1f2;
  font-size: 80px;
  line-height: 55%;
  font-family: "Arial", sans-serif;
  font-weight: bold;
}

.arrows_red {
  color: #f00;
  margin-right: 20px;
  font-size: 17px;
}

.errorExplanation{
	border: 1px dotted red;
	background:#fff;
	padding:10px;
	width:420px;
	clear:both;
	position:absolute;
	top:430px;
	left:100px;
}
.errorExplanation h2{
	color:#ff0000;
	font-size:17px;
	margin-top:0px;
}
.error_subheader{
	color:#ff0000;
	font-weight:bold;
}
/* ## Containerstellplätze, Sackausgabestellen ## */

.box_bg_hellgrau {
  background: url(/images/bg_box_hellgrau.gif) repeat-y;
  width: 824px;
  position: relative;
  padding-top: 20px;
}

.box_datenausgabe {
  width: 802px;
  background: #fff;
  border: 1px dotted black;
  border-right: none;
  margin-left: 20px;
  background: url(/images/bg_box_dunkelgrau.gif) #fff repeat-y right;
}

.box_bg_dunkelgrau {
  background: url(/images/bg_box_dunkelgrau.gif) repeat-y right;
  width: 800px;
  padding-bottom: 100px;
  float: right;
  position: relative;
  top: -22px;
  left:1px;
  z-index: 1;
}

.daten {
  width: 365px;
  margin-left: 10px;
  margin-top: 30px;
  padding-top: 10px;
  float:left;
}

#map {
  float:right;
  margin-right:20px;
  margin-top:42px;
  border:1px dotted black;
}

.box_hinweis {
  position: absolute;
  right: 21px;
  top: 385px;
  width: 380px;
  z-index: 4;
  border: 1px dotted black;
  padding: 10px;
  background: #fff;
  display: none; /* Hinweis-Box hier aktivieren!*/
}

.tabs {
  position: absolute;
  top: -11px;
  left: 35px;
  z-index: 10;
}

.tabs a, img.schatten {
  float: left;
}
.btn_logout img.schatten, .btn_logout a{
	float:left;
}
.tabs img.schatten {
  margin-right:4px;
}

.tabs a, #abfuhrtermine .btn_logout a {
  border: 1px dotted black;
  background: #fff;
  height: 30px;
  width: 30px;
  display: block;
  text-decoration: none;
}

.tabs a.aktiv, .tabs a:hover,#abfuhrtermine .btn_logout a:hover {
  background: #a2a5a9;
  color: #000;
}

.tabs_abfallarten {
  position: absolute;
  left: 281px;
  width: 275px;
}

.tabs_abfallarten a img{
	padding-left:1px;
}

#tab_standort {
  padding-left: 5px;
  width: auto;
  float: left;
  border: 1px dotted black;
  background: #fff;
}

#tab_standort img {
  margin-left: 5px;
}

#standort {
  border: none;
  width: auto;
  float: left;
  padding: 1px;
}

#tab_alle {
  padding-top: 5px;
  height: 25px;
  text-align: center;
  margin-left: 5px;
}

.daten span.nr {
  color: #f00;
  font-weight: bold;
  margin-top: -20px;
}

.daten .nadel {
  float:left;
  width:45px;
}

.daten .daten_adresse {
  float: left;
  margin-left: 5px;
  padding-right: 15px;
  padding-top: 10px;
  color: #818284;
  width: 211px;
}

.daten .daten_adresse strong {
  color: #000;
}

.daten .symbole {
  float: left;
  padding-top: 10px;
}

.daten .symbole img {
  margin-left: 12px;
}

.daten_schleife {
  clear: left;
}

#sackausgabestellen .daten_adresse {
  width: 243px;
}

#sackausgabestellen .daten .symbole {
  margin-left: 10px;
}

#sackausgabestellen #tab_gs {
  margin-left: 44px;
}

a.details {
  color: #000;
  text-decoration: none;
}

a.details span.arrows {
  font-size: 12px;
  font-weight: bold;
  color: #f00;
}
#jalousie{
	clear:left;
}
#jalousie_toggle{
	position:relative;
	top:15px;
	left:-14px;
}

#jalousie_toggle a{
	border:1px dotted black;
	text-align:center;
	background:#e0e2e4;
	padding:3px;
}

.zusatzinfos {
  /* SOMETHING TO DO SIRE! */
}

/* ## Schadstoffsammlung ## */

#schadstoffsammlung #tab_ss {
  margin-left: 44px;
}

#schadstoffsammlung .daten_adresse {
  width: 244px;
}

#schadstoffsammlung .daten .symbole {
  margin-left: 10px;
}

/* ## Abfuhrtermine ## */

.box_datenausgabe, .box_dateneingabe {
  background: #fff;
  border: 1px dotted black;
}

.box_dateneingabe {
  margin-left: 20px;
  padding: 10px 20px 20px 20px;
  width: 579px;
}

#abfuhrtermine .box_bg_hellgrau {
  background: url(/images/bg_box_hellgrau_breit.gif) repeat-y;
  width: auto;
}

.box_kalender {
  width: 150px;
  height: 150px;
  float: left;
}

.box_eingabe_zeitraum {
  width: 100px;
  height: 150px;
  float: left;
  padding-left: 20px;
}

.box_eingabe_zeitraum input{
  margin-top: 8px;
}

.box_pdf_export {
  background: #e0e2e4 url(/images/calendar-download.png);
  padding: 0 0 10px 0;
  width: 300px;
  height: 140px;
  float: right;
  line-height: 170%;
}

.box_pdf_export .dimmed {
  position: absolute;
  padding: 0;
  background: black;
  width: 300px;
  height: 70px;
  opacity: 0.25;
  -moz-opacity: 0.25; /* Mozilla Firefox */
  -khtml-opacity: 0.25; /* KHTML / Safari */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* IE8 */
  filter: alpha(opacity=25); /* IE5-7 */
}

.box_pdf_export .text {
  position: absolute;
  padding: 10px;
  font-weight: bold;
  font-size: 115%;
  color: white;
}

.box_pdf_export a.arrows {
  color: #f00;
  float: right;
  margin-top: 90px;
  margin-right: 20px;
  text-decoration: none;
}

#abfuhrtermine .box_datenausgabe {
  margin-top: 20px;
  position:relative;
  padding:20px;
}

#abfuhrtermine .ueberschrift_datenausgabe {
  font-weight: bold;
}

#abfuhrtermine .box_datenausgabe .terminausgabe .kompaktansicht {
  margin: 0 20px 20px 20px;
  background: url(/images/bg_abfuhrtermine_kompakt.gif) repeat-y;
}
#abfuhrtermine .box_datenausgabe .terminausgabe .header_line{
	font-weight:bold;
	text-align:center;
}
#abfuhrtermine .box_datenausgabe .terminausgabe .spalte1, #abfuhrtermine .box_datenausgabe .terminausgabe .spalte2, #abfuhrtermine .box_datenausgabe .terminausgabe .spalte3{
	float:left;
	width:200px;
	margin-right:10px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.box_bg_dunkelgrau .drucken, #abfuhrtermine .box_datenausgabe .drucken {
	position:absolute;
	right:3px;
	top:3px;
}
.btn_logout{
	float:right;
}
.btn_logout a img{
	margin-top:2px;
}
#abfuhrtermine .btn_logout{
	position:absolute;
	right:10px;
	top:-11px;
}
#abfuhrtermine .titel_dateneingabe {
	margin-bottom:10px;
}
#terminausgabe h3{
	font-size:16px;
	margin:10px 0;
}
#terminausgabe .month{
	text-align:left;
}
#terminausgabe .week, #terminausgabe .weekdays{
	float:left;
	width:103px;
}
#terminausgabe .weekdays, #terminausgabe .calendar_week{
	font-weight:bold;
}
#terminausgabe .weekdays span,  #terminausgabe .calendar_week span{
	display:block;
	padding-left:10px;
}
#terminausgabe .weekday span{
	display:block;
	padding-left:10px;
}
#terminausgabe .weekdays, #terminausgabe .week{
	background: #e0e2e4;
	margin-right:10px;
}
#terminausgabe .headerday span, #terminausgabe .calendar_week span{
	padding-top:5px;
}
#terminausgabe .calendar_week{
	height:25px;
	border-bottom:1px dotted black;
}
#terminausgabe .weekdays div.headerday, #terminausgabe .weekday{
	height:25px;
	border-bottom:1px dotted black;
}
#terminausgabe .day{
	width:20px;
}
#terminausgabe .day{
	float:left;
	border:none !important;
	margin-left:10px;
	position:relative;
	top:5px;
}
#terminausgabe .weekday img {
	float:left;
	border:none !important;
	position:relative;
	top:1px;
}
#jahresansicht .month {
	float:left;
	width:125px;
	padding-right:8px;
}
#terminausgabe #jahresansicht .monthday{
	border-bottom:1px dotted black !important;
	position: static;
	background: #e0e2e4;
	height:25px;
}
#jahresansicht .day{
	float:left;
	width:20px;
	font-weight:bold;
}
#jahresansicht .weekday{
	float:left;
	width:20px;
	position:relative;
	top:5px;
	border-bottom:none;
}
#jahresansicht .monthday img{
	position:relative;
	top:2px;
}

div.autocomplete {
  position: absolute;
  width: 188px;
  padding: 5px;
  background-color: white;
  border: 1px dotted black;
  border-top: none;
  margin: 0;
  padding: 0;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.autocomplete ul li.selected { background-color: #e0e2e4; }
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}