@charset "utf-8";
/**
 * Stylesheet fuer ff-riedstadt.de
 *
 * Stilvorlagen fuer die Bildschirmdarstellung
 *
 * @link          http://www.feuerwehr-riedstadt.de
 * @date          2011-02-22
 * @lastmodified  2011-05-14
 */


/**
 * Basic tag styles
 */
body {
  	color: #000;
  	background: #fff;
  	padding: 0;
  	margin: 0;
  	text-align: left;
}

form { display: inline; }

img { border-width: 0; }  

body, p, table, td, textarea, input {
  	font-family: arial,helvetica,sans-serif;
  	font-size: 13px;
}

a {
  text-decoration: underline;
  color: #666;
}

caption {
	text-align: left;
	font-size: 11px !important;
	padding: 2px 0;
}

select.input, input.input, textarea.input {
  border:  1px solid #666;
  padding: 1px;
  color:   #333;
}

input.input, input.search {
	background: url(../img/input-bg.png) no-repeat !important;	
}

input.submit {
  cursor: pointer;
}

/**
 * Container elements
 */
ul#access-nav, div#toolbox, div#left-column, div#header, ul#nav, div#footer, div#pagewrapper-end {
	display: none;
}

div#main-column {
	width: 100%;
	text-align: left;
}

/**
 * Content styles / Images
 */
img.right, img.right-margin-top {
	float: right;
	margin: 0 0 1px 5px;
}

img.left, img.left-margin-top {
	float: left;
	margin: 0 5px 1px 0;
}

img.right-margin-top, img.left-margin-top {
	margin-top: 5px;
}

img.bordered {
	border: 1px solid #fff;
}

/**
 * Content styles / Headers
 */
div#main-area h1 {
	font-size: 21px;
	color: #c1121c;
	font-weight: normal;
	padding: 10px 0 7px;
	margin: 1px 0;
}

div#main-area h2, div#main-area h3, div#main-area h4 {
	clear: both;
	color: #c1121c;
	font-weight: normal;
	padding: 10px 0 5px;
	margin: 1px 0;
}

div#main-area h2 { font-size: 18px; color: #888; }
div#main-area h3 { font-size: 16px; }
div#main-area h4 { font-size: 15px; }

div#main-area p {
	padding: 1px 0 8px;
	margin: 1px 0;
	line-height: 1.5;
}

div#left-column h2, div#left-column h3, div#left-column h4 {
	color: #c1121c;
	padding: 15px 0 5px;
}

/**
 * Content styles / Tables
 */
div#main-area th p, div#main-area td p { padding: 0 !important; margin: 0 !important; line-height: 1.3; }

table.list-table-full-width {
	width: 100%;
}

table.list-table-float-right {
	float: right;
	margin: 0 0 0 12px;
}

table, table.list-table, table.list-table-full-width, table.list-table-float-right {
	border-collapse: collapse;
	border: 0;
	margin-bottom: 12px;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

table th, table.list-table th, table.list-table-full-width th, table.list-table-float-right th {
	background: url(../img/th-bg-silver.png) repeat-x #f4f4f4 !important;
	color: #000;
	font-weight: normal;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 7px;
	text-align: left;
	font-size: 12px;
}

table th.v-header, table.list-table th.v-header, table.list-table-full-width th.v-header, table.list-table-float-right th.v-header {
	background: #e7e7e7 !important;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

table tr.odd, table.list-table tr.odd th.v-header, table.list-table-full-width tr.odd th.v-header, table.list-table-float-right tr.odd th.v-header {
	background: #f4f4f4 !important;
}

table td, table.list-table td, table.list-table-full-width td, table.list-table-float-right td {
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 7px;
	font-size: 12px;
	background: #fff;
	line-height: 1.35;
}

table tr:hover th[scope=row], table.list-table tr:hover td, table.list-table-float-right tr:hover td,
table.list-table-full-width tr:hover td,table.list-table-full-width-small-font tr:hover td, table.list-table-small-font tr:hover td, table.list-table-float-right-small-font tr:hover td { background: #e4e4e4;}

table.list-table-small-font, table.list-table-full-width-small-font, table.list-table-float-right-small-font,
table.list-table-small-font p, table.list-table-full-width-small-font p, table.list-table-float-right-small-font p {
	font-size: 11px !important;
}

tr.odd td {
	background: #f3f8ff;
	border-bottom: 1px solid #bbb;
}

table tr.highlight td { background: #f4f4f4; }

td.right { text-align: right; }

/**
 * Content styles / Lists
 */
div#main-area ul {
	list-style: none;
}

div#main-area ul {
	padding: 0 0 7px;
	margin: 0;
}

div#main-column ul li {
	margin: 0;
	padding: 3px 0 3px 11px;
	background: url(../img/li-li.png) no-repeat 0px 6px;
}

div#main-column ul ul {
	padding: 3px 0 2px 20px;
}

