/* Lebensraumgestaltung
*********************************************/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {border:0; font-size:100%; margin:0; padding:0;}
a {outline:none; text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}

h1 {font-size: 17pt; font-family: Formal; font-weight: bold; line-height: 19pt; text-decoration: none; letter-spacing: 1pt; white-space: normal; } /* white-space: normal  pre  pre-wrap  nowrap */ 
h2 {font-size: 14pt; font-family: Formal; font-weight: bold; line-height: 16pt; text-decoration: none; letter-spacing: 1pt; white-space: normal; }
h3 {font-size: 12pt; font-family: Formal; font-weight: bold; line-height: 12pt; text-decoration: none; letter-spacing: -0.5pt; white-space: normal; }
h4 {font-size: 14pt; font-family: Formal; font-weight: bold; line-height: 16pt; text-decoration: none; letter-spacing: 0pt; white-space: normal; }
h5 {font-size: 8pt; font-family: Formal; font-weight: normal; line-height: 14pt; text-decoration: none; white-space: normal; }
h6 {font-size: 7pt; font-family: Formal; font-weight: normal; line-height: 13pt; text-decoration: none; white-space: normal; }
p { color: black; font-size: 12pt; font-family: Formal; font-weight: normal; line-height: 15pt; text-decoration: none; letter-spacing: 0.2pt; white-space: normal; margin: 5pt 0;}
*html p { color: black; font-size: 11pt; font-family: Verdana; font-weight: normal; line-height: 14pt; text-decoration: none; letter-spacing: 0.2pt; white-space: normal; margin: 5pt 0;}
td  { color: black; font-size: 10pt; font-family: Formal; font-weight: normal; line-height: 13pt; text-decoration: none; white-space: normal;}
strong { color: black; font-size: 9pt; font-family: Formal; font-weight: bold; line-height: 11pt; text-decoration: none; letter-spacing: 0.5pt; white-space: normal; }
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:black;}
input, button, textarea, select, optgroup, option 
	{font-family:inherit; font-size:inherit; 
	font-style:inherit; font-weight:inherit;}
input, button, textarea, select {font-size:100%;}

