/* SCREEN CSS */
/* ============== Standard TypoLight Struktur ============== */
html,body
{
	padding:0;
	margin:0;
}
body
{
	padding:16px 0 0 0;
}
#wrapper
{
	position:relative;
}
#header
{
	position:relative;
	background:transparent url(../images/layout/shadow-top.gif) top right no-repeat;
	border-left:1px solid #3a3a39;
	z-index: 20;
}
#header .inside
{
	width:957px;
	border-top:1px solid #3a3a39;
}

#container
{
	position: relative;
	border-left:1px solid #3a3a39;
	background:transparent url(../images/layout/shadow-right.gif) top right repeat-y;
	z-index: 20;
}

/*ie7 hack für korrekte Spaltenlänge */
*+html #container
{
	float: left;
}



#left
{
	position:relative;
}
#left .inside
{
	padding:60px 0 0 54px;
}
#right
{
	position:relative;
	margin-top:20px;
}
#right .inside
{
	margin:0 10px 0 0;
}
#main
{
	position:relative;
	min-height:400px;
	height:auto !important;
	height:400px;
}
#main .inside
{
	width:390px;
	padding:60px 0 40px 0;
}
#footer
{
	position:relative;
}

/* ============== Eigene Bereiche ============== */
#shadowTop
{
	position:absolute;
	top:-1px;
	left:958px;
	width:9px;
	height:21px;
	background:transparent url(../images/layout/shadow-top.gif) top right no-repeat;
}
#logo
{
	position:absolute;
	top:90px;
	left:13px;
}
#logo img
{
	width:198px;
	height:72px;
}
#headerBild
{
	margin-left:224px;
	width:733px;
	height:224px;
}
#headerBild img
{
	width:733px;
	height:224px;
}
#headerBildOverlay
{
	position:absolute;
	top:0;
	left:224px;
	width:733px;
	height:27px;
	z-index:1;
}
#headerBalken
{
	position:absolute;
	top:0;
	left:0;
	width:224px;
	height:27px;
}
#konto
{
	position:absolute;
	top:2px;
	right:5px;
	z-index:2;
}
#konto a
{
	font-size:1.4em;
	color:#FFFFFF;
	text-decoration:none;
}
#konto p
{
	padding:0 5px 0 0;
	margin:0;
	font-size:1.2em;
	text-align:center;
	color:#FFFFFF;
}
#helper
{
	position:absolute;
	top:200px;
	right:0;
	width:643px;
	height:24px;
	background-color:#326fad;
}
#helper p
{
	padding:1px 0 0 0;
	margin:0;
	text-align:center;
	color:#FFFFFF;
}
/* ============== Suche ============== */
/* === ACHTUNG:Die Box (background) geht um die Suche UND den Fontsizer! === */
#sucheHeader input.text
{
	width:140px;
}
#right .mod_form
{
	position:relative;
	top:-5px;
	margin:0 10px 0 0;
	padding:5px 0 0 0;
	border-top:1px solid #326fad;
	border-left:1px solid #326fad;
	border-right:1px solid #326fad;
}
#right .formbody
{
	position:static;
	margin:0 0 5px 0;
}
#right input
{
	margin:2px 0 0 5px;
}
#right input.submit
{
	font-size:0.8em;
}
#right input.text
{
	width:66px;
	margin-left:15px;
	font-size:0.8em;
}
/* ============== Fontsizer ================= */
.fontsize
{
	position:relative;
	top:-10px;
	margin:0 10px 20px 0;
	border-left:1px solid #326fad;
	border-right:1px solid #326fad;
}
.fontsize .inside
{
	position:static;
	margin:0 !important;
	padding:10px 0 0 0;
	border-bottom:1px solid #326fad;
}
#fontsizer
{
	color:#ffffff;
	list-style:none;
	padding:2px 0 4px 15px;
}
#fontsizer li
{
	display:inline;
	font-size:1.2em;
}
#fontsizer a
{
	padding:0 3px 0 1px;
}
#fontsizer a:link
{
	color:#2a6bb7;
	text-decoration:none;
}
#fontsizer a:visited
{
	color:#222;
	text-decoration:none;
}
#fontsizer a:hover,
#fontsizer a:focus,
#fontsizer a:active
{
	color:#ac32ad;
	text-decoration:underline;
}
/* ============== COPYRIGHT =============== */
#copyright
{
	text-align:right;
	padding:0 20px 0 0;
}
#copyright p
{
	font-size:0.9em;
	color:#94a1c6;
}
/* Balken Farben nach Bereichen */
#headerBalken
{
	background-color:#326fad;
	}
