@charset "UTF-8";
/* ----------Body----------------------------------------------------*/
html { 
overflow-y:scroll; 
}

* {
	margin: 0;
	padding: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666; 
font-size: 12px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x ;
}

/* ----------container zentriert das layout-------------- */

#container {
	width: 84.9em;
	margin: 0 auto;
	padding: 0;
}

/* ----------Links Navigation-------------- */

#links {
float: left;
width: 21.5em;
height: 905px;
background-image: url(../images/links_bg.jpg);
background-repeat: no-repeat;
}

.slogan {
padding-top: 14em;
padding-left: 2em;
font-size: 13px;
font-weight: bold;
line-height: 1.7em;
letter-spacing: 1px;
}

#navi {
margin: 4.7em 1em 0 1em;
border-top: 1px dashed #87888A; 
}

#navi ul { 
list-style-type: none;
padding: 0;
margin: 0; 
}

#navi ul li { 
padding-left: 1em;
font-size: 14px;
font-weight: bold;
color: #58585A;
border-bottom: 1px dashed #87888A; 
line-height: 4em; 
}

#navi ul li a {
text-decoration: none; 
color: #58585A;    
}

#navi a:hover {
color: #F49E00;
}

.adresse {
padding-top: 20em;
padding-left: 1em;
height: 12em;
color: #87888a;
font-size: 10px;
}

.adresse a {
color: #87888a;
}

.aktiv {
background-image: url(../images/aktiv.jpg);
background-repeat: no-repeat;
background-position: 15.5em 50%;
}


/* ----------rechts-------------- */
#rechts {
font-size: 9px;
float: right;
width: 16.5em;
background-image: url(../images/rechts_bg.jpg);
background-repeat: no-repeat;
padding: 0 15px;
height: 980px;
}

* html #rechts {
	width: 20.1em;
	}

.download {
	color: #58585A;
	background-color: #F49E00;
	margin: 7em 0 0 0;
	padding-right: 5px;
	padding-top: 3px;
	height: 18px;
	font-weight: bold;
	text-align: right;
}

* html .download {
	margin: 12em 0 0 0;
}

#rechts ul {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

.ueberschrift {
	text-decoration: underline;
	font-weight: bold;
}

#rechts li {
	list-style-type: none;
	color: #87888A;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-right: 0.5em;
	border-bottom: 1px dashed #87888A;
	text-align: right;
}

#rechts li a {
text-decoration: none;
color: #87888A;
}

#rechts li a:hover {
color: #F49E00;
}

.referenz {
	color: #FFFFFF;
	background-color: #87888a;
	margin: 8em 0 0 0;
	padding-right: 5px;
	padding-top: 3px;
	height: 30px;
	font-weight: bold;
	text-align: right;
}
/* ----------kopf-------------- */

.kopfnav {
color: #58585a;
padding: 10px 0;
margin: 0; 
text-align: center;
}

p.kopfnav a {
color: #58585a;  
text-decoration: none;
}

p.kopfnav a:hover {
color: #F49E00;  
text-decoration: none;
}

p.kopfnav .aktiv {
color: #F49E00;  
}

/* ----------Content-------------- */
#content {
/*min-height:600px;*/
padding: 27em 2em 0 2em;
margin: 0 17.6em 0 21.5em;
background-image: url(../images/cont_bg.jpg);
background-repeat: no-repeat;
}

h1 {
font-size: 16px;
color: #F49E00;
padding-bottom: 3px;
}

#content p {
line-height: 18px;
}

#content a img {
border: none;
}

#content a {
color: #58585A;
}

#content a:hover {
color: #F49E00;
}

/* ----------Footer-------------- */
#footer {
clear: both;
padding: 0;
margin: 0;
font-size: 70%;
text-align: center;
letter-spacing: 2px;
line-height: 2em;
}

* html #footer {
font-size: 80%;
}

/* ----------Referenzen-------------- */

.textsnippet {
	overflow: hidden;
}

