/* CSS Document */

* {margin:0; padding:0;}
img a {border:0px;}

.clear { clear:both; }
br     { clear: left; }



body {
	position:relative;
	background-color:#fff;
	font-family: 	Arial, sans-serif;
    font-weight: 	normal;
    line-height: 	18px;
    color: 			#d9e5d1;
    font-size:		12px;
/*	height: 796px; */
	background-image: url(../img/kachel.gif);
	}

#header {
 	position: absolute;
	top: 14px; left: 14px;
	width: 1024px;
	height: 148px;
	border-left: 1px solid #615b45; border-top: 1px solid #615b45; border-right: 1px solid #615b45;

	overflow: hidden;
	background-image: url(../img/kachel_header.gif);
	}
	
	#logo {
	position: absolute;
	top: 0px;
	right: 34px;
	border:none;
		}
		
	#slogan {
	position:absolute;
	top: 126px;
	left: 567px;
	width: 400px;
	height: 25px;
	color:#000;
	letter-spacing:1px;
	text-align:right;
	font-size:12px;
	}
		
	#navi {
	position:absolute;
	top: 55px;
	left: 55px;
	width: 526px;
		}

		
#content {
	position: absolute;
	top: 162px;
	left: 14px;
	width: 1024px;
	height: 585px;
	border-left: 1px solid #d9e5d1;
	border-bottom: 1px solid #d9e5d1;
	border-right: 1px solid #d9e5d1;
	overflow: hidden;
	}
	
#content-index {
	position: absolute;
	top: 162px;
	left: 14px;
	width: 1024px;
	height: 585px;
	border-left: 1px solid #d9e5d1;
	border-bottom: 1px solid #d9e5d1;
	border-right: 1px solid #d9e5d1;
	overflow: hidden;
	background-image: url(../img/index-background-leer.jpg);
	background-repeat: no-repeat;
	}
	
	#galerie-index {
	position: absolute;
	left: 658px;
	top: 29px;
	overflow:hidden;
		}
		
	#galerie-projekte {
		position: absolute;
		left:50px;
		top: 29px;
		width: 928px;
		height: 270px;
		overflow:hidden;
		}
		
	#galerie {
		position: absolute;
		left:50px;
		top: 29px;
		width: 928px;
		height: 251px;
		overflow:hidden;
		}
		
		
	#headline {
	position:absolute;
	left: 98px;
	top: 119px;
	overflow:hidden;
	width: 507px;
	height: 130px;
	display:block;
		}
		
	#txt {
	position:absolute;
	left: 98px;
	top: 300px;
	height: 270px;
	overflow:auto;
	width: 879px;
		}
		
	#txt-kontakt {
	position:absolute;
	left: 98px;
	top: 29px;
	height: 530px;
	overflow:auto;
	width: 879px;
		}
	
#footer {
	position:absolute;
	top: 747px; left: 14px;
	height: 42px;
	width: 1024px;
	margin-bottom: 14px;
	border-left: 1px solid #d9e5d1; border-bottom: 1px solid #d9e5d1; border-right: 1px solid #d9e5d1;
	}
	
	#flagge1 {
	position:absolute;
	left: 98px;
	top: 6px;
}
	#flagge2 {
	position:absolute;
	left: 197px;
	top: 4px;
}
	
	#language1 {
	position:absolute;
	left: 124px;
	top: 13px;
}
	#language2 {
	position:absolute;
	left: 222px;
	top: 13px;
}
	
	#download {
	position:absolute;
	left:481px;
	top: 13px;
	width: 497px;
	text-align:right;}
	
	ul {margin-left: 40px; list-style:none; margin-top: 22px; margin-bottom: 22px; }
	li {margin-top: 7px; list-style-type:none;}
	.demofilme {margin-top: 0px; list-style-type:none; }
	
