/* -----------------------------------------------------------------------------
   VIEWPORT
----------------------------------------------------------------------------- */
body
  {
  margin:0;
  padding:0;
  font-family:Tahoma, Arial, Helvetica, Times New Romans, Courier;
  font-size:12px;
  }

/* -----------------------------------------------------------------------------
   PAGE
----------------------------------------------------------------------------- */
#page 
  {
  display:block;
  width:920px;
  overflow:hidden;
  }
/* -----------------------------------------------------------------------------
   HEADER
----------------------------------------------------------------------------- */
#header
  {
  display:block;
  overflow:hidden;
  -moz-user-select:none;
  }
#header .left
  {
  display:block;
  float:left;
  width:230px;
  height:60px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:url(../img/backgrounds/welle_klein.jpg) 0 0 no-repeat;
  }
#header .left img
  {
  margin:8px 0 0 16px;
  }
#header .main
  {
  display:block;
  float:left;
  width:535px;
  height:60px;
  margin:0;
  padding:0 0 0 155px;
  overflow:hidden;
  background:#fff;
  }
#header .main .bayern,
#header .main .bremen,
#header .main .hessen,
#header .main .niedersachsen,
#header .main .nrw,
#header .main .st,
#header .main .thueringen
  {
  display:block;
  float:left;
  margin:12px 24px 0 0;
  cursor:default;
  }
#header .main .bayern
  {
  width:56px; height:34px;
  background:url(../img/wappen/bayern.gif) 0 0 no-repeat;
  }
#header .main .bremen
  {
  width:27px; height:34px;
  background:url(../img/wappen/bremen.gif) 0 0 no-repeat;
  }
#header .main .hessen
  {
  width:26px; height:34px;
  background:url(../img/wappen/hessen.gif) 0 0 no-repeat;
  }
#header .main .niedersachsen
  {
  width:29px; height:34px;
  background:url(../img/wappen/niedersachsen.gif) 0 0 no-repeat;
  }
#header .main .nrw
  {
  width:32px; height:34px;
  background:url(../img/wappen/nrw.gif) 0 0 no-repeat;
  }
#header .main .st
  {
  width:27px; height:34px;
  background:url(../img/wappen/st.gif) 0 0 no-repeat;
  }
#header .main .thueringen
  {
  width:30px; height:34px;
  background:url(../img/wappen/thueringen.gif) 0 0 no-repeat;
  }
#top {
  display:block;
  float:left;
  width:920px;
  height:20px;
  margin:0;
  padding:0;
  overflow:hidden;
  color:#fff;
  background:#BFC7C9;
  }

/* -----------------------------------------------------------------------------
   LEFT
----------------------------------------------------------------------------- */
#wdb
  {
  position:absolute;
  top:310px;
  left:12px;
  }
  
/* -----------------------------------------------------------------------------
   MAIN
----------------------------------------------------------------------------- */
#main
  {
  clear:left;
  }
#main #activity
  {
  position:absolute;
  top:400px;
  left:540px;
  width:42px;
  height:42px;
  z-index:100;
  display:none;
  }
#main .left
  {
  display:block;
  float:left;
  height:460px;
  width:230px;
  margin:0;
  padding:15px 0 0 15px;
  overflow:hidden;
  background:#fff url(../img/backgrounds/welle_gross.jpg) 0 0 no-repeat;
  -moz-user-select:none;
  }
#main .left a
  {
  margin-bottom:10px;
  }
#main .center
  {
  position:relative;
  display:block;
  float:left;
  width:655px;
  height:460px;
  margin:0;
  padding:14px 0 0 20px;
  overflow:hidden;
  }
  
/* -----------------------------------------------------------------------------
   FOOTER
----------------------------------------------------------------------------- */
#footer
  {
  display:none;
  -moz-user-select:none;
  }

/* -----------------------------------------------------------------------------
   GLOBAL STYLES
----------------------------------------------------------------------------- */
img 
  {
  border:0;
  }
form
  {
  margin:0;
  padding:0;
  }
p {
  padding:0 0 0 4px;
  }
p a
  {
  font-weight:bold;
  }
a 
  {
  color:#000;
  text-decoration:none;
  outline:none;
  cursor:pointer;
  }
label
  {
  cursor:pointer;
  }
#main .left a 
  {
  display:block;
  color:#000;
  text-decoration:none;
  outline:none;
  }
#main .left a:hover
  {
  font-weight:bold;
  }
#main .left a.selected
  {
  font-weight:bold;
  }
.black
  {
  color:#000;
  }
.message,
.warning,
.error
  {
  padding:5px;
  }
.warning,
.error
  {
  color:#990000;
  }
.small
  {
  font-size:10px;
  }

/* -----------------------------------------------------------------------------
   FORMS & LISTS
----------------------------------------------------------------------------- */
#center form 
  {
  height:420px;
  margin:0;
  padding:0;
  overflow:hidden;
  }