div#main-column ul li li {
	background: url(../img/li-li.png) no-repeat 0px 6px;
}

div#main-area ul.inline-list li {
	display: inline;
}

div#main-area ul.inline-list-padded-right li {
	padding-right: 15px;
}

div#main-area ul.subpage-list li {
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	background: url(../img/subpage-list-even.png) no-repeat;
	width: 315px;
	height: 62px;
	padding: 6px 15px 7px 5px; 
}

div#main-area ul.subpage-list li.odd {
	background: url(../img/subpage-list-odd.png) no-repeat;
	padding: 6px 5px 7px 15px; 
}

div#main-area ul.subpage-list li:hover {
	background: url(../img/subpage-list-even-hover.png) no-repeat;
	
}
div#main-area ul.subpage-list li.odd:hover {
	background: url(../img/subpage-list-odd-hover.png) no-repeat;
	
}

div#main-area ul.subpage-list li a {
	display: block;
	float: left;
	text-align: center;
	width: 315px;
	padding: 20px 0 0;	
	margin: 0;
	height: 42px;
}
div#main-area ul.subpage-list li h3 {
	padding: 0 !important;
	margin: 0 !important;	
}
div#main-area ul.subpage-list li h3 a {
	text-decoration: none;
	color: #1660c7;
}

/**
 * Content styles / Links
 */
div#main-area a.external-link {
	background: url(../img/external-link.png) no-repeat center right !important;
	padding-right: 12px !important;
}

/**
 * Content styles / FCE - Contact
 */

div#main-area ul.sitemap-first-level {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	line-height: 1.3;
}

div#main-area ul.sitemap-first-level li {
	padding: 1px 0;
	background: transparent;
}

div#formhandler-contact-form input.styled, div#formhandler-contact-form textarea.styled,
div#formhandler-member-form input.styled, div#formhandler-member-form textarea.styled
{ width: 400px; }

div#main-area div#formhandler-contact-form span.label, div#main-area div#formhandler-contact-form label,
div#main-area div#formhandler-member-form span.label, div#main-area div#formhandler-member-form label {
	display: block;
	float: left;
	width: 100px;
}
div#formhandler-member-form input.zip { width: 50px !important; }
div#formhandler-member-form input.city { width: 320px; margin-left: 20px !important; }

div#main-column div.Tx-Formhandler div.warn ul { padding-bottom: 0; list-style: none; }

/*div#main-column div.Tx-Formhandler div.warn li { margin: 0; padding: 0;}*/

div.two-col, div.two-col-page, div.two-col-one-cell-page, div.three-col-page {
	padding: 5px 0 0;
	float: left;
	width: 100%;
	clear: both;
}

/*div.two-col { padding: 0 0 3px !important; }*/

div.two-col-page {
	padding: 0;
	margin: 10px 0 0;
	background: url(../img/two-col-page-bg.png) repeat-y;
}

div.two-col-page div.top {
	width: 670px;
	height: 74px;
}

div.two-col-page div.bottom {
	clear: both !important;
	width: 100%;
	height: 3px;
	font-size: 2px !important;
}

div.two-col-page img.right {
	border: 2px solid #fff;
}

