/* 
 Datei:				main.css
 Funktion:			Hauptstyles der Seite baptisten.de
 
 Autor:				David Beckmann <beckmann@planetpage.de>
 Erstellung:		01.07.2009 12:36
 letzte Änderung:	03.08.2012 22:37 (David Beckmann)
 
 
 Inhaltsverzeichnis:
 
     0 ............ Allgemeingültige Element-Formatierungen
     1 ............ Allgemeingültige Klassen-Angaben
     2 ............ Seitenstruktur (IDs von oben nach unten)
     2.1 .......... Kopfzeile inkl. Navigation
     2.2 .......... Headerbereich mit Logo, Suchfeld und Quicknavigation
     2.3 .......... Hauptnavigation
     2.4 .......... Navigation für Dienstbereiche
     2.5 .......... Inhaltsspalten
     2.6 .......... Inhalt zweispaltig
     3. ........... Text- / Elementformatierungen
     3.1 .......... Überschriften
     3.2 .......... Textelemente
     3.3 .......... Mailformulare
     3.4 .......... Loginformular
     3.5 .......... News
     3.6 .......... Forum
     3.7 .......... Kalender
     3.8 .......... optionale Unternavigation
     3.9 .......... Powermail Formulare
     3.10 ......... Powermail Frontend
     3.11 ......... Twitter
     3.12 ......... Umfrage
     3.13 ......... Benutzer Registrierung
	 3.14 ......... Powermail Bearbeitungsformular
	 3.15 ......... Simplesurvey Umfrage
     
     
 Farben:
 
     Dunkelblau:    #405D7E
     Hellblau:      #6FAABC 
     
*/





/* -------------------------------------------------- */
/* --- 0. Allgemeingültige Element-Formatierungen --- */
/* -------------------------------------------------- */
 
@import url('typo.css');





/* ------------------------------------------- */
/* --- 1. Allgemeingültige Klassen-Angaben --- */
/* ------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}



/* --------------------------------------------------- */
/* --- 2. Seitenstruktur (IDs von oben nach unten) --- */
/* --------------------------------------------------- */

#container {
	position: relative;
	width: 960px;
}


/* --- 2.1 Kopfzeile inkl. Navigation --- */

#headNavigation {
	height: 18px;
	padding: 1px 0 0 0;
	font: 10px Arial;
	font-weight: bold;
	color: #FFF;
	background: url(../img/background_subheadline.png) repeat-x;
}

* HTML #headNavigation {
	height: 19px;
}

#headNavigation UL {
	float: right;
}

#headNavigation UL LI {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#headNavigation UL LI IMG {
	margin: 1px 0 0 2px;
}

#headNavigation A {
	padding: 0 4px;
	font: 10px Arial;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#headNavigation A:hover {
	color: #efefef;
}


/* --- 2.2 Headerbereich mit Logo, Suchfeld und Quicknavigation --- */

#header {
	margin: 20px 15px 0 15px;
}

#headerTools {
	position: absolute;
	top: 39px;
	right: 15px;
}

#searchbox,
#shortcutNavigation {
	float: left;
	height: 15px;
	padding: 1px;
	border: 1px solid #8D9AA3;
}

#shortcutNavigation {
	position: relative;
	margin-left: 6px;
	cursor: pointer;
}

#searchbox INPUT,
#shortcutLabel {
	float: left;
	width: 140px;
	height: 13px;
	margin: 0;
	padding: 0;
	border: 1px solid white;
	font: 11px Arial;
	background: white;
}

* HTML #searchbox INPUT,
* HTML #shortcutLabel {
	height: 15px;
} 

#searchbox IMG,
#shortcutNavigation IMG {
	float: left;
	margin: 1px;
}

#shortcutNavigation UL {
	position: absolute;
	top: 17px;
	left: -1px;
	border: 1px solid #8D9AA3;
	background: #FBFBFB;
}

#shortcutNavigation UL LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 11px Arial;
}

#shortcutNavigation UL LI.break {
	height: 3px;
	margin: 0 3px;
	border-bottom: 1px solid #ccc;
	font-size: 3px;
}

