* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
body {
	background:#000 url(../images/bg-body.jpg) top center no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p {
	margin-bottom:14px;}
	
	p a:link, p a:visited {
	color: #1FBED6;
	text-decoration: underline;
}
p a:hover {
	text-decoration:none;
}
p a:active {
	text-decoration:none;
}

.clear {
		clear:both;
		float:none;
		}

p.testimonial {
	background:#0b2225;
	color:#c0c0c0;
	padding:10px 10px 30px 10px;
	font-style:italic;
	line-height:20px;
	}
	
p.testimonial:hover {
	background:#041416;
	}
	
span.verfasser {
	font-size:11px;
	float:right;
	color:#fff;
	padding:5px 0 0 0;
	}

	
span.highlight {
	color:#1FBED6;
	font-size:16px;
	line-height:22px;
}




html, body, div#container {
	height: 100%;
}
body > div#container {
	height: auto;
	min-height: 100%;
}
div#container {
	width:980px;
	margin:0 auto;
}
div#container h1 {
	width:398px;
	height:123px;
	display:block;
	text-indent:-10000px;
	float:left;
}
div#container h1 a {
	display:block;
	width:398px;
	height:123px;
	background:url(../images/bg-h1.png) no-repeat;
}
ul#navigation {
	height:30px;
	width:406px;
	float:left;
	margin:89px 0 0 176px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#navigation li {
	float:left;
	list-style-type:none;
	color:#c2f7ff;
	font-size:22px;
	height:28px;
	text-indent:-10000px;
}
ul#navigation li a {
	height:28px;
	display:block;
	color:#c2f7ff;
	text-decoration:none;
	background:url(../images/navigation.png) no-repeat;
}
ul#navigation li#webdesign a {
	width:104px;
}
ul#navigation li#webdesign a:hover, ul#navigation li#webdesign a.active {
	background-position:0 -28px;
}
ul#navigation li#fotografie a {
	width:108px;
	background-position:-104px 0;
}
ul#navigation li#fotografie a:hover, ul#navigation li#fotografie a.active {
	background-position:-104px -28px;
}
ul#navigation li#ueber a {
	width:111px;
	background-position:-212px 0;
}
ul#navigation li#ueber a:hover, ul#navigation li#ueber a.active {
	background-position:-212px -28px;
}
ul#navigation li#kontakt a {
	width:77px;
	background-position:-323px 0;
}
ul#navigation li#kontakt a:hover, ul#navigation li#kontakt a.active {
	background-position:-323px -28px;
}
div#claim {
	clear:both;
	width:492px;
	padding:83px 0 0;
	float:left;
}
div#claim h2 {
	font-size:32px;
	color:#fff;
	border:none;
	word-spacing:-7px;
}
div#claim h2 .cufon {
	margin-bottom:5px;
	background:#5e1b3a;
	padding:5px 3px 0 3px;
}
div#claim p {
	color:#c2f7ff;
	font-size:13px;
	line-height:23px;
	padding-left:4px;
}
div#claim a#hire {
	width:342px;
	height:49px;
	display:block;
	background:url(../images/bg-hire.png);
	text-indent:-10000px;
	margin:40px 0 0 4px;
}
div#claim a#hire:hover {
	background-position:0 49px;
}
div#networks {
	float:left;
	color:#fff;
	width:240px;
	margin:303px 0 0 107px;
}
div#networks h6 {
	font-weight:bold;
	font-size:22px;
}
div#networks p {
	font-size:18px;
}
div#networks p span {
	color:#1fbed6;
}
div#networks ul {
	height:34px;
	margin-top:24px;
}
div#networks ul li {
	float:left;
	list-style-type:none;
	width:34px;
	height:34px;
	text-indent:-10000px;
	margin-right:18px;
}
div#networks ul li:last-child {
	margin-right:0;
}
div#networks ul li a {
	width:34px;
	height:34px;
	display:block;
	background:url(../images/bg-networks.png);
}
div#networks ul li#net1 a:hover {
	background-position:0 36px;
}
div#networks ul li#net2 a {
	background-position:-50px 0px;
}
div#networks ul li#net2 a:hover {
	background-position:-50px 36px;
}
div#networks ul li#net3 a {
	background-position:-100px 0px;
}
div#networks ul li#net3 a:hover {
	background-position:-100px 36px;
}
div.threads {
	clear:both;
	margin:72px 0 0px 0;
	color:#fff;
	line-height:20px;
}
div.threads a.readmore {
	color:#86a6ab;
	background:#5f1b3b;
	padding:1px;
	text-decoration:none;
	margin-top:0px;
	display:inline-block;
}
div.threads a.readmore:hover {
	background:	#1FBED6;
	color:#000;
}
h2 {
	color:#c2f7ff;
	font-size:32px;
	font-weight:normal;
	border-bottom:1px solid #1fbed6;
	padding-bottom:4px;
	clear:both;
}

h2.sec {
	color:#c2f7ff;
	font-size:32px;
	font-weight:normal;
	border-bottom:1px solid #1fbed6;
	padding-bottom:4px;
	margin-top:50px;
	clear:both;
}

div.threads h3 {
	font-size:20px;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
}
div.threads dt, div.threads dd {
	float:left;
}
div.threads dt {
	clear:both;
	width:50px;
}
div.threads dd {
	width:140px;
}
div.threads div.threadCol:last-child {
	margin-right:0;
}
div.threadCol {
	margin:30px 32px 0 0;
	width:305px;
	float:left;
	font-size:13px;
}

div.kontakt-container {
	margin:30px 0px 0 0;
	width:980px;
	position:relative;
	font-size:13px;
	background:url(../images/bg-kontakt.jpg);
	height:500px;
	width:980px;
}

p.daten {
position:absolute;
right:31px;
top:45px;
width:354px;
		}

div#footer {
	background:url("../images/bg-footer.jpg") no-repeat scroll top center;
	height:216px;
	padding:44px 0 0;
	clear:both;
	position:relative;
}
div#footer a {
	color:#1fbed6;
	text-decoration:underline;
}
div#footer a:hover {
	text-decoration:none;
}
div#footer div.threads {
	margin-top:0;
}
div#footer div.threadCol {
	padding-left:85px;
	width:220px;
}
div#footer div#adress {
	background:url(../images/bg-adress.png) no-repeat center left;
	height:70px;
	padding-top:4px;
}
div#footer div#phone {
	background:url(../images/bg-phone.png) no-repeat center left;
	height:70px;
	padding-top:4px;
	margin-right:98px;
}
div#footer div#misc {
	background:url(../images/bg-misc.png) no-repeat center left;
	height:70px;
	padding-top:4px;
	width:150px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
div#announce {
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	top:0;
	left:0;
}
.thelast {
	margin-right:0 !important;
}

.image {
	border:#0f4a52 5px solid;
	margin-bottom:30px;
	margin:30px 27px 0 0;
	}
	
.image:hover {
	border:#1fbed6 5px solid;
	}
	


