/* CSS Document */

/* === Special Function Elements ========================================= */

/* --- skiplinks --------------------------------------------------------- */

#skiplinks {
  width: 67em;
  margin: 0 auto;
  position: relative;
}

#skiplinks p a {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}

#skiplinks p a:focus, 
#skiplinks p a:hover, 
#skiplinks p a:active {
  /* this is from pressetexter - change accordingly */
  background-color: white;
  color: black;
  display: block;
  height: auto;
  left: auto;
  right: 0;
  padding: 0.7em 0.5em;
  position: absolute;
  overflow: visible;
  text-decoration: none;
  top: -0.5em;
  white-space: nowrap;
  width: auto;
  z-index: 100;
}

/* --- hidden elements ----------------------------------------------------- */

.hidden {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}



a#anfang {
text-decoration:none;
}


.noWrap{ white-space: nowrap; }
acronym{ cursor: help; border-bottom: dotted 1px #000; }

.floatLeft{ float: left; }
.floatRight{ float: right; }
.clearboth{ clear: both; }



html
{
	height:100%;
}

body
{
	background-color:#CCCC66;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	position:relative;
}

/*HEADLINES*/
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	margin:5px 0 0 0;
}

a
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}

#indexContainer
{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	float:left;
	text-align:center;
}

#contentbereich
{
	width:955px;
	height:auto;
	margin:auto;
	overflow:hidden;
	text-align:left;
}
.bodytext
{
	margin:5px;
}
#logo
{
	padding-left:35px;
	padding-top:40px;
	width:820px;
	float:left;
}

#changeLanguage
{
	display:none;
	width:100px;
	overflow:hidden;
	margin:0px;
	padding:20px 0px 0px 0px;
	float:left;
}

#imageContainer
{
	margin-top:65px;
	padding-left:35px;
	height:234px;
	float:left;
}

.imageSpan
{
	margin-right:20px;
}

#kontaktzeile
{
	background-color:#FFFF00;
	height:21px;
	border-bottom:2px solid #FFFFFF;
	text-align:center;
	padding-top:4px;
}

#textContainer
{
	margin-top:10px;

	float:left;
	  position:relative;
}

.textindex
{
	width:158px;
	height:150px;
	overflow:hidden;
	margin-right:0px;
	margin-left:2px;
  padding-left:2px;
	float:left;
  margin-right:20px;

}


.textindexEnd p,
.textindex p {
padding-left:0;
margin-left:0;
line-height:150%;
}

.textindexEnd p {
margin-right:0;
}


.textindexEnd p a,
.textindex p a {
display:block;
}

.textindexEnd
{
	width:158px;
	height:150px;
	overflow:hidden;
	margin-left:2px;
	float:left;
}


div#help{
	width:955px;
	height:auto;
  left:50%;
  margin-left:-400px;
	text-align:left;
	position:relative;
	display:block;
	top:150px;
  z-index:0;
}

.bigLink
{
	font-size:14px;
	margin:0;
	padding-left:2.8em;
	line-height:220%;
	display:block;
	background:url(../images/layout/familienberatung_icon.gif) left top no-repeat;
}


#imageContainer_wcag {
position:relative;
clear:both;
float:left;
overflow:hidden;
width:100%;
height:234px;
margin-top:80px;
margin-bottom:0.5em;
}

#imageContainer_wcag a {
display:block;
width:158px;
height:234px;
float:left;
text-indent:-2000em;
margin-right:24px;
}

#imageContainer_wcag a.wigwam {
background:url(../images/layout/wigwam_no.jpg);
}

#imageContainer_wcag a.wigwam:hover {
background:url(../images/layout/wigwam_ro.jpg);
}


#imageContainer_wcag a.kids_teens {
background:url(../images/layout/kids_teens_no.jpg);
}

#imageContainer_wcag a.kids_teens:hover {
background:url(../images/layout/kids_teens_ro.jpg);
}


#imageContainer_wcag a.erwachsene {
background:url(../images/layout/erwachsene_no.jpg);
}

#imageContainer_wcag a.erwachsene:hover {
background:url(../images/layout/erwachsene_ro.jpg);
}


#imageContainer_wcag a.helfer {
background:url(../images/layout/helfer_no.jpg);
}

#imageContainer_wcag a.helfer:hover {
background:url(../images/layout/helfer_ro.jpg);
}


#imageContainer_wcag a.sponsoren {
background:url(../images/layout/sponsoren_no.jpg);
}

#imageContainer_wcag a.sponsoren:hover {
background:url(../images/layout/sponsoren_ro.jpg);
}


/* --- clearfix ------------------------------------------------------------ */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */