/* Layout */

.container {
	width: 615px;
	height: 100%;
	background-attachment: scroll;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-color: #E9E9E9;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	position: relative;
	padding: 0px;
}
p {
	margin: 0px;
	padding-bottom: 12px;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #EAEAEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img{
	border:none;
}

h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-bottom: 4px;
	border: 0px;
	color: #E83032;
}
h1 {
	padding-top: 4px;
	font-size: 13px;
	margin-bottom: 3px;
}

h1.dank{
	padding-top: 8px;
	font-size: 18px;
	margin-bottom: 10px;	
}

h2 {
	font-size: 12px;
}
h3 {
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 6px;
}

/* Specs */

.header {
	margin: auto;
	position: relative;
	height: 106px;
	width: 615px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
.footer {
	margin-top: 10px;
	position: relative;
	height: 63px;
	width: 615px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}
.logo {
	position: absolute;
	height: 69px;
	width: 245px;
	top: 30px;
	left: 23px
}


.dank_margin{
	margin-top:15px;
}



.bannerframe {
	background-attachment: scroll;
	background-image: url(../images/bannerframe.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 100px;
	width: 570px;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#banner{
	width: 560px;
	height: 90px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	position: relative;
	margin: auto;
	top: 5px;
}

.homebanner {
	background-image: url(../images/banner/startseitebanner.jpg);
}

.dankbanner {
	background-image: url(../images/banner/dankbanner.jpg);
}

.vereinbanner {
	background-image: url(../images/banner/vereinbanner.jpg);
}
.specialebanner {
	background-image: url(../images/banner/specialebanner.jpg);
}

.flexbanner {
	background-image: url(../images/banner/flexbanner.jpg);
}

.jugendhausbanner {
	background-image: url(../images/banner/jugendhausbanner.jpg);
}
.hptbanner {
	background-image: url(../images/banner/hptbanner.jpg);
}

.wgbanner {
	background-image: url(../images/banner/wgbanner.jpg);
}

.ambulantbanner {
	background-image: url(../images/banner/ambulantbanner.jpg);
}

.milieubanner {
	background-image: url(../images/banner/milieubanner.jpg);
}

.timeoutbanner {
	background-image: url(../images/banner/timeoutbanner.jpg);
}

.familybanner {
	background-image: url(../images/banner/homebanner.jpg);
}

.coachbanner {
	background-image: url(../images/banner/coachbanner.jpg);
}

.welcomebanner {
	background-image: url(../images/banner/welcomebanner.jpg);
}

.beteiligungbanner {
	background-image: url(../images/banner/beteiligungbanner.jpg);
}

.lernprojektbanner{
	background-image: url(../images/banner/lernprojektbanner.jpg);
}

.babybanner{
	background-image: url(../images/banner/babybanner.jpg);
}

.kontaktbanner {
	background-image: url(../images/banner/kontaktbanner.jpg);
}
.impressumbanner {
	background-image: url(../images/banner/impressumbanner-2.jpg);
}

.evaluationbanner {
	background-image: url(../images/banner/evalBanner-2.jpg);
}

.einrichtungenbanner {
	background-image: url(../images/banner/impressumbanner.jpg);
}

.blickbanner {
	background-image: url(../images/banner/blickbanner-2.jpg);
}


.fachtagbanner{
	background-image: url(../images/banner/fachtagbanner.jpg);
}

.roecklplatzbanner{
	background-image: url(../images/banner/roecklplatzbanner.jpg);
}

.left {
	position: relative;
	height: 475px; /* steuert die Höhe der Seite */
	width: 163px;
	left: 23px;
	margin-top: 13px;
	padding: 0px;
}
.left ul {
	background-color: #FFFFFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.leftmain {
	background-attachment: scroll;
	background-image: url(../images/navbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 5px;
	line-height: 20px;
}
.leftsub {
	background-attachment: scroll;
	background-image: url(../images/navsubbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 25px;
	line-height: 20px;
}
.leftsubsub {
	background-attachment: scroll;
	background-image: url(../images/navsubsubbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 45px;
	line-height: 20px;
}
.leftlsubsub {
	background-attachment: scroll;
	background-image: url(../images/navsubsublbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 45px;
	line-height: 20px;
}
.leftlsub {
	background-attachment: scroll;
	background-image: url(../images/navsublbg.gif);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 25px;
	line-height: 20px;
}

.kontaktlink{
	font-size: 11px;
	color: #E83032;
	line-height: 20px;
	text-decoration: none;		
}

.rot{
	color: #E83032;
}

.activeLink{
	font-size: 11px;
	color: #E83032;
	line-height: 20px;
	text-decoration: none;	
}

.left a,a:visited,a:active {
	font-size: 11px;
	color: #333;
	font-weight:normal;
	line-height: 20px;
	text-decoration: none;
}
.left a:hover {
	font-size: 11px;
	color: #E83032;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
}
.left .active {
	font-size: 11px;
	color: #E83032;
	line-height: 20px;
	text-decoration: none;
}
.left .active:hover {
	font-size: 11px;
	color: #E83032;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
}
.right {
	position: absolute;
	top: 225px;
	left: 200px;
	padding: 0px;
	margin-bottom: 0px;
	width: 387px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.rightScroll{
	height:475px; 
	overflow-y:scroll;
}

.inScroll{
	padding-right:15px;	
}

a.underlinelink{
	color: #515151;
	font-weight:bold;
	text-decoration: none;
}


a:hover.underlinelink{
	font-weight:bold;
	text-decoration: underline;
}


a.underlinelink_sub{
	color: #515151;
	font-weight:normal;
}

a:hover.underlinelink_sub{
	font-weight:normal;
	text-decoration: underline;
}

a.specialLink{
	font-weight:bold;
	color: E83032;
	text-decoration: underline;
}


.righttext {
	position: relative;	
	width: 390px;
	font-size: 11px;
	color: #333;
	line-height: 16px;
	text-align: left;
}
.rightnormtext {
	position: relative;
	width: 390px;
	font-size: 11px;
	color: #333;
	line-height: 16px;
	text-align: left;
}
.rightnormtext ul {
	background-color: #FFFFFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.rightnormtext li {
	background-color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0;
}
.rightnormtext img {
	margin-right: 4px;
}
.darkener {
	color: #515151;
	font-weight:bold;
}

/* Galerie */
.thumb {
    width: 387px;
    padding: 0;
    margin-bottom: 5px;
}
.thumb img {
    vertical-align: bottom;
    margin: 0;
    border: 0;
    padding: 0;
}
.galerienav {
	background-image: url(../images/galerienavbg.gif);
	background-repeat: no-repeat;
    background-color: #FFFFFF;
    width: 387px;
    height: 20px;
    padding: 0;
    margin-top: 5px;
	font-size: 11px;
	color: #919191;
	line-height: 20px;
	text-decoration: none;
    text-align: center;
}
.galerie {
    width: 387px;
    padding: 0;
    margin: 0;
}
.galerie img {
    vertical-align: top;
    margin: 0;
    border: 0;
    padding: 0;
}

/* Forms */

form {
    margin: 0;
    padding: 0;
}
.formcontainer {
    margin: 0;
    padding: 0;
}
.formdivider {
    clear: both;
    height: 5px;
    margin: 0;
    padding: 0;
}
.formbigdivider {
    clear: both;
    height: 15px;
    margin: 0;
    padding: 0;
}
.formlabel {
    float: left;
    width: 40px;
    text-align: left;
    line-height: 20px;
}
input, textarea, select {
	font-size: 11px;
	color: #515151;
	text-decoration: none;
}
input {
    float: right;
    padding-left: 4px;
    height: 15px;
    width: 300px;
    border: 1px solid #D6D6D6;
    text-align: left;
}
select {
    float: right;
    padding: 0;
    height: 18px;
    width: 306px;
    border: 1px solid #D6D6D6;
    text-align: left;
}
textarea {
    float: right;
    padding-left: 4px;
    width: 300px;
    border: 1px solid #D6D6D6;
    text-align: left;
}
.formsubmit {
    float: right;
    width: 306px;
    border: 1px solid #D6D6D6;
    text-align: center;
    height: 18px;
    background-color: #FFFFFF;
}
.error {
    border: 1px solid #E83032;
}

/* Footer */

.footerleft, .footerright {
	font-size: 9px;
	color: #A9A9A9;
	line-height: 16px;
	position: absolute;
	top: 25px;
}
.footerleft {
	left: 23px;
}
.footerright {
	left: 468px;
	text-align: right;
}
.footlink {
	color: #A9A9A9;
	text-decoration: none;
}
.footlink:visited {
	color: #A9A9A9;
	text-decoration: none;
}
.footlink:hover {
	color: #F19219;
	text-decoration: none;
}
.footlink:active {
	color: #A9A9A9;
	text-decoration: none;
}
.footlink:focus {
	color: #F19219;
	text-decoration: none;
}