html {
	
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	font-family: arial;
	color: #ffffff;
	letter-spacing:0.15em;
}
body {
	background-color: #000000!important;
}
img {
	display:block;
	width:100%;
	height:auto;
}

li {
	border-top: 1px solid #0e0d0d;
	color: #ffffff;
	padding-left: 40px;
	background-image: url(../images/list-point.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-top:10px;
	padding-bottom: 10px;
	list-style: none;
	margin-left:-30px;
}
#background {
	position:relative;
	max-width:1270px;
	width:100%;
	background-image: url(../images/background.png);
	background-position: -12px -12px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	border-radius: 10px;
}
#header {
	position:relative;
	max-width: 887px;
	width:90%;
	height: 181px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.content {
	display:none;
	position:relative;
	max-width: 893px;
	width:100%;
	
	margin-right:auto;
	margin-left:auto;
	background-image: url(../images/content-back.png);
	padding-top:40px;
	
}
#content-border {
	display:block;
	position:relative;
	max-width: 950px;
	
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
}
.content.active {
	display:block;
}
.monitor img {
	margin-left:auto;
	margin-right:auto;
}
.button {
	position:absolute;
	display:block;
	top:20px;
	width: 72px;
	height:66px;
}

.button.home {
	width: 46px;
	height: 42px;
	background-image: url(../images/button-home.png);
	background-repeat: no-repeat;
	top:40px;
}
.button.home:hover {
	background-image: url(../images/button-home-hover.png);
}

.button.brief {
	background-image: url(../images/button-brief.png);
	background-repeat: no-repeat;
	right: 180px;
}
.button.brief:hover {
	background-image: url(../images/button-brief-hover.png);
}

.button.star {
	background-image: url(../images/button-star.png);
	background-repeat: no-repeat;
	right: 90px;
}
.button.star:hover {
	background-image: url(../images/button-star-hover.png);
}

.button.screen {
	background-image: url(../images/button-screen.png);
	background-repeat: no-repeat;
	right: 0px;
}
.button.screen:hover {
	background-image: url(../images/button-screen-hover.png);
}

.monitor {
	position:relative;
	width: 433px;
	height:470px;
	background-image: url(../images/screen.png);
	background-repeat: no-repeat;
	border:1px solid transparent;
	float:left;
}
.monitor .screen {
	position:absolute;
	width:372px;
	height:205px;
	left:30px;
	top:40px;
	font-size:22px;
	color:#ffffff;
	text-align: center;
	overflow:hidden;
}
.text {
	position:relative;
	margin-bottom:60px;
	width: 433px;	
	left:20px;
	top:0px;
	overflow:hidden;
}
.text.scroll {
	overflow-y:scroll;
}
.screen span {
	display:block;
	padding-top:80px!important;
	font-weight:300;
}
#footer {
	position:relative;
	background-color: #0d0707;
	margin-left:auto;
	margin-right:auto;
	height:350px;
	max-width:1193px;
	border-radius: 10px;
	
}
.footer-content {
	position:relative;
	height: 200px;
	max-width: 887px;
	width:90%;
	height: 181px;
	
	margin-left:auto;
	margin-right:auto;
	
}
.scroll-up {
	position: absolute;
	width: 71px;
	height:55px;
	right:0px;
	margin-top:-55px;
	background-image: url(../images/scroll-top.png);
	background-repeat: no-repeat;
	cursor: pointer; 
}
.sitemap {
	display:block;
	position:relative;
	overflow:hidden;
	top:30px!important;
}
.sitemap .left,
.sitemap .middle,
.sitemap .right {
	height:130px;
	width: 252px;
	float: left;
}
.sitemap .left,
.sitemap .middle {
	margin-right: 60px;
}
.sitemap ul {
	margin-top:0px;
}
.sitemap li {
	border-top: 1px solid #0e0d0d;
	height:30px;
	background-image: url(../images/list-point.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top:7px;
	list-style: none;
	margin-left:-30px;
}
.sitemap .left {
	background-image: url(../images/over-ueber-mich.png);
	background-repeat: no-repeat;
	padding-top:40px;
}
.sitemap .middle {
	background-image: url(../images/over-referenzen.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top:40px;
}
.sitemap .right {
	background-image: url(../images/over-kontakt.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top:40px;
}
a {
	color: #00bfe0;
	text-decoration: none;
	font-family: arial;
	font-weight: 300;
	cursor:pointer;
}
.sitemap .left a:hover {
	color: #73ba04;
}
.sitemap .middle a:hover {
	color: #f7c700;
}
.sitemap .right a:hover {
	color: #bf1b58;
}
h1 {
	color: #00bfe0;
	text-decoration: none;
	font-family: arial;
	font-weight: 300;
}
h2 {
	color: #00bfe0;
	text-decoration: none;
	font-family: arial;
	font-weight: 300;
	font-size: 15px;
}
a.referenzen:hover {
	color: #f7c700;
}
a.mail:hover {
	color: #bf1b58;
}

body.tab {
	background: #000000;
}