/*____________________________________*/
/*___DEFAULT__________________________*/
/*___Relaunch_VVO-Website_____________*/
/*___zistel@webit.de_-_Oktober_2005___*/
/*___16:01_10.03.2009_________________*/
/*____________________________________*/



@import url(/FplStoerAdmin3/css/content.css);
@import url(/FplStoerAdmin3/css/form.css);
@import url(/FplStoerAdmin3/css/topics.css);

@media tty {
	i { content:"\";/*" "*/}} @import '/FplStoerAdmin3/css/ie5x.css'; /*"; }
	}
/**/


/*
- LOADING
- SKIPLINKS
- WRAPPER
  CLEARFIX
- META-NAVIGATION
  LAYOUT
  SPRACHEN
- HEADER
- NAVIGATION
- CONTENT
- LEFT-COL
  SUBNAVIGATION
  LISTE
  TEASER
- RIGHT-COL
  LISTE
  TEASER
*/


body {
	_text-align: center;
	background-color: #F2F2F2;
	}

* { margin: 0; padding: 0; }

img { border-style: none; }
li { list-style-type: none; }

abbr, acronym { cursor: help; border-bottom-width: 1px; border-bottom-style: dotted; }
a abbr, a acronym { cursor: pointer; border-bottom-style: none; }

h2 { display: none; }
#left-col h2 , #right-col h2 , #content h2 { display: block; }

/*_________________________________________________________________________________________________________________LOADING___*/

p#busy {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;

	font-size: .8em;
	color: White;
	line-height: 2.21em;
	letter-spacing: .1em;
	padding-left: 21px;
	padding-right: .3em;
	border-left: .45em solid #DF002A;
	background: #DF002A url(/img/bas/spinner.gif) no-repeat 0 50%;
	}
* html > body p#busy {
	border-left-color: #C03;
	background-color: #C03;
	background-position: 7px 50%;
	}

/*_______________________________________________________________________________________________________________SKIPLINKS___*/

ul#skiplinks {
	position: absolute;
	top: 0;
	left: -10000px;
	z-index: 100;

	font-size: .625em;
	}
* html > body ul#skiplinks {
	display: none;
	}

ul#skiplinks a:active,
ul#skiplinks a:focus {
	position: fixed;
	_position: absolute;
	top: 7px;
	left: 8px;
	_left: 10008px;

	color: #F2F2F2;
	font-size: 1.3em;
	text-decoration: none;
	white-space: nowrap;
	padding: .5em 1em;
	background-color: Black;
	}

/*_________________________________________________________________________________________________________________WRAPPER___*/

html,
body { height: 100%; }
* html { height: auto; }

#wrapper {
	_text-align: left;
	margin: 0 auto;

	width: 62.2em;
	_width: expression(document.body.clientWidth < 1012 ? "62.2em" : "62.2em");

	background: #99C3E1 url(/img/bas/hgr_content.png) repeat-y 50% 8.5em;
	*background-image: url(/img/bas/hgr_content_ie.gif);

	min-height: 100%;
	_height: 100%;
	}

/*___CLEARFIX___________________*/

#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
* html #wrapper {
	display: inline-table;
	/*\*/
	display: block;
	/**/
	}
*+html #wrapper {
	overflow: hidden;
	}

/*_________________________________________________________________________________________________________META-NAVIGATION___*/

ul#meta1 {
position: relative;
	font-size: .625em;
	padding-right: 15px;
	text-align: right;
	min-height: 2.8em;
	_height: 2.8em;
	background-color: #99C3E1;
	border-bottom: 1px solid White;
	}
* html > body ul#meta1 {
	font-size: .65em;
	}

#content ul#meta2 {
	text-align: center;
	border-color: #CECECE;
	border-width: 1px;
	border-style: solid none;

	margin-top: 2.8em;
	}

ul#meta1 li,
#content ul#meta2 li {
	display: inline;
	font-size: 1.1em;
	padding-left: .9em;
	background: url(/img/bas/trenner_meta.gif) no-repeat .2em 50%;
	}
ul#meta1 li {
	line-height: 2.45em;
	_position: relative;
	_top: .1em;
	}
*+html ul#meta1 li {
	line-height: 1.8em;
	}
#content ul#meta2 li {
	line-height: 2.2em;

	padding-bottom: 0;
	}
* html > body #content ul#meta2 li {
	font-size: 1.1em;
	}