div#main-area div.two-col-page div.right, div.two-col div.right {
	float: left;
	width: 48%;
	padding: 0 0 0 2%;
}

div#main-area div.two-col-page div.left, div#main-area div.two-col-one-cell-page div.left, div.two-col div.left {
	float: left;
	width: 48%;
	padding: 0 2% 0 0;
}

div#main-area div.two-col-page div.right p, div#main-area div.two-col-page div.left p,
div#main-area div.two-col-one-cell-page div.left p, div.two-col div.right p, div.two-col div.left p {
	line-height: 1.3 !important;
	padding: 1px 0 4px;
	margin: 0 0 1px;
}

/**
 * Content styles / News
 */

div#main-area ul.news-latest, div#main-area ul.events-latest {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#main-area ul.news-latest li {
	background: url(../img/raquo.png) no-repeat 0px 7px;
	padding: 3px 0 0 12px;
	margin: 3px 0;
	clear: both;
}

div#main-area ul.events-latest li {
	background: url(../img/raquo.png) no-repeat 0px 7px;
	padding: 2px 0 0 12px;
	margin: 2px 0;
	clear: both;
}

ul.news-latest li h3, ul.news-latest li p,
ul.events-latest li h3, ul.events-latest li p  {
	margin: 0 0 0 0 !important;
}

/* Only for not linked headlines */
div#main-area ul.news-latest li h3, div#main-area ul.events-latest li h3 {
	color: #000;
	font-size: 13px;
	padding: 0 0 2px;
}

div#main-area ul.news-latest li h3 a, div#main-area ul.events-latest li h3 a {
}

div#main-area ul.news-latest li p.date, div#main-area ul.events-latest li p.date {
	padding: 0 0 1px !important;
	margin: 0 !important;
	font-style: italic;
	font-size: 12px;
	color: #777;	
}

ul.news-latest li p.date span, ul.events-latest li p.date span {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	display: block;
	float: left;
	width: 50px;
	background: #eee;
	font-weight: bold;
}
ul.events-latest li p.time {
	/*font-style: italic;*/
}

div#main-area div.news-single-item h1 {
	padding: 0 !important;
	margin: 0 !important;
}

div#main-area p.news-single-date {
	padding: 25px 0 0;
	margin: 0;
	font-style: italic;
	font-size: 12px;
}

div#main-area p.news-single-category {
	padding: 0 0  10px;
	margin: 0;
	font-style: italic;
	font-size: 12px;
}

div.news-single-img {
	float: right;
	width: 120px;
	padding: 0 0 0 20px;	
}

div#main-area div.news-single-img p {
	margin: -2px 0 5px 0;
	padding: 0;
	font-size: 11px;
}

div.button-float-left {
	float: left;
}

div.news-article-prev-next, div.button-float-left, div.bordered {
	border: 1px solid #b0b0b0;
}

div.inner-h {
	border: 1px solid #fff;
	background: url(../img/tab-bg-h.png) repeat-x;
	padding: 6px 4px;
	color: #666;
}

div.inner-h a {
	text-decoration: none;
}

span.active-link-wrap { color: #000; }

div.margin-top { margin-top: 25px; }

/**
 * Misc styles / 
 */

img.tx-srfreecap-pi2-image {
	border: 1px solid #666;
	margin-left: 0;
}

input.styled, textarea.styled, input.dialog, textarea.dialog {
	border: 1px solid #666;
	padding: 2px;
	font-size: 13px;
	background: #f6f6f6;
	color: #333;
}

div.clear, div.bottom, h2.clear, h3.clear, h4.clear {
	clear: both !important;
}

ul.bold {
	font-weight: bold;
}

span.label-mid {
	display: block;
	float: left;
	width: 60px;
}

div#left-column div.ads {
	padding: 0 0 10px;
}


h2.padding-top, h3.padding-top, h4.padding-top, p.padding-top {
	padding-top: 20px !important;
}

h2.small-padding-top, h3.small-padding-top, h4.small-padding-top, p.small-padding-top {
	padding-top: 8px !important;
}

