* { margin: 0; padding: 0; outline: 0; }

body {
	background: #403f3f;
	color: #FFF;
	font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#container {
	border: 1px solid #313131;
	display: block;
	left: 50%;
	height: 530px;
	margin: -266px 0 0 -351px;
	position: absolute;
	top: 50%;
	width: 700px;
}

#container {
	background: #FFF;
	z-index: 1;
}

.lt, .rt, .lb, .rb {
	height: 10px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 10px;
	z-index: 2;
}

.lt {
	background: url(../images/lt.png);
	margin-left: -351px;
	margin-top: -266px;
}

.rt {
	background: url(../images/rt.png);
	margin-left: 341px;
	margin-top: -266px;
}

.lb {
	background: url(../images/lb.png);
	margin-left: -351px;
	margin-top: 256px;
}

.rb {
	background: url(../images/rb.png);
	margin-left: 341px;
	margin-top: 256px;
}

h1#logo {
	left: 50%;
	margin-left: -350px;
	position: absolute;
	top: 50%;
	width: 175px;
	z-index: 6;
}

h1#logo a{
	background: url(../images/logo.jpg);
	display: block;
	height: 177px;
	margin-top: -88px;
	width: 175px;
	text-indent: -9999px;
}

#menu {
	background: #313131;
	display: block;
	font-weight: bold;
	height: 167px;
	left: 50%;
	list-style: none;
	margin-left: -175px;
	margin-top: -88px;
	padding: 10px 10px 0 10px;
	position: absolute;
	top: 50%;
	width: 155px;
	z-index: 5;
	background-color: #2693FF;
}

#menu a {
	/* background: url(../images/menu.png) no-repeat top left; */
	color: #FFF;
	display: block;
	height: 28px;
	padding: 10px 0 0 10px;
	text-decoration: none;
	/*text-shadow: #5F5F5F 0 1px 1px;*/
}

#menu a.active {
	background: #FFF;
	/* background-position: 0px -38px; */
	color: #2693FF;
	/*text-shadow: #5F5F5F 0 1px 1px;*/
}

.scrollable {
	clear: left;
	height: 530px;
	overflow: hidden;
	position: relative;
	width: 700px;
}

.items {
	height: 530px;
	width: 700px;
	z-index: 2;
}

.panel {
	height: 530px;
	width: 700px;
}

#home {
	background: url(../images/home.png) no-repeat;
}


#about {
	background: url(../images/about.png) no-repeat;
}

#services {
	background: #FFF;
}


#contact {
	background: url(../images/contact.png) no-repeat;
}


.rechts {
	color: #4f4e4e;
	display: block;
	float: left;
	width: 790px;
	text-shadow: #fff 0 1px 1px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

.panel p {
	margin-bottom: 13px;
}

.panel .rechts a {
	color: #d11723;
	font-weight: bold;
	text-decoration: none;
}

.panel .rechts a:hover {
	border-bottom: 1px solid #A2121C;
	color: #A2121C;
}

a img, img {
	border: none;
}

input[type=text]{
	background: url(../images/input.png) no-repeat top center;
	border: none;
	color: #4f4e4e;
	display: block;
	width: 270px;
	height: 27px;
	font: 14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	padding: 10px 10px 0 10px;
}

input[type=text]:focus{
	background-position: 0 -37px;
}

input[type=text].error{
	background-position: 0 -74px;
}

textarea{
	background: url(../images/textarea.png) no-repeat top center;
	border: none;
	color: #4f4e4e;
	display: block;
	width: 270px;
	height: 130px;
	font: 14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	padding: 10px;
}

textarea:focus {
	background-position: 0 -150px;
}

textarea.error {
	background-position: 0 -300px;
}

input[type=submit]{
	background: url(../images/button.png) no-repeat top center;
	color: #FFF;
	border: none;
	display: block;
	width: 102px;
	height: 37px;
	font: 14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}

input[type=submit]:hover{
	background-position: 0 -37px;
}

input[type=submit]:active{
	background-position: 0 -74px;
}

.grid_1 { width: 175px; }
.grid_2 { width: 350px; }
.grid_3 { width: 525px; }
.grid_4 { width: 700px; }
.grid_1, .grid_2, .grid_3, .grid_4 { display: block; float: left; height: 177px;}

#footer {
	color: #8A8A8A;
	display: block;
	left: 50%;
	font-size: 13px;
	height: 20px;
	margin: 266px 0 30px -351px;
	padding: 10px 5px;
	position: absolute;
	text-align: center;
	text-shadow: #403f3f 0 1px 1px;
	top: 50%;
	width: 690px;
}

#footer a {
	color: #A8A8A8;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px solid #FFF;
	color: #FFF;
}