@charset "UTF-8";
/* CSS Document */

html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #F1F6F8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

img {
	border: none;
}

a:link {text-decoration:none; color: #006992;}
a:visited {text-decoration:none; color: #006992;}
a:hover {text-decoration:none; color: #006992;}
a:active {text-decoration:none; color :#006992;}
a.PDFlink {
	background: url(/img/icn-pdf.png) no-repeat;
	display: inline-block;
	padding: 2px 26px;
	padding: 2px 0 2px 30px;
}


/* SEITENSTRUKTUR */

#wrapper_out {
	width: 996px;
	margin: auto;
	padding: 0 8px;
	background-image: url(../img/rand.png);
	background-repeat: repeat-y;
	background-position: center;
}

#wrapper_in {
	width: 980px;
	margin: auto;
	padding: 0px;
}

#header {
	margin: 0;
	padding: 28px 0px 10px 15px;
	background-image: url(../img/rand_oben.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#suche {
	position: relative;
	bottom: 45px;
	left: 784px;
	margin: 0;
	padding: 0;
	width: 166px;
	height: 18px;
}

#suche form {
	display: block;
	height: 18px;
}

#suche input[type=text] {
	margin: 0 5px 0 0;
	padding: 0 2px;
	background: #FFFFFF;
	width: 145px;
	height: 16px;
	border: solid 1px #92999C;
	color: #92999C;
	float: left;
}

#suche input[type=image]  {
	margin: 0;
	padding: 2px 0;
}

#menu {
	float: left;
	width: 230px;
	margin: 0 30px;
	padding: 0;
	display: inline;
		/*background:#C00;*/
}

#wrapper_right {
	width: 665px;
	margin: 0 20px 0 0;
	padding: 0 5px 0 0;
	float: right;
	display: inline;
		/*background: #EDFCDE;*/
}

#banner {
	width: 675px;
	margin: 0;
	padding: 0 0 25px 0;
}

#content {
	width: 430px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

#kontakt {
	width: 189px;
	float: right;
	margin: 0px -9px 0 0px;
	padding: 5px 10px;
	border: solid 0px #777777;
	-moz-box-shadow: 0px 0px 4px #7777777;
	-webkit-box-shadow: 0px 0px 4px #777777;
	box-shadow: 0px 0px 4px #777777;
	display: inline;
}

* html #kontakt { /* IE 5 & 6 */
	border: solid 1px #777777;
}
*:first-child+html #kontakt { /* IE 7 */
	border /*\**/: solid 1px #777777\9;
}
html>/**/body #kontakt { /* IE 8 */
	border /*\**/: solid 1px #777777\9;
}
:root #kontakt { /* IE 9  */
	border /*\**/: solid 0px #777777 \0/;
}

#diakonie {
	width: 230px;
	margin: 0 30px;
	padding: 0;
	bottom: 0px;
}

#footer {
	width: 996px;
	height: 58px;
	margin: auto;
	margin-bottom: 10px;
	padding: 0 8px;
	background-image: url(../img/rand_unten.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#sitemap {
	width: 996px;
	margin: auto;
	padding: 0;
}

.clear {
	clear:both;
}


/* TEXTSTYLES */

#content h1 {
	font-size: 1.2em;
	color: #006992;
	margin: 0 0 1em 0;
}

#content h2 {
	font-size: 0.9em;
	color: #006992;
	margin: 0;
	padding: 0;
}

#content h5 {
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
	font-weight: normal;
}

#content h6 { /* Bildunterschrift */
	font-size: 0.7em;
	margin: 0.9em 0 0 0;
	font-weight: normal;
	line-height: 1em;
}

.title {
	color: #78AAC0;
}

.title_schreinerei {
	color: #D3833A;
}

.title_gastro {
	color: #008D56;
}

.title_dienste {
	color: #A4B007;
}

.title_office {
	color: #009FD7;
}

.title_e-technik {
	color: #47535D;
}

.title_werkbank {
	color: #D11F4E;
}

#content p {
	font-size: 0.9em;
	color: #000000;
	margin: 0 0 2em 0;
	line-height: 1.4em;
}

#content a {
	font-size: 0.9em;
	color: #006992;
	text-decoration: underline;
}

#content p a {
	font-size: 1.0em;
	color: #006992;
	text-decoration: underline;
}

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

