/*----------------------------------------------------------------------------- 

	-	kenburn slider -

Screen Stylesheet 

version:   	1.0 
date:      	09/18/11 
author:		themepunch
email:     	info@themepunch.com 
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



				

/***********************************************
	-	THE BACKGROUND OF THE SLIDER	-
************************************************/


.light .kenburn-bg{
	background:url(../assets/bg/white25.png) repeat;	
	padding:4px;
	border:1px solid #fff;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.dark .kenburn-bg{
	background:url(../assets/bg/white25.png) repeat;	
	padding:4px;
	border:1px solid #222;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}




/*************************************************
	-	THE PRELOADER OF THE BANNER 	-
*************************************************/
.kenburn-preloader{
	background:url(../assets/loader/preloader.gif) no-repeat 50% 50%;
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:9999;
	background-color: #000;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	padding: 10px;
	margin-left: -14px;
}


.video_kenburn_wrap	{height:100%}


/**********************************************************
	-	CAPTION SETTINGS FOR THE PARADIGM SLIDER	-
**********************************************************/	

.kb-fullsize .cp-right, .kb-fullsize .cp-top, .kb-fullsize .cp-left, .kb-fullsize .cp-bottom,
.kb-smallsize .cp-right, .kb-smallsize .cp-top, .kb-smallsize .cp-left, .kb-smallsize .cp-bottom,
.kb-mediumsize .cp-right, .kb-mediumsize .cp-top, .kb-mediumsize .cp-left, .kb-mediumsize .cp-bottom{
	
	color:#fff;
	background:url(../assets/bg/black65.png);
	position:absolute;		
		
}

.kb-minisize .cp-right, .kb-minisize .cp-top, .kb-minisize .cp-left, .kb-minisize .cp-bottom{
	visibility:hidden;
	width:0px;
	height:0px;
}

	
/**************************
	WIDHT >959px SIZING 
***************************/

.kb-fullsize .cp-right	{ padding:30px 40px 30px 40px; top:0px;    right:0px; height:100%; }
.kb-fullsize .cp-left	{ padding:30px 40px 30px 40px; top:0px;    left:0px;  height:100%; }
.kb-fullsize .cp-top	{ padding:5px 40px 5px 40px; top:0px;    left:0px;  width:100%;  }
.kb-fullsize .cp-bottom	{ padding:5px 40px 5px 40px; bottom:0px; left:0px;  width:100%;  }


.kb-fullsize p{
	font-family:Verdana, Geneva, sans-serif;	
	font-size:13px;
	color:#fff;	
	line-height:20px;	
}

.kb-fullsize .cp-title{		
	color:#fff;
	font-size:18px!important;	
	padding-bottom:15px;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
}

.kb-fullsize .cp-subtitle{		
	color:#fff;
	font-size:18x!important;	
	padding-bottom:15px;
	font-family:Verdana, Geneva, sans-serif;
}


/*******	VIDEO SETTINGS	********/
.kb-fullsize .video_clip{
	width:60%;
	height:100%;		
	top:0px;
	left:0px;
}

.kb-fullsize .video_video{
	width:100%;
	height:100%;			
}

.kb-fullsize .video_details{	
	width:34%;
	padding:30px 3% 30px 3%;			
	top:0px;
	right:0px;
	
	position:absolute;
}

.kb-fullsize .video_kenburn h2{
	color:#ccc;
	font-size:26px;	
	font-family:Verdana, Geneva, sans-serif;
	margin: 0;
	line-height:1;
}

.light.kb-fullsize .video_kenburn h2{
	color:#fff;
}

.light.kb-fullsize .video_kenburn  p{
	font-family:Verdana, Geneva, sans-serif;	
	font-size:13px;
	color:#fff;	
	line-height:20px;	
}

.light.kb-fullsize .video_kenburn  .cp-title{		
	color:#fff;
	font-size:18px!important;	
	padding-bottom:15px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

.light.kb-fullsize .video_kenburn  .cp-subtitle{		
	color:#fff;
	font-size:18x!important;	
	padding-bottom:15px;
	font-family:Verdana, Geneva, sans-serif;
}

/**************************
	WIDHT <=767px SIZING 
***************************/

.kb-mediumsize .cp-right	{ padding:15px 15px 15px 15px; top:0px;    right:0px; height:100%; }
.kb-mediumsize .cp-left	{ padding:15px 15px 15px 15px; top:0px;    left:0px;  height:100%; }
.kb-mediumsize .cp-top	{ padding:0px 15px 0px 15px; top:0px;    left:0px;  width:100%;  }
.kb-mediumsize .cp-bottom	{ padding:0px 15px 0px 15px; bottom:0px; left:0px;  width:100%;  }

.kb-mediumsize .cp-title{	
	color:#ccc;
	font-size:18px;	
	font-family:Verdana, Geneva, sans-serif;
}

.kb-mediumsize p{
	font-family:Verdana, Geneva, sans-serif;	
	font-size:12px;
	color:#777;	
	line-height:18px;		
}

/*******	VIDEO SETTINGS	********/
.kb-mediumsize .video_clip{
	width:60%;
	height:100%;		
	top:0px;
	left:0px;
}

.kb-mediumsize .video_video{
	width:100%;
	height:100%;			
}

.kb-mediumsize .video_details{	
	width:34%;
	padding:30px 3% 30px 3%;			
	top:0px;
	right:0px;
	
	position:absolute;
}

.kb-mediumsize .video_kenburn h2{
	color:#ccc;
	font-size:20px;	
	font-family:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;	
	margin: 0;
	line-height:1;
}

.light.kb-mediumsize .video_kenburn h2{
	color:#999;
}

.light.kb-mediumsize .video_kenburn p{
}


/**************************
	WIDHT <=570px SIZING 
***************************/

.kb-smallsize .cp-right		{ padding:15px 15px 15px 15px; top:0px;    right:0px; height:100%; }
.kb-smallsize .cp-left		{ padding:15px 15px 15px 15px; top:0px;    left:0px;  height:100%; }
.kb-smallsize .cp-top		{ padding:15px 15px 15px 15px; top:0px;    left:0px;  width:100%;  }
.kb-smallsize .cp-bottom	{ padding:15px 15px 15px 15px; bottom:0px; left:0px;  width:100%;  }

.kb-smallsize .cp-title{	
	color:#ccc;
	font-size:13px;	
	font-family:Verdana, Geneva, sans-serif;
}

.kb-smallsize p{
	font-family:Verdana, Geneva, sans-serif;	
	font-size:11px;
	color:#777;	
	line-height:16px;		
}

/*******	VIDEO SETTINGS	********/
.kb-smallsize .video_clip{
	width:60%;
	height:100%;		
	top:0px;
	left:0px;
}

.kb-smallsize .video_video{
	width:100%;
	height:100%;			
}

.kb-smallsize .video_details{	
	width:34%;
	padding:30px 3% 30px 3%;			
	top:0px;
	right:0px;
	
	position:absolute;
}

.kb-smallsize .video_kenburn h2{
	color:#ccc;
	font-size:15px;	
	font-family:Verdana, Geneva, sans-serif;
	margin: 0;
	line-height:1;
}

.light.kb-smallsize .video_kenburn h2{
	color:#999;
}

.light.kb-smallsize .video_kenburn p{
}



/**************************
	WIDHT <=300px SIZING 
***************************/



.kb-minisize .video_clip{
	width:100%;
	height:100%;
	padding-right:0px;
	top:0px;
	left:0px;	
}

/*******	VIDEO SETTINGS	********/
.kb-minisize .video_clip{
	width:100%;
	height:100%;		
	top:0px;
	left:0px;
}

.kb-minisize .video_video{
	width:100%;
	
}

.kb-minisize .video_details{	
	visibility:hidden
}

.kb-minisize .video_kenburn h2{
	font-size:0px;		
	margin: 0;
	line-height:0;
}

/****************************
	-	DECORATIONS	-
****************************/	
.responsiveholder a:link,
.responsiveholder a:visited {
	text-decoration: none;
	color: #fff;
}

.responsiveholder a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #ddd;
}

.responsiveholder a:focus { 
    outline: none; 
}

.responsiveholder .clear{
	clear:both;
}









/***********************************************
	-	ALL  VIDEO SETTINGS	-
************************************************/
.kenburn-video-overlay{
	background-color:#000;
	opacity:0.25;
	filter: alpha(opacity=25);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	width:100%;
	height:100%;
	position:relative;
	z-index:1000;
}

.kenburn-video-button{
	background:url(../assets/player/play.png) no-repeat;
	width:80px;
	height:80px;
	position:absolute;
	z-index:1500;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	cursor:pointer;
}

.kenburn-video-button:hover {
	opacity:1.0;
}

/*****************************************
	-	VIDEO BACKGROUNDS	-
******************************************/
.dark .video_kenburn{
		position:absolute;
		top: 0; bottom: 0px;
		width: 100%;
		background: #111;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		line-height: 20px;
		color: #777;
	}	
	

.light .video_kenburn{
		position:absolute;
		top: 0; bottom: 0px;
		width: 100%;
		background:url(../../images/image_bg_video.jpg) no-repeat right top #000;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		line-height: 20px;
		color: #222;
	}		




/**************************
	-	BUTTONS	-
***************************/
	
.dark .kb-button {
 font-family:Verdana, Geneva, sans-serif;	
 float: left;
 height: 31px;
 line-height: 30px;
 font-size: 12px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius:3px;
}

.dark .kb-button:link, .dark .kb-button:visited {
 color: #fff;
 padding: 0 20px 0 20px;
 text-align: center;
 background: url('../assets/button/button_dark.png') repeat-x center top; 
 text-decoration: none;
 
}

.dark .kb-button:hover, .dark .comment-reply-link:hover {
 background-position:bottom;
 text-decoration: none;
}


.light .kb-button {
 font-family:Verdana, Geneva, sans-serif;
 float: left;
 height: 21px;
 line-height: 19px;
 font-size: 11px;
 font-weight:bold;
}

.cp-bottom {
	margin-bottom:-20px;
	padding: 21px 40px 5px 40px!important;
}

.light .kb-button:link, .light .kb-button:visited {
 color: #FFF;
 padding: 0 20px 0 10px;
 text-align: center;
 font-style:italic;
 text-transform:uppercase;
 text-decoration: none;
 transform: skew(-45deg);
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-o-transform: skew(-45deg);
margin-left:10px;
}

.light .cp-bottom .kb-button:link, .light .cp-bottom .kb-button:visited {
float:right;
position:relative;
top:-70px;
margin-right:70px;
}

.light .cp-bottom p.bodytext, .light .cp-bottom p.bodytext {
display:block;
width:330px;
height:20px;
text-align:right;
float:right;
margin-right:70px;
position:relative;
top:10px;
}

.light .cp-bottom p.cp-title, .light .cp-bottom p.cp-subtitle {
	display:block!important;
	width:500px!important;
	float:left;
}

.cp-top {
	margin-bottom:-20px;
	padding: 21px 40px 5px 40px!important;
}

.light .cp-top .kb-button:link, .light .cp-top .kb-button:visited {
float:right;
position:relative;
top:-70px;
margin-right:70px;
}

.light .cp-top p.bodytext, .light .cp-top p.bodytext {
display:block;
width:330px;
height:20px;
text-align:right;
float:right;
margin-right:70px;
position:relative;
top:10px;
}

.light .cp-top p.cp-title, .light .cp-top p.cp-subtitle {
	display:block!important;
	width:500px!important;
	float:left;
}


.light .kb-button:link span, .light .kb-button:visited span {
 transform: skew(45deg);
 display: inline-block;
-webkit-transform: skew(45deg);
-moz-transform: skew(45deg);
-o-transform: skew(45deg);
background:url(../../images/btn_pfeil.png) no-repeat left 6px;
padding-left:15px;
}

.light .kb-button:hover, .light .comment-reply-link:hover {
 background-position:bottom;
 text-decoration: none;
  color: #FFF;
}


/*********************************
	-	VIDEO BUTTONS	-
*********************************/	
.dark .video_kenburn .close{
	width:30px;
	height:30px;
	position:absolute;
	background:url(../assets/button/close_dark.png) no-repeat top;	
	right:10px;
	top:10px;
	cursor:pointer;
}

.dark .video_kenburn .close:hover{
	background-position:bottom;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor:pointer;
}

.light .video_kenburn .close{
	width:30px;
	height:30px;
	position:absolute;
	background:url(../assets/button/close.png) no-repeat top;	
	right:10px;
	top:10px;
	cursor:pointer;
}

.light .video_kenburn .close:hover{
	background-position:bottom;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor:pointer;
}

.kenburn_thumb_container .video{
	width:30px;
	height:30px;
	background:url(../assets/player/play_small.png) no-repeat;
	margin-top:-15px;
	margin-left:-15px;
	cursor:pointer;
	
}


/*************************************/
/*		THUMBNAIL OPTIONS			*/
/*************************************/

.kenburn_thumb_container_bg {
	background:url(../assets/bg/thumbs_bg.png);
	padding:1px;
	margin-top:-1px;
	margin-left:-1px;
	 -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 8px 2pxrgba(0, 0, 0, 0.80);
    -moz-box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.80);		
}

