html, body { height:100%;vertical-align:middle; }
body { background: black;font-size:10px;font-color:888;font-family:arial,helvetica,sans-serif;text-align:center; }
a { text-decoration:none; }

#dokument { width:900px;text-align:left;margin:0px auto; }

#header { border-bottom:1px solid #444;padding-bottom:5px; width:900px;margin-bottom:8px; }
#header #logo- { float:left; width: 200px; margin-left:0px; }
#header #logo { float:left; width: 200px; margin-left:0px; }
#header #navigation-frame { float:right;width: 695px; text-align:right; padding-top:30px; }

#navigation { margin-right: 0px; padding-top:14px; float:right;  }
#navigation li { float: left; margin-right:60px; }
#navigation li a
{
	border-left:1px solid #444;
	display: block;
	text-decoration: none;
	color: #f2f2f2;
	font-family:HelveticaNeue,"Helvetica Neue",helvetica,arial;
	font-size:1.5em;
	letter-spacing:0px;
	text-indent:10px;
	text-transform:uppercase;
	padding:15px 0px 2px 0px;
}

#navigation li a:hover { color:#FF7400; }

#agenturkunden a { letter-spacing:1px;display:block;padding:8px;margin-top:22px;text-align:right;float:right;background:#333;-moz-border-radius:5px;text-decoration:none;color:#eee;font-size:1.2em;  }
#image { height:352px; width:900px; background:url(/images/header-start.jpg) no-repeat;border-bottom:1px solid #444; }
#image-kontakt { height:101px; width:900px; background:url(/images/header-kontakt.jpg) no-repeat;border-bottom:1px solid #444; }
#image-web { height:101px; width:900px; background:url(/images/header-web.jpg) no-repeat;border-bottom:1px solid #444; }
#image-projekte { height:101px; width:900px; background:url(/images/header-projekte.png) no-repeat;border-bottom:1px solid #444; }
#blocks { border-bottom:1px solid #444;height:175px;overflow:hidden;width:900px; }
.block-inner { padding:15px 15px 15px 0px; }
.block-inner-right { padding:15px;padding-right:0; }
.block-inner img,.block-inner-right img { margin-bottom:10px; }
.block-inner p,.block-inner-right p { color:#888;font-size:1.2em;line-height:1.4em; }
#b_left { width:449px;border-right:1px solid #444; float:left;}
#b_right { width:449px; float:right;height:175px; }

#footer { background:url(/images/bg_footer.jpg) no-repeat; height:105px;color:#777;line-height:1.4em;font-size:1.1em; }
#footer a { color:#E26700;}
#footer a:hover { color:#d1d1d1;}

.link-left { float:left; }
.link-right { float:right; }

.weiter { display:block; background:url(/images/weiter.gif) no-repeat left center; padding:2px 0px 2px 18px; font-size:1.2em; text-decoration:none; color:#E26700; }
.weiter_grau { display:block; background:url(/images/weiter_grau.gif) no-repeat left center; padding:2px 0px 2px 18px; font-size:1.2em; text-decoration:none; color:#888; }
a.weiter:hover { color:#d1d1d1; }
a.weiter_grau:hover { background:url(/images/weiter.gif) no-repeat left center;color:#E26700; }


.footer-inner { padding-top:20px; }
#meta_footer { float:left; width:440px; }
#kontakt_footer { float:right; width:440px;text-align:right; }


#content-blocks { border-bottom:1px solid #444;width:900px;padding-top:10px;padding-bottom:9px;color:white;font-size:1.2em;line-height:1.5em; }
.service-block { clear:both; padding-bottom:20px;padding-top:20px; border-bottom:1px solid #444;font-size:1.0em;line-height:1.6em; }
.service-block h1 { text-transform:uppercase;font-size:1.4em;margin:0;padding:0;margin-bottom:10px;letter-spacing:1px;color:#FF7400; }

#arten { float:right;width:700px;margin-top:15px; }
.art { padding-bottom:42px; border-bottom:1px solid #555;margin-bottom:40px;text-align:justify; }
.art img.webicons { float:left; border:1px solid white;margin-right:15px;margin-bottom:65px;margin-top:33px; }
.noblock { display:inline; }
h1 {
	color:#FF7400;
	text-transform:uppercase;
	letter-spacing:0px;
	font-size:16px;
	font-weight:bold;
	word-spacing: 0.5em;
}

.slide-wrapper h1, .slide-wrapper2 h1 {
	color:white;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

.slide-wrapper h2, .slide-wrapper2 h2 {
	color:#E26700;
	text-transform:uppercase;
	letter-spacing:0px;
	font-size:12px;
	margin-bottom:1px;
}

.slide-wrapper p, .slide-wrapper2 p {
	height:67px;
	margin-bottom:20px;
}

#projects {
	position: relative;
	display: block;
	float: left;
	width:900px;
	overflow: hidden;
	height:1600px;
}

#projectControls p.showing {
	margin-top:5px;padding-left:60px;color:#aaa;
}

#projectSlide {
	position: absolute;
	top: 35px;
	left: 0px;
	display: block;
	float: left;
	width:2062px;
}

#projectGrid {
	display: block;
	float: left;
	width:960px;
}

#projectDetail {
	position: relative;
	display: block;
	float: left;
	width:900px;
	height:400px;
	padding-left: 32px;
}

#projectNav {
	position: relative;
	display: block;
	float: left;
	width:300px;
	height:50px;
	overflow: hidden;
}

#projHome {
	position: absolute;
	top: 10px;
	left: 0px;
	display: block;
	float: left;
	width:500px;
	height:50px;
	overflow: hidden;
}


#projHome .forward{
	display: block;
	float: left;
	cursor: pointer;
	width: 148px;
	height: 14px;
}

#projHome .back{
	display: block;
	float: left;
	opacity: 0;
	filter: alpha(opacity = 50);
	cursor: pointer;
	width: 209px;
	height: 14px;
}

