@import url("media.css");

*
{
	margin:0;
	padding:0;
	list-style-type:none;
}

body,html
{
	padding: 			0px;
	margin: 			0px;
	background-color:	#849a66;
	font-family: 		"Trebuchet MS";
	font-size:			13px;
	height:				100%;
	color:				#333333;
}

a
{
	color: #333333;
	text-decoration: none;
}

form
{
	padding: 			0px;
	margin: 			0px;
}

.distance 
{ 
	width:			1px;
	height:			50%;
	margin-bottom:	-370px; /* half of container's height */
	float:			left;
}

.container
{
	position:			relative;
	height:				740px;
	background-color:	#658140;
	margin:				0 auto;
	clear:				left;
	border: 			1px solid #b5c3a4;
}

.container .head
{
	width: 			1000px;
	height: 		112px;
	margin:			0 auto;
	position:		relative;
}



.container .head .projectlogo
{
	width:				160px;
	padding:			12px 9px;
	height:				70px;
	position:			absolute;
	left:				0px;
	top:				12px;
	background-image:	url('../images/project_bg.gif');
	background-repeat: no-repeat;
	overflow:			hidden;
	text-align: 		center;
}

.container .head .projectlogo .cut
{
	width: 160px;
	height: 70px;
	overflow: hidden;
	
	vertical-align: middle;
	background-repeat:	no-repeat;
	background-position: center center;
}

.container .head .ornament.left
{
	position: absolute;
	left: -411px;
	top: -346px;
	background-image:	url('../images/ornament_left.png');
	width: 537px;
	height: 565px;
	z-index:	500;
}


.container .head h1
{
	font-family: 	"Georgia";
	font-size: 		30px;
	color: 			#c2e594;
	line-height:	30px;
	margin-left:	187px;
	padding-left:	10px;
	padding-top:	12px;
	letter-spacing:	1px;
	height: 		33px;
  	white-space: nowrap;
	
}

.container .head h2
{
	font-size: 		18px;
	color: 			#ffffff;
	line-height:	30px;
	margin-left:	187px;
	padding-left:	10px;
	padding-bottom:	5px;
	letter-spacing:	1px;
	border-bottom:	1px solid #b5c3a4;
}

.container .head .switcher
{
	position:absolute;
	bottom:45px;
	right:0px;
}

.container .head .navi
{
	float: left;
	margin-left:	200px;
	height:			11px;
	margin-top:		12px;
	border-left:	1px solid #a3b38c;
	border-right:	1px solid #a3b38c;
}

.container .head .navi a,
.container .head .switcher a
{
	display:			block;
	border-left:		1px solid #d6ddcc;
	border-right:		1px solid #a3b38c;
	height:				11px;
	padding:			0px 8px;
	line-height:		11px;
	float:				left;
	font-size:			13px;
	color:				#ffffff;
	text-decoration:	none;
	text-transform:		uppercase;
}

.container .head .switcher a
{
	font-size: 12px;
}

.container .head .navi a.aktiv, 
.container .head .navi a:hover,
.container .head .switcher a.aktiv, 
.container .head .switcher a:hover
{
		color:				#a3c478;
}

.container .head .navi .second
{
	display: none;
}

#clone
{
		z-index: 2000;
		padding-top:	11px;
		width: 				220px;
}

#clone a
{
	width: 				220px;
	display:			block;
	padding-left:		20px;
	padding-right:		20px;
	color:				#9b9b9b;
	line-height:		25px;
	background-color:	#f7fad9;
	text-decoration:	none;
	text-align:			left;
	border-bottom:		1px dotted #658140;
	border-left: 		1px solid #658140;
	border-right: 		1px solid #658140;
	font-size:			13px;
	
}

#clone a:hover
{
	color:				#658140;
}


.overlay
{
	position: absolute; 
	width: 1000px;
	height: 598px;
	background: url('../images/home_overlay.gif') no-repeat;
	z-index: 1000;

}

.container .boxCenter
{
	
	margin:		0 auto;
	position:	relative;
	background: #869c67;
	height:		600px;
	background-image:	url('../images/boxcenter_bg.gif');
}