/* LINKS */
a.navi:link { color:#615b45; text-decoration:none; padding-left: 15px; padding-right: 15px; font-weight:normal; }
a.navi:visited { color:#615b45; text-decoration:none; padding-left: 15px; padding-right: 15px; font-weight:normal; }
a.navi:active { color:#00b5ff; text-decoration:none; padding-left: 15px; padding-right: 15px; font-weight:normal; }
a.navi:hover { color:#00b5ff; text-decoration:none; padding-left: 15px; padding-right: 15px; font-weight:normal; }
.activelink1 { color:#00b5ff; text-decoration:none;}

a.textlink:link {color:#e8e7e3; text-decoration:underline; font-style:italic; font-weight:normal; }
a.textlink:visited {color:#e8e7e3; text-decoration:underline; font-style:italic; font-weight:normal; }
a.textlink:active {color:#00b5ff; text-decoration:underline; font-style:italic; font-weight:normal; }
a.textlink:hover {color:#00b5ff; text-decoration:underline; font-style:italic; font-weight:normal; }


a.textlink1:link { font-size:13px; color:#fff; text-decoration:underline; font-style:italic; font-weight:normal; }
a.textlink1:visited { font-size:13px; color:#fff; text-decoration:underline; font-style:italic; font-weight:normal; }
a.textlink1:active {font-size:13px; color:#00b5ff; text-decoration:underline; font-style:italic; font-weight:normal; }
a.textlink1:hover {font-size:13px; color:#00b5ff; text-decoration:underline; font-style:italic; font-weight:normal; }

a.subnavi:link {color:#e8e7e3; text-decoration:none; font-weight:normal; }
a.subnavi:visited {color:#e8e7e3; text-decoration:none; font-weight:normal; }
a.subnavi:active {color:#00b5ff; text-decoration:none; font-weight:normal; }
a.subnavi:hover {color:#00b5ff; text-decoration:none; font-weight:normal; }
.activelink2 {color:#00b5ff; text-decoration:none; font-weight:normal; }

a.projektnavi:link {color:#d9e5d1; text-decoration:none; font-weight:normal; }
a.projektnavi:visited {color:#d9e5d1; text-decoration:none; font-weight:normal; }
a.projektnavi:active {color:#00b5ff; text-decoration:none; font-weight:normal; }
a.projektnavi:hover {color:#00b5ff; text-decoration:none; font-weight:normal; }
.activelink3 {color:#00b5ff; text-decoration:none; font-weight:normal; }


/* FONT */
h1 {
	color:#00b5ff;
	font-size:13px;
	font-weight:normal;
	display:block;
	letter-spacing:1px; }
	
h2 {
	color:#b2d6ec;
	font-size:13px;
	font-weight:normal; }
	
h3 {
	color:#b2d6ec;
	font-size:15px;
	font-weight:normal; }
	
h4 {
	color:#fff;
	font-size:13px;
	font-weight:normal; }
	
.kleingeschrieben {
	font-size: 10px; }




/* SONSTIGE FORMATIERUNGEN */
.trenner { color:#00b5ff; font-size:14px }	

.projekteliste {margin-top: 0px; list-style-type:none; }

#bank-index {
	position: absolute;
	top: 71px;
	left: 513px;
	border:none;
		}
		
#bank-projekte {
	position: absolute;
	top: 71px;
	left: 60px;
	border:none;
		}

#bank-bauarten {
	position: absolute;
	top: 71px;
	left: 145px;
	border:none;
		}
		
#bank-montage {
	position: absolute;
	top: 71px;
	left: 349px;
	border:none;
		}
		
#bank-videos {
	position: absolute;
	top: 71px;
	left: 249px;
	border:none;
		}
		
#bank-kontakt {
	position: absolute;
	top: 71px;
	left: 432px;
	border:none;
		}

#zwei {
	position:absolute;
	top:356px;
	left:64px;}

	
#figuren {
	position:absolute;
	top: 462px;
	left: 431px;
	}

.abstand1 {
	margin-left: 65px;
	margin-top: 15px;
	}
	
.abstand2 {
	margin-left: 65px;
	}


/* POP-UPS */
#popup1 {
	position: absolute;
	border:1px solid #d9e5d1;
	left: 438px;
	top: 58px;
	width: 600px;
	height:421px;
	background-image:url(../img/kachel_popUp.gif);
	background-color: #615b45;
	display:none;
}

#kub {
	position: absolute;
	border:1px solid #d9e5d1;
	left: 438px;
	top: 73px;
	width: 600px;
	height:440px;
	background-image:url(../img/kachel_popUp.gif);
	background-color: #615b45;
	display:none;
}


#kub-1 {
	position: absolute;
	border:1px solid #d9e5d1;
	left: 438px;
	top: 58px;
	width: 600px;
	height:440px;
	background-image:url(../img/kachel_popUp.gif);
	background-color: #615b45;
	display:none;
}

#kub-H {
	position: absolute;
	border:1px solid #d9e5d1;
	left: 438px;
	top: 58px;
	width: 600px;
	height:440px;
	background-image:url(../img/kachel_popUp.gif);
	background-color: #615b45;
	display:none;
}

#galerie-popup {
	position:absolute;
	left: 40px;
	top: 97px;
	}
	
	#galerie-popup1 {
	position:absolute;
	left: 40px;
	top: 110px;
	}
	
#popup-txt {
	position:absolute;
	left: 65px;
	top: 97px;
	}
	
	#popup-txt1 {
	position:absolute;
	left: 65px;
	top: 287px;
	}
	
#thumbnails {
	position:absolute;
	left: 353px;
	top: 97px;
	width: 220px;
	height: 217px;
	overflow:hidden;
	}
	
	
#projekt {
	position:absolute;
	left: 65px;
	top: 360px;
	}

#hund2 {
	position:absolute;
	left: 65px;
	bottom: 0px;
	}
	
#schliessen {
	position:absolute;
	left: 90px;
	bottom: 5px;
	}

#zwei {
	position:absolute;
	top: 409px;
	left: 0px;
	}
	
.bilderrahmen1 {
	border-left: 1px solid #02a4fe;
	margin-bottom: 32px;
	height: 51px; }
.bilderrahmen2 {
	border-left: 1px solid #02a4fe;
	border-right: 1px solid #02a4fe;
	margin-bottom: 32px;
	height: 51px; }