/* start */
body, html {font-family: Formal;  margin: 0; padding: 0; border: 0; overflow: hidden; height: 101%; max-height: 100%; color: black; background-color: #ffe2c6;}

/* Layout
*********************************************/
#centered {background: url(images/hintergrund.gif) no-repeat; position: absolute; width: 680px; height: 380px; top: 50%; left: 50%; margin-top: -210px; margin-left: -340px;}
#header { width: 680px; height: 40px; position: relative; margin-top: 0px; margin-left: 0px; text-align: center; overflow: hidden;}
#headnav { width: 140px; height: 40px; position: relative; margin-top: 0px; margin-left: 0px; text-align: center; overflow: hidden; color: #ffe2c6;}
#headcontent { position: relative; margin-top: 0px; margin-left: 140px; text-align: center; overflow: hidden;color: black}
#main { width: 680px; height: 340px; position: relative; margin-top: 0px; margin-left: 0px; text-align: center; overflow: hidden;}
#navigation { width: 140px; height: 340px; position: relative; margin-top: 0px; margin-left: 0px;  margin-right: 0px; text-align: center; overflow: hidden;}
* html #navigation { width: 137px; height: 340px; position: relative; margin-top: 0px; margin-left: 0px;  margin-right: 0px; text-align: center; overflow: hidden;}
	#mainNavigation { height: 300px; margin-left: 0px; margin-top: 0px; text-align: center; overflow: hidden; color: #ffe2c6;}
	#footerNavigation { height: 24px; margin-left: 0px; margin-top: 0px; text-align: center; overflow: hidden; color: #ffe2c6;}
*html #footerNavigation { height: 24px; margin-right: 10px; margin-top: 0px; text-align: center; overflow: hidden; color: #ffe2c6;}

#content {position: relative; height: 340px; margin-top: 0px; margin-left: 140px; text-align: left; overflow: hidden;}
#contenthome {background: url(images/grundofen1.jpg); height: 340px; margin-top: 0px; margin-left: 140px; text-align: center; overflow: hidden;}
* html #contenthome {background: url(images/grundofen1.jpg); height: 340px; margin-top: 0px; margin-left: 137px; text-align: center; overflow: hidden;}
#contentScroll { width: 540px; height: 340px; position: relative; margin-top: 0px; margin-left: 140px; text-align: left; overflow: auto;}
*html #contentScroll { width: 540px; height: 340px; position: relative; margin-top: 0px; margin-left: 137px; text-align: left; overflow: auto;}
#contentgallery {position: relative; height: 300px; margin-top: 0px; margin-left: 140px; text-align: center; overflow: hidden;}
#contentmaterial {position: relative; height: 273px; margin-top: 0px; margin-left: 140px; text-align: center; overflow: hidden;}

#galleryNavigation {position: relative; height: 40px; margin-top: 0px; margin-left: 140px; text-align: center; overflow: hidden;}
#materialNavigation {position: relative; height: 60px; margin-top: 5px; margin-left: 140px; text-align: center; overflow: hidden;}
	
#footer { width: 680px; height: 18px; position: relative; margin-top: 0px; margin-left: 0px; text-align: left; overflow: hidden; color: black; font-family: Verdana; font-size: 7pt; clear:left;}
#sitefooter { width: 2000px; height: 22px; position: absolute; top: 100%; left: 50%; margin-top: -22px; margin-left: -1000px; text-align: center; overflow: hidden; background-color: #ff9933; color: black; font-family: Formal; font-size: 12pt; letter-spacing: 1.5pt; white-space: normal; }
#text1 {width: 540px; height: 20px; margin-top: 24px; text-align: center; letter-spacing: 1pt; color: red; padding-bottom: 1px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
#text2 {width: 540px; height: 38px; margin-top: 0px; text-align: center; letter-spacing: 0pt; color: red; padding-bottom: 1px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
#text3 {width: 540px; height: 20px; margin-top: 0px; text-align: center; letter-spacing: 1pt; color: red; padding-bottom: 1px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
#text4 {width: 540px; height: 20px; margin-top: 8px; text-align: center; letter-spacing: 2pt; color: red; padding-bottom: 1px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
#text5 {width: 540px; height: 20px; margin-top: 8px; text-align: center; letter-spacing: 1pt; color: red; padding-bottom: 1px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
#text6 {width: 540px; height: 20px; margin-top: 141px; text-align: center; letter-spacing: 1pt; color: red; padding-bottom: 1px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
*html #text1 {width: 540px; height: 20px; margin-top: 24px; text-align: center; letter-spacing: 1pt; color: red; padding-top: 4px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
*html #text2 {width: 540px; height: 38px; margin-top: 0px; text-align: center; letter-spacing: 0pt; color: red; padding-top: 4px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
*html #text3 {width: 540px; height: 20px; margin-top: 0px; text-align: center; letter-spacing: 1pt; color: red; padding-top: 4px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
*html #text4 {width: 540px; height: 20px; margin-top: 8px; text-align: center; letter-spacing: 2pt; color: red; padding-top: 4px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
*html #text5 {width: 540px; height: 20px; margin-top: 8px; text-align: center; letter-spacing: 1pt; color: red; padding-top: 4px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}
*html #text6 {width: 540px; height: 20px; margin-top: 141px; text-align: center; letter-spacing: 1pt; color: red; padding-top: 4px; padding-left: 0px; background-color:#eee; opacity: 0.8; visibility:hidden;}



/* Layout Classes */
.inheadnav {padding-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
*html .inheadnav {padding-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.inheadnav2 {padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
*html .inheadnav2 {padding-top: 7px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.inheadcontent {padding-top: 7px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
*html .inheadcontent {padding-top: 11px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.inheadcontent2 {padding-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
*html .inheadcontent2 {padding-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

.incontent {padding-top: 5px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px;}
.incontent_angebote {padding-top: 15px; padding-left: 20px;}
*html .incontent_angebote {padding-top: 15px; padding-left: 23px; }
.incontent_arbeitsweise {padding-top: 23px; padding-left: 47px;}
.incontent_projekte {padding-top: 18px; padding-left: 35px;}
	.imgProjekte_01 {display: block; margin-right: 115px; float: left;}
	.imgProjekte_02 {display: block; margin-right: 105px; float: left;}
	.imgProjekte_03 {display: block; margin-right: 0px; float: left;}
	.imgProjekte_04 {display: block; margin-right: 100px; padding-left: 74px; float: left;}
	.imgProjekte_05 {display: block; margin-right: 10px; float: left;}
	.imgProjekte_06 {display: block; margin-right: 85px; float: left;}
	.imgProjekte_07 {display: block; margin-right: 115px; float: left;}
	.imgProjekte_08 {display: block; margin-right: 0px; float: left;}
*html .imgProjekte_01 {display: block; margin-right: 115px; float: left;}
*html .imgProjekte_02 {display: block; margin-right: 105px; float: left;}
*html .imgProjekte_03 {display: block; margin-right: 0px; float: left;}
*html .imgProjekte_04 {display: block; margin-right: 103px; margin-left: 74px; }
*html .imgProjekte_05 {display: block; margin-right: 10px; float: left;}
*html .imgProjekte_06 {display: block; margin-right: 85px; float: left;}
*html .imgProjekte_07 {display: block; margin-right: 115px; float: left;}
*html.imgProjekte_08 {display: block; margin-right: 0px; float: left;}

.incontenthome {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.incontentScroll {padding-top: 5px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; }
.incontentcenter {text-align: center; padding-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.incontentScrollcenter {text-align: center; padding-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

.incontentgallery {padding-top: 15px; padding-bottom: 10px; padding-left: px; padding-right: px;}
.incontentmaterial {padding-top: 15px; padding-bottom: 10px; padding-left: px; padding-right: px;}

.innavigation {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
	.inmainNavigation {padding-top: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
	.inmainNavigation2 {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
	.inmainNavigation3 {padding-top: 160px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
	.ingalleryNavigation {padding-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
	.inmaterialNavigation {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

.infooter {padding-top: 4px; padding-bottom: 0px; padding-left: 15px; padding-right: 0px;}

.insitefooter {padding-top: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
*html .insitefooter {padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

.imgAngebote { position: relative; float: left; margin: 0; display: block; }
*html .imgAngebote { position: relative; float: left; margin-left: -6px; display: block; }

.imgArbeitsweise { position: relative; top: 0px; float: left; margin-right: 0px; display: block; }
*html .imgArbeitsweise { position: relative; float: left; margin-left: -6px; display: block; }
.imgborder {border: 1px solid red;}
.biotext {width: 280px; height: 330px; position: relative; top: 0px; float: left; margin-left: 10px; display: block; margin-top: 135px; text-align: left;}
.bioimage {width: 210px; height: 330px; position: relative; top: 0px; float: left; margin-right: 0px; display: block; margin-top: 24px; text-align: center;}
.imgkontakt {position: relative; padding-top: 70px; padding-left: 7px;}
*html .imgkontakt {position: relative; margin-top: 70px; margin-left: 5px;}

.partner {width: 450px; height: 120px; position: relative; padding-top: 0px; padding-left: 45px; float: left; text-align: left;}
.imgpartner {margin-right: 20px; float: left; display: block;}
.imgimpressum {margin-top: 20px;}

/* Floats */
.floatLeft {float:left;}
.floatRight {float:right;}
.floatClear {clear:both;}

/* IE hacks */
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden } 
.clearfix {display: inline-block; } 
/* Verstecke vor IE-mac */ 
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* Ende Verstecke vor IE-mac */


/* Links
*********************************************/

a:link   { color:black; font-weight: bold; text-decoration: none; }
a:visited  { color:black; font-weight: bold; text-decoration: none; }
a:active  { color: red; font-weight: bold; text-decoration: none;}
a:hover  { color: red; font-weight: bold; text-decoration: none;}


a.plink:link, a.plink:visited    { color: black; font-weight: bold; text-decoration: none; letter-spacing: 1pt;}
a.plink:active, a.plink:hover    { color: red; text-decoration: none; letter-spacing: 1pt;}


/* Menus
*********************************************/

.infooter a:link, .infooter a:visited {color:black; font-family:Verdana, sans-serif; font-weight:bold; text-decoration:none;}
.infooter a:hover, .infooter a:active {color:red; font-family:Verdana, sans-serif; font-weight:bold; text-decoration:none;}
.infooter ul.menu li.active a {color:red; font-family:Verdana, sans-serif; font-weight:bold; text-decoration:none;}

/* Navigation Mainmenu  */
.inmainNavigation ul.menu {list-style: none;}
.inmainNavigation ul.menu li {font-family: Formal; font-size:12pt; line-height: 22pt; text-decoration:none;}
.inmainNavigation ul.menu li a:link, .inmainNavigation ul.menu li a:visited  {color:#ffe2c6; letter-spacing: 1pt;}
.inmainNavigation ul.menu li a:hover, .inmainNavigation ul.menu li a:active {color:red; letter-spacing: 1pt;}
.inmainNavigation ul.menu li.active a {color:red; letter-spacing: 1pt;}
.inmainNavigation ul.menu li a#current {color:#cc3399; letter-spacing: 1pt;}

.inmainNavigation ul.menu3 {list-style: none;}
.inmainNavigation ul.menu3 li {font-family: Formal; font-size:12pt; line-height: 22pt; text-decoration:none; margin-bottom: 110px; letter-spacing: 1pt;}
.inmainNavigation ul.menu3 li a:link, .inmainNavigation ul.menu3 li a:visited  {color:#ffe2c6; letter-spacing: 1pt;}
.inmainNavigation ul.menu3 li a:hover, .inmainNavigation ul.menu3 li a:active {color:red; letter-spacing: 1pt;}
.inmainNavigation ul.menu3 li.active a {color:red; letter-spacing: 1pt;}
.inmainNavigation ul.menu3 li a#current {color:#cc3399; letter-spacing: 1pt;}

.inmainNavigation ul.menu4 {list-style: none;}
.inmainNavigation ul.menu4 li {font-family: Formal; font-size:12pt; line-height: 22pt; text-decoration:none; margin-bottom: 140px; letter-spacing: 1pt;}
.inmainNavigation ul.menu4 li a:link, .inmainNavigation ul.menu4 li a:visited  {color:#ffe2c6; letter-spacing: 1pt;}
.inmainNavigation ul.menu4 li a:hover, .inmainNavigation ul.menu4 li a:active {color:red; letter-spacing: 1pt;}
.inmainNavigation ul.menu4 li.active a {color:red; letter-spacing: 1pt;}
.inmainNavigation ul.menu4 li a#current {color:#cc3399; letter-spacing: 1pt;}

.inmainNavigation2 ul.menu2 {list-style: none;}
.inmainNavigation2 ul.menu2 li {font-family: Formal; font-size:12pt; line-height: 11pt; text-decoration:none; margin: 11px 0;}
.inmainNavigation2 ul.menu2 li a:link, .inmainNavigation2 ul.menu2 li a:visited  {color:#ffe2c6; letter-spacing: -0.5pt}
.inmainNavigation2 ul.menu2 li a:hover, .inmainNavigation2 ul.menu2 li a:active {color:red; letter-spacing: -0.5pt}
.inmainNavigation2 ul.menu2 li.active a {color:red; letter-spacing: -0.5pt}
.inmainNavigation2 ul.menu2 li a#current {color:#cc3399; letter-spacing: -0.5pt}

.inmainNavigation3 ul.menu3 {list-style: none;}
.inmainNavigation3 ul.menu3 li {font-family: Formal; font-size:12pt; line-height: 22pt; text-decoration:none; margin-bottom: 110px; letter-spacing: 1pt;}
.inmainNavigation3 ul.menu3 li a:link, .inmainNavigation3 ul.menu3 li a:visited  {color:#ffe2c6; letter-spacing: 1pt;}
.inmainNavigation3 ul.menu3 li a:hover, .inmainNavigation3 ul.menu3 li a:active {color:red; letter-spacing: 1pt;}
.inmainNavigation3 ul.menu3 li.active a {color:red; letter-spacing: 1pt;}
.inmainNavigation3 ul.menu3 li a#current {color:#cc3399; letter-spacing: 1pt;}

.bottom {margin: 200px 0;}

/* Gallery Navigation Menu  */
.ingalleryNavigation ul.menu {list-style: none;}
.ingalleryNavigation ul.menu li {display: inline; margin: 5px; padding: 0; font-family: Verdana; font-size:11pt; line-height: 14pt; text-decoration:none;}
.ingalleryNavigation ul.menu li a:link, .ingalleryNavigation ul.menu li a:visited  {color:black; letter-spacing: 0pt;}
.ingalleryNavigation ul.menu li a:hover, .ingalleryNavigation ul.menu li a:active {color:red; letter-spacing: 0pt;}
.ingalleryNavigation ul.menu li.active a {color:red; letter-spacing: 0pt;}
.ingalleryNavigation ul.menu li a#current {color:gray; letter-spacing: 0pt;}

/* Material-Gallery Navigation Menu  */
.inmaterialNavigation ul.menu {list-style: none;}
.inmaterialNavigation ul.menu li {display: inline; margin: 2px; padding: 0;}


/* Navigation Footerlink*/
.infooterNavigation {list-style: none;}
.infooterNavigation li {letter-spacing: 1pt; font-family: Formal; font-size:12pt; line-height: 22pt; text-decoration:none; }
.infooterNavigation a:link, .infooterNavigation li a:visited   {color:#ffe2c6;}
.infooterNavigation  li a:hover, .infooterNavigation  li a:active {color:red;}
.infooterNavigation  li.active a {color:red; }

/* Footermenu*/