* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -140px;
}
a,a:active {
	color: #333;
	text-decoration: none;
	outline:none !important;
	}
body {
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	}

#content {
	text-align:left;
	width:720px;
	margin-left:220px;
	padding-top:60px;
	font-size: 1.2em;
	}
.homepage_content{
	font-size:13px;
	color:#bbb;
	line-height:200%;
	padding:100px 0 0 220px;
	width:625px;
	text-align:justify;
	position:relative;
	min-height:400px;
	}
#contact_page{
	width:450px;
	}
#video_page{
	position:relative;
	padding:0 0 0 160px;;
	width:700px;
	
	}
.hp_field{
	line-height:180%;
	height:200px;
	width:170px;
	float:left;
	}
.hp_field h2 a{
	margin-bottom:5px;
	border-bottom:8px solid #fff;
	}
#motion_home{
margin:20px 55px 0 0;
	}
#web_home{
margin:20px 55px 0 0;
	}
#mail_home{
margin-top:20px;
	}
#motion_home h2 a{
	display:block;
	background:url(images/motion_home.png) no-repeat;
	width:137px;
	height:36px;
	}
#web_home h2 a{
	display:block;
	width:91px;
	height:36px;
	background:url(images/web_home.png) no-repeat;
	}
#mail_home h2 a{
	display:block;
	background:url(images/mail_home.png) no-repeat;
	width:90px;
	height:38px;
	}
#motion_home h2 a:hover{
	border-bottom:8px solid #fdcd22;
	}
#web_home h2 a:hover{
	border-bottom:8px solid #74cbef;
	}
#mail_home h2 a:hover{
	border-bottom:8px solid #b70b3e;
	}
p {
	margin-top:10px;
	}
.float_left{
	float:left;
	margin:10px 20px 0 0;
	}
.align_center{
	
	}
#contact_icon{
	width:153px;
	height:193px;
	background:url(images/contact_mail.png) no-repeat;
	position:absolute;
	right:-180px;
	top:150px;
	}
#yellow_drop{
	width:45px;
	height:62px;
	background:url(images/yellow_drop.png) no-repeat;
	position:absolute;
	bottom:-30px;
	left:330px;
	z-index:50;
	}
#blue_drop{
	width:42px;
	height:39px;
	background:url(images/blue_drop.png) no-repeat;
	position:absolute;
	bottom:240px;
	right:-60px;
	}
#red_drop{
	width:40px;
	height:64px;
	position:absolute;
	top:210px;
	left:90px;
	background:url(images/red_drop.png) no-repeat;
	}


#description{
	font-size:1.4em;
	letter-spacing:1px;
	color:#666;
	}


h1, h1 a, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #page_list li.page_item a {
	text-decoration: none;
	}
h1, h2, h3, h4, h5, h6, .read_more{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:normal;
	}
h2 {
	font-size: 1.8em;
	}
h2, h2 a, h3, h3 a, #commentform input, #commentform textarea, .entry a{
	color: #333;
	}
#page_list li.page_item, #page_list li.page_item a, #headline li.page_item, #headline li.page_item a {
	font-size:16px;
	display:block;
	padding:5px;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#ddd;
	}


/* Typography & Colors */



/* Structure */
*{
	margin:0;
	padding:0;
	}
body {
	margin: 0;
	padding: 0;
	}
#header_cont {
	width:100%;
	height:100px;
	position:relative;
	}
.clear{
	clear:both;
	visibility:hidden;
	}
#description{
	margin-left: 10px;
	height:40px;
	}
.content_container{
	width:950px;
	margin:auto;
	
	}/*contains content, sidebar and navigation bar*/

.leftbar{
	background:url(images/head_title_ornament.png) 16px 0 no-repeat;
	width:200px;
	float:left;
	}
.singlebar{
	min-height:200px;
	}
.overviewbar{on
	min-height:100px;
	
	}
.leftbar h2{
	color:#6CF;
	font-size:40px;
	height:70px;
	width:160px;
	text-transform:lowercase;
	}