.imgref1 a {
	background-image: url(../images/ref/minski-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 147px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref1 a:hover {
	background-image: url(../images/ref/minski_big.jpg);
	cursor: default;
	height: 221px;
	width: 300px;
}

.imgref2 a {
	background-image: url(../images/ref/bay-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 178px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref2 a:hover {
	background-image: url(../images/ref/bay_big.jpg);
	cursor: default;
	height: 267px;
	width: 300px;
}
.imgref3 a {
	background-image: url(../images/ref/hirt-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 180px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref3 a:hover {
	background-image: url(../images/ref/hirt_big.jpg);
	cursor: default;
	height: 270px;
	width: 300px;
}
.imgref4 a {
	background-image: url(../images/ref/logierhus-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 160px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref4 a:hover {
	background-image: url(../images/ref/logierhus_big.jpg);
	cursor: default;
	height: 240px;
	width: 300px;
}
.imgref5 a {
	background-image: url(../images/ref/liegeboxenlaufstall-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 121px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref5 a:hover {
	background-image: url(../images/ref/liegeboxenlaufstall_big.jpg);
	cursor: default;
	height: 181px;
	width: 300px;
}
.imgref6 a {
	background-image: url(../images/ref/pavillion-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 193px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref6 a:hover {
	background-image: url(../images/ref/pavillion_big.jpg);
	cursor: default;
	height: 290px;
	width: 300px;
}

/*.imgref7 a {
	background-image: url(../images/ref/seniorenwohnheim-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 134px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref7 a:hover {
	background-image: url(../images/ref/seniorenwohnheim_big.jpg);
	cursor: default;
	height: 200px;
	width: 300px;
}*/

.imgref8 a {
	background-image: url(../images/ref/springborn-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 180px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref8 a:hover {
	background-image: url(../images/ref/springborn_big.jpg);
	cursor: default;
	height: 270px;
	width: 300px;
}

.imgref9 a {
	background-image: url(../images/ref/balkone-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 91px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref9 a:hover {
	background-image: url(../images/ref/balkone_big.jpg);
	cursor: default;
	height: 137px;
	width: 300px;
}

.imgref10 a {
	background-image: url(../images/ref/Jungviehstall-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 118px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref10 a:hover {
	background-image: url(../images/ref/Jungviehstall_big.jpg);
	cursor: default;
	height: 176px;
	width: 300px;
}

.imgref11 a {
	background-image: url(../images/ref/Hoeggemeier-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 174px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref11 a:hover {
	background-image: url(../images/ref/Hoeggemeier_big.jpg);
	cursor: default;
	height: 262px;
	width: 300px;
}

.imgref12 a {
	background-image: url(../images/ref/spielhaus-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 151px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref12 a:hover {
	background-image: url(../images/ref/spielhaus_big.jpg);
	cursor: default;
	height: 227px;
	width: 300px;
}

.imgref13 a {
	background-image: url(../images/ref/waldorfschule-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 172px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref13 a:hover {
	background-image: url(../images/ref/waldorfschule_big.jpg);
	cursor: default;
	height: 257px;
	width: 300px;
}

.imgref14 a {
	background-image: url(../images/ref/kaserne-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 97px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref14 a:hover {
	background-image: url(../images/ref/kaserne_big.jpg);
	cursor: default;
	height: 145px;
	width: 300px;
}

.imgref15 a {
	background-image: url(../images/ref/rs67-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 115px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref15 a:hover {
	background-image: url(../images/ref/rs67_big.jpg);
	cursor: default;
	height: 173px;
	width: 300px;
}

.imgref16 a {
	background-image: url(../images/ref/garbarty-g.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	padding: 10px;
	float: right;
	height: 136px;
	width: 200px;
	border: 1px solid #ECECEC;
	text-decoration: none;
}

.imgref16 a:hover {
	background-image: url(../images/ref/garbarty_big.jpg);
	cursor: default;
	height: 205px;
	width: 300px;
}

/* ==================================== 

   Kontaktformular 

   ==================================== */

/* start style formular */

form { 
margin:0; 
}

fieldset {
width: 38em; 
border:1px solid #7e7e7e; 
padding:10px; 
margin:5px 0 5px 0; 
text-align:left;
}

fieldset:hover {
border-color:#F49E00;
}

legend {
color:#F49E00; 
font-weight:bold; 
padding:5px; 
margin:5px; 
background:none;
}

label { 
color:#7e7e7e; 
margin:0 3px 3px 0; 
padding:0; 
line-height:1.5em; 
width:8em; 
display:block; 
float:left; 
clear:left;
}

input {
border:1px solid #7e7e7e; 
padding-left:0.3em; 
margin-bottom:0.6em; 
width:25em; 
background:#fff;
}

input:focus {
border-color:#F49E00;
}

select {
border:1px solid #7e7e7e; 
padding-left:0.3em; 
margin-bottom:0.6em; 
background:#fff; 
width:5em;
}

option {
color:#F49E00;
}

textarea {
width:26em; 
border:1px solid #7e7e7e;
}

textarea:focus {
border-color:#F49E00;
}

.submitbtn {
width:123px; 
background: #C8C8C8; 
border:1px solid; 
border-color: #ECECEC #909090 #909090 #ECECEC; 
color:#FFFFFF;
font-weight: bold; 
cursor:pointer; 
padding:0; 
margin:0;
}

.submitbtn:hover {
background:#F49E00; 
color:#fff; 
border:1px solid; 
border-color: #ECECEC #909090 #909090 #ECECEC;
}

/* ende style formular */