#shortcutNavigation UL LI A {
	display: block;
	padding: 2px 5px;
	font-weight: normal;
}


/* --- 2.3 Hauptnavigation --- */

#mainNavigation {
	margin: 10px 15px;
	border-bottom: 1px solid #B3B3B3;
}

#mainNavigation UL {
	position: relative;
	float: right;
	text-align: right;
}

#mainNavigation UL LI {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 16px 'Arial Black';
	color: #6FAABC;
}

#mainNavigation UL LI A {
	float: left;
	display: block;
	padding: 2px 4px 0 4px;
	font: 16px 'Arial Black';
	color: #6FAABC;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
}

#mainNavigation UL LI A:hover,
#mainNavigation UL LI A.active {
	color: #405D7E;
}

#mainNavigation .mainNavigationSub {
	position: absolute;
	top: 21px;
	right: 0;
	width: 930px;
	padding: 7px 0 5px 0;
	background: url(/clear.gif);
}

#mainNavigation UL LI UL LI {
	float: left;
	font: 11px Arial;
	font-weight: bold;
}

#mainNavigation UL LI UL LI A {
	padding-top: 1px;
	font: 11px Arial;
	font-weight: bold;
	color: #405D7E;
	letter-spacing: normal;
	text-transform: none;
}

#mainNavigation UL LI UL LI A:hover,
#mainNavigation UL LI UL LI A.active {
	color: #6FAABC;
}

#mainNavigation UL LI.last A {
	padding-right: 0;
}


/* --- 2.4 Navigation für Dienstbereiche --- */

IMG#db_logo {
	float: left;
	margin: 2px 7px 0 0;
}

UL.db_menu {
	float: left;
	list-style-type: none;
}

UL.db_menu LI {
	list-style: none;
	margin: 0;
}

/* --- 2.5 Inhaltsspalten --- */

#contentLeft {
	float: left;
	clear: both;
	display: inline;
	width: 685px;
	margin: 30px 0 15px 15px;
	padding-right: 15px;
	border-right: 1px solid #B3B3B3;
}

#contentRight {
	float: left;
	display: inline;
	width: 219px;
	margin: 30px 15px 15px -1px;
	padding-left: 10px;
	border-left: 1px solid #B3B3B3;
}


/* --- 2.6 Inhalt zweispaltig --- */

.twoCol .left {
	float: left;
	display: inline;
	width: 327px;
	padding: 0 15px 0 0;
	border-right: 1px solid #B3B3B3;
}

.twoCol .right {
	float: left;
	display: inline;
	width: 327px;
	margin-left: -1px;
	padding: 0 0 0 15px;
	border-left: 1px solid #B3B3B3;
}





/* ---------------------------------------- */
/* --- 3. Text- / Elementformatierungen --- */
/* ---------------------------------------- */

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.indent {
	margin-left: 20px;
}

/* --- 3.1 Überschriften --- */

.csc-subheader {
	font: 14px Arial;
	font-weight: bold;
	margin: 2px 0 5px 0;
}

.contentRight H1,
.contentRight H2,
.contentRight H3 {
	font: 11px Arial;
	font-weight: bold;
	color: #FFF;
	background: #516D83 url(../img/background_subheadline.png) repeat-x bottom;
	line-height: 17px;
	padding: 0 5px 2px 5px;
	margin: 15px 0 0 0;
}

.contentRight .csc-topHeader {
	margin-top: 0;
}


/* --- 3.2 Textelemente --- */

.csc-textpic-text {
	margin-bottom: 30px;
}

.contentRight P,
.contentRight .csc-textpic {
	margin: 4px 0;
}


/* --- 3.3 Mailformulare --- */

.csc-mailform {
	border: 0;
}

.csc-mailform-label {
	margin-bottom: 6px;
}

.csc-mailform LABEL {
	margin: 4px 10px 2px 0;
	display: block;
	font-weight: bold;
}