#content hr {
	margin: 5px 0 15px 0;
	border: solid #006992 0px;
	border-top: solid #006992 1px;
}

#content sup {
	vertical-align: 0.4em;
	font-size: 0.6em;
	text-decoration: none !important;
}

.download {
	display: inline-block;
	width: 190px;
	margin: 30px 40px 0 0;
}
.download img {
	margin-bottom: 5px;
}
.download:nth-child(even) {
	margin: 30px 0 0 0;
}
.download a {
	color: #000 !important;
	text-decoration: none !important;
}
.download a:hover {
	color: #006992 !important;
}

#diakonie p{
	font-size: 0.7em;
}

#footer p{
	margin: 0 39px;
	padding: 19px 0 21px 0;
	font-size: 0.7em;
	color: #7F878C;
}


/* MENÜ */

#menu ul {
	margin: 0 0 15px -20px;
	padding: 0 0 0 20px;
	list-style-type: none;
	color: #006992;
	font-size: 0.9em;
}

#menu ul ul {  /* Überschrift Ebene 2 */
	margin: 0 0 15px 30px;
	padding: 0;
	list-style-type: none;
	color: #006992;
	font-size: 0.9em;
}

#menu ul li {  /* Menüpunkte Ebene 1 */
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#menu ul li.aktiv {  /* Menüpunkte Ebene 1: aktiv */
	margin: 10px 0px 0px -3px;
	padding: 0 0 0 3px;
	list-style-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li.aktiv {  /* Menüpunkte Mainmenü: inaktiv */
	margin: 10px 0px 0px -3px;
	padding: 0 0 0 3px;
	list-style-image: none;
	background-repeat: no-repeat;
	background-position: left center;
}

#menu ul li img {  /* Icons */
	margin: 0px 8px 0px 0px;
	padding: 0;
}

#menu ul ul li {  /* Menüpunkte Ebene 2 */
	margin: 5px 0 5px -11px;
	padding: 0;
}

#menu ul ul li.aktiv {  /* Menüpunkte Ebene 2: aktiv */
	margin: 5px 0 5px -11px;
	padding: 0;
	font-weight: bold;
	list-style-image: none;
}

#menu ul ul li.inaktiv {  /* Menüpunkte Ebene 2: inaktiv */
	margin: 5px 0 5px -11px;
	padding: 0;
	list-style-image: none;
}


#menu #mainmenue li.aktiv {  /* Menüpunkte Mainmenü: blaues Quadrat für IE 6, 7, 8 */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li:nth-child(1).aktiv {  /* Menüpunkte Mainmenü: Schreinerei aktiv */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet_schreinerei.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li:nth-of-type(2).aktiv {  /* Menüpunkte Mainmenü: Gastro aktiv */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet_gastro.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li:nth-of-type(3).aktiv {  /* Menüpunkte Mainmenü: Dienste aktiv */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet_dienste.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li:nth-of-type(4).aktiv {  /* Menüpunkte Mainmenü: Office aktiv */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet_office.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li:nth-of-type(5).aktiv {  /* Menüpunkte Mainmenü: E-Technik aktiv */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet_e-technik.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu #mainmenue li:nth-of-type(6).aktiv {  /* Menüpunkte Mainmenü: Werkbank aktiv */
	margin: 10px 0px 0px -18px;
	padding: 0 0 0 18px;
	background-image: url(../img/bullet_werkbank.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu a {
	color: #006992;
	text-decoration: none;
}

#menu a:hover {
	color: #006992;
	text-decoration: underline;
}

#auswahlseite {
	padding: 20px 0 10px 0;
}

#auswahlseite img {
	border-top: solid 1px #006992;
	border-bottom: solid 1px #006992;
	margin: 0;
	padding: 7px 4px 7px 0;
	color: #006992;
}

#auswahlseite img:hover {
	border-top: solid 1px #006992;
	border-bottom: solid 1px #006992;
	background-color: #F5F5F5;
	margin: 0;
	padding: 7px 4x 7px 0;
}
#dekra {
	width: 172px;
	margin: 20px 0 10px 0;
	padding: 7px 4px 7px 0;
	border-top: solid 1px #006992;
	border-bottom: solid 1px #006992;
	font-size: 0.8em;
	line-height: 1.4em;
}
#dekra img {
	margin: 3px 0;
}

