@import url(main/base.css);
@import url(main/iehacks.css);

@media screen
{
/* Formatierung der Seite */
body {background:#B3BCC1 url(../images/bg_body.gif) repeat-x top; padding:10px; font-size:96.66%; font-family: Verdana, Helvetica, Arial, sans-serif; text-align: center; }

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{border: 1px solid #FFFFFF; background:#fff; }

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins {border: 1px #000000 solid; width:980px; margin-left:auto; margin-right:auto;
 max-width:inherit;  /* min-width für fixes Layout abschalten */
 min-width:inherit;  /* max-width für fixes Layout abschalten */
 text-align:left;
}
/* Korrektur von Randabständen */
#main {margin:0; padding:0;}

.clear { clear: right; }

/*
* ######################################################################################################
* # Basisformatierung von Inhaltselementen
* ######################################################################################################
*/

h1,h2,h3,h4 {font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}
h1,h2,h3,h4 {font-family: Verdana, Arial, Sans-Serif; display:block; font-weight:bold;}

h1 {font-size:1.6em; color:#000; background:transparent; border: none; margin:0.3em 0 1em 0; padding-top:0em; text-align: center;}
h2 {font-size:1.4em; color:#000; background:transparent; border: none; margin:0.3em 0 1em 0; padding:0em; margin-top:1em; text-align: center;}
h3 {font-size:1.2em; color:#000; background:transparent; border: none; margin:0.3em 0 0.6em 0; padding-top:0em; text-align: center;}
h4 {font-size:1.1em; color:#000; background:transparent; border: none; margin:0.3em 0 0.6em 0; padding-top:0em; text-align: center;}

a:link { color: #000066; background-color:transparent;}
a:visited { color: #666666; background-color:transparent;}
a:hover { color: #FF6633; background-color:transparent;}

input, textarea {width: auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa;padding:3px 3px; margin: 0px 10px;  color:#777;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}

/*
* ######################################################################################################
* # Formatierung des Headers
* ######################################################################################################
*/

#header { position:relative; color:#FFFFFF; background:#50638B; border-bottom: 1px #FFFFFF solid; height: 128px;}

#imageleft { display: table; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; width:200px; padding: 0; margin: 0; border: none; text-align: center; }
#imageleft input { background:#50638B; border: none; margin: 0; padding: 0; }
#imageright { display: table; height: 100%; overflow: hidden; position: absolute; top: 0px; right: 0px; width:200px; padding: 0; margin: 0; border:none; text-align: center; }
#imageright input { background:#50638B; border: none; margin: 0; padding: 0; }

#homepagetitle { margin-left: -3px; margin-top: -42px; color:#FFFFFF;}
#homepagetitleshadow { margin-left: 232px; padding-top: 30px; font-family: Verdana, Arial, Sans-Serif; display:block; font-size:32px; color:#2C2C2C;}

#pagetitle { margin-left: -2px; margin-top: -35px; color:#FFFFFF;}
#pagetitleshadow { margin-left: 252px; padding-top: 10px; font-family: Verdana, Arial, Sans-Serif; display:block; font-size:26px; color:#2C2C2C;}

/*
* ######################################################################################################
* # Formatierung der Breadcrumbzeile
* ######################################################################################################
*/

#teaser {margin:0; padding:0; background:#1F3250; color:#FFFFFF; height: 22px; line-height: 22px; border-bottom: 1px #FFFFFF solid; font-size: 0.9em;}
#teaser #rootline {float:left; padding-left:5px; height: 22px; width:525px; color: #fff; overflow: hidden; }
#teaser #rootline  a { color: #fff; background-color:transparent; }
#teaser #rootline  a:visited { color: #999999; background-color:transparent;}
#teaser #rootline  a:hover { color: #FF6633; background-color:transparent; }
#teaser #menuoben {float:right; width:430px; padding-right:5px; margin-right: 0;color: #fff; text-align:right; }
#teaser #menuoben  a { color: #fff; background-color:transparent;}
#teaser #menuoben  a:visited { color: #999999; background-color:transparent;}
#teaser #menuoben  a:hover { color: #FF6633; background-color:transparent;}

/*
* ######################################################################################################
* # Formatierung des linken Menüs 
* ######################################################################################################
*/

#col1_content h3 {padding:0; font-weight:bold; padding: 3px; margin:1.4em 0 0.3em 0; color:#444; background-color:#fff; border-bottom:5px #ccc solid; text-align: center;}

#searchbox { margin:1.4em 0 0.3em 0; }

#copyright { margin:1.4em 0 0.3em 0; text-align: center; font-family: Verdana, Arial, Sans-Serif; font-size:12px; color:#444; }

/*
* ######################################################################################################
* Vertikale Listennavigation
* ######################################################################################################
*/

#col1_content h3 {padding:0; font-weight:bold; margin:1.4em 0 0.3em 0; color:#444; background-color:#fff; border:1px #aaa solid;}
.mainMenu {width:100%; overflow:hidden; color:#222; margin:0; padding:0 0 0 0;}
.mainMenu img {margin-right:0.7em;}
.mainMenu ul { font-size: 1.0em; width:100%; overflow:hidden; margin:0; list-style-type:none; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.mainMenu ul a {display:block; text-decoration:none;}
.mainMenu ul a:hover {background-color:#FF9966; color:#fff;}

.mainMenu ul li {background-color: #fff;font-size: 95%; float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li strong {display:block; width:95%; padding:3px 0px 3px 5%; background-color:#FF9966; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li a { width:95%; padding:3px 0px 3px 5%; background-color:#fff; color:#444; border-bottom:1px #eee solid;}

.mainMenu ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li strong {display:block; width:90%; padding:3px 0px 3px 10%; background-color:#FF9966; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li a {width:90%; padding:3px 0px 3px 10%; background-color:#f8f8f8; color:#666; border-bottom:1px #ddd solid;}

.mainMenu ul li ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li ul li strong {display:block; width:85%; padding:3px 0px 3px 15%; background-color:#FF9966; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li ul li a {width:85%; padding:3px 0px 3px 15%; background-color:#e4e4e4; color:#666; border-bottom:1px #ddd solid;}

.mainMenu ul li ul li ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li ul li ul li strong {display:block; width:85%; padding:3px 0px 3px 15%; background-color:#FF9966; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li ul li ul li a {width:85%; padding:3px 0px 3px 20%; background-color:#bbbbbb; color:#666; border-bottom:1px #ddd solid;}

.mainMenu .spacer { background-color: #B0BBD1; }

/* Patch für IE 5, damit das Menü richtig angezeigt wird */
/* level 1 */
* html .mainMenu li a,
* html .mainMenu li strong,
* html .mainMenu li span { width: 100%; w\idth: 90%; }

/* level 2 */
* html .mainMenu li ul li a,
* html .mainMenu li ul li strong,
* html .mainMenu li ul li span { width: 100%; w\idth: 80%; }

/* level 3 */
* html .mainMenu li ul li ul li a,
* html .mainMenu li ul li ul li strong,
* html .mainMenu li ul li ul li span { width: 100%; w\idth: 70%; }

/* level 4 */
* html .mainMenu li ul li ul li ul li a,
* html .mainMenu li ul li ul li ul li strong,
* html .mainMenu li ul li ul li ul li span { width: 100%; w\idth: 60%; }


/*
* ######################################################################################################
* # Formatierung der Inhaltsspalten 
* ######################################################################################################
*/

#main {background:#B0BBD1; padding-top:0;}

/* linke Spalte */
#col1 {width:200px; padding:0px; background:inherit; min-height: 700px; height:auto !important; height:700px;}
#col1_content {margin:0.5em; color:#444; background:inherit; }

/* Hauptspalte bei 3 Spalten */
#col3_dreispaltig { margin-left: 200px; background:#FFFFFF; margin-right: 200px; border-left: 1px solid #aaa; min-height: 700px;}
#col3_dreispaltig_content {margin-left: 3em; margin-right: 3em; padding-bottom: 2em; }
#col3_dreispaltig_innen {overflow-x: auto; }

/* Hauptspalte bei 2 Spalten */
#col3_zweispaltig { margin-left: 200px; background:#FFFFFF; margin-right: 0px; border-left: 1px solid #aaa; min-height: 700px; height:auto !important; height:700px;}
#col3_zweispaltig_content {margin-left:3em; margin-right:3em; padding-bottom: 2em}
#col3_zweispaltig_innen {overflow-x: auto;}

/* Rechte Spalte */
#col2 {width:200px;}
#col2_content {	margin-left:0.4em; margin-right:0.4em; height:inherit;}

/*
* ######################################################################################################
* # Formatierung des Footers 
* ######################################################################################################
*/

#footer #footertext { color:#FFFFFF; background:#50638B; margin:0; padding:1em; border-top:1px #ddd solid; line-height:1.2em; text-align: center; font-family: Verdana, Arial, Sans-Serif; font-size:10px;}
#footer #footertext a { color:#000066; background-color:transparent; }
#footer #footertext a:hover { color: #FF6633; background-color:transparent; }
#footer #footertext a:visited { color: #999999; background-color:transparent;}
#footer #lastchange { color:#FFFFFF; background:#50638B; margin:0; padding:0.2em; line-height:1.2em; text-align: center; font-family: Verdana, Arial, Sans-Serif; font-size:10px;}

/*
* ######################################################################################################
* # Formatierung der Efa-Fontsize, Printlinks, usw. 
* ######################################################################################################
*/

#printandfontsize { text-align:right; width: 100%; margin-top: 3px; }

/***********************************************************************/
/* Formatierung der Pfarrblattanzeigen, Uploads und Messdienersachen   */
/***********************************************************************/
*.showpfarrblatt, *.pfarrblatt_upload, *.messdienerplan_upload, *.messdienermanagement, *.menomailer { margin: 0px; padding: 0px; border: 1px solid #000; color:inherit;text-align:center;}

TABLE.showpfarrblatt, TABLE.pfarrblatt_upload, TABLE.messdienerplan_upload, TABLE.messdienermanagement, TABLE.menomailer { border-collapse: collapse; border-spacing: 0px; width:98%; margin: 2em 0.5em; }
TABLE.messdienermanagementbuttons {background: #FF0000; padding: 0px; margin: 0px; }
TD.pfarrblatt, TD.pfarrblatt_upload, TD.messdienermanagement, TD.menomailer, TD.menomailercheckboxen {padding: 2px 2px 2px 2px; background-color:#FFFFFF; border: 1px solid #000;}
TH.showpfarrblatt, TH.pfarrblatt_upload, TH.messdienerplan_upload, TH.messdienermanagement, TH.menomailer {padding:1px;background-color:#D6D6D6;}

TD.messdienerplan_upload {padding: 3px 3px 3px 3px;background-color:#FFFFFF;}

/*
* ######################################################################################################
* # tx_indexedsearch - Konfiguration
* ######################################################################################################
*/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {width:100px; margin-top: 5px;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {width:200px; margin-bottom: 5px;}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {font-weight:bold; font-style:italic;}
.tx-indexedsearch .tx-indexedsearch-whatis {margin-top:10px; margin-bottom:5px;}
.tx-indexedsearch P.tx-indexedsearch-noresults {text-align:center; font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-table { border: 1px solid #333333;}
.tx-indexedsearch .tx-indexedsearch-result-number { background:#CCCCCC; }
.tx-indexedsearch .tx-indexedsearch-icon { background:#CCCCCC; }
.tx-indexedsearch .tx-indexedsearch-percent { background:#CCCCCC; padding-right: 3px;}
.tx-indexedsearch .tx-indexedsearch-res { width: 100%;}
.tx-indexedsearch .tx-indexedsearch-selectbox-type,
.tx-indexedsearch .tx-indexedsearch-selectbox-defop,
.tx-indexedsearch .tx-indexedsearch-selectbox-order,
.tx-indexedsearch .tx-indexedsearch-selectbox-desc,
.tx-indexedsearch .tx-indexedsearch-selectbox-results { margin-left: 13px;}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#CCCCCC; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {font-weight:normal;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {font-style:italic;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#CCCCCC;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {margin-top:20px; margin-bottom:5px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {color:#006699; margin-top:0px; margin-bottom:0px; background:transparent;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background:#EEEEEE;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {vertical-align:middle;}
.tx-indexedsearch .tx-indexedsearch-res .noResume {color :#666666;}
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {	font-family:monospace;	font-style:normal; padding:0 0.3em 0 0.3em; background:#ffff88; border:1px #ccd solid;}


/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 A {font-weight:bold;}
.tx-dropdownsitemap-pi1 li.open ol {display:block;}
.tx-dropdownsitemap-pi1 li.closed ol {display:none;}
.tx-dropdownsitemap-pi1 li.open ul {display:block;}
.tx-dropdownsitemap-pi1 li.closed ul {display:none;}
.tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
.tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_2 a {font-weight:normal;}
.tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}
.tx-dropdownsitemap-pi1 img {margin-right:0.5em;}
.tx-dropdownsitemap-pi1 a:hover {background:transparent;}

/* ##########################
** ### tx_mwimagemap ########
** ##########################
*/
.mwimagemap_alignment_left { text-align:left; }
.mwimagemap_alignment_middle { text-align:center; }
.mwimagemap_alignment_right { text-align:right; }
.mwimagemap_startseite { border: 1px solid #D6D6D6; }

/*
* ######################################################################################################
* # tx_felogin - Konfiguration
* ######################################################################################################
*/
.tx-newloginbox-pi1 table { border:2px solid #ccc; width:100%; }
.tx-newloginbox-pi1 th { background:#ccc; padding:4px; text-align:right; white-space:nowrap; width:25%; }
.tx-newloginbox-pi1 td { background:#eee; padding:4px; }

.tx-newloginbox-pi3 table { border:2px solid #ccc; width:100%; }
.tx-newloginbox-pi3 th { background:#ccc; padding:4px; white-space:nowrap; text-align:right; }
.tx-newloginbox-pi3 td { background:#eee; padding:4px; }
.tx-newloginbox-pi3-listrow th { text-align:center; }
.tx-newloginbox-pi3-singleView th { width:25%; }

/* #############################
** ### tt_news #################
** #############################
*/
.news-list-container { background-color:#FFFFFF; } 

/* LATEST Ansicht */
/* position: relative, to fi x the IE/Win Disappearing List-Background Bug */
.news-latest-item { margin-bottom:10px; margin-top: 8px; background-color: #FFFFFF; padding: 0.2em; position: relative; }
.news-latest-item h3 {padding-top:0; font-size: 1em; color: #000066; text-align: left; background-color: #FFFFFF;}
.news-latest-item h3 a:visited{color: #000066;}
.news-latest-item h3 a:hover {background:transparent;color: #FF6633;}
.news-latest-item img {padding-right:0.4em; padding-top:0.3em; padding-bottom: 0; float:left; background-color: #FFFFFF; position: relative; }
.news-bottomline {height: 1px; color: #D6D6D6; background-color: #D6D6D6; margin-left: 10px; margin-right: 10px; border: none; }

/* LIST Ansicht */
.news-list-item { margin-bottom:1em; background: #CCCCCC; border: 1px solid #000000; padding-bottom: 5px; clear: right; position: relative; }
.news-list-item h3 {padding: 5px; margin: 0px; background:#C3C3C3; text-align: left; border-bottom: 1px solid #000000;}
.news-list-item h3 a {color:#000066; text-decoration:underline;}
.news-list-item h3 a:hover {background:transparent;}
.news-list-item img { float:right; padding: 5px; vertical-align: middle; position: relative; }
.news-list-item .bodytext { padding: 5px; }
.news-list-item .news-metadata {font-weight:normal; font-size: 0.8em; padding: 5px;}
.news-list-item .news-text {padding: 5px; }
.news-list-morelink { padding:5px; text-align:left; background: transparent; }
.news-list-morelink a {color:#669;}
.news-list-morelink a:hover {background:transparent;}
.news-list-category {color:#aaa;}

/* SINGLE Ansicht */
.news-single-item h3 {margin: 0; padding: 0; color:#000; background: transparent; border: none; text-decoration: underline; text-align: left; }
.news-single-item .news-single-date {margin-bottom: 1em; padding: 0; color:#000000; font-size: 0.8em; text-align: left; }
.news-single-img {padding-right:15px; padding-left: 15px; float:right; border: none; vertical-align: middle; }
.news-single-backlink {padding-top: 1em;}

/* Archive Menu */
.news-amenu-container { background: #FFFFFF; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; margin-top: 12px; }
.news-amenu-container ul {list-style: none; margin: 0; padding: 0; }
.news-amenu-container .news-amenu-item-year { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0; margin-top: 5px; padding-left: 10px; background: #C3C3C3;}
.news-amenu-container li { margin: 0; padding-left: 10px;}

/* #############################
** ### tx_srfeuserregister_pi1 #
** #############################
*/
.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; }
.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
.tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
.tx-srfeuserregister-pi1 label span { color: #ff0000; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
.tx-srfeuserregister-pi1 input { margin: 0; padding: 0 .5em 0 0; }
.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }		
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 1em; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }

/* #############################
** ### tx_fdfx2cols_pi1 ########
** #############################
*/

/* Layout 1 */
.c2l1-left { padding-left: 3px; padding-top: 3px; padding-right: 1.5em; width:50%; white-space:normal; vertical-align: top;}
.c2l1-middle{ padding-left: 1.5em; padding-top: 3px; width:50%; white-space:normal; vertical-align: top;}

/*  Layout 2 */
.c2l2-left { padding-left: 3px; padding-top: 3px; padding-right: 1.5em; border-right: 1px solid #D6D6D6; width:50%; white-space:normal; vertical-align: top;}
.c2l2-middle { padding-left: 1.5em; padding-top: 3px; width:50%; white-space:normal; vertical-align: top;}

/* Layout 3 */
.c2l3-left { padding-left: 3px; padding-top: 3px; padding-right: 1.5em; border-right: 1px solid #000; width:50%; white-space:normal; vertical-align: top;}
.c2l3-middle { padding-left: 1.5em; padding-top: 3px; width:50%; white-space:normal; vertical-align: top;}

/*
* ######################################################################################################
* # CSS-Definitionen für HTMLArea und CSS-Styled-Content
* ######################################################################################################
*/
p.bodytext a img{border:0; margin:0; padding:0;}
p.bodytext img{border: 0;margin:0; padding:0;}

p { padding:0 0 0 0; margin:0 0 0 0;}
p.bodytext { border:0; margin:0; padding:0; }

.maincontent p.bodytext{ margin:0; padding:0; line-height:1.4em;}

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

.indent { margin-left: 2.5em; }

ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 1em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em;  width: auto;}

.csc-textpic-caption { font-size: 0.7em; }

/* Anpassungen für die Fontsize von IE 5 */
#gallery .giTitle { text-align:left; font-size:14px; font-weight: bold; }
#gallery .giDescription { text-align:left; font-size:11px; }
#gallery .giInfo { text-align:left; font-size:10px; }
#gallery .next-and-last { text-align:right; font-size:10px; }
#gallery .first-and-previous { text-align:left; font-size:10px; }

/* ***************************************************************************************/

.weiss {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#ffffff;
 background-color:transparent;
}

.altweiss {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#F2F2F2;
 background-color:transparent;
}

.hellesgrau {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#dddddd;
 background-color:transparent;
}
.hellgrau {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color:transparent;
 color: #BFBFBF;
}
.grau {
 color:#888888;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color:transparent;
}
.dunkelgrau{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#3B3B3B;
 background-color:transparent;

}
.hellschwarz {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#202020;
 background-color:transparent;
}
.schwarz {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#000000;
 background-color:transparent;
}
}

/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.mainMenu dfn, #col1_content .hidden {position:absolute; left:-1000em; width:20em;}
}