h2.no-padding-bottom, h3.no-padding-bottom, h4.no-padding-bottom, p.no-padding-bottom {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

p.right {
	text-align: right;
}

div.fright { float: right; }



.validation-msg { border: 1px solid transparent; }

p.warn, div.warn {
	border-top: 1px solid #e00500;
	border-bottom: 1px solid #e00500;
	background: url(../img/warning.png) no-repeat 8px center #ffd5d5;
	padding: 4px 6px 4px 36px !important;
	line-height: 1.3;
	margin: 0;
}

p.notice, div.notice {
	border-top: 1px solid #cccc00;
	border-bottom: 1px solid #cccc00;
	background: url(../img/notice.png) no-repeat 8px center #f0ffc4;
	padding: 4px 6px 4px 36px !important;
	line-height: 1.3;
	margin: 0;
}

.warn ul {
	padding: 0 0 0 25px;
	margin-top: 0;
	margin-bottom: 0;
}

.ui-dialog .warn, .ui-dialog .notice {
	margin: 12px 0 0;
	/*width: 352px;*/
	line-height: 1.2;
	font-size: 12px;
}

#alert-content p.notice {
}

div.spinner { text-align: center; height: 50px; background: url(../img/spinner.gif) no-repeat center; }

.float-right { float: right; }

.row { clear: both; padding: 13px; }

.person {
	float: left;
	width: 48%;
	padding: 0 2% 0 0;
}

.outer-person {
	padding: 0 0 0 2%;
}

.person img {
	float: left;
}
.person .body {
	float: left;
	margin-left: 10px;
}

div#main-area .person .body h2 {
	font-size: 16px;
	padding: 0;
	margin: 0 0 3px;
}

div#main-area .person .body span.label {
	display: block;
	float: left;
	width: 50px;
}

div#main-area .person .body p {
	margin: 0 0 4px;
	padding: 0;
	line-height: 1.3;
}

div#main-area .person .body p.no-margin {
	margin: 0;
	padding: 0;
}

div.tx-mnogosearch-summary {
	background: #f3f3f3;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

div#main-area div.tx-mnogosearch-summary p, div#main-area ol#tx-mnogosearch-result p {
	margin: 1px 0;
	padding: 2px 0;
}
input#tx_mnogosearch_pi1_submit { margin-left: 89px; }

div#main-area span.tx-mnogosearch-pi1-result-excerpt-selection { font-weight: bold; }

div#main-area ol#tx-mnogosearch-result li {
	padding: 0 0 10px;
}

div#main-area ol#tx-mnogosearch-result h3 {
	font-size: 13px;
	margin: 0 0 4px;
	padding: 0;
}
div#main-area ol#tx-mnogosearch-result p {
	margin: 1px 0;
	padding: 0;
	line-height: 1.2;
}

input.tx-mnogosearch-checkbox, input.tx-mnogosearch-radio { margin: 0 1px 0 0; vertical-align: text-top; }

p.tx-mnogosearch-form-field label {
	width: 80px;
}
p.tx-mnogosearch-form-field { vertical-align: middle;}
p.tx-mnogosearch-form-field input.submit { margin-left: 80px; }
div#main-area div#long-search-form {
	padding: 10px 0 5px;
}

div.tx-pagebrowse-pi1 {
	text-align: center;
}

.img-column-right, .img-column-right img {
	float: right;
}

.img-column-right img {
	clear: both;
	padding: 3px 0 0;
}

div#main-column ul li.jcarousel-item {
	background: none;
}

.vehicles {
	clear: both;
}

.vehicles .img {
	float: right;
	width: 150px;
	background: #fff;
	padding: 0 0 0 20px;
}

.vehicles .img img {
	margin: 0 0 5px;
}

.vehicles span.label {
	float: left;
	display: block;
	width: 90px;
}
.vehicles .body {

}

.vehicles h2 {
	color: #000;
	
}

.vehicles h3 {
	color: #666 !important;
	clear: none !important;
}

div#main-column ul li.jcarousel-item {
    padding: 0 5px;
}