@font-face {
    font-family: 'HattoriHanzoLight';
    src: url('Hattori_Hanzo-webfont.eot');
    src: url('Hattori_Hanzo-webfont.eot?#iefix') format('embedded-opentype'),
         url('Hattori_Hanzo-webfont.woff') format('woff'),
         url('Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('Hattori_Hanzo-webfont.svg#HattoriHanzoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HattoriHanzoLightItalic';
    src: url('Hattori_Hanzo_Italic-webfont.eot');
    src: url('Hattori_Hanzo_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Hattori_Hanzo_Italic-webfont.woff') format('woff'),
         url('Hattori_Hanzo_Italic-webfont.ttf') format('truetype'),
         url('Hattori_Hanzo_Italic-webfont.svg#HattoriHanzoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 14,4;
	color: #8C8C8C;
}

h1 {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	color: #8C8C8C;
}
h2 {
	font-family: 'HattoriHanzoLight';
	font-size: 11pt;
	color: #8C8C8C;
}


a {
	color: #8C8C8C;
	text-decoration: none;
}

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

#logobox {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	color: #575757;
	height: 20px;
	width: 124px;
	margin-top: 40px;
	margin-left: 0px;
	z-index: 10;
	border-top-width: 1pt;
	border-top-style: solid;
	border-top-color: #8C8C8C;
	text-align: center;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 6px;
}
#logolinie {
	height: 220px;
	width: 94px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #8C8C8C;
	border-right-color: #8C8C8C;
	margin-left: 36px;
	margin-top: 3px;
}

#navibox {
	height: 220px;
	width: 93px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #8C8C8C;
	border-right-color: #8C8C8C;
	margin-left: 37px;
}
#linievertikalbereiche {
	height: 162px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	width: 93px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8C8C8C;
}
#linievertikalteam {
	height: 128px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	width: 93px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8C8C8C;
}
#linievertikalprojekte {
	height: 93px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	width: 93px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8C8C8C;
}
#linievertikalcredits {
	height: 58px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	width: 93px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8C8C8C;
}
#linievertikalkontakt {
	height: 28px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	width: 93px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8C8C8C;
}

#naviboxbereiche {
	height: 197px;
	width: 93px;
	border-top-width: 1px;
	border-top-color: #8C8C8C;
	margin-left: 37px;
	margin-top: 0px;
}
#naviboxteam {
	height: 197px;
	width: 93px;
	border-top-width: 1px;
	border-top-color: #8C8C8C;
	margin-left: 37px;
	margin-top: 0px;
}
#naviboxprojekte {
	height: 197px;
	width: 93px;
	border-top-width: 1px;
	border-top-color: #8C8C8C;
	margin-left: 37px;
	margin-top: 0px;
}
#naviboxcredits {
	height: 197px;
	width: 93px;
	border-top-width: 1px;
	border-top-color: #8C8C8C;
	margin-left: 37px;
	margin-top: 0px;
}

#naviboxkontakt {
	height: 197px;
	width: 93px;
	border-top-width: 1px;
	border-top-color: #8C8C8C;
	margin-left: 37px;
	margin-top: 0px;
}

#koerperlinie {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
	width: 60%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
	height: 1500px;
	float: left;
}

#frame {
	float: right;
	margin-right: -21px;
	height: 352px;
	width: 511px;
	margin-top: 0px;
}

#framegallerie {
	float: right;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#framevita {
	float: right;
	height: 100%;
	width: 65%;
	margin: 0px;
	padding: 0px;
}
#fslogo {
	height: 260px;
	width: 227px;
}

#rechts {
	padding: 0px;
	float: left;
	width: 20%;
	margin-left: 20px;
	margin-top: 0px;
}

#icon {
	float: left;
	height: 68px;
	width: 68px;
	margin-top: 0px;
}

#twinicon {
	float: left;
	height: 68px;
	width: 145px;
	margin-top: 0px;
}

#trenner {
	clear: both;
	height: 0px;
	width: 100%;
}

#text {
	font-family: HattoriHanzoLight;
	font-size: 15px;
	line-height: 20px;
	color: #8C8C8C;
	float: right;
	width: 80%;
	padding-right: 70px;
	text-align: justify;
	height: 100%;
	margin-top: 10px;
}

