@charset "UTF-8";
/* CSS Document */

body {
	background-color:#191919;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#b0b0b0;
	margin-bottom:100px;
}

a {
	color:#b0b0b0;
	text-decoration:none;
}

a:hover {
	color:#0046b8;
}

a img {
	border:none;
}

#centercontainer {
	margin:auto;
	width:1000px;
}

#head {
	position:relative;
	height:80px;
	width:1000px;
	border-bottom:1px solid #4c4a48;
	margin:auto;
}

#head a {
	border:none;
}

.slogan {
	position:absolute;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:20px;
	color:#e0e0e0;
	bottom:5px;
	font-weight:100;
}

#navi{
	position:absolute;
	bottom:0;
	right:0;
}

#navi a{
	border:none;
}

#text {
	position:relative;
	width:313px;
	height:256px;
	float:left;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 0px 20px 20px;
	text-align:justify;
}

/*IE6*/*html #text {
	height:257px;
}

#eyecatcher {
	position:relative;
	width:647px;
	height:256px;
	float:right;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 0px 20px 20px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	font-weight:100;
	margin:5px;
	padding:0;
	color:#bbbbbb;
	text-align:center;
	margin-top:20px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:100;
	margin:5px;
	padding:0;
	width:100px;
	color:#efefef;
}

h2 span {
	border-bottom:1px solid #efefef;
	color:#efefef;
}

h3 {
	font-weight: normal;
	color: #e0e0e0;
	font-size: 18px;
	margin: 0 0 0px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
}

#leistungen_text {
	position:relative;
	width:313px;
	height:197px;
	float:left;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 0px 20px 20px;
	text-align:justify;
}

#leistungen_inhalt {
	position:relative;
	width:647px;
	height:197px;
	float:right;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 0px 20px 20px;
}

#leistungen_inhalt div img {
	float:right;
}

#wrapper  {
	position:relative;
	width:980px;
	height:343px;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 0px 20px 20px;
	text-align:justify;
}

#kontaktdaten {
	position:relative;
	width:980px;
	height:257px;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 0px 20px 20px;
	text-align:justify;
	font-size:12px;
}

ul{
	margin-top:-8px;
	margin-left:0px;
	padding-left:0px;
}

li {
	border-bottom:1px dotted #4c4a48;
	padding:8px 5px 8px 0px;
	margin:0px 0 8px 0;
	list-style:none;
}

li:hover {
	color:#e0e0e0;
}

#beratung, #webdesign, #logo, #seo, #joomla {
	position:relative;
	width:627px; 
	height:197px; 
	display:none;
}

#beratung {
	display:block;
}

.leistung_beschr img {
	float:right;
}
.leistung_beschr span {
	float:left;
}

.impressum {
	margin-left:20px;
	margin-right:20px;
	width:410px;
	float:left;
	text-align:left;
}

*html .impressum {
	margin-left:20px;
	margin-right:20px;
	width:388px;
	float:left;
	text-align:left;
}

*+html .impressum {
	padding-left:20px;
	margin-right:20px;
	width:388px;
	float:left;
	text-align:left;
}

.light {
	color:#efefef;
	font-style:italic;
}

.leistungerbracht {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:underline;
	color:#eee;
}

ul.referenz {
	padding:0 0 0 20px;
	margin:0;
	font-size:11px;
}

ul.referenz li {
	border:none;
	padding:0;
	margin:0;
	list-style-type:circle;
}

ul.referenz li:hover {
	color:inherit;
}

.link {
	color:#efefef;
	font-size:14px;
	border-bottom:dashed 1px #666;
}

#disclaimer {
	position:relative;
	width:960px;
	height:auto;
	background-color:#000000;
	border-bottom:1px solid #4c4a48;
	border-top:1px solid #4c4a48;
	padding:20px 20px 20px 20px;
	text-align:justify;
}

/*Kontaktformular*/
/*###############*/

.formcontainer{
	float:left;
	width:530px;
	text-align:left;
}

*html .formcontainer{
	float:left;
	width:552px;
	text-align:left;
}

.smallinput {
	float:left;
	width:202px;
}

.hugeinput {
	float:left;
	margin-left:20px;
	margin-top:-1px;
	width:302px;
}

.form_input {
	width:200px;
	height:14px;
	border:#555555 solid 1px;
	background-color:#252525;
	color:#b0b0b0;
}

.form_text {
	width:300px;
	height:150px;
	border:#555555 solid 1px;
	background-color:#252525;
	color:#b0b0b0;
}

#status {
	position:absolute;
	z-index:2;
	margin:-70px 0 0 50px;
	color:#FF0000;
	text-align:left;
	background-color:#000000;
	padding:20px 20px 20px 20px;
	border:solid 1px #666666;
	width:300px;
}

img.close {
	float:right;
	color:#999999;
}

.schinken {
	display:none;
	visibility:hidden;
}

#submit {
	background-image:url(../images/submit.png);
	width:96px;
	height:22px;
	border:none;
	text-align:right;
	color:#FFFFFF;
	padding:-15px 0 10px 0;
	font-size:13px;
	font-weight:100;
}

*html #submit {
	background-image:url(../images/submit.png);
	width:96px;
	height:22px;
	text-align:center;
	color:#000000;
}

*+html #submit {
	background-image:url(../images/submit.png);
	width:96px;
	height:22px;
	text-align:center;
	color:#000000;
}

.klunternehmen {
	font-size:11px;
}