@charset 'utf-8';
/* --------------------------------------------------------
Badebus - Autobus Oberbayern
Basislayout
2009-05-29 webit!
last modification: 2010-05-17 10:19:04 CEST UD
-------------------------------------------------------- */

/* CSS Reset - originally by Eric Meyer ------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background-image:none; }

body { line-height:1; color:black; background:white; text-align:left; }

ol, ul { list-style:none; }

table { border-collapse:collapse; border-spacing:0; width: 100%; }

caption, th, td { vertical-align:top; text-align:left; font-weight:normal; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* General Styles ------------------------- */
body,
input, textarea, select, button {
	color: #000;
	font: 100% Verdana, Helvetica, FreeSans, sans-serif;
	line-height: 1.42em;
	background-color: #fff;
}

body {
	color: #000;
	background-color: #efefef;
}

strong {
	font-weight: bold;
}

em, cite {
	font-style: italic;
}

a:link, a:visited {
	color: #4D4E51;
}

a:focus, a:hover, a:active {
	text-decoration: none;
}

/* Content ------------------------- */

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1012px;
	height: 708px;
	color: #4D6FB6;
	background: #dc0032 url(../img/bas/hintergrund.jpg) repeat-x;
}
body { text-align: center; }
div#wrapper { text-align: left; }

p#logo {
	position: absolute;
	top: 12px;
	left: 10px;
	/*background: transparent url(../img/bas/logo-badebus.jpg) no-repeat;*/
}

div#slogan {
	position: absolute;
	width: 1012px;
	height: 545px;
	top: 150px;
	text-indent: -5000em;
	background: transparent url(../img/bas/hg-inhalt.jpg) no-repeat;
}
body#home div#slogan {
	width: 652px;
	height: 545px;
	top: 163px;
	background: transparent url(../img/bas/slogan.jpg) no-repeat;
}
body#imprint div#slogan {
	background: transparent url(../img/bas/hg-inhalt-leer.jpg) no-repeat;
}

p#schedule-info {
	position: absolute;
	width: 455px;
	height: 101px;
	top: 40px;
	right: 12px;
	text-indent: -5000em;
	background: transparent url(../img/bas/hg-plan-2.jpg) no-repeat;
}
body#home p#schedule-info {
	width: 285px;
	height: 51px;
	top: 27px;
	right: 0;
	padding: 5px 10px 0 30px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	color: #dc0034;
	background: transparent url(../img/bas/hg-plan.jpg) no-repeat;
}

p#info-links {
	position: absolute;
	width: 275px;
	height: 100px;
	top: 465px;
	left: 400px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	color: #dc0034;
}
p#info-links a {
	color: #dc0034;
}

p#info-phone {
	position: absolute;
	width: 309px;
	height: 37px;
	top: 655px;
	left: 0;
	text-indent: -5000em;
	background: transparent url(../img/bas/info-tel.jpg) no-repeat;
}

p#organizer {
	position: absolute;
	width: 309px;
	height: 37px;
	top: 393px;
	left: 690px;
	font-size: 9px;
	line-height: 15px;
}
p#organizer a{
	display: block;
	margin-top: 10px;
	width: 121px;
}

p#link-more {
	position: absolute;
	top: 660px;
	right: 20px;
}
p#link-more a {
	display: block;
	width: 180px;
	height: 25px;
	text-indent: -5000em;
	background: transparent url(../img/bas/startseite.gif) no-repeat 0 -25px;
}
body#home p#link-more a {
	width: 267px;
	height: 25px;
	background: transparent url(../img/bas/info.gif) no-repeat 0 -25px;
}
body#home p#link-more a:hover,
p#link-more a:hover {
	background-position: 0 0;
}

p#link-imprint {
	position: absolute;
	top: 706px;
	right: 6px;
}
p#link-imprint a {
	font-size: 10px;
	color:#DC0034;
}

div#info {
	position: absolute;
	width: 415px;
	height: 510px;
	top: 160px;
	left: 245px;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}
body#imprint div#info {
	left: 56px;
	width: 550px;
}

div#info h2 {
	display: none;
}
body#imprint h2 {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	color: #516fb7;
}

div#info em,
div#info strong {
	color: #516fb7;
}

div#info-schedule {
	margin-top: 33px;
}
div#info-schedule table {
	margin-bottom: 14px;
}
div#info-schedule table span {
	font-weight: bold;
	color: #e51d3a;
}

div#info-tickets {
	margin-top: 17px;
}
div#info-tickets table {
	margin-top: 14px;
}

div#info-route {
	margin-top: 23px;
}

div#info-imprint {
	margin-top: 23px;
}
div#info-imprint p {
	margin-bottom: 3px;
}

/* Trafficlights ------------------------- */

ul#trafficlights {
	position: absolute;
	width: 324px;
	height: 550px;
	top: 130px;
	right: 0;
}

ul#trafficlights li {
	display: block;
	width: 324px;
	height: 122px;
	margin-bottom: 30px;
	background: transparent url(../img/bas/ampel-aus.png) no-repeat;
}
ul#trafficlights li.on {
	background: transparent url(../img/bas/ampel-an.png) no-repeat;
}

* html ul#trafficlights li {
	background-image: url(../img/bas/ampel-aus.gif);
}
* html ul#trafficlights li.on {
	background-image: url(../img/bas/ampel-an.gif);
}

ul#trafficlights li li {
	display: block;
	width: 220px;
	height: 30px;
	margin-bottom: 0;
	font-weight: bold;
	background: none;
}
li.date {
	padding-top: 26px;
	padding-left: 40px;
	color: #4e6eb7;
	font-size: 12px;
}
li.msg {
	padding-top: 11px;
	padding-left: 11px;
	color: #FFF;
	font-size: 15px;
	font-style: italic;
}
li.msg span {
	/*display: none;*/
	font-size: 8px;
}