body.assistenz div#headerBalken
{
	background-color:#ddaa55;
}
body.beratungsstelle div#headerBalken
{
	background-color:#ffdd00;
}
body.familienentlastender-dienst div#headerBalken
{
	background-color:#bbaaff;
}
body.fruehfoerderung div#headerBalken
{
	background-color:#88ee88;
}
body.georg-zahn-schule div#headerBalken
{
	background-color:#ff5500;
	}
body.georg-zahn-tagesstaette div#headerBalken
{
	background-color:#0088ff;
}
body.heilpaedagogischer-kindergarten div#headerBalken
{
	background-color:#00aa55;
}
body.integrativer-kindergarten-buechenbach div#headerBalken,
body.integrativer-kindergarten-roethenbach div#headerBalken
{
	background-color:#bb33dd;
}
body.offene-behindertenarbeit div#headerBalken
{
	background-color:#ffaa00;
	}
body.regnitzwerkstaetten div#headerBalken
{
	background-color:#229999;
}
body.wohnstaetten div#headerBalken
{
	background-color:#55bb22;
}
/* ============== Standard CSS ============== */
body
{
	font-size:0.8em;
}
div,p,li
{
	font-family:Arial,sans-serif;
	font-size:1em;
	color:#000000;
	line-height:1.5em;
}
p{
	padding:0;
	margin:0 0 1.2em 0;
}
.clear
{
	clear:both;
}
div
{
	padding:0;
	margin:0;
}
ul
{
	margin:0;
	padding:0 0 0 25px;
}
li
{
	margin:0;
	padding:0;
}
img
{
	border:0;
}
a
{
	color:#0068b3;
	text-decoration:none;
}
a:hover
{
	color:#dd68b3;
	text-decoration:underline;
}
a[href^="http:"],
a[href^="https:"]
{
	background:transparent url('../images/layout/link.png') top right no-repeat;
	padding-right:10px;
}
h1
{
	margin:0 0 2em 0;
	text-transform:uppercase;
	font-size:1.1em;
}
h2
{
	margin:0;
	padding:1em 0;
	font-size:1em;
	border-top:1px solid #a5a5a5;
}
h3
{
	margin:0;
	padding:1em 0;
	font-size:1em;
}
h4
{
	margin:0;
	padding:1em 0;
	font-size:1em;
	font-weight:normal;
}
h5
{
	margin:0;
	padding:1em 0;
	font-size:1em;
	font-weight:normal;
}
/* ============== Navigation ============== */
/* navMain */
.navMain
{
	text-align:center;
	padding:8px 0 1px 0;
	position:absolute;
	left:324px;
	top:195px;
}
.navMain .navInside
{
	color:#ffffff;
}
.navMain a,
.navMain span
{
	font-size:1.2em;
	color:#ffffff;
	text-decoration:none;
}
.navMain span,
.navMain a.trail
{
	color:#feb846;
}
.navMain a:hover
{
	color:#000000;
	text-decoration:underline;
}
/* navSec */
.navSec ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.navSec a,
.navSec span
{
	color:#000000;
	text-decoration:none;
}
.navSec span,
.navSec a.trail
{
	color:#f39906;
}
.navSec a:hover
{
	color:#ac32ad;
	text-decoration:underline;
}
.navSec span.active
{
	font-style:italic;
}
.navSec ul.level_2 li
{
	padding-left:15px;
}
/* navService */
.navService
{
	background:transparent url(../images/layout/shadow-bottom.gif) bottom right no-repeat;
}
.navService .navInside
{
	border-style:solid;
	border-color:#3a3a39;
	border-width:0 1px 1px 1px;
	padding:0 0 5px 23px;
	margin:0 9px 7px 0px;
}
.navService a,
.navService span
{
	color:#000000;
	text-decoration:none;
}
.navService span
{
	color:#2a6bb7;
}
.navService a:hover
{
	color:#ac32ad;
	text-decoration:underline;
}
.navService ul
{
	list-style-type:none;
}
.navService li
{
	float:left;
	margin-right:5px;
}
/* navBreadcrumb */
.navBreadcrumb
{
	position:absolute;
	top:10px;
	left:0px;
}
.navBreadcrumb span p,.navBreadcrumb span,.navBreadcrumb a
{
	font-size:0.75em;
	line-height:1em;
}
.navBreadcrumb a:hover
{
	color:#ac32ad;
	text-decoration:underline;
}
#left .mod_customnav ul,
#main .mod_customnav ul
{
	list-style-type:none;
	margin:0;
	margin-top:15px;
	padding:0;
}
#left .mod_customnav a,
#left .mod_customnav span,
#main .mod_customnav a,
#main .mod_customnav span
{
	color:#000000;
	text-decoration:none;
}
#left .mod_customnav span,
#left .mod_customnav a.trail
{
	color:#f39906;
}
#left .mod_customnav a:hover,
#main .mod_customnav a:hover
{
	color:#ac32ad;
	text-decoration:underline;
}
#main .mod_customnav span.active,
#left .mod_customnav span.active
{
	font-style:italic;
}
#left .mod_customnav ul.level_2 li,
#main .mod_customnav ul.level_2 li
{
	padding-left:15px;
}
/* ============== News ============== */
/* Standard-Einstellungen */
/* Aktuelles */