#center fieldset,
#center h1
  {
  margin:0 0 20px 0;
  padding:0 0 0 4px;
  border:0;
  font-size:16px;
  font-weight:bold;
  color:#5F8FA6;
  -moz-user-select:none;
  }
#center label
  {
  display:block;
  width:285px;
  height:25px;
  line-height:25px;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
  overflow:hidden;
  }
#center select
  {
  width:85px;
  font-size:12px;
  padding:1px 3px;
  }
#center #form_pg a,
#center #form_region a,
#center #form_st a,
#center #form_stinfos a
  {
  display:block;
  width:175px;
  height:25px;
  line-height:25px;
  margin:0 0 0 5px;
  padding:0 0 0 5px;
  font-size:13px;
  font-weight:bold;
  color:#5F8FA6;
  text-decoration:none;
  overflow:hidden;
  }
#center #form_pg a
  {
  width:280px;
  }
#center #form_pg label:hover
  {
  background:#F3F3F3;
  }
#center #form_pg div,
#center #form_region div,
#center #form_st div,
#center #form_stinfos div
  {
  height:375px;
  width:210px;
  margin:0 0 0 4px;
  padding:0;
  overflow:auto;
  border:1px #BFC7C9 solid;
  }
#center #form_pg div a,
#center #form_region div a,
#center #form_st div a,
#center #form_stinfos div a
  {
  width:182px;
  font-size:11px;
  }
#center #form_st div a  
  {
  width:220px;
  }
#center #form_keg div a
  {
  height:auto;
  font-size:11px;
  }
#center form a:hover
  {
  background:#F3F3F3;
  }
#center button
  {
  margin:15px 0 0 4px;
  }

/* -----------------------------------------------------------------------------
   BREADCRUMB
----------------------------------------------------------------------------- */
#breadcrumb
  {
  display:block;
  width:100%;
  height:25px;
  margin:0 0 10px 0;
  padding:0 0 0 4px;
  font-size:11px;
  font-weight:normal;
  color:#333;
  -moz-user-select:none;
  }
#breadcrumb a
  {
  display:inline;
  font-weight:normal;
  text-decoration:underline;
  }
#breadcrumb a.back
  {
  float:left;
  font-weight:bold;
  text-decoration:underline;
  }

/* -----------------------------------------------------------------------------
   IMAGES
----------------------------------------------------------------------------- */
.msk 
  {
  position:absolute;
  top:44px;
  right:25px;
  }
.pho 
  {
  position:absolute;
  top:125px;
  right:25px;
  }

/* -----------------------------------------------------------------------------
   STEP 4
----------------------------------------------------------------------------- */
#main .center .range
  {
  display:block;
  float:left;
  width:200px;
	height:294px;
	overflow:hidden;
	border:1px #BFC7C9 solid;
	margin:0 0 0 15px;
	padding:8px;
  }
#main .center #form_range
  {
  display:block;
  float:left;
  height:29px;
  margin:0;
  padding:0;
  }
#main .center #form_range input
  {
  width:42px;
  height:22px;
  font-size:13px;
  padding:0;
  margin:0;
  }
#main .center .data,
#main .center .data2
  {
  position:relative;
  display:block;
  float:left;
  width:200px;
	height:243px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	background:#f5f5f5;
	margin:0;
	padding:0;
	font-size:11px;
	border:1px #ddd solid;
	-moz-user-select:none;
  }
#main .center .data2
  {
  width:624px;
  height:310px;
  }
#main .center .data img
  {
  position:absolute;
  top:96px;
  left:80px;
  }
#main .center .data #form_mw
  {
  height:auto;
  }
#main .center .data a
  {
  display:block;
  font-weight:normal;
  margin:0;
  padding:5px 5px 5px 25px;
  background-image:url(../img/icons/checkbox.gif);
  background-repeat:no-repeat;
  background-position:6px 6px;
  }
#main .center .data2 a
  {
  display:block;
  clear:left;
  float:left;
  width:30px;
  height:16px;
  font-weight:normal;
  margin:0;
  padding:5px 0;
  background-image:url(../img/icons/delete.gif);
  background-repeat:no-repeat;
  background-position:6px 5px;
  overflow:hidden;
  }
#main .center .data2 a:hover
  {
  background-position:6px -27px;
  }
#main .center .data2 span
  {
  display:block;
  float:left;
  width:588px;
  padding:5px 0 5px 6px;
  overflow:hidden;
  }
#main .center .data a.checked
  {
  background-position:6px -16px;
  }
#main .center .data a:hover,
#main .center .data2 a:hover
  {
  background-color:#BFC7C9;
  }
#main .center .data .mw1,
#main .center .data2 .mw1
  {
  background-color:#eaeaea;
  }
#main .center .data .mw0 .cb,
#main .center .data .mw1 .cb,
#main .center .data2 .mw0 .cb,
#main .center .data2 .mw1 .cb
  {
  width:11px;
  height:11px;
  margin:0 3px 2px 5px;
  padding:0;
  }
#main .center #form_select
  {
  display:block;
  float:left;
  margin:7px 0 0 0;
  padding:0;
  }
