@import url(/style/mobile.css) handheld;
@import url(/style/print/main.css) print;
@import url(/style/sz.css) screen;
@import url(/style/picture.css);
@import url(/style/bs.css);
@import url(/style/webms.css);

/* Global */
v\: * { behavior: url(#default#VML);display:inline-block }

body {
   color:white;
   font-family: serif;
   padding:0px;
   margin:0px;
  }
  div.bg {
  position: fixed;
  left:0;
  top:0;
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  z-index:-3;

  }
  h1 {

   margin-top:0px;
  }
  p { font-size:14pt; }
  a { color: yellow; }
a {
	color:#ECF082;
	text-decoration:none;
}
cite {
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	font-family:monospace;
	display:block;
	}
cite:before {
	content:open-quote;
	}
cite:after {
	content: close-quote" (" attr(source) ")";
	}
	
a.jumptop {
 margin-top: 3cm;
  font-size: 10pt;
  margin-right:12px;
}
a.buchung {
    background: none repeat scroll 0 0 #606060;
    border: 1px outset black;
    color: #FF5050;
    float: right;
    font-weight: bold;
    margin: 32px 12px 12px;
    padding: 8px;
}

.encrypted { display:none; !important }
var { font-style: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font: inherit; }

 button.action {
  cursor:pointer;
  margin:12px;
  border: solid 2px transparent;
  padding:8px;
  background: none;
  color: inherit;
  color: white  ; /* wg. IE */
  font-size: 16pt;
  -moz-border-radius: 12px;
  
 }
 button.action:hover {
  border: solid 2px yellow;
 }


div.fullscreenmsg {
	border: solid 2px black;
	position: absolute;
	left:15%;
	top:10%;
	width:70%;
	height:70%;
	color:black;
	z-index: 33;
	background-color: white;
	padding:12px;
	-moz-border-radius: 12px;
	opacity: 0.97;
	
}
div.fullscreenmsg button {
	margin-left:40%;
	border: none 2px transparent;
	padding: 12px;
	background-color: white;
	font-size: 14pt;
	-moz-border-radius: 12px;
}
div.fullscreenmsg button:hover {
	border: solid 2px black;
}
div.user {
/*	height: 24px;*/
	margin:0px;
/*	color: black; */
/*	background: url(/style/userbg.png) repeat-x; */
	text-align: left;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 12px 0px 12px;
}
div.user var {
	font-style:italic;
	text-align:center;
	display:block;
	margin:2px;
}
div.user var.encrypted { display:none; !important }

div.user a {
	float: right;
	margin-right: 6px;
}

div.user span.encryption {
/*	float: right;
	margin-right: 100px;*/
	font-size: 8pt;
	color: white;
	padding:5px;
	display: block;
	background-color: green;
	text-align: center;
	margin:5px;
	margin-right: 0px;
	padding-right:10px;
	width:100%;
}

/* Header */
 div.header {
  width:100%; 
  /*height:200px;*/
  overflow:hidden;
 }
 div.header div.imgbar {
  width:100%; height:122px;  white-space:nowrap; text-align:center; position:relative;left:0%;font-size:60pt;
 }
 /*
 div.header div.imgbar img {
  width:180px; height:120px; background: gray; border:none;
 }
 */
 div.header div.textbar {
  color:#ECF082;
  padding-left:6px;
  padding-right:4px;
  
  /* background-color: red; */
 }
 div.header div.textbar h1 {
  text-align:left;
  float:left; 
  font-size:20pt; display:inline;
  font-weight:normal;
  margin-top:0;
 }
 div.header div.textbar h1 span {
  font-size:36pt; color:white;
 }
 div.header div.textbar span.add {
  font-size:16pt;
  float:right; 
  text-align:right;
  margin-top:3px;
  margin-right: 1cm !ie;
 }
 
 /* wrap (Content) */
 div#wrap {
  padding-bottom:60px;
  padding-top:15px;
 }
 div#wrap div#content {
  /*float:left;*/
  /*width:80%;*/
  overflow:hidden;
  margin-left:220px;
  font-size:12pt;
  padding-right:10px;
 }
 div#wrap div#content h1 {
  font-size:200%;
 }
 div#wrap div#content h2 {
  font-size:110%;
 }
 div#wrap div#content h3 {
  font-size:125%;
 }
 div#wrap div#content h4 {
  font-size:90%;
 }

div#wrap div#content table.optionen {
  border: solid 1px gray;
  width: 80%;
  margin:auto;
 }
 div#wrap div#content table.optionen th {
  font-weight:bold;
  vertical-align:bottom;
  font-size:80%;
 }
 div#wrap div#content table.optionen td {
  background-color: #004400;
  vertical-align:top;
  padding:4px;
 }
 div#wrap div#content table.optionen td.curr {
  text-align: right;
  width:25%;
 }