.leftbar#videos h2{
	margin:48px 0 0 45px;
	background:url(images/video_cloud.png) no-repeat;
	}
.leftbar#themes h2{
	margin:45px 0 0 40px;
	background:url(images/theme_cloud.png) no-repeat;
	}
.leftbar#homepage h2{
	margin:50px 0 0 25px;
	background:url(images/three_drops.png) no-repeat;
	}
.leftbar#contact h2{
	margin:45px 0 0 42px;
	background:url(images/rain.png) no-repeat;
	}
.leftbar#impressum h2{
	margin:45px 0 0 42px;
	background:url(images/zacken.png) no-repeat;
	}
.form_field{
	position:relative;
	}
#yourname{
	background:url(images/mail_name.png) no-repeat;
	position:absolute;
	width:100px;
	height:27px;
	left:-98px;
	top:10px;
		}
#yourmail	{
	background:url(images/mail_mail.png) no-repeat;
	position:absolute;
	width:112px;
	height:27px;
	left:-108px;
	top:10px;
		}
#yoursubject{
	background:url(images/mail_subject.png) no-repeat;
	position:absolute;
	width:116px;
	height:34px;
	left:-114px;
	top:8px;
		}
#yourmessage{
	background:url(images/mail_message.png) no-repeat;
	position:absolute;
	width:136px;
	height:26px;
	left:-116px;
	top:10px;
		}
.captcha{
	position:absolute;
	left:-105px;
	top:35px;
		}
.wpcf7-text{
	min-height:30px;
	font-size:16px;
	letter-spacing:2px;
	color:#666;
	padding:3px 10px;
	}
.wpcf7-submit{
	min-height:30px;
	font-size:14px;
	letter-spacing:2px;
	color:#666;
	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:#FC0;
	}


.desc_label{
	color:#666;
	font-size:12px;
	}
.video_post{
	border:1px solid #ddd;
	float:left;
	margin:20px 0 0 18px;
position:relative;
width:291px;
	height:160px;

	}

.video_post h3 a{
	width:292px;
	height:151px;
	padding-top:7px;
	font-size:15px;
	color:#FFF;
	display:block;
	position:absolute;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	z-index:51 !important;
	}
.video_post h3 a:hover{
	
	padding-top:3px;
border-top:4px solid #FC0;
	}
.video_post#theme_post h3 a{
	color:#333;
	font-size:12px;

	}
.video_desc{
	width:240px;
	min-height:200px;
	float:right;
	margin-right:5px;
	background:url(images/diag_stripes.png);
	}

#video_desc_title{
	margin-top:20px;
	clear:right;
	list-style:none;
	width:240px;

	}
#themebuttons {
	margin-top:80px;
	
	width:240px;
	clear:both;
	list-style:none;
	
	}
#themebuttons li{
	border-top:10px solid #fff;
	text-align:center;
	display:block;width:240px;
	text-transform:uppercase;
	
	}
#themebuttons li a{
	color:#666;padding:7px 0;
	background:url(images/diag_stripes.png);
	display:block;
	}
#themebuttons li a:hover{
	color:#fff;
		background:none;
	background-color:#FC0;
	
	}
#video_desc_title li{
	
	text-align:left;
	position:relative;
	text-transform:uppercase;
	font-size:14px;
	margin: 4px 18px 10px 15px;
	width:213px;
	color:#333;
	height:25px;
	}	
#box_header {
	
	text-transform:uppercase;
	font-size:15px;

	color:#FC0;
	background-color:#FFF;
	float:right;
	margin:15px 0 10px 20px;
	padding: 5px 25px;
	}
.video_desc_info{
		color:#999;
	font-size:10px;
	text-align:right;
	width:130px;
	position:absolute;
	right:0;
	top:-5px;
	text-transform:uppercase;
	padding: 5px 8px 5px 8px;
	margin-top:3px;
	background-color:#FFF;
	}
.work_overlay{
	width:292px;
	height:161px;
	background:url(images/work_overlay.png) no-repeat;
	z-index:50 !important;
	display:block;
	position:absolute;
	top:0;
	}