* html > body ul#meta1 li,
* html > body #content ul#meta2 li {
	padding-left: .6em;
	background-image: none;
	}
ul#meta1 li.first,
#content ul#meta2 li.first {
	padding-left: 0;
	background-image: none;
	}
ul#meta1 li.first {
	margin-left: 7.5em;
	}

ul#meta1 a:link,
ul#meta1 a:visited {
	color: Black;
	text-decoration: none;
	}
ul#meta1 li.active a:link,
ul#meta1 li.active a:visited,
ul#meta1 a:hover {
	text-decoration: underline;
	}
ul#meta1 a:active,
ul#meta1 a:focus {
	color: #F2F2F2;
	background-color: Black;
	}

/*___LAYOUT_____________________*/

ul#meta1 li#layout {
	font-size: 1em;
	*padding-left: .3em;
	background-image: none;
	}

ul#meta1 li#layout span {
	display: none;
	}

ul#meta1 li#layout a:active,
ul#meta1 li#layout a:focus {
	background-color: transparent;
	}

/* BUTTON */

ul#meta1 li#layout img {
	width: 1.6em;
	}

ul#meta1 li#layout a {
	position: relative;
	top: .4em;
	}
ul#meta1 li#layout a.fixed {
	display: none;
	}
ul#meta1 li#layout a.fluid {
	display: inline;
	}

/*___SPRACHEN___________________*/

ul#meta1 li#lang {
	font-size: 1em;
	line-height: 0;
	text-align: left;
	padding-left: 0;
	background-image: none;

	position: absolute;
	top: .7em;
	left: 20px;
	z-index: 10;
	}

ul#meta1 li#lang span {
	display: none;
	}

ul#meta1 li#lang a:active,
ul#meta1 li#lang a:focus {
	background-color: transparent;
	}

/* FLAGGEN */

ul#meta1 li#lang img {
	width: 1.8em;
	margin-right: 1px;
	border-width: .1em;
	border-style: solid;
	}
ul#meta1 li#lang img,
ul#meta1 li#lang a:hover img {
	border-color: Black;
/*	border-color: #0068B4 #ADCFE7 #ADCFE7 #0068B4;*/
	}
ul#meta1 li#lang a img {
	border-color: #99C3E1;
/*	border-color: #ADCFE7 #0068B4 #0068B4 #ADCFE7;*/
	}

/*__________________________________________________________________________________________________________________HEADER___*/

#header {
position: relative;
	font-size: .625em;
	_width: 100%;
	border-bottom: 1px solid White;
	}
* html #header div {
	text-align: right;
	}

#header {
	background: #003F81 url(/img/bas/hgr_header.jpg) no-repeat 35% 45%;
	}

/* Jubiläumsmarke - 10 Jahre VVO */

#header img {
	width: 16em;
	position: absolute;
	top: 0;
	right: 20.5em;
	}
#header p img {
	width: auto;
	position: static;
	}



#header p {
	font-size: 1em;
	width: 19.5em;
	text-align: center;
	background-color: White;
	}

/* Slogan + Piktogramme */

#header p {
	height: 6.8em;
	padding-top: 1.2em;
	}
html > body #header p {
	margin-left: auto;
	}
#header p img {
	width: 14.8em;
	*width: 14.85em;
	}

/* Logo */

#header p#logo {
	height: 5.81em;
	padding-top: 2.2em;

	position: absolute;
	top: 0;
	left: 0;
	}
html > body #header p#logo {
	margin-left: 0;
	}
#header p#logo img {
	width: 14.3em;

	margin-right: .8em;
	border: 1px solid White;
	}

/*______________________________________________________________________________________________________________NAVIGATION___*/

#navi {
	font-size: .625em;
	color: Black;
	text-align: center;
	background-color: #309D25;
	}
* html > body #navi {
	font-size: .65em;
	}

#navi li {
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 8px;
	background: url(/FplStoerAdmin3/img/bas/trenner_navi.gif) no-repeat 0 50%;
	white-space: nowrap;
	}
#navi li.first {
	padding-left: 0;
	background-image: none;
	}

#navi a:link,
#navi a:visited {
	color: White;
	text-decoration: none;
	padding: 4px 7px 5px;
	line-height: 25px;
	*line-height: 26px;
	}
#navi li.active a:link,
#navi li.active a:visited,
#navi a:hover {
	color: Black;
	}
