/* GENERAL START*/
body {
	background-color: #000;
	color: #fff;
	font: 10px "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	word-spacing: 2px;
	font-weight: 200;
}

h2 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 10px;
	color: #323232;
	margin: 50px 0 50px 0;
	clear: both;
}

h3 {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 5px;
	color: #f03;
	margin: 50px 0 20px;
}

h4 {
	color: #f03;
	font-size: 10px;
	margin: 25px 0 15px;
}

a, img {
	outline: none;
	border: none;
}

a, a:link, a:visited {
	color: #666;
	letter-spacing: 1px;
}

a:hover {
	color: #444;
}

a:active {
	color: #222;
}

.textmid {
	margin: 100px 0 0;
}

.title {
	letter-spacing: 10px;
	font-size: 10px;
}

.red {
	color: #f03;
}

.dgrey {
	color: #555;
}

.notop {
	margin-top: 0;
}

.nobottom {
	margin-bottom: 0;
}

.no {
	margin: 0;
}

/* GENERAL END */

/* LAYOUT START */
h1 {
	text-indent: -5000px;
	margin: 75px auto;
	width: 300px;
	height: 50px;
	background: url("../pics/logo/mid.png");
}

#main {
	margin: 0 auto;
	width: 800px;
	height: 450px;
	position: relative;
}

.wrap {
	margin: 0 0 25px;
	width: 746px;
	height: 175px;
	vertical-align: bottom;
}

.info {
	margin: 0 26px 0 0;
	text-align: left;
	width: 520px;
	float: left;
}

.ginfo {
	margin: 0 20px 0 50px;
	text-align: left;
	width: 490px;
	float: left;
}

.side {
	width: 200px;
	float: left;
	height: 150px;
}

.side img {
	margin: 0;
	padding: 0;
}

a .side img{
	height: 0px;
}

.logos {
	width: 400px;
	height: 50px;
	display: block;
	margin: 25px auto;
	text-align: left;
}

.logos img {
	margin: 0 50px !important;
	float: left;
}

.logos img.fb {
	margin-left: 0px !important;
}

.logos p {
	padding-top: 20px;
}

img.firstb {
	margin-top: 40px;
}

/* LAYOUT END */

/* CODA START */
.scroll {
	height: 400px;
	overflow: hidden;
	position: relative;
	clear: left;
}

.wrapper .panel {
	padding: 0px 20px;
	width: 760px;
	text-align: center;
}
/* CODA END */

/* SCROLL START */
#bar2,
#bar3,
#bar5 {
	width: 760px;
	clear: both;
	margin: 0 auto;
}

#bar2 .viewport,
#bar3 .viewport,
#bar5 .viewport {
	width: 746px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

#bar2 .overview,
#bar3 .overview,
#bar5 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
}

#bar2 .point .end, #bar2 .point,
#bar3 .point .end, #bar3 .point,
#bar5 .point .end, #bar5 .point {
	background-color: #333;
	background: url("../pics/scrollbar/scroll.png") no-repeat; 
}

#bar2 .scrollbar,
#bar3 .scrollbar,
#bar5 .scrollbar {
	position: relative;
	float: right;
	width: 9px;
	text-align: center;
}

#bar2 .track,
#bar3 .track,
#bar5 .track {
	background-color: #111;
	height: 100%;
	width: 9px;
	position: relative;
	padding: 0px;
	background: url("../pics/scrollbar/track.png") repeat-y;
}

#bar2 .point,
#bar3 .point,
#bar5 .point {
	height: 45px;
	width: 9px;
	cursor: pointer;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
}

#bar2 .point .end,
#bar3 .point .end,
#bar5 .point .end {
	overflow: hidden;
	height: 5px;
	width: 9px;
}

#bar2 .disable,
#bar3 .disable,
#bar5 .disable {
	display: none;
}

/* SCROLL END */

/* MENU START */ 
.menuwrap {
	margin: 25px auto 0;
	padding: 0;
	width: 800px;
	height: 25px;
	background: url("../pics/menu/bg.png");
	list-style-type: none;
}

li {
	width: 100px;
	height: 25px;
	float: left;
	margin-left: 50px;
}

.hide {
	margin: 0;
	width: 0px;
}

.first {
	margin-left: 25px !important;
}

.about {
	background: url("../pics/menu/about.png") no-repeat 0 0;
}

.leistungen {
	background: url("../pics/menu/leistungen.png") no-repeat 0 0;
}

.portfolio {
	background: url("../pics/menu/portfolio.png") no-repeat 0 0;
}

.kontakt {
	background: url("../pics/menu/kontakt.png") no-repeat 0 0;
}

.impressum {
	background: url("../pics/menu/impressum.png") no-repeat 0 0;
}

a:hover img{
	background-position: 0 -25px;
}

.selected img, a:active img {
	background-position: 0 -50px !important;
}
/* MENU END */