.container .boxCenter .main
{
	margin:				0 auto;
	width:				1000px;
	height:				598px;
	padding:			1px 13px;
	background-image:	url('../images/main_bg.gif');
	background-repeat:	no-repeat;
	overflow:			hidden;
	background-color:	#f7fad9;
}

.footer,
.footer a
{
	margin:				0 auto;
	width:				1000px;
	font-size:		11px;
	letter-spacing:	1px;
	color:			#ffffff;
	text-align: 	center;
	line-height:	28px;
	text-decoration: none;
}

.copy
{
	position: absolute;
	font-size: 10px;
}

.copy a
{
	color: #FFFFFF;
}

.flash
{
	position: absolute;
	height: 90px;
	width:	1000px;
	top: 486px;
	z-index:	1000;
	background:rgba(0,0,0,.3);
	overflow: hidden;
}

@keyframes moving {
    0%
	{
		left: 100%;
		opacity: 0;
	}
	
	50%
	{
		opacity: 0;
	}

    100% 
	{
		left: 0px;
		opacity: 1;
	}
}

.flash h1
{
	color:white;
	font-weight: 300;
	font-size: 1.9em;
    position:relative;
	left:100%;
}

.flash h1:nth-child(1)
{
	padding-left:2em;
	animation: moving 2s ease-out 0s forwards;
}

.flash h1:nth-child(2)
{
	padding-left:4em;
	animation: moving 2s ease-out 2s forwards; 
}

.flash h1:nth-child(3)
{
	padding-left:6em;
	animation: moving 2s ease-out 4s forwards; 
}

.main .box.first
{
	float: 				left;
	width:				560px;
	height:				598px;
	overflow:			auto;
}

.main .box.second
{
	float: 				right;
	width:				388px;
	height:				598px;
	overflow:			auto;
	
}

.home
{
	position:relative;
}

.home span
{
	position: absolute;
	bottom:5px;
	right: 5px;
	padding: 1px 5px;
	color: #FFFFFF;
	background: #000000;
	font-size: 11px;
	letter-spacing: 1px;
}


.main .gallery
{
	width:				980px;
	height:				598px;
	overflow:			auto;
}


.main .box.first h1,
.main .gallery h1,
.main .angebot h1
{
	font-family: 	"Georgia";
	font-size: 		18px;
	color: 			#658140;
	line-height:	35px;
	margin-top:		30px;
	margin-left:	90px;
	letter-spacing:	1px;
	border-bottom:	1px dotted #658140;
	clear: both;
}


.main .box.first h1.small
{
	font-size: 		16px;
	letter-spacing:	0px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
}

.main .box.first h1.small:hover
{
	white-space: normal;
	overflow:visible;
}

.main .box.second h1
{
	font-family: 	"Georgia";
	font-size: 		18px;
	color: 			#658140;
	line-height:	35px;
	margin-top:		30px;
	letter-spacing:	1px;
	border-bottom:	1px dotted #658140;
	margin-right:	20px;
}


.main .box.first h2
{
	font-family: 	"Georgia";
	font-size: 		14px;
	color: 			#658140;
	line-height:	35px;
	margin-top:		10px;
	margin-left:	115px;
	letter-spacing:	1px;
	border-bottom:	1px dotted #658140;
}

.main .box.first .description
{
	line-height:	19px;
	margin-top:		20px;
	margin-left:	170px;
}

.main .galleryline
{
	margin-left:	170px;
}

.main .objekt .box.first  .description
{
	height: 264px;
	overflow: auto;
}

.main .objekt .box.first  .description.big
{
	height: 495px;
}


.main .kontakt .box.first  .description
{
	height: 490px;
	overflow: auto;	
}

.main .lage .box.first  .description
{
	height: 495px;
	overflow: auto;
}

.main .angebot .scroll
{
	margin-left: 90px;
	margin-top: 20px;
	margin-right: 90px;
	overflow:auto;
	height:450px;
}

.main .angebot h1
{
	margin-right:90px;
}

.main .angebot a
{
	text-decoration: underline;
}

