/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
  display: block;
}

.clr {
	clear: both;
}

.item {
    margin-bottom: 20px;
}


.article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.item-separator {
    margin-top: 20px;
    border-bottom: 1px solid #999;
}

table {
    border-spacing:		0px;
	border: 			none;
	border-collapse:	collapse;
}


body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	color: #333;
	background-color: #fff;
}

a, a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
    color: #0000cc;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

div.center {
  text-align: center;
}

div#wrapper {
    margin: 0px auto 10px auto;
	width: 970px;
	background-color: #fff;
}

div.wrapper2 {
    padding: 0px 20px 0px 20px;
}

h1, .jevbootstrap h1 {
    font-size: 1.8em;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    line-height: 1.3em;
    color: #cc0000;
}

h2, .jevbootstrap h2 {
    font-size: 1.3em;
    margin: 5px 0px 10px 0px;
    padding: 0px;
    color: #cc0000;

}

h3 {
    font-size: 1em;
    margin: 10px 0px 5px 0px;
    padding: 0px;
}

h4 {
    margin: 10px 0px 3px 0px;
}



/* Allgemein */
div#logo {
    margin: 25px 0px 45px 0px;
}

div#colleft {
    float: left;
    width: 200px;
    margin-right: 15px;
    text-align: left;
}

div#colright {
    float: left;
    width: 715px;
    text-align: left;
}

div#content {
    float: left;
    width: 500px;
    padding: 20px 0px 20px 0px;
}

div#contentbreit {
    float: left;
    width: 715px;
    padding: 20px 0px 20px 0px;
}




/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}


/* headers */
div.componentheading {
  padding-left: 0px;
}




/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 5px;
	display: block;
	height: 16px;
}




/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}


div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}


/* Banner */
#colleft .banneritem {
    margin-bottom: 25px;
}


/* Fussbereich */
div#bottom {
    margin-left: 20px;
    text-align: left;
}

.bottom2 {
    padding-top: 30px;
}


.copyright {
    font-weight: normal;
    font-size: 1.1em;
    float: left;
}

/* Content */
.articleicons a {
    display: block;
    float: left;
    margin-right: 5px;
}

.article {
    margin-bottom: 10px;
}

.article hr {
    margin-top: 10px;
}


.articleinfo {
    color: #999;
    font-size: 0.9em;
    margin-bottom: 3px;
}

.articlehits {
    color: #999;
    font-size: 0.9em;
    margin-top: 3px;
}

.articlecategory {
    margin-bottom: 3px;
    font-size: 1.1em;
}

.articlecategory a {
    color: #0000ff;
    text-decoration: none;
}

.articlecategory a:hover {
    text-decoration: underline;
}

.articletext {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.3em;
}

.article_column {
    float: left;
}

.column_separator {
    /* border-left: 1px solid #666; */
}

.row_separator {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}


.column_padding {
    padding: 0px 10px 0px 10px;
}

.pagelinks {
    text-align: center;
    margin-bottom: 5px;
}

.pagelinks a, .pagelinks span span {
    margin: 0px 2px 0px 2px;
}


.pagecounter {
    text-align: center;
}

/* Sponsoren */
div#right {
    float: left;
    margin-left: 15px;
    text-align: center;
    width: 200px;
    background-color: #f7f7f7;
}

div#right .wrapperright {
    padding: 20px 10px 20px 10px;
}

div#sponsoren .banneritem {
    width: 100px;
    margin-bottom: 20px;
}

div#sponsoren .banneritem img {
    max-width: 100px;
}

/* Formular Kontakt-E-Mail */
div#component-contact {
    margin-top: 20px;
}

div#component-contact .imgage {
    float: right;
    margin-left: 20px;
}


form#emailForm {

}

form#emailForm div.zeile {
    margin-bottom: 15px;
}

div.vcard {
    margin-bottom: 15px;
}


form#emailForm label {
    display: block;
}


form#emailForm textarea.inputbox, form#emailForm input.inputbox {
    border: 1px solid #666;
}


form#emailForm textarea.invalid, form#emailForm input.invalid {
    border: 1px solid #ff0000;
}

form#emailForm label.invalid {
    color: #ff0000;
}

table.anschrift {
    width: 100%;
    margin-bottom: 15px;
}

table.anschrift tr {
    margin-bottom: 5px;
}

table.anschrift tr {
    padding: 0px;
}




/* JPagination */
.pagination {
    margin-top: -10px;
}

.pagination p.counter {
    float: left;
}