div#wrap div#content table.preise {
  border: solid 1px gray;
  width: 90%;
  margin:auto;
 }
 div#wrap div#content table.preise th {
  font-weight:bold;
  vertical-align:bottom;
  font-size:80%;
 }
 div#wrap div#content table.preise td {
  background-color: #004400;
  vertical-align:top;
  padding:4px;
 }
 div#wrap div#content table.preise td.curr {
  text-align: right;
  width:25%;
 }



 div#wrap div#content table.fahrplan {
  border: 2px solid white;
  margin:auto;
  width:400px;
  border-collapse: collapse;
  background: white;
 }
 div#wrap div#content table.fahrplan th {
  background: white;
  font-weight:bold;
  vertical-align:bottom;
  font-size:80%;
  color:black;
 }
div#wrap div#content table.fahrplan td {
  background: white;
  color:black;
  vertical-align:top;
  border: solid 1px black;
 }
 div#wrap div#content table.fahrplan td.time {
  text-align: center;
 }
 div#wrap div#content table.fahrplan td.station {
  text-align: left;
  font-weight:bold;
 }

 div#wrap div#content table.cells {
  border: solid 1px gray;
 }
 div#wrap div#content table.cells td {
  background-color: #004400;
  vertical-align:top;
 }
 div#wrap div#content table.cells td.date {
  text-align: center;
 }
 div#wrap div#content table.cells td.size {
  text-align: right;
 }
 div#wrap div#content table.cells td.curr {
  text-align: right;
 }
div#wrap div#content table.cells td.headercell {
  font-weight:bold;
  background-color: #005500;
 }
 div#wrap div#content table.cells td.cell {
 }
 div#wrap div#content table.cells td a {
  color:##ECF082;
  text-decoration:none;
 }
 div#wrap div#content table.cells td a:hover {
  color:##ECF082;
  text-decoration:underline;
 }
div#wrap div#content div.teaserpicture img {
  float:right;
 } 
 div#wrap div#content div.clearer {
  clear:both;
  height:12px;
 }
 
 div#wrap div#content .selreg {
  margin:auto;
  
 }
 div#wrap div#content .selreg .meldung {
  display:none; 
 }
 
 div#wrap div#content .selreg td {
  text-align:center;
  vertical-align: top;
  font-size: 9pt;
  padding:4px;
 }
 
 div#wrap div#content .selreg td.l {
  text-align: left;
 }
 div#wrap div#content .selreg td.l input.notok {
  background-color: yellow;
 }
div#wrap div#content .selreg td.l select.notok {
  background-color: yellow;
 }

 div#wrap div#content table.selreg button {
  cursor:pointer;
  margin:12px;
  border: solid 2px transparent;
  padding:8px;
  background: none;
  color: inherit;
  color: white  ; /* wg. IE */
  font-size: 16pt;
  -moz-border-radius: 12px;
  
 }
 div#wrap div#content table.selreg button:hover {
  border: solid 2px yellow;
 }
 div#wrap div#content table.selreg button h4 {
  font-size: 14pt;
 }
 div#wrap div#content table.selreg button p {
  font-size: 12pt;
 }
 div#wrap div#content table.selreg a {
  cursor:pointer;
  margin:12px;
  border: solid 2px transparent;
  padding:16px;
  background: none;
  color: inherit;
  font-size: 16pt;
  -moz-border-radius: 12px;
 }
 div#wrap div#content table.selreg a:hover {
  border: solid 2px yellow;
 }
  div#wrap div#content .selreg th {
  text-align: left;
  padding-right: 20px;
 }
 div#wrap div#content .selreg .text {
  width:300px;
 }
 
  
 /* Sidebar */
div#wrap div#sidebar {
    background: none repeat scroll 0 0 #08410D;
    float: right;
    font-size: 9pt;
    max-width: 18%;
    min-height: 300px;
    padding-top: 8px;
    padding-left: 6px;
    border-radius:6px;
}
 div#wrap div#sidebar h2 {
  font-size:120%;
 }
 /* Bottom */
 div.footer {
  clear: both;
  width:100%;
  font-size: 8pt;
  text-align:center;
  background:url(/images/pddr_sm_bg.png) repeat-x; 
  height:40px;
  position:fixed; bottom:0;
 }