#videos_overlay{
	background:url(images/work_overlay.png) no-repeat;
	}
#themes_overlay{
	background:url(images/overlay_themes.png) no-repeat;
	}


.video_post_small{
	float:left;
	margin:5px 0px;
position:relative;
width:180px;

	height:28px;
	background:none;-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
.video_post_small:hover{
	
width:180px;
	height:140px;
	background:none;
	}
.video_post_small h3 a{
	width:180px;
	height:29px;
	padding-top:7px;
	font-size:12px;
	letter-spacing:1px;
	color:#333;
	display:block;
	text-align:center;
	position:absolute;
	font-family: Helvetica, Arial, sans-serif;
	z-index:31 !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
.work_small_overlay{
	width:180px;
	height:30px;
	background:url(images/diag_stripes.png);
	z-index:50 !important;
	display:block;
	position:absolute;
	top:0;
	filter: alpha(opacity=60); 
	-khtml-opacity: .6;      
	-moz-opacity: .6;       
	opacity: .6;  
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
.work_small_overlay:hover{
	height:140px;
	filter: alpha(opacity=0); 
	-khtml-opacity: 0;      
	-moz-opacity: 0;       
	opacity: 0;  
	padding-top:3px;
	}
	
	
	

.video_post_big{
	float:left;
	margin-top:10px;
position:relative;
width:90px;
	height:160px;
	background:none;-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
.video_post_big:hover{
	
width:292px;
	
	background:none;
	}

.work_big_overlay{
	width:90px;
	height:160px;
	background:url(images/diag_overview.png);
	z-index:50 !important;
	display:block;
	position:absolute;
	top:0;
	filter: alpha(opacity=60); 
	-khtml-opacity: .6;      
	-moz-opacity: .6;       
	opacity: .6;  
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
#vid_overlay{
	background:url(images/diag_overview.png);
	}
#the_overlay{
	background:url(images/diag_overview_dark.png);
	}
.work_big_overlay:hover{
	width:292px;
	filter: alpha(opacity=0); 
	-khtml-opacity: 0;      
	-moz-opacity: 0;       
	opacity: 0;  
	padding-top:3px;
	}
	
	
#video_video{
	width:460px;
	padding-left:5px;
	float:left;
	}



	
.post_top {
	height:15px;
	color:#999;
	text-transform:uppercase;
	font-size:8px;
	text-align:right;
	padding-top: 8px;
	padding-right:20px;
	z-index:100;
	letter-spacing:2px;
	}
.post_top {
	background:url(images/post_top_diag.png);
	top:0;
	}




.push{
	height:140px;
	clear:both;
	
	}
.footer {
	clear:both;
	position:relative;
	background:url(images/footer_gradient.png) repeat-x;
	background-color:#FFF !important;
	height:100px;
	margin-top:40px;
	
	}
.footer h4{
	width:770px;
	height:50px;
	font-size:14px;
	color:#FC0;
	margin:auto;
	text-align:center;
	padding-top:40px;
	/*background:url(images/footer_ornament.png) 390px 15px no-repeat;*/
	}
.footer h4 a{
	color:#FC0;
	}
.footer h4 a:hover{
	color:#666;
	}
/* Structure */



/*	Headers */
#header_top{
	background:url(images/diag_stripes.png);
	height:20px;
	}
#header_ornament{
	background:url(images/ornament.png);
	height:25px;
	width:377px;
	position:absolute;
	top:7px;
	left:90px;
	}
.cufon-loading h1{
  visibility: hidden !important;
}


h1 {
	margin: 0;
	}


#page_list li.page_item{
	float:left;
	margin:0px 5px;
	padding:6px 6px 2px;
	}
#headline li.page_item{
	float:right;
	margin:0px 5px 0px;
	padding:6px 6px 2px;
	}

#page_list, #headline{
	height:25px;
	padding:3px 0 0 10px;
	list-style:none;

	}
#headline{
	float:right;
	}


/* Various Tags & Classes*/