#main .center #form_select input
  {
  display:block;
  float:left;
  width:75px;
  margin:0;
  padding:0;
  background:0;
  border:0;
  font-size:11px;
  text-decoration:underline;
  cursor:pointer;
  }
#main .center #form_select .select_all
  {
  margin-left:1px;
  }
#main .center #form_select #shift
  {
  display:block;
  float:left;
  position:relative;
  top:3px;
  width:20px;
  height:13px;
  margin:0 0 0 6px;
  padding:0;
  overflow:hidden;
  background-image:url(../img/icons/shift.gif);
  background-repeat:no-repeat;
  background-position:0 0;
}
#main .center #form_select .deselect_all
  {
  width:92px;
  margin-left:4px;
  }
#main .center .download
  {
  position:relative;
  display:block;
  float:left;
  width:608px;
  height:57px;
	border:1px #BFC7C9 solid;
	margin:15px 0 0 0;
	padding:0 8px;
	overflow:hidden;
  }
#main .center .download #cart
  {
  position:absolute;
  width:170px;
  top:32px;
  left:432px;
  overflow:hidden;
  font-size:12px;
  }
#main .center #form_download
  {
  margin:6px 0 0 0;
  font-size:11px;
  }
#main .center #form_download #button_cart
  {
  position:absolute;
  top:7px;
  left:432px;
  width:170px;
  font-size:12px;
  }
#main .center #form_download #button_empty_cart
  {
  position:absolute;
  top:16px;
  left:20px;
  width:170px;
  }
#main .center #form_download #button_download
  {
  position:absolute;
  top:16px;
  left:419px;
  width:144px;
  }
#main .center #form_download .filetype
  {
  position:absolute;
  top:31px;
  left:10px;
  }
#main .center #form_download .filename
  {
  width:305px;
  font-size:11px;
  margin-left:12px;
  padding:2px 3px;
  }
#main .center #form_download label
  {
  display:block;
  float:left;
  width:auto;
  margin:0 10px 0 0;
  padding:0;
  font-weight:normal;
  background:transparent;
  }
#main .center #form_download input[disabled]
  {
  background:#f5f5f5;
  border:1px #ccc solid;
  }
#main .center #form_download .rb[disabled]
  {
  background:transparent;
  border:0;
  }

#all_lock 
  {
  position:absolute;
  top:38px;
  left:20px;
  width:640px;
	height:440px;
	background:#fff;
	display:none;
  z-index:50;
	opacity: 0.8;
	-moz-opacity: 0.8;
  }
  
/* -----------------------------------------------------------------------------
   LOGIN PROCESS
----------------------------------------------------------------------------- */
#main .center table 
  {
  padding:0 0 0 4px;
  }
#main .center #form_login
  {
  height:420px;
  margin:0;
  padding:0;
  }
#main .center #form_login a
  {
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
  }
#main .center #form_login a:hover
  {
  background:0;
  }
#main .center #form_register
  {
  height:420px;
  margin:0;
  padding:0;
  display:none;
  padding:0;
  }
#main .center #form_login td,
#main .center #form_register td
  {
  padding:3px 20px 3px 0;
  }
#main .center #form_login td.desc,
#main .center #form_register td.desc
  {
  width:80px;
  }
#main .center #form_login td input,
#main .center #form_register td input
  {
  width:200px;
  }
#main .center #form_login td .button,
#main .center #form_register td .button
  {
  width:auto;;
  }
#main .center #form_register td .short
  {
  width:40px;
  }
#main .center #form_register td .medium
  {
  width:152px;
  margin-left:3px;
  }
sup
  {
  /* color:#990000; */
  color:#000;
  }
#main .center #send_password
  {
  padding:10px 0;
  display:none;
}

/* -----------------------------------------------------------------------------
   STATION DETAILS
----------------------------------------------------------------------------- */
#div_stdetails h3
  {
  margin:0 0 20px 5px;
  padding:0;
  font-size:14px;
  }
#div_stdetails p
  {
  margin:0 0 0 4px;
  padding:10px;
  width:260px;
  height:300px;
  overflow:auto;
  overflow-x:hidden;
	overflow-y:auto;
	border:1px #BFC7C9 solid;
  }
#div_stdetails a
  {
  display:block;
  height:16px;
  line-height:16px;
  font-weight:bold;
  font-size:11px;
  text-decoration:underline;
  padding:0 0 0 24px;
  margin:10px 0 0 14px;
  background:url(../img/icons/pdf.gif) 0 0 no-repeat;
  }

/* -----------------------------------------------------------------------------
   STARTING PAGE
----------------------------------------------------------------------------- */
.intro 
  {
  font-size:14px;
  margin-bottom:4px;
  padding-top:9px;
  }

/* -----------------------------------------------------------------------------
   DEBUG
----------------------------------------------------------------------------- */
#proc
  {
  position:absolute;
  top:300px;
  left:25px;
  width:300px;
  height:25px;
  color:#000;
  }