#optionen {
	padding: 10px 0 10px 0;
}

#optionen ul li {
	list-style-type: none;
	list-style-position: inside;
	font-size: 0.9em;
	margin: 5px 0;
	padding: 0;
	cursor: pointer;
}

#optionen ul li a {
	margin-left: 5px;
}

#optionen ul li:first-child {
	list-style-image: url(../img/opt1.png);
}

#optionen ul li:first-child+li {
	list-style-image: url(../img/opt2.png);
}

#optionen ul li:first-child+li+li {
	list-style-image: url(../img/opt3.png);
}

#optionen ul li:first-child+li+li+li {
	list-style-image: url(../img/opt4.png);
}

#optionen ul li:first-child+li+li+li+li {
	list-style-image: url(../img/opt5.png);
}


/* KONTAKTBOX */

#kontakt h2 {
	color: #777777;
	font-size: 0.8em;
}

#kontakt p{
	color: #777777;
	font-size: 0.8em;
	line-height: 1.5em;
}

#kontakt a{
	color: #777777;
	text-decoration: underline;
}

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

#kontakt hr {
	margin: 15px 0 13px 0;
	border: solid #777777 0px;
	border-top: solid #777777 1px;
}

#kontakt img {
	margin: 3px 0 5px 0;
}

#kontakt ul{
	font-size: 0.8em;
	padding-left: 15px;
}

#kontakt li{
	color: #777777;
	list-style-type: square;
	font-size: 1em;
	line-height: 1.5em;
}

.sparpotenzial {
	margin: 12px 0 0 0;
	border: solid #BFD5E0 1px;
}

.print:before{
	content:url(../img/print.png);
	padding-right: 5px;
	vertical-align: text-top;
}

.pdf:before{
	content:url(../img/pdf.png);
	padding-right: 5px;
	vertical-align: text-top;
}


/* SITEMAP */

#sitemap ul {
	float: left;
	margin: 0 5px 0 -15px;
	padding-bottom: 20px;
}

* html #sitemap ul { /* IE 5 & 6 */
    margin: 0 10px 0 20px;
}
*:first-child+html #sitemap ul { /* IE 7 */
    margin: 0 10px 0 20px\9;
}


#sitemap ul li {
	font-size: 0.7em;
	color: #7F878C;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.5em;
}

#sitemap ul a {
	color: #7F878C;
	text-decoration: none;
}

#sitemap ul a:hover {
	color: #7F878C;
	text-decoration: underline;
}


/* DEPARTMENTS */

#departments {
	margin: 25px 0 0 0;
}

#departments ul {
	width: 230px;
	float: left;
	margin: 0 80px 0 0;
	padding: 0;
}

#departments ul li {
	width: 230px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 127px 0 0;
	padding: 0;
	/*min-height: 160px;*/
}

#departments .h2_schreinerei {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 13px;
	display: block;
	font-weight: bold;
	background-image: url(../img/bullet_schreinerei.png);
     background-repeat:no-repeat;
     background-position: left center;
}

#departments .h2_gastro {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 13px;
	display: block;
	font-weight: bold;
	background-image: url(../img/bullet_gastro.png);
     background-repeat:no-repeat;
     background-position: left center;
}

#departments .h2_dienste {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 13px;
	display: block;
	font-weight: bold;
	background-image: url(../img/bullet_dienste.png);
     background-repeat:no-repeat;
     background-position: left center;
}

#departments .h2_office {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 13px;
	display: block;
	font-weight: bold;
	background-image: url(../img/bullet_office.png);
     background-repeat:no-repeat;
     background-position: left center;
}

#departments .h2_e-technik {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 13px;
	display: block;
	font-weight: bold;
	background-image: url(../img/bullet_e-technik.png);
     background-repeat:no-repeat;
     background-position: left center;
}

#departments .h2_werkbank {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 13px;
	display: block;
	font-weight: bold;
	background-image: url(../img/bullet_werkbank.png);
     background-repeat:no-repeat;
     background-position: left center;
}

#departments .a {
	color: #006992;
	text-decoration: underline;
}

#departments p {
	font-size: 0.9em;
	margin: 0 0 2em 0;
}

#departments ul li a {
	width: 230px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 127px 0 0;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #000000;
}

