/*
	Theme Name: jks 2016
	Theme URI: http://alxmedia.se/themes/hueman/
	Description: Sample child theme for customization.
	Author: You
	Author URI: 
	Template: hueman
	Version: 1.0.0
*/

@import url("../hueman/style.css");

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

/* Global */

body{color:#000 !important;}

.single .post-title{
	font-size:1.4em !important;
}
#nav-topbar.nav-container {
	border-bottom:1px solid #ccc !important;
	}	



.wpcf7 p{
	font-weight:normal !important;
	}
	
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 select, .wpcf7 textarea{
	width:100%;
	}	

ul.download{
	list-style-type:none !important;
	margin-left:30px !important;
}

.widget a:link, .widget a:visited{
	color:#990000;
	}
	
.widget a:hover, .widget a:active{
	color:#000000;
	text-decoration:underline;
	}	

ul.download li {
	margin-left:0px !important;	
	list-style-type:none !important;	
	padding-left:25px !important;	
}

.exe{
	background: url(img/download.gif) no-repeat 0px 0px !important;
}		
	
.pdf{
	background: url(img/pdf.gif) no-repeat 0px 0px !important;
}		



/*  ---------- [ Kästen ] ---------- */

.yellow-box, 
.red-box{
  color:#333;
  padding:1em;
  margin:1em 0;	
  _clear:both;
	}

.yellow-box{
  background:#F9F198;
  border:1px solid #EDDB0C;
}

.red-box{
	background:#FFA8AA;
  border:1px solid #F90000;
	}

.yellow-box a,
.red-box a{
  color:#333;
  text-decoration:underline;
}

.yellow-box a:hover,
.red-box a:hover{
  color:#909090;
}

/*  ---------- [ Kaufen ] ---------- */

.buy-left{
	width:260px;
	float:left;
	background:#F0F0F0;
	padding:10px;
	border-radius:7px;
}

.buy-left .hinweistext{
	font-size:0.8em;
	color:red;
	}

.buy-right{
	width:90%;
	max-width:750px;
	margin-left:300px;
	padding-right:10px;
	}
	
.buy-link{
	clear:both;
	text-align:center;
	padding:1em;
	margin:1em 0;
	border-bottom:1px solid #EEEEEE;
	}	

.buy-button{
	width:250px; 
	height:auto;
	color:#000 !important;
	text-align:left !important;
	padding-left: 20px !important;
	margin-left:10px !important;
	}
	
span.price{
	display:block;
	float:right;
	text-align:right;
	width:50px;
	}	

.zusammen{
	margin-left:10px !important;
	margin-top:0.6em;
	padding-top:0.6em;
	color:#000 !important;
	width:240px; 	
	font-weight:bold;
	border-top:1px solid #4C4C4C;
	}	

span.gprice{
	display:block;
	float:right;
	text-align:right;
	width:50px;
	padding-right:5px;	
	}	



.btn{
	padding: 10px;
	margin: 1em 0;
	text-align:center;
	opacity:1;
	}

.btn-bestellen {
	background: #4dc337;
	background: -moz-linear-gradient(top,  #4dc337 0%, #358826 100%);
	background: -webkit-linear-gradient(top,  #4dc337 0%,#358826 100%);
	background: linear-gradient(to bottom,  #4dc337 0%,#358826 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc337', endColorstr='#358826',GradientType=0 );
 	border:1px solid #358826;

}
.btn-update{
	background: #ffa84c;
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
	background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
	 border:1px solid #ff7b0d;
	}

.btn-download{
	background: #499bea;
	background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%);
	background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	border:1px solid #207ce5;
 	opacity:1;	
	}

.btn a{
	color:#fff !important;
	font-weight:bold !important;
	text-transform:uppercase;
	text-decoration:none !important;
	font-size:0.9em;
	}

.btn:hover{
	opacity:0.8;
	}	

.toggleBox {
    position: relative;
    border: 1px solid #ddd;
    margin-bottom:1em;
    background:#f9f9f9;
}
 
/* Ausblenden des input-Feldes */
.toggleBox input {
    position: absolute;
    left: -99999px;
}
 
/* Gestaltung der labels */
.toggleBox label {
    display: block;
    _background: #C0C0C0;
    color: #000;
    padding: .4em;
    text-align: center;
    cursor: pointer;
}
 
.toggleBox label:hover {
    _background: #974a1e;
}
 
/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
    opacity: 0;
    height: 0;
    overflow:hidden;
}
 
.toggleBox input:checked ~ div {
    opacity: 1;
    padding: .8em;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
 
/* Steuerung der Sichtbarkeit der labels */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
    display: none;
}

a.flyout span{
	display:none;
	}

a.flyout:hover{
		cursor:default !important;
	}

a.flyout:hover span
{
	display:inline;
	position:absolute;
	z-index:9999;

}

a.flyout span img{
	border:13px solid #fff;
	border-radius:7px;
	z-index:9999;
	margin-left:5px;
	margin-top:25px;
	box-shadow:2px 2px 7px #555;
	}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	
.buy-left, .buy-right, .buy-link, .buy-button{
	width:95%;
	clear:both;
	margin-left:0px;	
}

.zusammen{
	margin-left:10px !important;
	width:95%;
	border-top:1px solid #4C4C4C;
	}	

span.gprice{
	display:block;
	float:right;
	text-align:right;
	width:50px;
	padding-right:5px;	
	}	
	
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
.buy-left, .buy-right, .buy-link, .buy-button{
	width:95%;
	clear:both;
	margin-left:0px;		
}
.zusammen{
	margin-left:10px !important;
	width:95%;
	border-top:1px solid #4C4C4C;
	}	

span.gprice{
	display:block;
	float:right;
	text-align:right;
	width:50px;
	padding-right:5px;	
	}	
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
.buy-left, .buy-right, .buy-link, .buy-button{
	width:95%;
	clear:both;
	margin-left:0px;		
}
.zusammen{
	margin-left:10px !important;
	width:95%;
	border-top:1px solid #4C4C4C;
	}	

span.gprice{
	display:block;
	float:right;
	text-align:right;
	width:50px;
	padding-right:5px;	
	}	
}