@charset "UTF-8";

body  {
    	font: 10px Helvetica, Arial, sans-serif;
    	background: #fff;
    	margin: 0; 
    	padding: 0;
    	text-align: left; 
    	color: #4d4d4d;
	background: url(gfx/bg-sidebar.png) repeat-y 59.8em top;
    }
	
	
p, li, td, th, label, input, select {
	font-size: 1.2em;
	text-align:left;
}

td p, td td, li li, li p {
	font-size: 1em;
}
	
a {
	color: #4d4d4d;
	text-decoration: none;
	border-bottom: 1px dotted #4d4d4d;
}
	
a:active, a:hover {
    	color: black;
	border-bottom: 1px solid black;
}

div.clear {
	font-size: 1px;
	height: 1px;
	overflow:hidden;
}

div.clear.left {
	clear:left;
}

div.clear.right {
	clear:right;
}

div.clear.both {
	clear:both;
}

div.spacer {
	height: 2em;
}
	
#header { 
	background: #fff; 
	width: 96em;
	height: 13.5em;
	position:relative;
    	text-align: left; 
    	color: #b2b2b2;
}
	
#header img.logo {
	float: left;
	margin-right: 4px;
}
	 
#header .meta-nav {
	width: 11em;
	position:absolute;
	bottom: 30px;
	left: 48em;
}
	 
#header .schriftzoom {
	width: 11em;
	position:absolute;
	bottom: 30px;
	left: 60em;
}
	 
#header .suche {
	width: 23em;
	position:absolute;
	bottom: 30px;
	left: 72em;
	margin: 0;
	padding: 0;
	xxxfont-size: .994em;
}

#header ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
	
#header li {
	margin-bottom: .1em;
	color: #b2b2b2;
}
	
#header a {
	text-decoration: none;
	color: #b2b2b2;
	border: none;
}
	
#header a:hover, #header a:active {
	color: #4d4d4d;
}
	
#menu {
	width: 100%;
	height: 2em;
	background:url(gfx/bg-menu.png) repeat-x left bottom #848589;
}
	
#menu ul {
	list-style-type:none;
	padding: 0;	
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #4d4d4d;	
}
	
#menu ul li {
	width: 9.91em;
	height: 1.45em;
	float: left;
	text-align:center;
	border-left: 1px solid #4d4d4d;
	padding-top: .25em;
}
	
#menu ul li.act, #menu ul li:hover {
	background:url(gfx/bg-menu-act.png) repeat-x left 1px #5e5e61;
}
	
#menu ul li.act.erziehungshilfen, #menu ul li.erziehungshilfen:hover {
	background:url(gfx/bg-menu-act-orange.png) repeat-x left 1px #d79a2d; 
}
	
#menu ul li.act.schulen, #menu ul li.schulen:hover {
	background:url(gfx/bg-menu-act-gelb.png) repeat-x left 1px #f3e72d; 
}
	
#menu ul li.act.altenhilfe, #menu ul li.altenhilfe:hover {
	background:url(gfx/bg-menu-act-gruen.png) repeat-x left 1px #a3bf3d; 
}
	
#menu ul li.act.beratung, #menu ul li.beratung:hover {
	background:url(gfx/bg-menu-act-blau.png) repeat-x left 1px #1997df; 
}
	
#menu ul li.letzter {
	border-right: 1px solid #4d4d4d;
}
	
#menu ul li a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration:none;
	border: none;
}
	
div.submenu {
	width: 100%;
	height: 5.75em;
	background: url(gfx/bg-submenu.png) repeat-x #5e5e61;
	position: absolute;
	left: 0;
	top: 12.95em;
	border-bottom: 1px solid #4d4d4d;
	overflow:hidden;
	z-index: 50;
}
	
div.submenu.seitenwolke {
	font-size:1.2em;
	color:white;
}
	
div.submenu.seitenwolke a {
	color:white;
	text-decoration:none;
	border:none;
}
	
#container div.submenu.seitenwolke p {
	margin-left:8em;
	width:52em;
}
	
div.submenu.seitenwolke a:hover, div.submenu.seitenwolke a:active {
	text-decoration:underline;
}

div.submenu.seitenwolke .gr1 {
	font-size:.83em;
	margin:0 1em 0 2em;
}
	
div.submenu.seitenwolke .gr2 {
	font-size:1.25em;
	margin:0 1em 0 2em;
}
	