/**********************
.wohnstaetten
{
	border-left:3px solid #55bb22 !important;
}
.assistenz
{
	border-left:3px solid #ddaa55 !important;
}
.beratungsstelle
{
	border-left:3px solid #ffdd00 !important;
}
.fed
{
	border-left:3px solid #bbaaff !important;
}
.fruehfoerderung
{
	border-left:3px solid #88ee88 !important;
}
.gzs
{
	border-left:3px solid #ff5500 !important;
}
.gzt
{
	border-left:3px solid #0088ff !important;
}
.hpk
{
	border-left:3px solid #00aa55 !important;
}
.ikb,
.ikr
{
	border-left:3px solid #bb33dd !important;
}
.oba
{
	border-left:3px solid #ffaa00 !important;
}
.regnitzwerkstaetten
{
	border-left:3px solid #229999 !important;
}
.personal
{
	border-left:3px solid #9999ff !important;
}
*******************/

#main .mod_newslist img 
{
	width:120px; 
	height:auto; 
}
.mod_newslist > .block,
.mod_newsarchive > .block
{
	border-top:1px solid #a5a5a5;
	border-left:3px solid #326fad;
	margin-bottom:10px;
	padding:0 5px 0 10px;
}
.mod_newslist h2,
.mod_newsarchive h2
{
	border:0;
}
.mod_newslist p.teaser,
.mod_newsarchive p.teaser
{
	display:inline;/*Weiterlesen im Text anzeigen */
}
.mod_newslist p.more,
.mod_newsarchive p.more
{
	display:inline;/*Weiterlesen im Text anzeigen */
}
.mod_newslist p.info,
.mod_newsarchive p.info
{
	margin:0 0 0.5em 35em;
	color:#a5a5a5;
	font-size:0.75em;
	width:6em;
	height:1.2em;
	overflow:hidden;
	float:right;
}
.mod_newslist .pagination,
.mod_newsarchive .pagination {
	padding-top:20px;
	border-left:none;
}
.mod_newslist .pagination li,
.mod_newsarchive .pagination li {
	list-style-type:none;
	padding-right:15px;
	display:inline;
}
.news_ikb > .block,
.news_ikr > .block,
.ikb,
.ikr
{
	border-left:3px solid #bb33dd !important;
}