#textbereiche {
	font-family: 'HattoriHanzoLight';
	font-size: 12px;
	line-height: 17px;
	color: #8C8C8C;
	float: right;
	width: 65%;
	padding-right: 10px;
	text-align: justify;
	height: 100%;
	margin-top: 0px;
}

#textimpressum {
	font-family: 'HattoriHanzoLight';
	font-size: 12px;
	line-height: 17px;
	color: #8C8C8C;
	float: right;
	padding-right: 10px;
	text-align: justify;
	height: 100%;
	margin-top: 10px;
}

#footer {
	margin: 0px;
	float: right;
	height: 40px;
	width: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
	position: fixed;
	z-index: 10;
	right: 0px;
	bottom: 0px;
	font-family: 'HattoriHanzoLight';
	font-size: 14px;
	line-height: 15px;
	color: #8C8C8C;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer a:hover {
	color: #FF6600;
}

#internenavi {
	position: relative;
	margin-top: 250px;
}

#internenavi a:hover {
	color: #FF6600;
}

#internenavicredits {
	position: relative;
	margin-top: 360px;
}
#credits {
	color: #ccc;
}

#werbung {

}

#filme {
}

#events {

}

#iframe {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#iframeprojekte {
	width: 520px;
	padding: 0px;
	float: right;
	height: 100%;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#iframekontakt {
	width: 511px;
	padding: 0px;
	float: right;
	height: 600px;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#personen {
	position: relative;
	margin-top: 20px;
}

#abstand {
	height: 107px;
	width: 100%;
}
#abstand1 {
	height: 142px;
	width: 100%;
}
#abstand2 {
	height: 176px;
	width: 100%;
}
#abstand3 {
	height: 211px;
	width: 100%;
}
#abstand4 {
	height: 247px;
	width: 100%;
}
#abstand5 {
	height: 281px;
	width: 100%;
}
#abstand6 {
	height: 130px;
}
#abstand7 {
	height: 25px;
}
#abstand8 {
	height: 40px;
}

#logobox a {
	color: #575757;
}
#logobox a:hover {
	color: #FF6600;
}

#fadeshow {
	margin: 0px;
	padding: 0px;
}
#adresse {
	font-family: HattoriHanzoLight;
	font-size: 11pt;
	line-height: 16pt;
	color: #8C8C8C;
	text-align: right;
	height: 100px;
	position: relative;
	width: 120px;
	padding: 0px;
	margin-top: -175px;
	z-index: 5;
	float: right;
	margin-right: -10px;
}


.konzept {
	color: #575757;
	text-decoration: none;
	float: left;
	width: 25%;
	padding-top: 5px;
}

.navipunkt {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	text-align: left;
	height: 35px;
	width: 94px;
	color: #8C8C8C;
	padding-top: 5px;
}

.navipunktkonzept {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	color: #575757;
	text-align: left;
	height: 35px;
	width: 94px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
	margin-top:
}

.navipunktbereiche {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	color: #8C8C8C;
	text-align: left;
	height: 35px;
	width: 94px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
}

.navipunktteam {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	color: #8C8C8C;
	text-align: left;
	height: 35px;
	width: 94px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
}

.navipunktprojekte {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	color: #8C8C8C;
	text-align: left;
	height: 35px;
	width: 93px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
}

.navipunktcredits {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	color: #8C8C8C;
	text-align: left;
	height: 35px;
	width: 94px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
}

.navipunktkontakt {
	font-family: 'HattoriHanzoLight';
	font-size: 12pt;
	line-height: 25pt;
	color: #8C8C8C;
	text-align: left;
	height: 35px;
	width: 94px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8C8C8C;
}

.navipunkt a:hover {
	color: #FF6600;
}

.navipunktintern {
	font-family: 'HattoriHanzoLight';
	font-size: 11pt;
	line-height: 25pt;
	text-align: left;
	height: 35px;
	width: 180px;
	color: #8C8C8C;
	margin-top: 0px;
}

.navipunktintern a:hover {
	color: #FF6600;
}

.personenintern {
	font-family: 'HattoriHanzoLight';
	font-size: 11pt;
	line-height: 25pt;
	text-align: left;
	height: 35px;
	color: #8C8C8C;
	margin-top: 0px;
}
.orange {
}
.orange:hover {
	color: #FF6600;
}