div.submenu.seitenwolke .gr3 {
	font-size:1.5em;
	margin:0 1em 0 2em;
}
	
li.erziehungshilfen div.submenu {
	background: url(gfx/bg-submenu-orange.png) repeat-x #d79a2d;
}
	
	li.schulen div.submenu {
		background: url(gfx/bg-submenu-gelb.png) repeat-x #f3e72d;
	}
	
	li.altenhilfe div.submenu {
		background: url(gfx/bg-submenu-gruen.png) repeat-x #a3bf3d;
	}
	
	li.beratung div.submenu {
		background: url(gfx/bg-submenu-blau.png) repeat-x #1997df;
	}
	
	li.act div.submenu {
		z-index: 75;;
	}
	
	li:hover div.submenu {
		z-index:100;
	}
	
	#menu ul ul {
		list-style-type:none;
		padding: 0.25em 0 0.25em 0;
		width: 80em;
		height: 5.5em;
		border: none;
	}
	
	#menu ul ul li {
		width: 12em;
		float: left;
		text-align:left;
		font-size: 1em;
		border: none;
		height: auto;
		background:url(gfx/bullet-no.png) left 4px no-repeat;
		padding-left: 1em;
		margin-left: 2em;
	}
	
	#menu ul ul li.act,#menu ul ul li:hover  {
		border:none;
		background:url(gfx/bullet-act.png) left 4px no-repeat;
	}
	
	#menu ul ul li, #menu ul ul li a {
		display: inline;
		color: white;
		font-weight: normal;
		text-decoration:none;
	}
	
	#menu ul li.erziehungshilfen ul li, #menu ul li.erziehungshilfen ul li a, #menu ul li.schulen ul li, #menu ul li.schulen ul li a, #menu ul li.altenhilfe ul li, #menu ul li.altenhilfe ul li a, #menu ul li.beratung ul li, #menu ul li.beratung ul li a {
		color: #4d4d4d;
	}
	
	#menu ul ul li a:active, #menu ul ul li a:hover {
		text-decoration:underline;
	}
	
	#menu ul ul li.act a {
		font-weight:bold;
	}
	
	
	#menu ul ul ul {
		list-style-type:none;
		padding: 0;
		width: auto;
		height: auto;
		background: none;
		position: static;
		border-bottom:none;
	}
	
	#menu ul ul ul li {
		width: auto;
		height: auto;
		float: none;
		padding: 0;
		margin: 0;
		background: none;
		display:inline;
	}
	
	#menu ul ul ul li:hover {
		background: none;
	}
	
	#menu ul ul ul li a {
		font-weight: normal;
	}
    
#container { 
	width: 96em;
	background: transparent;
	text-align: left;
	margin-top: 7em;
	xxxbackground: url(gfx/bg-sidebar.png) repeat-y right top;
	min-height:100px;
}
	
#container p {
	line-height: 1.5em;
	padding: 0;
	margin: 1em 0;
}
	
#container ul {
	line-height: 1.5em;
	margin: 1em 0;
}
    
#sidebar1 {
	float: right; 
	width: 36em;
	padding: 2em 0;
}

#sidebar1 p {
	padding:0;
	margin:0 3.33em 0 3em;
}

#sidebar1 .csc-textpic img {
	margin:1em 3.33em 0 3em;
	font-size: 1.2em;
}
	
#sidebar1 h1, #sidebar1 h2 {
	color:red;
}
	
#sidebar1 h3 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size: 2.4em;
	font-weight:normal;
	padding:0 0 .5em 0;
	margin: 0 1.67em 1em 1.5em;
	border-bottom: 1px solid #4d4d4d;
}
	
#sidebar1 h4 {
	margin:0 3.33em 0 3em;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: none;
	padding:1.5em 0 0 0;
}
	
#sidebar1 p a {
	background:url(gfx/bullet-no.png) left 1px no-repeat;
	padding-left: 1em;
	border: none;
}
	
#sidebar1 p a:active, #sidebar1 p a:hover {
	background:url(gfx/bullet-act.png) left 1px no-repeat;
}
   