.csc-mailform INPUT,
.csc-mailform SELECT,
.csc-mailform TEXTAREA {
	margin-bottom: 6px;
	font: 9pt Arial;
	width: 400px;
}

.csc-mailform SELECT {
	width: auto;
}

.csc-mailform INPUT[type="radio"]
{
    width: auto;
}

.csc-mailform INPUT.csc-mailform-check {
	border: none;
	width: auto;
}

.csc-mailform INPUT.csc-mailform-submit {
	width: auto;
}


/* --- 3.4 Loginformular --- */

.tx-felogin-pi1 DIV {
	clear: both;
	margin-bottom: 6px;
}

.tx-felogin-pi1 LABEL {
	display: block;
	float: left;
	width: 150px;
	margin-top: 3px;
}

.tx-felogin-pi1 INPUT.submit {
	margin-left: 150px;
}


/* --- 3.5 News --- */

.news-latest-item {
	margin: 4px 0 20px 0;
}

.news-latest-item P {
	margin: 0 0 2px 0;
	padding: 0;
}

.news-latest-date {
	float: left;
	font-size: 8pt;
	color: #999;
}

.news-latest-morelink {
	float: right;
	padding-top: 3px;
}


.news-list-item {
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #E2E2E2;
}

.news-list-date {
	float: right;
	font-size: 9pt;
	font-weight: normal;
	color: #999;
}

.news-list-image {
	clear: both;
	float: left;
	padding: 0 10px 5px 0;
}

.news-list-morelink {
	margin-top: 10px;
}


.news-single-img {
	float: left;
	margin: 4px 10px 2px 0;
}

.news-single-imgcaption {
	margin: 3px 0 0 0;
	font-size: 8pt;
	color: #999;
}

.news-single-dateauthor {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #999;
}

.news-single-dateauthor A {
	font-weight: normal;
	color: #999;
}

.news-single-dateauthor A:hover {
	color: #000;
}

.news-single-related,
.news-single-links,
.news-single-files {
	margin-top: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	padding: 2px 0 2px 0;
	margin-bottom: 5px;
	font-size: 8pt;
	color: #999;
	border-bottom: 1px solid #CCC
}

.news-single-links p {
	margin: 2px 0;
}

.news-related-date,
.news-files-size {
	font-size: 8pt;
	color: #999;
}

.news-single-backlink {
	margin-top: 20px;
}


/* --- 3.6 Forum --- */
th.tx-mmforum-th {
	background: #405D7E;
}

div.tx-mmforum-th {
	background: #405D7E;
}

td.tx-mmforum-subth2 {
	color: #405D7E;
}

.tx-mmforum-pi1-tooltip-header {
	background: #405D7E;
}

.tx-mmforum-pi1-administrator {
	color: #405D7E;
}

.tx-mmforum-pi3-quicksearch_itemHover {
	background: #405D7E;
}

input.tx-mmforum-button {
	background-color: #405D7E;
	border: 1px solid #405D7E;
}

.tx-mmforum-pi2-fliesstext_rot2 {
	color: #405D7E;
}

a.tx-mmforum-pi6-admin {
	color: #405D7E !important;
}

.tx-mmforum-pi4-search_options_header {
	background:#405D7E;
}

.tx-mmforum-pi4-infoBoxHeader {
	background: #405D7E;
}

.tx-mmforum-pi4-search-link {
	color:#405D7E;
}

.tx-mmforum-pi1 a:hover{
	color:#405D7E;
}

.tx-mmforum-pi3 a{
	color:#405D7E;
}

.tx-mmforum-pi3 a:hover{
	color:#405D7E;
}

.tx-mmforum-pi4-title a:hover {
	color: #405D7E;
}

.tx-mmforum-pi4-content a:hover {
	color: #405D7E;
}

.tx-mmforum-textbutton {
	border: none;
	background-color: none;
}

.tx-mmforum-textbutton a {
    color: #405D7E;
    font-size: 8pt;
    font-weight: normal;
}

TD.tx-mmforum-pi1-newpost-left {
  width: 10px;
}