.themen
{
	margin-bottom:30px;
}
.themen > .block
{
	background-color:#f7f7f7;
	border-left:none;
	padding:10px 20px 20px 20px;
	border-bottom:1px solid #a5a5a5;
}
.markiert
{
	background-color:#fafafa;
}

/* ============= News Archiv Menu ============== */
.mod_newsmenu li
{
	list-style-type:none;
	}
/* Stellenausschreibungen */
#stellenausschreibungen{}
/* ============== Newsletter ============== */
#newsletterListe{}
p.confirm
{
	color:green;
}
/* ============== Termine ============== */
#left .mod_eventlist
{
	margin-right:40px;
    margin-bottom:20px;
}
/* tabellarisch */
.eventTabelle
{
	padding:5px 0 0 10px;
	margin-bottom:5px;
	border-bottom:1px solid #a5a5a5;
	border-left:3px solid #326fad;
}
.eventTabelle .date
{
	float:left;
	width:75px;
}
.eventTabelle .time
{
	float:left;
	width:90px;
}
.eventTabelle .title
{
	float:right;
	width:210px;
}
.mod_eventlist .cal_15
{/*Assistenz*/
	border-left:3px solid #ddaa55;
}
.mod_eventlist .cal_5
{/*Beratungsstelle*/
	border-left:3px solid #ffdd00;
}
.mod_eventlist .cal_13
{/*Familienentlastender Dienst*/
	border-left:3px solid #bbaaff;
}
.mod_eventlist .cal_6
{/*Fruehfoerderung*/
	border-left:3px solid #88ee88;
}
.mod_eventlist .cal_10,
{/*Georg-Zahn-Schule*/
	border-left:3px solid #ff5500;
}
.mod_eventlist .cal_11
{/*Georg-Zahn-Tagesstaette*/
	border-left:3px solid #0088ff;
}
.mod_news_list .cal_9,
.mod_upcoming_events .cal_9
{/*Heilpaedagogischer KiGa*/
	border-left:3px solid #00aa55;
}
.mod_eventlist .cal_7,
.mod_eventlist .cal_8
{/*Integrativer KiGa Buechenbach und Roethelheimpark*/
	border-left:3px solid #bb33dd;
}
.mod_eventlist .cal_14
{/*Offene Behindertenarbeit*/
	border-left:3px solid #ffaa00;
}
.mod_eventlist .cal_12
{/*Regnitzwerkstaetten*/
	border-left:3px solid #229999;
}
.mod_eventlist .cal_16
{/*Wohnstaetten*/
	border-left:3px solid #55bb22;
}
.mod_eventlist .cal_17
{/*Stiftung*/
	border-left:3px solid #326fad;
}
.mod_eventlist .cal_4
{/*Geschaeftsstelle*/
	border-left:3px solid #326fad;
}
#main .mod_eventlist
{ 
	margin-bottom:20px; 
}

.layout_full {
	padding-left:10px;
	margin-bottom:20px;
}