#navi a:active,
#navi a:focus,
#navi li.active a:active,
#navi li.active a:focus {
	color: #F2F2F2;
	background-color: Black;
	}

/*_______________________________________________________________________________________________________________CONTAINER___*/

#container {
	border-top: 1px solid White;
	_float: left;
	}

/* CLEARFIX */

#container:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
* html #container {
	display: inline-table;
	/*\*/
	display: block;
	height: 1%;
	/**/
	}
*+html #container {
	overflow: hidden;
	}

/*_________________________________________________________________________________________________________________CONTENT___*/

#content {
	font-size: .625em;
	min-height: 44.1em;
	_height: 46.8em;
	padding: 0 3.5em 3.6em;
	background: #F2F2F2 url(/img/bas/hgr_content.png) repeat-y center top;
	}
html >/**/body #content {
	border-top: 1px solid transparent;
	overflow: auto;
	}
* html > body #content {
	font-size: .65em;
	padding-bottom: 1.8em;
	overflow: visible;
	float: left;
	}

body.home #content {
	background-image: none;
	}

/*________________________________________________________________________________________________________________LEFT-COL___*/

#left-col {
	width: 19.5em;
	font-size: .625em;
	padding-bottom: 27px;
	float: left;
	}
* html > body #left-col {
	font-size: .65em;
	}

/*\*/
* html #left-col {
	margin-right: -3px;
	}
/**/



#left-col form,
#left-col h2,
#left-col ul#subnavi,
#left-col ul#subnavi ul,
#left-col ul#subnavi li,
#left-col div,
#left-col img,
#left-col div p {
	border-color: White;
	border-width: 1px;
	}



#left-col h2 {
	margin-top: 2.4em;
	color: White;
	font-size: 1em;
	padding: 6px 0 6px 24px;
	text-transform: uppercase;
	background: #0068B4 url(/img/bas/pinukl_subnavi.gif) no-repeat 0 50%;
	border-top-style: solid;
	}

#left-col form p {
	padding-top: .4em;
	}
#left-col form p.wrapper {
	/* clearfix */
	overflow: hidden;
	_display: inline-block;
	}

/*___SUBNAVIGATION______________*/

/* Border */
#left-col ul#subnavi, #left-col ul#subnavi ul { border-top-style: solid; }
#left-col ul#subnavi li { border-bottom-style: solid; }
#left-col ul#subnavi ul li { border-bottom-style: none; }

#left-col ul#subnavi {
	margin-top: 2.4em;
	}

#left-col ul#subnavi li {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
	}
#left-col ul#subnavi ul li {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: none;
	line-height: 1.3em;
	padding: .2em 0;
	_padding: .22em 0 .23em;
	}

#left-col ul#subnavi li a {
	display: block;
	padding: .5em 10px .5em 24px;
	}
* html #left-col ul#subnavi li a {
	padding-left: 2.4em;
	/*\*/
	height: 1%;
	/**/
	}
#left-col ul#subnavi li ul a {
	display: inline;
	padding: 0;
	}
* html #left-col ul#subnavi li ul a {
	width: auto;
	}
#left-col ul#subnavi ul {
	padding: .7em 10px 1.3em 24px;
	background-color: #5C9FCF;
	}

/* LINKS */

#left-col ul#subnavi li a:link,
#left-col ul#subnavi li a:visited {
	color: Black;
	text-decoration: none;
	background-color: #99C3E1;
	}
#left-col ul#subnavi li.active a:link,
#left-col ul#subnavi li.active a:visited {
	color: White;
	background: #0068B4 url(/img/bas/pinukl_subnavi.gif) no-repeat 0 50%;
	}
#left-col ul#subnavi li.special a:link,
#left-col ul#subnavi li.special a:visited {
	background-color: #ACD8A8;
	}
#left-col ul#subnavi li a:hover {
	color: White;
	}
#left-col ul#subnavi li a:active,
#left-col ul#subnavi li a:focus,
#left-col ul#subnavi li.active a:active,
#left-col ul#subnavi li.active a:focus,
#left-col ul#subnavi li.special a:active,
#left-col ul#subnavi li.special a:focus {
	color: #F2F2F2;
	background-image: none;
	background-color: Black;
	}

#left-col ul#subnavi li.active ul a:link,
#left-col ul#subnavi li.active ul a:visited {
	color: Black;
	background-color: transparent;
	background-image: none;
	}
