*{
	margin:0;
	padding:0;
	}
body {
	margin: 0;
	padding: 0;
	background: url(images/background.png);
	}
	

a,a:active, a:focus {
	color: #ddd;
	text-decoration: none;
	outline:none !important;
	border:0;
	}
img a, a:focus, img:focus {
	border:0;
	text-decoration: none;
	outline:none;
	}
body {
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ddd;
	
	}



p {
	margin-top:10px;
	}
#wrapper {

	}
#content{
	width:910px;
	clear:both;

	margin:30px auto 0 auto;
	}

#description{
	font-size:1.4em;
	letter-spacing:1px;
	color:#666;
	}
#homepage{
	min-height:120px;
	
	}
#mad {
	background: url(images/mad.png) 0 20px no-repeat;
	width:305px;
	border:3px solid #eee;
	padding-top:20px;
	height:73px;
	margin: 260px 0 0 5px;
	float:left;
	}
#headline{
	list-style:none;
	float:right;
	width:400px;
	margin-right:20px;
		}
#headline li {
	float:right;
	margin:20px 5px 0 15px;
	}
#contact {
	background: url(images/mail.png) 1px 0px no-repeat;
	width:48px;
	height:32px;
	display:block;
	}
#vimeo {
	background: url(images/vimeo.png) no-repeat;
	width:33px;
	height:32px;
	display:block;
	}
#behance {
	background: url(images/behance.png) no-repeat;
	width:33px;
	height:32px;
	display:block;
	}
#twitter {
	background: url(images/twitter.png) no-repeat;
	width:33px;
	height:32px;
	display:block;
	}
#xing {
	background: url(images/xing.png) no-repeat;
	width:33px;
	height:32px;
	display:block;
	}
#linked {
	background: url(images/linked.png) no-repeat;
	width:33px;
	height:32px;
	display:block;
	}
#twitter:hover, #contact:hover, #vimeo:hover, #behance:hover, #xing:hover, #linked:hover{
	border-bottom:3px solid #0CF;
	}
#logo {
	margin: 0px 0 0 0px;
	float:left;
	width:360px;
	height:169px;
		background: url(images/logo.png) no-repeat;
	}




.wpcf7 {
	padding-left:200px;
	
	width:512px;
	
	}
.content_contact{
	float:right;
	margin:30px 40px 0 0;
	width:512px;
	}
#whiteback{
	position:relative;
		padding:0px 20px 0 20px;
	}
.form_field{
	position:relative;
	right:0;
	margin-left:100px;
	text-align:right;
	width:400px;
	}
.form_field_small{
	width:400px;
	position:relative;
	right:0;
	margin-left:100px;
	text-align:right;
	
	}
#yourname, #yourmail, #yoursubject{

	top:10px;
		}
#yourname{
	background:url(images/name.png) no-repeat;
	
	position:absolute;
		width:95px;
	height:27px;
	z-index:1;
	left:-100px;
		}
#yourmail	{
	background:url(images/email.png) no-repeat;
	position:absolute;
	width:95px;
	z-index:1;
	height:27px;
	left:-100px;
		}
#yoursubject{
	background:url(images/subject.png) no-repeat;
	position:absolute;
	width:95px;
	height:34px;z-index:1;
	left:-100px;
		}
#yourmessage{
	background:url(images/mail_message.png) no-repeat;
	position:absolute;
	/* [disabled]width:136px; */
	height:26px;
	top:10px;
	
		}
.captcha{
	position:absolute;
	top:13px;
	z-index:1;
	right:0px;
	s
		}
.form_captcha {

	position:relative;
	}


.wpcf7-text{
	right:0;
	font-size:16px;
	letter-spacing:2px;
	color:#666;width:400px;
	padding:4px 10px;
	}
.wpcf7-submit{
	right:0;
	position:absolute;
	text-align:right;
	
	font-size:14px;
	letter-spacing:2px;
	color:#333;
	padding:0px 40px;
	text-transform:lowercase;
	background:url(images/diag_stripes.png);
	border:1px solid #ddd;
	}
.wpcf7-submit:hover{
	color:#fff;
	background:none;
	background-color:#0CF;
	}