.dark .kenburn-thumbs .overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
}

.light .kenburn-thumbs .overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
}

/*************************************/
/*		THUMBNAIL OPTIONS			*/
/*************************************/
.thumbbuttons{
	background:url(../assets/button/navigdots_bgtile.png);
	height:35px;	
	position:absolute;
	bottom:-33px;
	z-index:1000;
}

.thumbbuttons .grainme{
	background:url(../assets/bg/grain.png);
	height:35px;
	width:100%;
}


.thumbbuttons .leftarrow{
	background:url(../assets/button/arrowleft.png) no-repeat bottom left;
	width:9px;
	height:16px;
	margin-left:9px;	
	margin-right:9px;
	margin-top:9px;
	float:left;
	cursor:pointer;
}


.thumbbuttons .rightarrow{
	background:url(../assets/button/arrowright.png) no-repeat bottom left;
	width:9px;
	height:16px;
	margin-top:9px;	
	margin-right:9px;
	margin-left:18px;
	float:left;
	cursor:pointer;
}


.thumbbuttons .minithumb{
	background:url(../assets/button/navigdots.png) no-repeat bottom left;
	width:15px;
	height:15px;
	margin-top:9px;	
	margin-left:9px;	
	float:left;
	cursor:pointer;
}

.thumbbuttons .thumbs{
	float:left;
}

.thumbbuttons .rightarrow:hover, .thumbbuttons .leftarrow:hover, .thumbbuttons .minithumb:hover, .thumbbuttons .thumbs .selected{
	background-position:0 0;
}