div#wrap div#sidebar div.buchung {
	border: dotted 1px yellow;
	font-size:10pt;
	padding:6px;
	margin-bottom: 24px;
}
div#wrap div#sidebar div.buchung div {
	margin-bottom: 6px;
}
div#wrap div#sidebar div.buchung div i {
	padding-left: 6px;
	font-weight:bold;
}
div#wrap div#sidebar div.buchung div ul {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* List */
div.list {
	height:150px;
	width:320px;
	display:inline-block;
	padding:3px;
	margin:4px;
	vertical-align:top;
}
div.list table {
	height:100%;
	width:100%;
	border:0px;
	border-collapse:collapse;
}
div.list table tr td {
	border:0px;
	margin:0px;
}
div.list table tr td.aa {
	vertical-align:top;
	padding-left:12px;
	padding-top:6px;
	background:url(/style/bg70p10r512.png) 0px 0px no-repeat;
}
div.list table tr td.ab {
	width:12px;
	background:url(/style/bg70p10r512.png) -500px 0px no-repeat;
}
div.list table tr td.ba {
	height:12px;
	background:url(/style/bg70p10r512.png) 0px -500px no-repeat;
}
div.list table tr td.bb {
	width:12px;
	height:12px;
	background:url(/style/bg70p10r512.png) -500px -500px no-repeat;
}
div.list table tr td.aa h2 {
 margin-top:0px;
 padding-top:0px;
 margin-bottom:0px;
}
div.list table tr td.aa p {
 margin-top:4px;
 padding-top:0px;
 font-size:9pt;
}
div.list table tr td.aa p img {
	float:right;
	margin:2px;
}


/* modalDialog */
.modalDialog {
	display:none;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: url(/style/50gray.png);
}
.modalDialog > div {
	position:fixed;
	width:68%;
	/*height:68%;*/
	margin: 0px;
	margin:16%;
	background:none;
}
.modalDialog > div > table {
	height:100%;
	width:100%;
	border:0px;
	border-collapse:collapse;
}
.modalDialog > div > table tr td {
	border:0px;
	margin:0px;
}
.modalDialog > div > table tr td.aa {
	vertical-align:top;
	padding-left:24px;
	padding-top:16px;
	background:url(/style/bg_modalDialog.png) 0px 0px no-repeat;
}
.modalDialog > div > table tr td.ab {
	width:16px;
	background:url(/style/bg_modalDialog.png) -2032px 0px no-repeat;
}
.modalDialog > div > table tr td.ba {
	height:16px;
	background:url(/style/bg_modalDialog.png) 0px -2032px no-repeat;
}
.modalDialog > div > table tr td.bb {
	width:16px;
	height:16px;
	background:url(/style/bg_modalDialog.png) -2032px -2032px no-repeat;
}
.modalDialog > div > table tr td.aa > div.header {
	background:none;
	font-size: 16pt;
	color:black;
	font-weight:bold;
	text-align: left;
	padding-left:32px;
}
.modalDialog > div > table tr td.aa > div.content {
	background:none;
	vertical-align:top;
	height:500px;
	width:100%;
	overflow: auto;
	color:black;
}
.modalDialog > div > table tr td.aa > div.footer {
	background:none;
	font-size: 14pt;
	color:black;
	height:32px;
	text-align: center;
}
.modalDialog > div > table tr td.aa > div.footer > button {
	font-size:16pt;
	background:none;
	border:solid 1px black;
	-moz-border-radius: 4px;
	margin: 0px;
	margin-left: 6px;
	margin-right: 6px;
	min-width: 120px;
}
.modalDialog > div > table tr td.aa > div.footer > button:hover {
	background:yellow;
}

/* modalQuery */
.modalQuery {
	display:none;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: url(/style/50gray.png);
}
.modalQuery > div {
	position:fixed;
	right:1%;
	top:1%;
	margin: 0px;
	background:none;
}
.modalQuery > div > table {
	height:100%;
	width:100%;
	border:0px;
	border-collapse:collapse;
}
.modalQuery > div > table tr td {
	border:0px;
	margin:0px;
}
.modalQuery > div > table tr td.aa {
	vertical-align:top;
	padding-left:6px;
	padding-top:4px;
	background:url(/style/bg_modalQuery.png) 0px 0px no-repeat;
}
.modalQuery > div > table tr td.ab {
	width:4px;
	background:url(/style/bg_modalQuery.png) -508px 0px no-repeat;
}
.modalQuery > div > table tr td.ba {
	height:4px;
	background:url(/style/bg_modalQuery.png) 0px -508px no-repeat;
}
.modalQuery > div > table tr td.bb {
	width:4px;
	height:4px;
	background:url(/style/bg_modalQuery.png) -508px -508px no-repeat;
}
.modalQuery > div > table tr td.aa > div.header {
	background:none;
	font-size: 12pt;
	color:black;
	font-weight:bold;
	text-align: left;
	padding-left:6px;
	margin-top:4px;
}
.modalQuery > div > table tr td.aa > div.content {
	background:none;
	vertical-align:top;
	/*height:500px;*/
	width:100%;
	overflow: auto;
	color:black;
	margin:8px;
}
.modalQuery > div > table tr td.aa > div.footer {
	background:none;
	font-size: 12pt;
	color:black;
	height:24px;
	text-align: center;
	margin-top:12px;
	margin-bottom:6px;
}
.modalQuery > div > table tr td.aa > div.footer > button {
	font-size:12pt;
	background:none;
	border:solid 1px black;
	-moz-border-radius: 4px;
	margin: 0px;
	margin-left: 6px;
	margin-right: 6px;
	min-width: 100px;
}
.modalQuery > div > table tr td.aa > div.footer > button:hover {
	background:yellow;
}