.wpcf7-response-output {
	background-color:#0CF;
	color:#fff;
	border:0px solid green;
	padding:15px;
	}

#korrektor{
	padding-top:100px;
	clear:both;
	}
h1 {
	margin: 0;
	}

.video {
	float:left;
	width:286px;
	height:154px;
	margin: 20px 0 60px 10px;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-right:1px solid #222;
	}

.vid_title {
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	display:block;
	padding: 160px 0 0 8px;
	width:280px;
	height:22px;
	color:#CCC;
	background:url(images/under.png) repeat-x;

	}
.vid_title:hover {
	border-bottom:2px solid #0CF;
height:20px;
	
	}
.video_screen{
	padding:20px;
	width:700px;
	margin: 10px auto 0 auto;
	background:url(images/diag_back.png);
	}
.content_stuff{
	padding: 10px 20px 20px 20px;
	width:700px;
	min-height:10px;
	margin: 10px auto 0 auto;
	background:url(images/diag_back.png);
	}
 #impressum{

	height:340px;

	}
#imp_text{
	width:560px;
	text-align:left;
	color:#ddd;
	font-size:12px;
	}

#logo_link {
	height:110px;
	width:210px;
	margin:0px 0 0 90px;
	display:block;

	
	}
#hi, #logo2{
	
	display:block;
	float:left;
	
	}
#hi{
	background:url(images/hi.png) no-repeat;
	width:120px;
	margin: 11px 0 0 100px;height:90px;
	}
#logo2{
	width:220px;height:140px;
	margin: 11px 0 0 50px;
	background:url(images/logo2.png) no-repeat;
	}
#oops{
	
	background:url(images/oops.png) no-repeat;
	width:305px;
	margin: 11px 0 0 10px;
	display:block;
	float:left;
	height:90px;
	}

#hello{
	
	background:url(images/hello.png) no-repeat;
	width:273px;
	margin: 11px 0 0 10px;
	display:block;
	float:left;
	height:90px;
	}

#intro {background:url(images/diag_back.png);
border:1px solid #111;
	float:right;
	width:550px;
	margin-right:10px;
	padding: 15px;
	font-size:22px;
	line-height:190%;
	word-spacing:140%;
	color:#ccc;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	}
#intro a, strong, .stronglink a{
	padding:2px 6px;
	color:#FFF;
	font-style:italic;
	}
#intro a, .stronglink a{
	border-bottom:3px solid #FFF;
	}
#intro a:hover, .stronglink a:hover{
	padding:2px 6px;
	border-bottom:3px solid #FFF;
	color:#0CF;
	font-style:italic;
	}
.highlight{
	color:#FFF;
	}
.feld{
	width:90%;
	line-height:120%;
	margin-left:8%;
	}
#titlebar {
	text-transform:uppercase;
	height:25px;
	background:url(images/diag_back.png);
	width:730px;
	color:#eee;
	font-size:12px;
	margin: 0 auto 20px auto;
	text-align:left;
	padding: 10px 0 0 10px;
	position:relative;
	}
#themebuttons {
	list-style:none;
	position:absolute;
	float:right;
	right:0;
	top: 0;
	width:300px;
	}
#themebuttons li{
	
		top:0;
	margin:0;
	float:right;
	width:100px;
	}
#themebuttons a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-transform:lowercase !important;
	display:block;
	height:25px;
	border-left:3px solid black;
	padding:10px 15px 0px 15px;
	d
	color:#aaa;
	float:right;
}
#themebuttons a:hover{
	color:#fff;
	background-color:#0CF;
	
}
#footer {
	text-align:center;
	word-spacing:140%;
	clear:both;
	color:#ddd;
	margin-top:20px;
	padding: 8px 0px;
	background:url(images/diag_back.png);
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-transform:uppercase;
		}
#footer a {
	color:#ddd;
		}
#footer a:hover {
	color:#0CF;
		}	
.buffer{clear:both;
border:none;
width:100%;
height:10px;
	margin-top:10px;
	}
#frontbuffer{
	
height:60px;
	
	}

/* Various Tags & Classes*/