TD.tx-mmforum-pi1-newpost-left TABLE {
  display: none;
}


/* --- 3.7 Kalender --- */

.cal-latest-item {
	margin: 4px 0 20px 0;
}

.cal-latest-date {
	float: left;
	font-size: 8pt;
	color: #999;
}

.cal-latest-morelink {
	float: right;
	padding-top: 1px;
}


.cal-event-label {
	clear: both;
	float: left;
	width: 120px;
	padding: 2px 0;
}

.cal-event-value {
	padding: 2px 0;
}

#calendar-event .csc-textpic {
	padding-top: 10px;
	padding-bottom: 5px;
}


.cal-list-item {
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #E2E2E2;
}

.cal-list-date {
	float: right;
	font-size: 9pt;
	font-weight: normal;

}

.cal-list-image {
	clear: both;
	float: left;
}

.cal-list-image IMG {
	margin: 0 10px 5px 0;
}

.cal-list-morelink {
	margin-top: 10px;
}


/* --- 3.8 optionale Zusatznavigation --- */

UL.subnavigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

UL.subnavigation LI {
	padding: 2px 0;
	margin: 0;
	list-style-type: none;
}

UL.subnavigation A.active {
	color: #6FAABC;
}


/* --- 3.9 Powermail Formulare --- */

.tx-powermail-pi1 .fett {
	font-weight: bold;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	clear: both;
	margin: 8px 0;
}

.tx-powermail-pi1 LEGEND {
	margin-bottom: 10px;
	font: 14px Arial;
	font-weight: bold;
}

.tx-powermail-pi1 LABEL {
	display: block;
	float: left;
	width: 220px;
	margin-right: 10px;
}

.tx-powermail-pi1 LABEL A {
	display: block;
	font-weight: normal;
	color: #777;
	font-size: 11px;
}

.tx-powermail-pi1 LABEL A IMG {
	float: left;
	margin-right: 2px;
	width: 14px;
	height: 14px;
}

.tx-powermail-pi1 INPUT,
.tx-powermail-pi1 SELECT,
.tx-powermail-pi1 TEXTAREA {
	width: 400px;
}

.tx-powermail-pi1 INPUT.powermail_check {width:auto}