.main .angebot table
{
	border-collapse:collapse;
	background-color: white;
	width:100%;
}

.main .angebot th,
.main .angebot td
{
	padding:4px;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

.main .angebot .na
{
	text-align:center;
	color:#FF2222;
}

.main .angebot th
{
	text-align:left;
}

.main .angebot .right
{
	text-align:right;
}

.main .angebot tbody tr.odd
{
	background-color:#f8f9ea;
}
	
.main .angebot tbody tr:hover
{
	color: white;
	background-color:#658140;
}

.main .angebot tbody tr:hover a
{
	color:white;
}
.container .main .media 
{
	margin-top:			40px;
	height: 		247px;
	width:			373px;
	overflow:		hidden;
	cursor:			pointer;
}

.container .main .media.small
{
	height: 		83px;
	width:			121px;
	float: 			left;
	margin:			4px 4px 0px 0px;
}

.container .main .gallery .media.small
{
	margin:			8px 8px 0px 0px;
}

.main .files
{
	margin-top: 50px;
	border-bottom:	1px dotted #658140;
	width:	360px;
}

.main a.pdf
{
	text-decoration: 		none;
	color:					#444444;
	background-image: 		url('../images/pdf.gif');
	background-repeat:		no-repeat;
	background-position:	8px 50%;
	padding-left: 			28px;
	display: 				block;
	line-height:			23px;
	border-top:	1px dotted #658140;
}

.main .objekt div.facts
{
	height:		189px;
	overflow:	auto;
	margin-left:	115px;
}

.main .objekt div.facts.big
{
	height: auto;
}

table.facts td
{
	padding: 2px;
	font-size: 12px;
}

table.facts tr.odd
{
	background-color: none;
}

table.facts tr.even
{
	background-color: #e6e8ca;
}


.galleryline img
{
	padding: 0px 10px 10px 0px;
}

.galleryline
{
	margin-bottom: 10px;
}

.form
{
	padding-top:	20px;
	margin-top:	20px;
	border-top:	1px dotted #658140;
}

.person
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right:	20px;
	padding-bottom:	20px;
	border-bottom:	1px dotted #658140;
}

.person b
{
	color: #5e773c;
}

.person .photo
{
	margin-right:	6px;
}

.companylogo
{
	margin-bottom: 10px;
}


.contactTable 
{
	width: 100%;
}

.contactTable td
{
	color: #658140;
	padding: 6px 2px;
}

.inputtext{
	border:	0px;
	border-bottom:		1px solid #658140;
	background-color:	#FFFFFF;
	width:				270px;
	padding:			3px;
}


.inputtext.plz{

	width:			50px;
	margin-right:	5px;
}


.inputtext.city{
	width:	209px;
}

.inputarea{
	border:				0px;
	border-bottom:		1px solid #658140;
	border-top:			1px solid #658140;
	width:				272px;
	background-color:	#FFFFFF;
	padding:			2px;
	margin:				0px;
}

.senden
{
	background-color: 	#658140;
	color:				#FFFFFF;
	margin-top:			5px;
	padding: 			5px 22px;
	border:				0px;
	cursor: pointer;
}

label
{
	display: block;
}


.error
{
	color:	red;
}

.hidden
{
	display:none;
}

table.facts
{
	width:425px;
}

.footer span
{
	white-space: nowrap;
}

.footer span:after
{
	content:"\00a0\00a0.\00a0\00a0";
}

.footer span:last-child:after
{
	content: "";
}

.person .photo img
{
	display:block;
}

.info
{
	position:absolute;
	bottom:30px;
	right:2em;
	z-index:2000;
	background:white;
	width:180px;
	padding:1em .5em;
	text-align:center;
	box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 1);
	font-weight:300;
	cursor:pointer;
	display:none;
}

.info.animated
{
	display:block;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: white;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-width: 36px;
	margin-left: -36px;
}

.text ul,
.description ul
{
	margin:1em 0;
	padding-left: 2em;
}

.text ul > li,
.description ul > li
{
	list-style-type: disc;
}

input[name=Email_Address]{display:none;}