/* Modal */
.modal {
	position: absolute;
	bottom: 0;left: 0;right: 0;top: 0;
    display: block;
    z-index: 1;
}
.modal>.blocker {
    background: none repeat scroll 0 0 black;
    position: absolute;
    bottom: 0; left: 0;right: 0;    top: 0;
    opacity: 0.7;
    filter:Alpha(opacity=70);
    z-index: 0;
}
.modal>.content {
	position: fixed;
	bottom: 0; left: 0; right: 0; top: 0;
}
.modal>.content>.dialog { /* Dialog: zentriert, alle Seiten 10% */
	position: fixed;
	bottom: 10%; left: 10%; right: 10%; top: 10%;
    padding: 0;
}
.modal>.content>.dialog>.bg {
	-moz-border-radius: 24px 24px 24px 24px;
    position: absolute;
    height: 100%; width: 100%;
    background-color: white;
    border: 1px solid black;
    opacity: 0.9;
    z-index: 0;
}
.modal>.content>.dialog>.bgvml { 
    position: absolute;
    height: 100%; width: 100%;
	background: transparent;
	filter:Alpha(opacity=90);
	z-index: -1;
}
.modal>.content>.dialog>.fg {
	position: inherit;
    bottom: inherit; left: inherit; right: inherit; top: inherit;
    padding: 52px 12px 48px 24px;
}
.modal>.content>.dialog>.fg>.header {
	color: black; font-size: 12pt;
    position: absolute;
    left: 0; top: 0;
    margin: 0; padding: 0;
    z-index: 1;
}
.modal>.content>.dialog>.fg>.header>.tools { /* rechts ausgerichtete Toolbox in Kopfzeile */
	float: right;
    margin-right: 24px;
    margin-top: 12px;
}
.modal>.content>.dialog>.fg>.header>h1 { /* Beschriftung in Kopfzeile */
	font-size: 16pt;
    margin: 12px 0 0 24px;
    padding: 0;
}
.modal>.content>.dialog>.fg>.content {
	color: black;
    font-size: 12pt;
    height: 100%; width: 100%;
    overflow: auto;
}
.modal>.content>.dialog>.fg>.footer {
	background: none repeat scroll 0 0 transparent;
	position: absolute;
    bottom: 0; left: 0;
    height: 40px;
}
.modal>.content>.dialog>.fg>.footer>button {
	-moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    font-size: 14pt;
    margin-left: 12px;
    min-width: 100px;
}
.modal>.content>.dialog>.fg>.footer>button:hover {
    background-color: yellow;
}


.modal>.content>.query { /* Query: rechts oben 1% vom Rand */
	position: fixed;
	right: 1%; top: 1%;
    padding: 0;
    max-width: 30%;
}
.modal>.content>.query>.bg {
	-moz-border-radius: 12px;
    position: absolute;
    height: 100%; width: 100%;
    background-color: white;
    border: 3px solid red;
    opacity: 0.9;
    z-index: 0;
}
.modal>.content>.query>.bgvml { 
    position: absolute;
    height: 100%; width: 100%;
	background: transparent;
	filter:Alpha(opacity=90);
	z-index: -1;
}
.modal>.content>.query>.fg {
	position: relative;
    bottom: inherit; left: inherit; right: inherit; top: inherit;
    padding: 12px 12px 12px 12px;
}
.modal>.content>.query>.fg>.header {
	color: black; font-size: 12pt;
    position: absolute;
    left: 0; top: 0;
    margin: 0; padding: 0;
    z-index: 1;
}
.modal>.content>.query>.fg>.header>h1 { /* Beschriftung in Kopfzeile */
	font-size: 12pt;
    margin: 12px 0 0 24px;
    padding: 0;
}
.modal>.content>.query>.fg>.content {
	color: black;
    font-size: 11pt;
    height: 100%; width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 12px;
}
.modal>.content>.query>.fg>.footer {
	background: none repeat scroll 0 0 transparent;
	position: absolute;
    bottom: 0; left: 0;
    height: 32px;
}
.modal>.content>.query>.fg>.footer>button {
	-moz-border-radius: 4px;
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    font-size: 12pt;
    margin-left: 12px;
    min-width: 80px;
}
.modal>.content>.query>.fg>.footer>button:hover {
    background-color: yellow;
}