#mainContent {
      	margin: 0 40em 0 2.4em;
    	padding: 2em 0 0 0;
} 
    
    #mainContent h1 {
		text-transform:uppercase;
		letter-spacing:1px;
		font-size: 2.4em;
		font-weight:normal;
		padding:0 0 .5em 0;
		margin:0 0 1em 0;
		border-bottom: 1px solid #4d4d4d;
    }
    
    #mainContent h2 {
		font-size: 1.6em;
		font-weight:bold;
		padding: .5em 0 0 0;
		margin:0;
		color: #0084d7;
    } 
    
    #mainContent h3 {
		font-size: 1.2em;
		font-weight:bold;
		padding: .5em 0 0 0;
		margin: 1m 0 0 0;
		color: #0084d7;
    } 
    
    #mainContent h4 {
		font-size: 1.2em;
		font-weight:bold;
		padding: .5em 0 0 0;
		margin: 1m 0 0 0;
    } 
    
#mainContent table {
	margin: 1em 0;
	width: 100%;
}

#mainContent th, #mainContent td {
	padding: .5em;
}

#mainContent .tr-even {
	background: #e0e0e0;
}

#mainContent .tr-even.tr-0 {
	background: #d0d0d0;
}

#mainContent table.filmListe .td-0 {
	width:9em;
}

#mainContent table.filmListe .td-1 {
	width:9em;
}

#mainContent div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	padding: .5em 0;
}

#mainContent div.csc-textpic div.csc-textpic-imagewrap a {
	border: 0;
}
    
    #unterseiten {
      	margin: 0 36em 0 2.4em;
    	padding: 0 0 2em 0;
    } 
    
    #unterseiten h2 {
		font-size: 1.6em;
		font-weight:bold;
		padding: .5em 0 1em 0;
		margin:0;
    } 
	
	#unterseiten ul {
		list-style-type:none;
		padding: 0;	
		margin: 0 0 2em 0;	
	}
	
	#unterseiten ul li {
		width: 9.91em;
		height: 1.4em;
		float: left;
		padding-top: .25em;
		background:url(gfx/bg-submenu-button.png) repeat-x;
		border: 1px solid #4d4d4d;
		margin:0 1em 0 0;
	}
	
	#unterseiten ul li a {
		background:url(gfx/bullet-no.png) left 1px no-repeat;
		padding-left: 1em;
		border: none;
		margin-left:.5em;
	}
	
	#unterseiten ul li a:active, #unterseiten ul li a:hover {
		background:url(gfx/bullet-act.png) left 1px no-repeat;
	}

/*
#footer { 
    	padding: 0;
    	background:url(gfx/bg-footer.png) #a6a7ab repeat-x;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	margin-bottom: 2em;
	height: 3em;
} 
		
#footer ul {
	list-style-type:none;
	padding: 0;	
	margin: 0 0 2em 2.4em;
}
	
#footer li {
	float: left;
	margin: .7em 0 0 0;
	padding: 0 1em;
	width: 6em;
	border-right: 1px solid white;
	text-align:center;
}
	
#footer a {
	color: white;
	border: none;
}
	
#footer a:active, #footer a:hover {
	border-bottom: 1px solid white;
}
*/
    
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    
    
/*** Suche ***/

div.suche form, div.suche input {
	margin: 0;
	padding: 0;
}

div.suche .tx-indexedsearch-searchbox-sword {
	width: 9.91em;
	background: url(gfx/bg-suche.png) repeat-x #e0e0e0;
	margin-right: .5em;
	border: 1px solid #b2b2b2;
	color: #4d4d4d;
	padding: .25em;
	height: 1.67em;
}

div.suche .tx-indexedsearch-searchbox-button.submit {
	background: white;
	border: none;
	color: #b2b2b2;
	padding: .25em;
	height: 1.67em;
}
	
div.suche .tx-indexedsearch-searchbox-button.submit:hover {
	color: #4d4d4d;
}

#mainContent .tx-indexedsearch-searchbox {
     margin: 0;
     padding: 1em 0 0 0;
 }

#mainContent .tx-indexedsearch-searchbox form {
     margin: 0;
     padding: 0;
 }
#mainContent .tx-indexedsearch-searchbox .formline {
     margin-bottom: .5em;
     display: block;
     clear:left;
 }
#mainContent .tx-indexedsearch-searchbox label {
	width: 10em;
	float: left;
	margin:0 1em 0 0;
	padding:0;
 }
#mainContent .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword, #mainContent .tx-indexedsearch .tx-indexedsearch-searchbox input {
	width: 10em;
	margin:0 .5em 0 0;
	padding:0;
 }
#mainContent .tx-indexedsearch .tx-indexedsearch-searchbox select  {
	margin:0 .5em 0 0em;
	padding:0;
 }
