* { margin:0; padding:0; }
html, body { font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif; text-align:left;  }
html { overflow-y: scroll; } /* actived y-scroller */
.reFloat { float:right; }
.liFloat { float:left; }
.clear, #clear { clear:both; font-size:1px; line-height:1px; height:1px; }
iframe { border: none; }

/** Background-Resize **/
html,body,#bg,#bg table,#bg td { width:100%; height:100%; overflow:hidden; }
#bg div{ position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
* html #bg div { top:-53%; }
#bg td{ vertical-align:middle; text-align:center; }
#bg img{ min-height:50%; width:50%; margin:0 auto; }
* html #bg img  { width:50%; }
 
/** Content **/
#mainwrapper { width:100%; height:100%; left:0; overflow:auto; position:absolute; top:0; z-index:70; }
#container { padding-bottom:35px; }
#header { height:149px; }
#logo { width:169px; height:99px; float:left; }
#main .inside a, #main .inside a:link, #main .inside a:visited { display:inline-block; color:#000; text-decoration:none; background:url(/tl_files/gutetat/images/basis/pfeil.gif) 0 6px no-repeat; padding-left:12px; }
#main .inside a:hover, #main .inside a:active { display:inline-block; color:#cc0033; text-decoration:underline; background:url(/tl_files/gutetat/images/basis/pfeil_a.gif) 0 6px no-repeat; }
#main .inside a.blank { background:none; text-decoration:underline; padding:0; }
.introduction, .mod_ehrenamtsmanager, .mod_catalogfilter, .content_small, .galerie, .layout_full , .login, .logout, .register, .back 
	{ color:#494949; width:680px; background-color:#fff; padding:20px 10px; margin-bottom:5px;}
.slogan span, .introduction span, .content_small span, .layout_full span, #main .inside #kontakt span.kont 
	{ margin-bottom:1px; font-size:24px; background-color:#dc002b; color:#fff; font-weight:bold; padding:0 2px; text-transform:uppercase; white-space:nowrap; line-height:30px; display:inline-block; }
.introduction p, .introduction ul, .content_small p, .galerie p, .layout_full .ce_text p { margin-right:100px; }
.introduction ul{ margin-left:15px; list-style-type:square; }
.introduction li { margin-bottom:5px; }
.login, .logout, .register { margin:0; padding:5px 10px; width:445px; float:left; }
.login table tr td.col_1 { padding-left:15px; } 
.register { width:210px; float:right; margin-right:30px; }
* html .register { margin-right:14px; }
.back { padding:5px 10px; }

.hidden { display:none; }

.engelgeschichten_list { color:#494949; width:680px; background-color:#fff; padding:2px 10px; }
.panes { padding-top:5px;}
.ce_tabcontrol_tabs ul li { list-style-type:none; cursor:pointer; float:left; font-weight:bold; }
.ce_tabcontrol_tabs ul li.selected { cursor:default; }
#engelgeschichten .panes { padding:0; }
#engelgeschichten .ce_tabcontrol_tabs ul li#tab0 { background:url(/tl_files/gutetat/images/basis/bg_tab_li.gif) 0 0 no-repeat; color:#fff; padding:5px; width:340px; height:17px; text-align:center; }
#engelgeschichten .ce_tabcontrol_tabs ul li#tab1 { background:url(/tl_files/gutetat/images/basis/bg_tab.gif) 0 0 no-repeat; color:#fff; padding:5px;  width:340px; height:17px; text-align:center; }
#engelgeschichten .ce_tabcontrol_tabs ul li#tab0.selected { background:url(/tl_files/gutetat/images/basis/pfeil_down.gif) 113px 9px no-repeat #fff; color:#494949; }
#engelgeschichten .ce_tabcontrol_tabs ul li#tab1.selected { background:url(/tl_files/gutetat/images/basis/pfeil_down.gif) 127px 9px no-repeat #fff; color:#494949; }

#organisation .ce_tabcontrol_tabs { width:700px; background-color:#fff;}
#organisation .ce_tabcontrol_tabs ul li { padding:5px 10px; border-right:1px dotted #DC002B; color:#DC002B; }
#organisation .ce_tabcontrol_tabs ul li.selected { background-color:#DC002B; color:#fff; }

#fuer-engel .register { height:101px; }
* html #fuer-engel .register { height:105px; }
*+html #fuer-engel .register { height:105px; }

.content_small p { width:455px;}
.content_small table tr, .introduction table tr { background:url(/tl_files/gutetat/images/basis/dotted_line.gif) 0 0 repeat-x; height:1px;  }
.content_small table tr td, .introduction table tr td { padding:10px 10px 10px 0px; }
.content_small .hr { margin:11px 0; }

.galerie img { margin:10px 10px 0 0; }
#main .inside .galerie a, #main .inside .image_container a { outline:none; background:none; text-decoration:underline; padding:0; }
#ctrl_filter_search { width:450px; }
.ce_gallery h1 { margin-bottom:10px; }
.layout_engelgeschichten_detail .story { padding-top:10px; }
.layout_engelgeschichten_detail .intro { font-weight:bold; padding-top:10px; }

select { width:147px; height:22px; margin-top:8px; font-size:11px; margin-left:15px; }
input.submit { background-color:#9d9d9d; border:none; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; height:20px; padding:1px 2px; }

hr { display:none; }
.hr { background:url(/tl_files/gutetat/images/basis/dotted_line.gif) 0 0 repeat-x; height:1px; }

/** Mitarbeiter **/
#mitarbeiter td { vertical-align:top; }
#mitarbeiter td p { margin:0; }
#mitarbeiter img { float:left; margin-right:10px;}


/** teaser **/
.teaserBox, .teaserBox_blank { width:230px; float:left; background-color:#fff; margin-right:5px; margin-bottom:5px;}
.teaserBox h1, .teaserBox_blank  h1 { background:url(/tl_files/gutetat/images/basis/teaser_ecke.gif) 3px 3px no-repeat; width:210px; height:17px; padding:4px 10px; color:#fff; font-size:14px; font-weight:bold; background-color:#4b4b4b; }
.teaserRed { background-color:#ffcccc; }
.teaserRed h1 { background-color:#cc0033;  }
.teaserRed p { background-color:#ffcccc; padding:8px 8px 13px 8px; }
.teaserBox p, .teaserBox_blank  p { padding:8px 8px 13px 8px; }
.teaserBox_blank  { clear:both; margin-bottom:0; }

/** related teaser **/
.kontaktTeaser { width:190px; height:233px; background-color:#dc002b; color:#fff; padding:10px; }
.kontaktTeaser h1 { font-size:14px; font-weight:bold; margin-bottom:10px; }
.kontaktTeaser p { margin-bottom:6px; }
.kontaktTeaser a { color:#fff; }

.info { width:191px; height:auto; background-color:#9D9D9D; color:#fff; padding:10px; margin-bottom:10px; }
.info h1 { font-size:13px; font-weight:bold; margin-bottom:10px; }
#right a, #right a:link, #right a:visited { color:#fff; text-decoration:none; background:url(/tl_files/gutetat/images/basis/pfeil_white.gif) 0 6px no-repeat; padding-left:12px; }
#right a:hover, #right a:active { text-decoration:underline; }

/** Breadcrumb **/
.mod_breadcrumb { display:inline; position:relative; top:42px; left:12px; font-size:12px; background-color:#fff; padding:2px 10px; }
.mod_breadcrumb a { color:#000; text-decoration:none; }

/** Ehrenamtliches Engagement **/
.table_layer { width:682px; background-color:#fff; padding:9px 9px 20px 9px; margin-bottom:5px; }
.table_layer table .header { padding:7px 9px; border:1px solid #fff; background-color:#4b4b4b; color:#fff; }
.table_layer table td { width:94px; vertical-align: text-top; padding:10px 9px; border:1px solid #fff; color:#3d3d3d; }

table.engelprojekt_list tr { background-color:#c9c9c9; }
table.engelprojekt_list td.projektname { width:208px; font-weight:bold; }

table.engelprojekt_detail td { width:435px; background-color:#c9c9c9; }
table.engelprojekt_detail .header { background-color:#c9c9c9; color:#3D3D3D; width:208px;}
table.engelprojekt_detail .odd, table.engelprojekt_list tr.odd { background-color:#dbdbdb; }

/** ImageMap - Deutschlandkarte **/
#imap {display:block; width:215px; height:291px; background:url(/tl_files/gutetat/images/content/stadtplan.gif); position:relative; margin:0 auto 2em auto;}

#main .inside a.berlin {display:block; width:10px; height:0; padding-top:20px; overflow:hidden; position:absolute; left:168px; top:95px; background:transparent; }
#main .inside a.berlin, .main .inside a.hamburg , #main .inside a.muenchen  { outline:none; }
#main .inside a.berlin:hover, .main .inside a#berlin:active  { background:#fff url(/tl_files/gutetat/images/content/stadtplan_berlin.gif) no-repeat 0 0; }

#main .inside a.hamburg { display:block; width:5px; height:0; padding-top:20px; overflow:hidden; position:absolute; }
#main .inside a.muenchen { display:block; width:119px; height:0; padding-top:120px; overflow:hidden; position:absolute; }

* html #main .inside a.berlin, * html #main .inside a.hamburg, * html #main .inside a.muenchen { height:80px; }

#main .inside a.hamburg { left:90px; top:53px; background:transparent; }
#main .inside a.muenchen { left:70px; top:170px; background:transparent; }

#main .inside a.hamburg:hover, #main .inside a.hamburg:active { background:#fff url(/tl_files/gutetat/images/content/stadtplan_hamburg.gif) no-repeat 0 0; }
#main .inside a.muenchen:hover, #main .inside a.muenchen:active { background:#fff url(/tl_files/gutetat/images/content/stadtplan_bayern.gif) no-repeat 0 0; }


/** Nachrichten **/
.nachrichten_liste { width:682px;  background-color:#fff; padding:9px 9px 20px 9px; margin-bottom:5px; color:#4b4b4b; }

/** Kontakt **/
.inside #kontakt { width:920px; background-color:#fff; color:#494949; margin-bottom:5px; padding:20px 10px; margin:0; }
.inside .tableform .formbody table tr td input, #main .inside .tableform div.formbody table tr td textarea { margin:0 0 5px 15px; }
#kontakt .tableform .formbody div.submit_container { margin:20px 0 0 -207px; }
* html #kontakt .inside .tableform .formbody div.submit_container { margin:0; }
*+html #kontakt .inside .tableform .formbody div.submit_container { margin:0; }
p.error { color:#DC002B; }

/** Teaser Standorte **/
#main .inside #standorte { width:230px; float:left; }
#main .inside #standorte p { width:225px; margin:0; }
#main .inside #standorte a.mailto { background:none; padding-left:0; text-decoration:underline; }
#main .inside #standorte { background:url(/tl_files/gutetat/images/basis/dotted_line_ver.gif) 220px 0 repeat-y; }


/** FAQ **/
#main .inside #faq a { background:none; color:#000; padding-left:0; text-decoration:underline; }

/** Sitemap **/
#main .inside #sitemap .introduction { margin:0; }
#main .inside #sitemap a { background:none; padding-left:0; }
#main .inside #sitemap ul.level_1 { list-style-image:url(/tl_files/gutetat/images/basis/pfeil_sitemap.gif); }
#main .inside #sitemap ul.level_2 { list-style-image:none; list-style:square; }
#main .inside #sitemap ul.level_3 { list-style-image:none; list-style:disc; }
#main .inside #sitemap ul.level_4 { list-style-image:none; list-style:circle; }

/** Organisationen **/
#organisationen .register { height:149px; }
* html #organisationen .register { height:153px; }
*+html #organisationen .register { height:153px; }

/** Organisationen - Engel Projekt einstellen **/
.kontaktdaten, .projektdaten, .mod_registration, .mod_personalData, .kategorie { background-color:#fff; width:680px; padding:20px 10px; }
.kontaktdaten label, .projektdaten label { display:inline-block; width:225px; }
.kontaktdaten input, .projektdaten input, .projektdaten textarea { width:325px; }
.kontaktdaten select { width:330px; margin-left:0; }
.kontaktdaten input.submit { width:50px; }
.projektdaten .submit_container { float:left; margin:5px 4px 0 0; }
.projektdaten input.submit { width:150px; }
.kategorie label { font-weight:bold; }
.kategorie #ctrl_49 label { margin-right:15px; line-height:20px; font-weight:normal; } 
.kategorie span { display:block; }
.registration { float:left; width:445px; }
* html .registration { float:left; width:400px; }

.mod_personalData table td.col_0, .mod_registration table td.col_0 { width:150px;}
.mod_personalData table td.col_1 input, .mod_registration table td.col_1 input { width:310px;}
.mod_personalData table td.col_1 select, .mod_registration table td.col_1 select { width:315px; }
.mod_personalData table tr.row_13 input.submit, .mod_registration table tr.row_15 input.submit, .mod_registration table tr.row_13 input.submit { width:150px; }