@charset "UTF-8";
/**
 * RALPIN - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @author Frank Matuse | frankmatuse.com
 * 
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(fancybox.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../../img/custom/bg.png) repeat-x #d9d9d9; }
#margins { background: url(../../img/custom/bg_page.png) repeat-y #fff; margin: 0 auto; position: relative; width: 860px; }
#page { background: url(../../img/custom/bg_page_top.png) no-repeat; margin: 0; padding: 0 30px; }



/* ------------------------------------------ */
/* Header */
#header { margin: 0 30px; padding: 30px 0 0 0; position: relative; }
#media #header { padding: 0; }

#header #photoarea {padding-top: 28px;}

#photoarea #imgbox{
	height:370px;
	position: relative;
	margin-bottom: 20px;
}

#t #photoarea #imgbox{
	margin-bottom: 0;
}

/* ------------------------------------------ */
/* Main / Content */
#main { padding: 10px 20px 0 20px; }
#content { margin: 0 10px; overflow: visible; }

.c { text-align: center; }
.r { text-align: right; }

/* Newsticker */
#newsticker { margin: 0 0 1em 0; padding: .5em 0; }
#newsticker ul { list-style: none; margin: 0; padding: 0; }
#newsticker ul li { color: #000; height: 1.2em; line-height: 1.1em; margin: 0; padding: 0; background: none;}

/* Subcols */
.cols { margin: 0 0 30px 0; }
.mainpage .cols { margin: 0 0 0 0; }

/* Dreispalter 3x 33% */
.c33l { float: left; width: 230px; }
.c33c { float: left; margin: 0 25px; width: 230px; }
.c33r { float: right; width: 230px; }

.c50l { float: left; width: 355px; }
.c50r { float: right; width: 355px; }

.c25l { float: left; width: 170px; }
.c25lc { float: left; margin: 0 0 0 15px; width: 170px; }
.c25rc { float: left; margin: 0 0 0 30px; width: 170px; }
.c25r { float: right; width: 170px; }

.black { color: #000;}

/* Verlaufbox */
.verlauf { background: url(../../img/custom/bg_verlauf.png) 0 bottom repeat-x #e8e8e8; margin: 0 -10px 1em -10px; padding: 1em 10px; }

/* Nummern */
.numb { border-bottom: 5px #6a9c38 solid; padding: 0 0 5px 0; margin: 0 0 5px 0; }

/* Datentabelle */
table { border-collapse: collapse; margin: 0 0 1em 0; }
table td, table th { border: 1px #989898 solid; color: #333; font-size: .9em; padding: .3em .5em; }
table.fahrplan td, table.fahrplan th { text-align: center; vertical-align: middle; white-space: nowrap; }
table.fahrplan .cell { background: #d9e4ca; }
table.oeffnungszeiten td, table.oeffnungszeiten th { border: none; padding-left: none; padding: .1em .4em .1em 0; color: #737373; font-size: 1em; }
table.oeffnungszeiten td.leftspace, table.oeffnungszeiten th.leftspace { padding-left: 1em; }
#dt-h1, #dt-h3, #dt-h4, #dt-h5, #dt-h6,
#dt-h21, #dt-h22, #dt-h23, #dt-h24, #dt-h25, #dt-h26, #dt-h27 { border-bottom: 2px #000 solid; }

/* Formular */
form { margin: 0 0 1em 0; }
form label { cursor: pointer; }
form input.submit { background: #d9e4ca; border: 1px #000 solid; padding: .3em 1em; text-transform: uppercase; }
form input.submit:hover, form input.submit:active, form input.submit:focus { background: #000; color: #fff; cursor: pointer; }

/* Pressebereich */
h4.presse { border-top: 1px #bfbfc0 solid; margin-top: 30px; padding-top: 10px; text-transform: none; }
.date { color: #727272; display: block; font-size: 88%; margin-bottom: .2em; }

/* Abstände */
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.fancy { margin: 0 5px 5px 0 }
.fancy img { margin: 0 0 5px 0 }



/* ------------------------------------------ */
/* Footer */
#footer { background: url(../../img/custom/bg_page_bottom.png) 0 bottom no-repeat; height: 60px; margin: 0; padding: 0 60px; position: relative; }
#footer p { margin: 0; }
#footer a { color: #737373; font-size: .9em; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #6a9c38; text-decoration: underline; }