#mainContent .tx-indexedsearch .tx-indexedsearch-searchbox select.defop,#mainContent .tx-indexedsearch .tx-indexedsearch-searchbox select.lang, #mainContent .tx-indexedsearch .tx-indexedsearch-searchbox select.desc  {
	margin:0 .5em 0 11em;
	padding:0;
 }
#mainContent .tx-indexedsearch-searchbox-button {
	width: 10em;
 }
 .isearch_linkMode {
     display: block;
     font-size: 1.2em;
	width: 10em;
	float: left;
	margin:0 1em 0 0;
	padding:0;
 }
 .tx-indexedsearch-whatis {
     padding-bottom: 10px;
 }
 .tx-indexedsearch-sw {
     font-weight: bold;
 }
 .tx-indexedsearch-browsebox {
 }
 .tx-indexedsearch-res .result-row {
     margin: .5em 0 1em 0;
     font-size: 1.2em;
 }
 .tx-indexedsearch-icon {
     float: left;
     display: block;
 }
 .tx-indexedsearch-result-number {
     float: left;
     display: block;
 }
 .tx-indexedsearch-title {
     float: left;
     display: block;
 }
 .tx-indexedsearch-percent {
     float: right;
     display: block;
 }
 .tx-indexedsearch-descr {
     clear: left;
     display: block;
     padding: .5em 0;
 }
 .tx-indexedsearch-info {
     clear: left;
     display: block;
 }
 .tx-indexedsearch-path {
     display: block;
 }
 
 
/*** chgallery ***/
 
div.tx-chgallery-pi1 ul.chgallery-list {
	border:none; 
}
 
div.tx-chgallery-pi1 div.img a {
	border:none; 
}
 
div.tx-chgallery-pi1 ul.chgallery-list li {
	border: none;
	padding: 0 0 1em 0;
	background: none;
	font-size: 1em;
}

div.tx-chgallery-pi1 ul.chgallery-list li.itemodd, div.tx-chgallery-pi1 ul.chgallery-list li.itemeven {
	background: none;
}

div.tx-chgallery-pi1 div.info {
	margin: 0;
	padding: 0;
	border:none;
	background:none;
}

div.tx-chgallery-pi1 div.single small {
	display:none;
}

#lbCenter a {
	border:none;
}

#lbBottomContainer a {
	border:none;
}


/*** bit-pageteaser ***/
    
#sidebar1 div.singleteaser {
	border-bottom: 1px solid #4d4d4d;
}
    
#sidebar1 div.singleteaser {
	font-size: 1.2em;
	margin-left: 3em; 
	margin-right: 3.33em;
}

#sidebar1 div.singleteaser h3 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size: 2.4em;
	font-weight:normal;
	padding:0 0 .5em 0;
	margin: 0 1.67em 0 1.5em;
	border-bottom: 1px solid #4d4d4d;
}
	
#sidebar1 div.singleteaser h4 {
	margin: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: none;
	padding:1.5em 0 0 0;
}

div.singleimage {
	float: left;
}

div.singleimage img {
	padding: 0 1em 1em 0;
}

div.singleimage a {
	border:none;
}

#sidebar1 div.singleteaser p {
	padding:0;
	font-size: 1em;
	margin:0;
}

#sidebar1 div.singleteaser p.morelink {
	padding:0 0 0 0;
	margin-bottom: 1em;
}

#sidebar1 p.morelink a {
	color: #0084d7;
}

#sidebar1 p.morelink a:hover, #sidebar1 p.morelink a:active {
	text-decoration:underline;
}

#mainContent p.morelink {
	margin-bottom: 0;
}


/*** Sitemap ***/

#container .csc-sitemap ul {
	list-style-type:none;
}

#container .csc-sitemap ul ul {
	margin:0;
}

.csc-sitemap ul li {
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 1em;
}

.csc-sitemap ul li li {
	font-size: .75em;
	font-weight: bold;
	margin:0;
}

.csc-sitemap ul li li li {
	font-size: 1em;
	font-weight: normal;
}

.csc-sitemap ul li a {
	border:none;
}
	
.csc-sitemap ul li a:active, .csc-sitemap ul li a:hover {
    	color: black;
	border-bottom: 1px solid black;
}


/*** Dateiliste ***/

#container table.csc-uploads p {
	line-height: 1em;
	margin: 0;
}