#projectControls{
	position: absolute;
	top:301px;
	left: 35px;
	display: block;
	float: left;
	width:200px !important;
	height:50px !important;
}

.control img {
	display: block;
	float: left;
	cursor: pointer;
	color: #000;
}

#common {
	display: block;
	float: left;
	width:962px;
	padding: 22px 0 200px 0;
}

#projectGrid div {
	display: block;
	float: left;
	width:154px;
	height: 150px;
	font-size: 10px;
	line-height: 14px;
	cursor: pointer;
	width:154px;
	height: 200px;
}

#projectGrid p {
	display: block;
	font-size: 10px;
	color: #888;
	line-height: 10px;
	padding:0;
	width:130px;
}

#projectGrid p span{
	display: block;
	font-size: 12px;
	color: #ddd;
	line-height: 16px;
	padding:0px 0 0 0;
}



#projectGrid div img{
	width:125px;
	height: 125px;
	border: 1px solid #aaa;
}

#projectGrid div.projright {
	width:154px;
	height: 200px;
}
#media{
	display: block;
	float: left;
	width:450px !important;
	height:299px !important;
	overflow: hidden;
	border: 1px solid #eee;
}

#media .loader{
	display: block;
	float: left;
	padding: 218px 0 0 305px;
}

#media .slider{
	display: block;
	float: left;
	height:299px !important;
	width: 450px;
	margin: 0px;
}

#media .slider div{
	display: block;
	float: left;
	width:450px !important;
	height:299px !important;
	padding-right: 10px;
}

#media .slider img{
	width:450px !important;
	height:299px !important;

}


#detail{
	display: block;
	float: left;
	width:420px;
	height:462px;
	padding-left: 16px;
	text-align:justify;
}
#detail a { color:#FF7400; }
#detail h4 {
	color:white;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
object{
	margin-left:-1px;
	padding:0px;
}

h3.back {
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:15px;
	font-weight:bold;
	color:#FF7400;
}
.technisch {
	color:#aaa;
	font-weight:bold;
}

.technisch-list {
	color:#aaa;
}

#seitennavigation {
	margin-top:20px;
	float:left;
	width:140px;
}

#inhalt {
	margin-top:20px;
	text-align:justify;
}

#inhalt h1{
	color:white;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

#seitennavigation ul li a {
	display:block;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:15px;
	font-weight:bold;
	color:#888;
	border-bottom:1px dotted #888;
	padding:8px 0px;
}

#seitennavigation ul li a:hover {
	color:#FF7400;
}

#portfolio-filter li { float:left;margin-right:10px; }
#portfolio-filter li a { color:#ddd;text-transform:uppercase;font-size:14px;font-weight:bold;margin-bottom:10px; }
#portfolio-filter li a:hover,#portfolio-filter li a.current { color:#FF7400; }

#i-inhalt { width:100%; height:125px;}
#i-table { width:100%; height:100%;display:table;}
#i-row { width:100%; height:100%;display:table-row;}
#i-cell { width:100%; height:100%;display:table-cell;vertical-align:middle;}
.adress { color:#777; font-size:12px; line-height:1.4em;margin-right:20px;text-align:justify !important;margin-bottom:3px; }
.adress span { width:150px; display:block; float:left; }