.pagination ul {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pagination ul li {
    float: left;
    margin-left: 10px;
}

.pagination ul li.pagination-start, .pagination ul li.pagination-end,
.pagination ul li.pagination-prev {
    margin-left: 5px;
}

.pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* Jev-Pagination */
div.jev_pagination {
    text-align: left;
}

.jev_pagination .limit {
    text-align: center;
    margin-bottom: 10px;
}

.jev_pagination p.counter {
    float: left;
}

.jev_pagination ul {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.jev_pagination ul li {
    float: left;
    margin-left: 10px;
}

.jev_pagination ul li.pagination-start, .jev_pagination ul li.pagination-end,
.jev_pagination ul li.pagination-prev {
    margin-left: 5px;
}

.jev_pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.moduletable_kalender h3, .moduletable_termine h3, .moduletable_foerderer h3  {
    font-size: 1.4em;
    margin-bottom: 10px;
    color: #cc0000;
}

.moduletable_foerderer h3  {
    line-height: 40px;
    margin-bottom: 0;
}



.moduletable_kalender {
    text-align: left;
}

.moduletable_termine {
    margin-top: 20px;
    text-align: left;
    line-height: 1.2em;
}

.moduletable_foerderer {
    margin-top: 0;
    text-align: left;
    line-height: 1.2em;
}

.moduletable_foerderer p {
    font-size: 10px;
}

.moduletable_termine a {
    color: #333;
    font-weight: bold;
}



.mod_events_latest, .mod_events_latest_first {
    padding-top: 3px;
    padding-bottom: 3px;
}

.mod_events_latest {
    border-top: 1px solid #999;
}

/* Kopfbild */
.moduletable_kopfbild {

}

.published, .create, .createdby, .modified, .category-name, .parent-category-name, .hits {
    margin: 0px;
    padding: 0px;
}

.published, .create, .createdby, .modified {
    font-style: italic;
    color: #999;
}


/* Tabellenlayout */
table.standardtabelle {
    border-collapse: collapse;
    margin: 20px 0px 20px 0px;
}

table.standardtabelle td {
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
}

table.standardtabelle thead td {
    background-color: #e7e7e7;
    font-weight: bold;
}

/* Kontaktuebersicht */
div.contact-category table.category {

}

div.contact-category table.category thead th {
    border-bottom: 1px solid #999;
    font-weight: bold;
    color: #000;
}

div.contact-category table.category thead th a {
    font-weight: bold;
    color: #000;
}

div.contact-category table.category td, div.contact-category table.category th {
    padding: 4px 15px 1px 0px;
}

div.contact-category table.category th img {
    margin-left: 5px;
}

.contact-street, .contact-suburb {
    display: block;
}

.contact-suburb, .contact-position {
    margin-bottom: 20px;
}

.contact-address h3.jicons-icons img {
    vertical-align: middle;
    margin-right: 10px;
}

#contact-form input[type=text], #contact-form input[type=email], #contact-form textarea {
    border: 1px solid #999;
    width: 400px;
}

#contact-form input.invalid, #contact-form textarea.invalid {
    border: 1px solid #ff0000;
}

#contact-form dd {
    margin: 0px 0px 10px 0px;
}

#contact-form label {
    float: left;
    width: 190px;
    display: block;
}

#contact-form button {
    margin-left: 190px;
}

#contact-form dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#blockcontact-form {
    margin-top: 30px;
}



/* Kalender */
.mod_events_td_todaywithevents {
    border: 1px solid #666;
}

.mod_events_td_todaynoevents {
    border: 1px solid #666;
}

.mod_events_td_todaywithevents a, .mod_events_td_todaynoevents a  {
    font-weight: bold;
}

a.mod_events_daylink:hover {
    color: #666;
}

.mod_events_latest, .mod_events_latest_first {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

.mod_events_table {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    text-align: center;
}

.vcard {
    background-color: #EAEAEA;
    border: 1px dashed #4D4D4D;
    display: none;
    left: 0;
    padding: 5px 3px;
    position: absolute;
    top: 0;
    width: 100%;
}

.vcard * {
    display: block;
}

dl.article-info {
    margin: -0.5em 0 1em 0;
}

div.item {
    padding-bottom: 1em;
    border-bottom: 1px solid #999;
}

div.item:after {
    content: " ";
    display: table;
    clear: both;
}

.moduletable_hinweisred {
    width: auto;
    float: none;
    color: #fff;
    font-weight: bold;
    background-color: #ff0000;
    padding: 10px;

    margin-bottom: 15px;
}

.moduletable_hinweisred p {
    margin: 0;
}

.moduletable_hinweisred p + p {
    margin-bottom: 5px;
}