/* Bundesverband für Erziehungshilfe e.V. */


/* GERUEST | HTML-TAGS
------------------------------------------------------------------------------------ */
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background:   url(../gfx/bg.gif) repeat-y center top;
	font-family: "Century Gothic", Verdana, Helvetica, Arial;
	font-size: 12px;
	text-align: center;
}
table {
	font-family: "Century Gothic", Verdana, Helvetica, Arial;
	font-size: 12px;
}
input, textarea {
	background-color: #E4E4E4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BFBFBF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #BFBFBF;
	padding: 2px;
}
#container {
	width: 805px;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.bild-links {
	float: left;
	margin: 5px 10px 5px 0;
}

.bild-rechts {
	float: right;
	margin: 5px 0 10px 5px;
}

/*  TITEL | GLOBALNAVI
------------------------------------------------------------------------------------ */
#titel1 {
	height: 20px;
	background-image:  url(../gfx/bg_titel1.jpg);
	background-repeat: no-repeat;
	width: 805px;
	text-align: right;
	color: #FFFFFF;
}
#titel1 p {
	background-color: #808080;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
}
#titel1 a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#titel2 h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#titel2 span {
	display: none;
}
#titel2 h1 a {
	background-image:  url(../gfx/bg_titel2.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 808px;
	display: block;
}



/* CONTENT
------------------------------------------------------------------------------------ */
#content {
	float: left;
	width: 580px;
	margin-left: 20px;
	margin-top: 41px;
}
#content h1 {
	font-size: 16px;
	font-weight: bold;
	color: #CC3300;
	margin-top: 0px;
	margin-bottom: 10px;
}
#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#indexpage #content { /* fuer zweispaltigen Contentbereich mit Teaser */
	float: left;
	width: 335px;
}
#content h2, #teaser h2 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 4px;
	color: #555555;
}
#content h3, #teaser h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

#content h4 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 5px;
}


/* FOOTER
------------------------------------------------------------------------------------ */
#footer {
	clear: both;
	width: 805px;
}



/* NAVI
------------------------------------------------------------------------------------ */
#navi {
	width: 185px;
	margin: 40px 0 0 0;
	padding: 0;
	border-top: 1px solid #FFF;
	float: left;
}
#navi ul {
	padding: 0;
	margin: 0;
}
#navi a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 0 3px 3px;
	border-bottom: 1px solid #FFF;
}
#navi a.current {
	background-color: #D96640;
}
#navi a:hover, #navi a:active {
	background-color: #E08566;
}

#navi li  {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}


/* UNTERNAVI
------------------------------------------------------------------------------------ */

#navi li li a {
	padding-left: 20px;
}
#navi li li a.current {
	color: #000000;
	background-image:  url(../gfx/bg_navlink.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#navi li li a:hover, #navi li li a:active {
	color: #000000;
	background-image:  url(../gfx/bg_navlink.gif);
	background-repeat: no-repeat;
	background-position: right;
}


/* ANKERNAVI
------------------------------------------------------------------------------------ */
.zwischennavi {
	background-color: #E08566;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.zwischennavi a:link, .zwischennavi a:visited {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 15px;
}
.zwischennavi a.aktiv {
	color: #000000;
	background-color: #E08566;
}
.zwischennavi a:hover, .zwischennavi a:active {
	text-decoration: none;
	color: #000000;
	margin-right: 15px;
}


/* GALLERY
-----------------------------------------------------------------------------*/
#gallery_list h1 {
	color: #aa4609;
	margin: 0 0 10px 0;
}

#gallery_list .image {
	display: block;
	margin-bottom: 10px;
}

#gallery_list .image img {
	border: 2px solid #c0b7b6;
	display: block;
}

#gallery_list .desc {
	color: #5b5756;
}

#gallery_list a:hover {
	text-decoration: none;
}

#gallery_list a:hover h1 {
	text-decoration: underline;
}

#gallery {
	padding: 0;
}

#gallery li {
	border: 1px solid #D6D8D8;
	background: #FCF7F5 ;
	float: left;
	list-style: none;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 155px;
}

#gallery a {
	display: block;
	height: 170px;
	line-height: 1.4;
	overflow: hidden;
}

#gallery .image {
	display: block;
	margin-bottom: 10px;
}

#gallery .image img {
	border: 2px solid #c0b7b6;
	display: block;
	margin: 0 auto;
}

#gallery .desc {
	color: #5b5756;
	font-size: 10px;
}


/* TEASER
------------------------------------------------------------------------------------ */
#teaser {
	float: right;
	width: 240px;
	margin-left: 20px;
	margin-top: 41px;
}
#teaser h1 {
	background-color: #E08566;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 0px;
}
#teaser p {
	margin-top: 0px;
	margin-bottom: 7px;
	padding-right: 20px;
}



/* 2-SPALTIGE BOXEN FUES FOTOS
------------------------------------------------------------------------------------ */
.mitarbeiter .bildbox { /* Mitarbeiter */
	float: left;
	width: 130px;
}
.mitarbeiter .datenbox {
	float: left;
	width: 450px;
}
.mitglieder .bildbox { /* Mitglieder */
	float: left;
	width: 200px;
}
.mitglieder .datenbox {
	float: left;
	width: 380px;
}
.veroeffentlichung .bildbox { /* Mitglieder */
	float: left;
	width: 110px;
}
.veroeffentlichung .datenbox {
	float: left;
	width: 460px;
}


/* HYPERLINKS |ALLGEMEINE KLASSEN
------------------------------------------------------------------------------------ */
a:link, a:visited {
	color: #CC3300;
	text-decoration: none;
}
a:hover, a:active {
	color: #E08566;
	text-decoration: none;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color: #CC3300;
}
.clear {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.editmode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
}
.linktop {
	text-decoration: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #704333;
	padding-left: 4px;
	margin-top: 10px;
	margin-bottom: 15px;
	display: block;
}
.trenner {
	font-size: 1px;
	clear: both;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
ol li {
	list-style: lower-latin;
}