#departments ul li a:hover {
	width: 230px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 127px 0 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background-color: #F5F5F5;
	color: #000000;
}


/* DEPARTMENTS 2 */

#departments2 ul {
	width: 430px;
	float: left;
	margin: 0 80px 0 0;
	padding: 0;
}

#departments2 ul li {
	width: 430px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 127px 0 0;
	padding: 0;
	/*min-height: 160px;*/
}

#departments2 .h2 {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: bold;
	color: #006992;
}

#departments2 .h2 img{
	margin: 0 5px 0 0;
	padding: 0;
}

#departments2 .a {
	color: #006992;
	text-decoration: underline;
}

#departments2 p {
	font-size: 0.9em;
	margin: 0 0 1.8em 0;
}

#departments2 ul li a {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #000000;
}

#departments2 ul li a:hover {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background-color: #F5F5F5;
	color: #000000;
}


/* LIGHTBOX */

.lupe {
	margin: 0;
	padding: 0;

}

.lightbox_bild a { /* Link */
	text-decoration: none;
}

.lightbox_bild { /* Bild + Lupe */
	text-decoration: none;
	width: 100px;
	float: left;
	margin: 5px 7px 5px 0;
	text-align: right;
}

.lightbox_bild img:last-child { /* Lupe */
	margin: 0;
	padding: 1px 0
	0 0;
}


/* ANSPRECHPARTNER */

.ansprechpartner {
	margin: 0 0 20px 0;
	padding: 0;
	height: 150px;
	position: relative;
}

.ansprechpartner_bild {
	float: left;
	margin: 0;
	padding: 0;
}

.ansprechpartner_text {
	margin: 0 0 0 125px;
	padding: 0;
	position: absolute;
	bottom: 0;
}

.ansprechpartner p {
	margin: 0 !important;
	padding: 0 !important;
}


/* GOOGLE MAPS */

#content iframe {
	margin: -15px 0 5px 0;
	padding: 0;
	border: solid 1px #006992;
}
#content small {
	display: block;
	margin:  0 0 30px 0;
	padding: 0;
}
#content small a {
	margin: 0;
	padding: 0;
	color: #006992 !important;
}


/* AUFNAHME GRAFIK */

#aufnahme_grafik {
	margin: 1em 0 0 0;
	padding: 0;
	width: 675px;
	background-image: url(../rehabilitation-arbeit/img/aufnahme_grafik.png);
	background-repeat: repeat-y;
	background-position: center;
}

.aufnahme_grafik {
	width: 137px;
	float: left;
	margin: 0 15px 0 0;
	padding: 7px 10px;
		/*background: #DEE9EF;*/
	overflow: visible;
}

.aufnahme_grafik-last {
	margin: 0 0 0 0;
}

.aufnahme_grafik h3 {
	font-size: 0.8em;
	color: #006992;
	margin: 0;
	padding: 0;
}

.aufnahme_grafik p {
	font-size: 0.8em;
	color: #000000;
	margin: 0;
}


/* KONTAKTFORMULAR */

#kontaktformular {
	margin: 0;
	padding: 0;
}

#kontaktformular fieldset {
	width: 430px;
	margin: 0;
	padding: 0;
	border: none;
}

#kontaktformular legend { /* alle Fieldset Legenden */
	margin: 0;
	line-height: 2.5em;
	padding: 0;
	font-weight: bold;
	font-size: 0.9em;
}

#kontaktformular .normal { /* nicht fette Fieldset Legenden */
	margin: 0;
	line-height: 2em;
	font-weight: normal;
	color: #000000;
}

#kontaktformular .h1 { /* fette Fieldset Legenden mit weniger Buchstabenabstand */
	color: #006992;
	font-weight: bold;
	white-space: nowrap;
}

#kontaktformular input[type=checkbox] {
	margin: 5px 3px 5px 0;
	padding: 0;
}

#kontaktformular input[type=radio] {
	margin: 5px 3px 5px 0;
	padding: 0;
}

#kontaktformular input[type=text] { /* alle Textfelder unten bei den Kontaktdaten */
	width: 298px;
	height: 20px;
	margin: 5px 0 5px 0;
	padding: 2px 4px;
	background: #FFF;
	border: solid 2px #B2D2DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

#kontaktformular input[type=text]:focus {
	background: #EBF3F6;
}

