@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline: 0; text-decoration: none }
a img { border: 0; text-decoration: none }
.clear { display: block; height: 0; clear: both }
.std-clear {clear: both }
img.std-float-left { float: left; margin-right: 15px; margin-bottom: 15px; }

body { font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	background: #560f00 url(/images/layout/zitat.jpg) 985px 360px no-repeat; color: #444 }

h1 { background: transparent url(/images/layout/header.jpg) top left no-repeat; width: 985px;
	height: 185px; text-indent: -10000px; position: relative }
h1 a { position: absolute; left: 60px; top: 40px; width: 170px; height: 110px }
#container { width: 985px; background: white url(/images/layout/bg-container.gif) top left repeat-y; position: relative }

#main-menu { list-style: none; float: left; width: 970px; background: white;
	height: 25px; padding: 5px 0; padding-left: 15px; border-bottom: 1px dotted #560f00 }
#main-menu li { font: 20px Georgia, Times, serif; float: left; border-left: 1px solid #444 }
#main-menu li a { color: #444; display: block; padding: 0 10px }
#main-menu li.first { border-left: 0px none }
#main-menu li a:hover, #main-menu li a.active { color: #af4231 }

#second-menu { position: absolute; left: 15px; font-size: 10px; font-weight: bold; top: 160px; height: 25px;
	width: 973px; line-height: 14px; z-index: 100;	padding: 5px 0; text-align: right; color: white; text-transform: uppercase }
#second-menu a, #second-menu span { color: white; padding: 0 3px }
#second-menu a:hover, #second-menu span { color: #af4231 }

#content { padding: 35px 20px 30px 25px; width: 750px; float: left }
#content h2 { font: normal 24px/25px Georgia, Times, serif; color: #a1181b; padding-bottom: 20px }
#content h3 { font: normal 16px/16px Georgia, Times, serif; color: #a1181b; padding-bottom: 10px }
#content p, #content ul { padding-bottom: 16px }
#content a { color: #bda238; font-weight: bold }
#content a:hover { color: #bda238; text-decoration: underline }
#content p.small { font-size: 10px; line-height: 13px }

#content .col { float: left; padding-right: 20px }
#content .col1 { width: 210px }
#content .col2 { width: 240px }
#content .col3 { width: 240px; padding-right: 0 }
#content .colgroup12 { width: 470px }
#content .colgroup23 { width: 500px; padding-right: 0 }
#content .colgroup123 { width: 730px; padding-right: 0 }

/* Startseite anders */
.index #content .col1 { width: 308px }
.index #content .col1 h3 { font-size: 14px; line-height: 14px; }
.index #content .colgroup23 { width: 420px }
.index #content .colgroup23 h2 { font-size: 30px; line-height: 32px; }

#sidebar { width: 190px; float: right; font-size: 10px; line-height: 14px; padding-bottom: 20px }
#sidebar h4 { font: 13px/26px Georgia, Times, serif; background: #747474; color: white; font-weight: normal; padding-left: 10px }
#sidebar h5 { font-size: 10px; padding: 10px 10px 0 10px }
#sidebar p { font-size: 10px; padding: 0 10px 10px 10px }
#sidebar a { color: #af4231 }
#sidebar a:hover { text-decoration: underline }
#sidebar #grusswort { background: #f5f6f6; padding: 15px 10px }
#sidebar #grusswort img { display: block }
#sidebar #grusswort h5 { padding: 0; padding-top: 10px }
#sidebar #grusswort p { padding: 0 }
#sidebar #vvo-fahrplanauskunft { padding: 20px 10px 10px }
#sidebar #vvo-fahrplanauskunft p { padding: 0 }

#footer { width: 960px; Padding: 8px 0 20px 25px; position: relative }
#footer p { font-size: 9px; line-height: 13px; width: 360px; color: white }
#footer #footer-links { position: absolute; width: 585px; height: 45px; left: 400px; top: 8px }
#footer #footer-links a { float: left; margin-right: 10px }
#footer #footer-links a.last { margin-right: 0 }

/* Elementtypen */
/* ACHTUNG: Funktionieren so nur noch auf der Startseite */
#content .teaser { list-style: none; width: 308px }
#content .teaser li { float: left; width: 308px; padding-bottom: 20px }
#content .teaser li img { float: left; width: 105px; height: 112px; margin-right: 20px }
#content .teaser li p { padding-bottom: 0 }

#content .buchtipp { background: #7d8080; float: left; padding: 15px; padding-bottom: 0 }
#content .buchtipp img { float: left; margin-right: 13px; margin-bottom: 15px }
#content .buchtipp h3 { color: #faef13 }
#content .buchtipp p { color: white }

#content .presse { list-style: none }
#content .presse li span.date { font-weight: bold }

#content .formToMail { padding-left: 230px; padding-top: 10px }
#content .formToMail fieldset { border: 0px none }
#content .formToMail legend { display: none }
#content .formToMail input, #content .formToMail textarea { width: 350px; border: 1px solid #bbb; display: block; margin-top: 3px }
#content .formToMail textarea { height: 200px }
#content .formToMail label { display: block; padding-top: 10px }
#content .formToMail .button { width: auto; margin-top: 15px; padding: 1px 15px; cursor: pointer }
#content .formToMail .error { color: red; padding: 0 10px; border-left: 5px solid red }
#content .formToMail .captcha { padding: 10px 0 }

#content #programm { border-collapse: collapse; width: 100% }
#content #programm th, #content #programm td { text-align: left; vertical-align: bottom; padding: 5px 20px 5px 0; border-bottom: 1px solid #bbb }
#content #programm td { vertical-align: top; border-bottom: 1px solid #ddd }
#content #programm span.address, #content #programm div.info { display: none }
#content #programm tr.info h4 { padding: 0; padding-top: 10px }
#content #programm tr.info p { padding: 0; padding-bottom: 5px }
#content #programm tr.info td { padding-right: 0; border: 1px solid #ddd; padding: 5px 15px 15px; background: white; margin-top: -2px }
#content #programm td.date-time { width: 100px }
#content #programm td.location { width: 100px }
#content #programm p.more { padding: 0; padding-top: 5px }

#content .google-map { border: 1px solid #ddd; width: 450px; height: 250px; margin: 10px 0 }

.presse #content .col1 ul { list-style: none }
.presse #content .col1 ul ul { list-style: disc; padding: 5px 0 10px 0; margin-left: 13px }
.presse #content .col1 ul li { padding: 0 }
.presse #content .col1 ul li a.month { color: #a1181b }

#content ul.galerie { list-style: none; }
#content ul.galerie li { float: left; margin: 0 20px 20px 0; width: 100px; height: 100px; border: 1px solid black; }

/* Seiten */
.index #content { padding-top: 15px }
.orte #content .image { float: left; position: relative; left: -230px; margin-bottom: 15px; margin-right: -209px }
.gewinnspiel #content .formToMail { clear: none; padding-left: 0 }

/* IE */