.tx-powermail-pi1 INPUT.powermail_check_inner {color: #777}

.tx-powermail-pi1 INPUT.powermail_submit {
	width: auto;
	margin-left: 230px;
}

.tx-powermail-pi1 .powermail_mandatory_js {
	margin-left: 160px;
	color: #6FAABC;
	font-weight: bold;
	margin-top: 2px;
}

.tx-powermail-pi1 .validation-failed {
	background-color: #E2EEF2;
}

.tx-powermail-pi1 .powermail_all_td {
	padding: 2px 10px 2px 0;
}

.tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_back,
.tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_submit {
	float: left;
	margin: 20px 10px 0 0;
}

.tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_back INPUT {
	width: auto;
}

.powermailfe_list DT {
	clear: both;
	float: left;
	width: 150px;
	margin: 2px 10px 2px 0;
}

.powermailfe_list DD {
	float: left;
	margin: 2px 0;
}

.powermailfe_list .powermailfe_detaillink {
	clear: both;
	padding-left: 160px;
}

.powermailfe_list .powermailfe_listitem {
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
	margin-bottom: 15px;
}


/* --- 3.10 Powermail Frontend --- */
.powermailfe_filter {
	margin-bottom: 50px;
}

.powermailfe_filter_div {
	clear: both;
	margin: 8px 0;
}
.powermailfe_filter_div LABEL {
	display: block;
	float: left;
	width: 120px;
	margin-right: 10px;
}

INPUT.powermailfe_filter_submit {
	clear: both;
	margin-left: 130px;
}

.powermailfe_list_item {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

.powermailfe_list_label {
	width: 120px;
	margin-right: 10px;
	font-weight: bold;
	float: left;
}

.powermailfe_list_value {
	float: left;
}


/* --- 3.11 Twitter --- */

.twitterapi_userList_tweet {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.twitterapi_userList_tweet .info,
.twitterapi_userList_tweet .info A {
	color: #999;
	font-size: 8pt;
	margin: 0;
	padding: 0;
}


/* --- 3.12 Umfrage --- */
.pollquestion {
	padding: 10px 0;
}

.pollresulttext {
	padding-top: 5px;
}

.polltotal {
	margin: 0;
	padding: 0;
	color: #777;
}

.tx-quickpoll-pi1 .pollbar {
	background: url(../img/pollbar.gif) repeat-x left center;
}


/* --- 3.13 Benutzerregistrierung --- */
.tx-srfeuserregister-pi1 dt {
	width: 220px;
}



/* --- 3.14 Powermail Bearbeitungsfommular --- */
.tx_powermail_pi1_fieldwrap_html label {
	display: block;
	float: left;
	width: 200px;
}

.tx_powermail_pi1_fieldwrap_html textarea {
	width: 430px;
}



.tx-powermail-pi1_fieldset.checkbox-links .powermail_check_inner {
  float: left;
  padding: 3px 0;
}

.tx-powermail-pi1_fieldset.checkbox-links .powermail_check_inner label {
  float: right;
  width: 640px;
  padding: 2px 5px;
}

.tx-powermail-pi1_fieldset.checkbox-links .powermail_check_inner input {
  float: right;
  width: auto;
}
  

/*Label für Umfrage*/
p.tx_powermail_pi1_fieldwrap_html_checkbox_title {display:none;}

/*Label für Umfrage - Überschriften*/
#powermaildiv_uid571 {color:#405D7E;font-weight: bold;}
#powermaildiv_uid579 {color:#405D7E;font-weight: bold;}
#powermaildiv_uid580 {color:#405D7E;font-weight: bold;}
#powermaildiv_uid581 {color:#405D7E;font-weight: bold;}
#powermaildiv_uid593 {color:#405D7E;font-weight: bold;}

/*Label für Umfrage - Trenner*/
#powermaildiv_uid600 {color:#FFFFFF;font-weight: bold;}
#powermaildiv_uid601 {color:#FFFFFF;font-weight: bold;}
#powermaildiv_uid602 {color:#FFFFFF;font-weight: bold;}
#powermaildiv_uid603 {color:#FFFFFF;font-weight: bold;}


/* --- 3.15 Simplesurvey Umfrage --- */
.tx-simplesurvey-pi1 div {

}

.tx-simplesurvey-pi1-question {
	padding-top: 30px;
	padding-bottom: 3px;
	font-weight: bold;
	color: #405D7E;
	line-height: 1.4em;
}

.tx-simplesurvey-pi1-answer {
	padding: 5px 0 5px 35px;
	overflow: hidden;
	line-height: 1.3em;
}

.tx-simplesurvey-pi1-answer input[type="text"],
.tx-simplesurvey-pi1-answer textarea {
	margin: 0 0 0 -20px;
	width: 550px;
	border: 1px solid #666;
	border-radius: 1px;
	background-color: #FAFAFA;
	padding: 3px;
}

.tx-simplesurvey-pi1-answer textarea {
	height: 50px;
}

.tx-simplesurvey-pi1-answer input[type="checkbox"],
.tx-simplesurvey-pi1-answer input[type="radio"] {
	float: left;
	display: block;
	margin: 0 8px 0 -20px;
}

.tx-simplesurvey-pi1-submit {
	margin-top: 40px;
	padding: 4px 20px;
}

#tx-simplesurvey-pi1-hide-question5 {
	padding-left: 35px;
}

#tx-simplesurvey-pi1-hide-question5 .tx-simplesurvey-pi1-question {
	padding-top: 5px;
	font-weight: normal;
	color: #000;
}

#tx-simplesurvey-pi1-hide-question5 .tx-simplesurvey-pi1-answer {
	padding-left: 0;
}

#tx-simplesurvey-pi1-hide-question5 .tx-simplesurvey-pi1-answer textarea {
	margin-left: 0;
}