body { color: black; background-color: #fff; }
#box { background-image: url(../images/bg_box.jpg); width: 1050px; height: 730px; margin-right: auto; margin-left: auto; }
#header { background-image: url(../images/bg_header.jpg); background-repeat: no-repeat; text-align: left; width: 1050px; height: 52px; float: left; }
#menue { background-image: url(../images/bg_header.jpg); background-repeat: no-repeat; text-align: left; width: 1050px; height: 68px; float: left; }
#submenue { position: absolute; float: left; }
#content { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; background-image: url(../images/bg_content.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; width: 1006px; height: 526px; overflow: auto; float: left; margin-right: 45px; padding-left: 32px; }
#footer { background-image: url(../images/bg_footer.jpg); width: 1050px; height: 86px; float: left; }
.text { color: #000; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; text-decoration: none; text-align: left; width: 852px; height: 527px; overflow: auto; }
.text_all { color: #000; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; text-decoration: none; text-align: left; }
.text_header { color: #000; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; text-align: left; }
.text_footer { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14px; text-decoration: none; text-align: left; letter-spacing: 0.1em; }
.text_footer_impressum { color: #4a4a4a; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; text-align: left; }
td.extra { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; background-image: url(../images/bg_middle_all_extra.jpg); background-repeat: no-repeat; background-position: center top; }
/*menu*/
#main-1 a, #main-2 a, #main-3 a, #main-4 a, #main-5 a  { text-indent: -2000px; width: 103px; height: 68px; background: no-repeat 0 top; text-decoration: none; display: block; }
#main-1 a  { background-image: url(../images/btn_betrmaewohnen_309.jpg); text-decoration: none; }
#main-2 a  { background-image: url(../images/btn_mutterkivbund_309.jpg); text-decoration: none; }
#main-3 a  { background-image: url(../images/btn_betrezwohnen_309.jpg); text-decoration: none;}
#main-4 a  { background-image: url(../images/btn_beratungsstelle_309.jpg); text-decoration: none; }
#main-5 a  { background-image: url(../images/btn_ambhilfe_309.jpg); text-decoration: none;  }
#main-1 a:hover, #main-2 a:hover, #main-3 a:hover, #main-4 a:hover, #main-5 a:hover	{ background-position: -103px 0; text-decoration: none; }
#main-1 a:active, #main-2 a:active, #main-3 a:active, #main-4 a:active, #main-5 a:active { background-position: -206px 0; text-decoration: none; }
/* ---------->>> mootools accordeon <<<-----------------------------------------------------------*/


#accordion { margin:0 0 1px;}

h3.toggler { cursor: pointer; font-size: 12px; color: #000; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 4px; }

div.element {  }
div.element_pages { width: 753px; }
div.element_pages_texte { width: 100%; }
#elementvor { background-image: none; width: 33px; height: 330px; float: left; }
#elementvor_pages { background-image: none; width: 192px; height: 330px; float: left; }
#elementcontent { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14px; background-image: none; width: 382px; height: 25px; float: left; }
#elementcontent_pages { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; background-image: none; width: 382px; height: 25px; float: left; }
#elementcontent_pages_texte { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; background-image: none; height: 25px; float: left; }
/* ---------->>> glider <<<-----------------------------------------------------------*/


div.scroller { width: 1025px; height: 527px; overflow: hidden; }
div.scroller div.section { width:1025px;	height: 527px; overflow:hidden; float:left;	}
div.scroller div.content { width: 1025px; }
#index_left { position: fixed; width: 174px; height: 527px; z-index: 5; padding-top: 20px; padding-left: 29px; }
#index_right { position: fixed; width: 837px; height: 527px; float: right; }
div#section1 { color: #2f2f2f; margin-right: 0; }
div#section2 { color: #2f2f2f; margin-right: 0; }
div#section3 { color: #2f2f2f; margin-right: 0; }
div#section4 { color: #2f2f2f; margin-right: 0; }
div#section5 { color: #2f2f2f; margin-right: 0; }
a:link { color: #000; font-size: 1em; font-family: "Lucida Grande", geneva, Arial, verdana, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; }
a:visited {color: #000; font-size: 1em; font-family: "Lucida Grande", geneva, Arial, verdana, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; }
a:hover { color: #ea8712; font-size: 1em; font-family: "Lucida Grande", geneva, Arial, verdana, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; }
a:active { color: #ea8712; font-size: 1em; font-family: "Lucida Grande", geneva, Arial, verdana, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; }

/* ---------->>> slider <<<-----------------------------------------------------------*/

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}