#left-col ul#subnavi li.active ul li.active a,
#left-col ul#subnavi li.active ul a:hover {
	text-decoration: underline;
	}
#left-col ul#subnavi li.active ul a:active,
#left-col ul#subnavi li.active ul a:focus {
	color: #F2F2F2;
	background-color: Black;
	}

/*___LISTE______________________*/

#left-col form ul {
	margin-top: 1.2em;
	}
#left-col div ul {
	margin: .6em 10px 0 15px;
	}

#left-col form li,
#left-col div li {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: .3em;
	}

#left-col form li,
#left-col div li {
	list-style-image: url(/img/bas/pinukl_li_blau0.png);
	}
html:first-child > b\ody #left-col form li,
html:first-child > b\ody #left-col div li {
	list-style-image: url(/img/bas/pinukl_li_blau0_.png);
	}
html*#left-col form li,
html*#left-col div li {
	list-style-image: url(/img/bas/pinukl_li_blau0.png) !important;
	}
* html > body #left-col form li,
* html > body #left-col div li {
	list-style-image: url(/img/bas/pinukl_li_blau0_.png) !important;
	}
/*\*/
* html #left-col form li,
* html #left-col div li {
	list-style-image: url(/img/bas/pinukl_li_blau0.gif) !important;
	}
/**/
*+html #left-col form li,
*+html #left-col div li {
	list-style-image: url(/img/bas/pinukl_li_blau0.gif) !important;
	}

#left-col form li,
#left-col div li {
	margin-left: 13px;
	}
html:first-child > b\ody #left-col form li,
html:first-child > b\ody #left-col div li {
	margin-left: 15px;
	}
html*#left-col form li,
html*#left-col div li {
	margin-left: 12px !important;
	}
* html #left-col form li,
* html #left-col div li {
	margin-left: 16px !important;
	}
*+html #left-col form li,
*+html #left-col div li {
	margin-left: 17px !important;
	}

#left-col form li a:link,
#left-col form li a:visited,
#left-col div li a:link,
#left-col div li a:visited {
	color: #123380;
	text-decoration: none;
	border-bottom: 1px dotted #123380;
	}
#left-col form li a:hover,
#left-col div li a:hover {
	border-bottom-style: solid;
	}
#left-col form li a:active,
#left-col form li a:focus,
#left-col div li a:active,
#left-col div li a:focus {
	color: #F2F2F2;
	border-bottom-color: #F2F2F2;
	background-color: Black;
	}

/*___TEASER_____________________*/

#left-col div {
	margin-top: 2.4em;
	background-color: #5C9FCF;
	border-style: solid none;
	}
#left-col div.handyticket {
	margin-top: .4em;
	border-top-style: none;
	padding-bottom: 1em;
	}
#left-col div.wetter {
	padding-top: 0.8em;
	background-color: #0068B4;
	text-align: center;
	}

#left-col div object,
#left-col div embed {
	width: 16.5em;
	height: 19.4em;
	}
#left-col div object {
	margin: 0 15px;
	}

#left-col div img {
	display: block;
	width: 100%;
	border-bottom-style: solid;
	}
#left-col div.jugendkampagne img {
	border-bottom-style: none;
	margin-bottom: -.3em;
	}

#left-col div p {
	font-size: 1.1em;
	line-height: 1.2em;
	}
#left-col div.wetter p {
	margin-top: 0.5em;
	background-color: #5C9FCF;
	border-top-style: solid;
	text-align: left;
	}

#left-col div span {
	display: block;
	padding: .6em 15px .8em;
	}
#left-col div.handyticket span {
	padding-bottom: 0;
	}

#left-col div strong {
	color: #309D25;
	line-height: normal;
	line-height: 2em;
	}
#left-col div em {
	font-style: normal;
	font-weight: bold;
	line-height: 1.3em;
	}

#left-col div p a {
	display: block;
	*height: 1%;
	}
#left-col div p span a {
	display: inline;
	}

#left-col div a:link,
#left-col div a:visited {
	color: Black;
	text-decoration: none;
	}
#left-col div a:hover {
	text-decoration: underline;
	}
#left-col div a:active,
#left-col div a:focus {
	color: #F2F2F2;
	background-color: Black;
	}

/*_______________________________________________________________________________________________________________RIGHT-COL___*/

#right-col {
	width: 19.5em;
	font-size: .625em;
	padding: 0 0 27px 0;
	float: right;
	}
* html > body #right-col {
	font-size: .65em;
	}

/*\*/
* html #right-col {
	margin-left: -3px;
	}
/**/

#right-col form,
#right-col h2,
#right-col div,
#right-col img {
	border-color: White;
	border-width: 1px;
	}

#right-col h2 {
	margin-top: 2.4em;
	color: White;
	font-size: 1em;
	padding: 6px 0 6px 24px;
	text-transform: uppercase;
	background: #309D25 url(/img/bas/pinukl_subnavi_gruen.gif) no-repeat 0 50%;
	border-top-style: solid;
	}

#right-col p {
	font-size: 1.1em;
	line-height: 1.2em;
	}
#right-col form p {
	padding-top: .8em;
	}
#right-col form fieldset p {
	font-size: 1em;
	line-height: normal;
	}
#right-col p.error {
	font-size: 1.1em;
	}
html >/**/body #right-col p.error {
	padding-top: 0;
	}

#right-col em {
	display: block;
	font-style: normal;
	}
#right-col form p em {
	margin-top: .3em;
	font-weight: bold;
	}
#right-col form p label em {
	display: inline;
	}
#right-col form p label em,
#right-col form p.error em.error {
	margin-top: 0;
	font-weight: normal;
	}
html>/**/body #right-col p.error em.error {
	margin: 0 -26px 1px -28px;
	padding-right: 26px;
	padding-left: 28px;
	position: relative;
	top: -.1825em;
	}

#right-col a:link,
#right-col a:visited {
	color: Black;
	text-decoration: none;
	}
#right-col a:hover {
	text-decoration: underline;
	}
#right-col a:active,
#right-col a:focus {
	color: #F2F2F2;
	background-color: Black;
	}

/*___LISTE______________________*/

#right-col ul {
	margin-top: .6em;
	}
#right-col form#login ul {
	margin-top: 1.2em;
	}
#right-col div ul {
	margin-right: 10px;
	margin-left: 15px;
	}

#right-col li {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: .3em;
	}

#right-col li {
	list-style-image: url(/img/bas/pinukl_li_gruen0.png);
	}
html:first-child > b\ody #right-col li {
	list-style-image: url(/img/bas/pinukl_li_gruen0_.png);
	}
html*#right-col li {
	list-style-image: url(/img/bas/pinukl_li_gruen0.png) !important;
	}
* html > body #right-col li {
	list-style-image: url(/img/bas/pinukl_li_gruen0_.png) !important;
	}
/*\*/
* html #right-col li {
	list-style-image: url(/img/bas/pinukl_li_gruen0.gif) !important;
	}
/**/
*+html #right-col li {
	list-style-image: url(/img/bas/pinukl_li_gruen0.gif) !important;
	}

#right-col li {
	margin-left: 13px;
	}
html:first-child > b\ody #right-col li {
	margin-left: 15px;
	}
html*#right-col li {
	margin-left: 12px !important;
	}
* html #right-col li {
	margin-left: 16px !important;
	}
*+html #right-col li {
	margin-left: 17px !important;
	}

#right-col li a:link,
#right-col li a:visited {
	color: #0C6A0A;
	border-bottom: 1px dotted #0C6A0A;
	}
#right-col li a:hover {
	text-decoration: none;
	border-bottom-style: solid;
	}
#right-col li a:active,
#right-col li a:focus {
	color: #F2F2F2;
	border-bottom-color: #F2F2F2;
	background-color: Black;
	}

/*___TEASER_____________________*/

#right-col div {
	margin-top: 2.4em;
	background-color: #ACD8A8;
	border-style: solid none;
	}
#right-col div.handyticket {
	margin-top: .4em;
	border-top-style: none;
	padding-bottom: 1em;
	}

#right-col div img {
	display: block;
	width: 100%;
	border-bottom-style: solid;
	}

#right-col div span {
	display: block;
	padding: .6em 15px .8em;
	}
#right-col div.handyticket span {
	padding-bottom: 0;
	}

#right-col div strong {
	line-height: normal;
	line-height: 2em;
	}
#right-col div em {
	display: inline;

	font-weight: bold;
	line-height: 1.3em;
	}

#right-col div p a {
	display: block;
	*height: 1%;
	}
#right-col div p span a {
	display: inline;
	}