#kontaktformular textarea { /* Textarea */
	width: 419px;
	height: 91px;
	margin: 8px 0;
	padding: 4px 3px;
	background: #FFF;
	border: solid 2px #B2D2DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

#kontaktformular textarea:focus {
	background: #EBF3F6;
}

#kontaktformular label {
	margin: 0 5px 0 0;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}

#kontaktformular #kontaktdaten label { /* Lable unten bei den Kontaktdaten */
	width: 110px;
	margin: 0 5px 0 0;
	padding: 0px;
	display: inline-block;
}

#kontaktformular #kontaktdaten label[for=herr], #kontaktformular #kontaktdaten label[for=frau] {
	width: auto;
	margin: 0 15px 0 0;
	padding: 0px;
}

#kontaktformular label[for=per_telefon], #kontaktformular label[for=per_email], #kontaktformular .per_telefon, #kontaktformular .per_email {
	width: 100px;
	margin: 0 5px 0 20px;
	padding: 0px;
}

#kontaktformular label[for=sonstige_diensleistung], #kontaktformular label[for=anderes], #kontaktformular .sonstige_diensleistung, #kontaktformular .anderes {
	width: 100px;
	margin: 0 5px 0 0;
	padding: 0px;
}

*:first-child+html #kontaktformular .telemail { /* IE 7 */
	width /*\**/: 100px\9;
	margin: 0 5px 0 20px;
	padding: 0px;
}

#kontaktformular input[name=per_telefon], #kontaktformular input[name=per_email] {
	width: 288px;
	height: 20px;
	margin: 5px 0 5px 0;
	padding: 2px 4px;
	background: #FFF;
	border: solid 2px #B2D2DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

#kontaktformular input[name=sonstige_diensleistung], #kontaktformular input[name=anderes] {
	width: 288px;
	height: 20px;
	margin: 0;
	padding: 2px 4px;
	background: #FFF;
	border: solid 2px #B2D2DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

* html #kontaktformular .sonstiges_feld { /* IE 5 & 6 */
	width: 282px;
}
*:first-child+html #kontaktformular .sonstiges_feld{ /* IE 7 */
	width /*\**/: 282px\9;
}
html>/**/body #kontaktformular .sonstiges_feld { /* IE 8 */
	width /*\**/: 288px\9;
}

#kontaktformular input[name=anregungen] {
	width: 417px;
	height: 20px;
	margin: 5px 0 5px 0;
	padding: 2px 4px;
	background: #FFF;
	border: solid 2px #B2D2DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

#kontaktformular input[type=submit] { /* Senden Button */
	width: 85px;
	height: 23px;
	margin: 0 0 0 0;
	padding: 2px 8px;
	background: #006991;
	border: solid 1px #006991;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
	float: left;
}

#kontaktformular input[type=submit]:active { /* Senden klick */
	background: #FFF;
	color: #006991;
}

#kontaktformular input[type=reset] { /* Abbrechen Button */
	width: 85px;
	height: 23px;
	margin: 0 0 0 0;
	padding: 2px 8px;
	background: #FFF;
	border: solid 1px #006991;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #006991;
	cursor: pointer;
	float: right;
}

#kontaktformular input[type=reset]:active { /* Abbrechen klick */
	background: #006991;
	color: #FFF;
}

.error_input {
	border: solid 2px #D01D4E !important;
}
.error {
	color: #D01D4E !important;
}


/* CAPTCHA EAF1F5 */
#recaptcha_area {
	width: 425px !important;
	margin: 0 0 0 -7px;
	padding: 0;
	border: solid 0px #B2D2DE !important;
}

#recaptcha_table {
	width: 425px !important;
	margin: 0 0 0 -7px;
	padding: 0;
	border: none !important;
}

#recaptcha_area input {
	width: 292px !important;
	margin-left: 2px;
	border: solid 2px #B2D2DE !important;
	background: #FFF;
}

#recaptcha_image img {
	margin: -1px 0 0 -1px;
	border: solid 2px #B2D2DE !important;
	background: #FFF;
}

#recaptcha_logo {
	display: none;
}

#recaptcha_tagline {
	display: none;
}

#error_captcha input {
	border: solid 2px #D01D4E !important;
}

.error_captcha {
	border: solid 2px #D01D4E !important;
}