/* ============== Sitemap ============== */
div.mod_sitemap ul.level_1{}
div.mod_sitemap ul.level_1 li{}
div.mod_sitemap ul.level_1 li.submenu{}
div.mod_sitemap ul.level_2{}
div.mod_sitemap ul.level_2 li{}
div.mod_sitemap ul.level_2 li.submenu{}
div.mod_sitemap ul.level_3{}
div.mod_sitemap ul.level_3 li{}
div.mod_sitemap ul.level_3 li.submenu{}
/* ============== Formular ============== */
/* Standard-Einstellungen */
.form_mitglied_werden label
{
	display:inline;
	float:left;
	width:100px;
}
.form_mitglied_werden input
{
	display:inline;
	width:200px;
	margin-bottom:15px;
}
.form_mitglied_werden input.slender
{
	width:125px;
}
.form_mitglied_werden input.captcha
{
	width:25px;
	margin-right:5px;
	vertical-align:-5%;
}
.form_mitglied_werden .radio_container span
{
	display:block;
}
.form_mitglied_werden .radio_container input
{
	width:auto;
	margin:0;
}
.form_mitglied_werden .radio_container label
{
	display:inline;
	margin:0 15px 0 2px;
	float:none;
}
.form_mitglied_werden textarea
{
	width:200px;
}
.form_infoanforderung label
{
	float:left;
	width:120px;
}
.form_infoanforderung input
{
	width:200px;
	margin-bottom:15px;
}
.form_infoanforderung textarea
{
	width:200px;
	margin-bottom:15px;
}
.form_infoanforderung .checkbox_container span
{
	margin-left:0px;
	display:table-row;
}
.form_infoanforderung .checkbox_container input
{
	margin-right:10px;
	width: 30px;
	float:left;
}
.form_infoanforderung .checkbox_container label
{
	width: 180px;
}

.form_infoanforderung input.slender
{
	width:125px;
}
.form_infoanforderung input.captcha
{
	width:25px;
	margin-right:5px;
	vertical-align:-5%;
}

.form_kontakt label
{
	display:inline;
	float:left;
	width:100px;
}
.form_kontakt input
{
	display:inline;
	width:200px;
	margin-bottom:15px;
}
.form_kontakt input.slender
{
	width:125px;
}
.form_kontakt input.captcha
{
	width:25px;
	margin-right:5px;
	vertical-align:-5%;
}
.form_kontakt .radio_container input
{
	width:auto;
	margin:0;
}
.form_kontakt .radio_container label
{
	display:inline;
	margin:0 15px 0 2px;
	float:none;
}
.form_kontakt textarea
{
	width:200px;
}

p.error
{
	padding:0;
	margin:0;
	color:red;
}
.formbody .submit_container
{/*width:450px;*/
	text-align:right;
	padding-top:5px;
	float:right;
}
.formbody .submit_container input,
.formbody input.submit
{
	width:auto;
	}
.formbody span.swiff-uploader-box input
{
	width:0;
}
/* Kontaktformular */
#kontaktformular{}
/* Bewerbungsformular */
#bewerbung{}
/* Loginformualr */
#login .submit_container
{
	width:auto;
	text-align:left;
}
/* ============== RECHTE SPALTE ========= */
/* ====================================== */
/* ============== Banner ================ */
#right .mod_banner
{
	position:relative;
	top:-5px;
	right:0px;
	margin:0;
	padding:0;
	background:none;
}
#right .mod_banner div.banner_image
{
	padding:15px 0px 20px 0px;
	text-align:center;
}
#right .mitglied_werden
{
	position:absolute;
	top:-140px;
	right:10px;
}
#right .spenden_und_helfen
{
	position:absolute;
	top:-140px;
	right:100px;
}
#right .mitglied_werden .banner_image, 
#right .spenden_und_helfen .banner_image
{
	padding:0;
}
/* =============== Artikel rechts =============== */
#right .mod_article
{
	position:relative;
	top:-5px;
	right:0px;
	border:1px solid #326fad;
	margin:10px 10px 10px 0;
}
#right .mod_article div.ce_text
{
	position:static;
	margin:5px 0 0px 0;
	padding:0.5em 0.5em 0.5em 0.5em;
}
#right .mod_article h4
{
	font-size:0.916667em;
	line-height:1.3em;
}
#right .mod_article p
{
	font-size:0.8333em;
	line-height:1.3em;
}
#left .mod_calendar,
#left .mod_newsmenu
{
	margin-top:50px;
}
#left .weekend
{
	background-color:#eaeaef;
}
#left .head
{
	margin-bottom:5px;
	text-align:center;
}
#left .days,.label
{
	padding:0 4px;
	text-align:right;
}
#famrat-widget
{
	line-height:1.4em;
	width:250px;
}
#famrat-widget h4
{
	color:rgb(252,81,2);
	font-size:1.1em;
	line-height:1.6em;
	padding-bottom:0.6em;
}
#famrat-widget-content
{
	background-color:rgb(235,235,235);
	padding:0.7em;
}

/************************************************/
#header .inside,
#container .inside,
#footer .inside {
	z-index:10
}

#wrapper > .custom {
	position: absolute;
	top: 200px;
	left: 50px;
	z-index: 100;
	height:0px;
	}

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


#topnews
{
	display:none;
}
#topnachricht
{
	z-index:10;
	width:600px;
	top:-40px;
	left:-5%;
	position:relative;
	background-color:#ebf2fa;
	border:20px solid #ebf2fa;
	color:#000000;
}
.topneu
{
	display:block;
}
.topneu *
{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#adcae7;
}
.topneu1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #d0e0f1;
	border-right:1px solid #d0e0f1;
	background:#bcd4eb;
}
.topneu2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #e4eef8;
	border-right:1px solid #e4eef8;
	background:#b8d1ea;
}
.topneu3
{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #b8d1ea;
	border-right:1px solid #b8d1ea;
}
.topneu4
{
	border-left:1px solid #d0e0f1;
	border-right:1px solid #d0e0f1;
}
.topneu5
{
	border-left:1px solid #bcd4eb;
	border-right:1px solid #bcd4eb;
}
.topneufg
{
	background:#adcae7;
}
.topneufg > a
{
	position:relative;
	float:right;
	padding:20px 35px 20px 40px;
	text-align:right;
	font-size:1.5em;
	color:#ffffff;
}

.topneufg > .mod_newslist
{
	clear:both;
	float:none;
	margin-top:20px;
	padding:0 30px 30px 25px;
}
.topneufg > .mod_newslist > .first
{
	border-left:none;
	border-top:none;
}
.topneufg > .mod_newslist > .first h1,
.topneufg > .mod_newslist > .first h2
{
	font-size:2em;
	line-height:1.2em;

}
.topneufg p.more,
.topneufg p.teaser
{
	display:inline;
}
.topneufg .first p.info
{
	font-size:1.5em;
	clear:both;
	float:none;
}


.topneufg .image_container 
{ 
	padding:5px 15px 5px 0; 
}
.topneufg img 
{ 
	padding:0 !important; 
	border:8px solid #ebf2fa;
	display:block;

}
.topneufg .caption{
	padding:0px 8px 8px 8px;
	font-size:0.66667em;
	background:#ebf2fa;
}

#main .image_container, /* Standardformatierung */
#left .image_container,
#right .image_container
{
	margin-left:0px;
	margin-right:10px;
	margin-bottom:5px;
}

#main .image_container img,
#left .image_container img,
#right .image_container img {
	border:#eeeeee 3px solid ;
	display:block;
}
#main .caption,
#left .caption,
#right .caption {
	padding:0px 5px 5px 5px;
	font-size:0.83333em;
	background:#eeeeee;
}
.bild_rechts_oben .image_container /* Ausnahmeformatierung */
{
	margin-left:10px;
	margin-right:0px;
}
.ohne_rahmen .image_container img {
        border:none !important;
}


.portrait-links,
.portrait-rechts 
{ 
	width:120px;
	position:relative;
	float:left;
	margin:0 37px;
	text-align:center;
}