/**
 * Theme Name:     HFCB
 * Theme URI:      http://www.hfcb.eu
 * Description:    Internetseite Heiko Franken Coaching und Beratung
 * Author:         Marcio Erdtmann | TOREROS werbeagentur KG
 * Author URI:     http://www.die-toreros.de
 * Version:        1.0
 */
 
@import "reset.css";

body * {	
		color: #505050; 
		position:relative;
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
		line-height:26px;
		font-weight:300
}

p {		
		position:relative;
}

p img{		
		position:relative;
		float:right;
		margin:0 0 20px 20px;
}


html {
		height:100%;
			}
	
body {
		height:100%;
		min-height: 100%;
		border:0; 
		margin:0; 
		padding:0;
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		background-image:url(grafik/bg_body.png);
		background-repeat:repeat;		
		}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	width:100%;
}

.clear {
	clear:both}
	
.clearR {
	clear:right
	}
	
.clearL {
	clear:left
}

/* HEADER -- HEADER -- HEADER -- HEADER -- HEADER -- HEADER -- HEADER -- HEADER -- HEADER -- HEADER --*/


#header {
	position:relative;
	height:100px;
	width:inherit;
	background-color:#fff;
	min-width:1080px;
	}

#centerHeader {
	margin: 0 auto; 
	padding: 0 40px;
	width:1000px;
	height:inherit
	}
	
#logo {
	width:225x;
	height:53px;
	position:relative;
	float:left;
	margin:30px 30px 0 0
}

#logo a{
	display:block;
	position:relative;
}


	
/* -- MENU -- MENU -- MENU -- MENU -- MENU -- MENU -- MENU -- MENU -- MENU --*/

	
#menu {
	position:relative;
	float:left;
	margin:0 ;
	width:720px;
	height:100px;
	background-color:#fff;
	}	

#menu *{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.025em;
	float:left;
	}	
		
#menu ul {
	position:relative;
	float:left;
	margin: 55px 0 0 40px;
	width:inherit;
	list-style:none;
	list-style-type:none;
	height:40px;
	}

#menu ul li{
	height: inherit;
	list-style:none;
	list-style-type:none;
	float:left;
	position:relative;
	display:block;
	text-align:center;
	margin:0 30px 0 0;
	height:inherit
	}
	
#menu ul li a{
	display:block;
	padding:10px 5px 0;
		}
		
#menu ul li:hover > a{
	color:#037380	;
	border-bottom:2px solid #037380;
	}
	
#menu ul li ul { 
	position: absolute;
	left:-15px;
	top: 38px;
	list-style:none;
	list-style-type:none;
	padding:5px 0 10px 0;
/*	border-top:2px solid #037380; */
	margin:0;
	width:inherit;
	background-color:#fff;
	-moz-border-radius:0 0 20px 20px;
	border-radius:0 0 20px 20px;
	overflow:hidden;
	height:0px;
	z-index:1000;
	opacity:0}

#menu ul li ul li{
	width:auto;
	height: auto;
	list-style:none;
	list-style-type:none;
	clear:both;
	padding:3px 20px;
	margin:0;
	position:relative;
	text-align:left;
	white-space:nowrap;
	display:block;
}

#menu ul li ul li a{;
	display:block;
	padding:0;
}

#menu ul li.current-menu-item a,
#menu ul li.current-menu-parent a {
	border-bottom:2px solid #037380;
	color:#505050;
	}
	
#menu ul li.current-menu-item ul li a,
#menu ul li.current-menu-parent ul li a{
	color:#505050;
	font-weight:normal;
	border:none
	}
	

#menu ul li ul li.current-menu-item a,
#menu ul li ul li.current-menu-parent a {
	color:#037380;		font-weight:700

		}
		
#menu ul li ul li.current-menu-item,
#menu ul li ul li.current-menu-parent {
		color:#037380;
		}	
	
#menu ul li ul li:hover > a,
#menu ul li ul li a:hover{
	color:#037380;
	border:none	}
/*
#menu ul li:hover ul {
	display: block;
	z-index:1000
}
	*/

/* CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT --*/


	
#sliderCon {
	position:relative;
	width:inherit;
	}
	
#sliderCon #whiteBg{
	position:absolute;
	z-index:1;
	width:inherit;
	height:20px;
	top:0;
	background-color:#fff
	}
	
#centerSlider {
	margin: 0 auto; 
	padding: 0 40px;
	width:1000px;
	z-index:990;
	overflow:visible;
	}

#centerSlider .headline{
	position:absolute;
	left:120px;
	top:130px;
	width:550px
	}

#centerSlider .headline h1{
	color:#fff;
	font-size:50px;
	line-height:55px;
	font-family: 'Open Sans', sans-serif;
	}
		
.centerContent {
	margin: 0 auto; 
	padding: 60px 80px;
	width:840px;
	background-color:#fff;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
	
.centerContent.miniboxTop {
/*	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;*/
	}
	
#content {
	position:relative;
	width:inherit;
	margin:0 0 40px 0;
	min-width:1080px;
	}
	

#content p {
	max-width:750px

	}

#content p.noMarginBottom{
	margin:0 35px 0 35px
	}
	
	
#content p a{
	text-decoration:underline
	}
	
/* TEAM */

#content .teamCon {
	margin:40px 0;
	padding:40px 0 0 0;
	border-top:1px solid #d1d1d1
	}
	
#content .teamCon .teamImg{
	width:285px;
	float:left;
	margin:40px 0 0 0 ;
	height:320px;
	}
	
#content .teamCon .teamText{
	margin: 0 40px 0 0;
	width:515px;
	float:left;
	height:auto;
	}
	
#content .teamCon .teamImg.left {
	margin:40px 40px 0 0 ;
}
	
#content .teamCon .teamText.left{
	margin: 0;
	}


/* FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER --*/

#centerFooter, #push {
	height: 60px; /* .push must be the same height as .footer */
	position: relative;
	margin: 0 auto;		
	clear:left;
	margin: 0 auto;
	}

#footer {
	width:inherit;
	background-color:#fff;
	min-width:1080px;

}

#centerFooter {
	width:1000px;
	margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
	padding:0 40px;
}

	
#footer *{
	font-weight:300;
	line-height:18px
	}
		
#impressum {
	text-align:right;
	width:auto;
	padding:20px
	}
	

/* LINKS -- LINKS -- LINKS -- LINKS -- LINKS -- LINKS -- LINKS -- LINKS -- LINKS -- LINKS --*/

a:hover{
	color:#037380
	}

	
/* HEADLINE + TEXT --- HEADLINE + TEXT --- HEADLINE + TEXT --- HEADLINE + TEXT --- HEADLINE + TEXT --- HEADLINE + TEXT --- HEADLINE + TEXT --- */

h1 {
	font-family:'Scada',Arial, Helvetica, sans-serif;		
	font-weight:300;
	color:#037380;
	font-size:30px;
	line-height:45px;
	text-transform:uppercase;
	margin: 0 0 10px 0;
	letter-spacing:0.02em
	}

h1 span.subline{
	font-family:'Scada',Arial, Helvetica, sans-serif;		
	font-weight:400;
	font-size:16px;
	line-height:30px;
	text-transform:none;
	color:#037380
	}
	
#centerSlider h1 span.subline{
	color:#fff
	}
	
h1.split{
	margin:40px 0 10px 0;
	padding:40px 0 0 0;
	border-top:1px solid #d1d1d1;
	}
	
	
h2 {
	font-family:'Scada',Arial, Helvetica, sans-serif;		
	font-weight:400;
	font-size:18px;
	line-height:30px;
	margin:0 0 10px 0;
		}

		
h3 {
	font-family:'Scada',Arial, Helvetica, sans-serif;		
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	color:#037380;
	text-transform:uppercase
		}
			
	
.kursiv {
	font-style:oblique
	}


/* COLORS */

.textGrey{
	color:#505050;
	text-align:inherit;
	font-size:inherit;
	font-family:inherit
	}


/*   MINIBOXES ---  MINIBOXES ---  MINIBOXES ---  MINIBOXES ---  MINIBOXES ---  MINIBOXES ---  MINIBOXES ---  MINIBOXES ---   */

.centerContent.minibox {
	background-color:transparent; 
	padding:40px 0 0 0; 
	width:1000px;
	-moz-border-radius: 0;
	border-radius:0;
	}	
		
.con1-3 {
	width:306px;
	position:relative;
	float:left;
	margin:0 41px 0 0;
	text-align:left;
	background-color:#fff;
	}	
	
.con1-3.left {
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	}	
	
.con1-3.center {
	}		
	
.con1-3.right {
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
	margin:0;
	}		
	
#content .con1-3 a {
	float:left;
	text-decoration:none;
	display:block;
	height:100%
	}
	
#content .con1-3.jump h3 {
	margin:140px 0 0 0;
	padding:20px 40px 10px 40px;
	}
	
#content .con1-3.zoom h3 {
	margin:0;
	padding:20px 40px 10px 40px;
	}

#content  .con1-3 p {
	padding:0 40px 40px 40px;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
	
.con1-3 span {
	float:left;
	line-height:22px;
	}	
	
.con1-3 span.weiter {
	padding:5px 0 0 0;
	filter: alpha(opacity = 0); 
	opacity: 0.0;
}	
	
.con1-3 span.weiter:hover {
	padding:5px 0 0 0;
	filter: alpha(opacity = 0); 
	opacity: 0.0;
}	
	
.con1-3.jump .miniboxImage {
	width:306px;
	height:165px;
	position:absolute;
	background-position:0px 10px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin:-25px 0 0 0;
	}
	
.con1-3.zoom .miniboxImage {
	width:306px;
	height:145px;
	position:relative;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin: 0;
	overflow:hidden
	}
	
.con1-3.left.zoom .miniboxImage{
	-moz-border-radius: 20px 0 0 0;
	border-radius: 20px 0 0 0;
	}
	
.con1-3.center .miniboxImage{
	-moz-border-radius: 0;
	border-radius: 0;
	}	
	
.con1-3.right.zoom .miniboxImage{
	-moz-border-radius: 0 20px 0 0;
	border-radius: 0 20px 0 0;
	}	
	
	
.con1-3 .arrowCon {
	position:absolute;
	height:30px;
	width:30px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(grafik/bg_minibox.png);
	bottom:-15px;
	left:138px
	}
		
.con1-3 .arrowCon .arrow {
	background-position:-30px 0;
	height:30px;
	width:30px;
	background-repeat:no-repeat;
	background-image:url(grafik/bg_minibox_arrow.png);
	}

.con1-3:hover .arrowCon {
	}
	
/* KONTAKT --- KONTAKT --- KONTAKT --- KONTAKT --- KONTAKT --- KONTAKT --- KONTAKT --- KONTAKT ---*/

.wpcf7 div.left,
.wpcf7 div.right{
	width:400px;
	float:left;
	margin:40px 0 0 0;
	}
	
.wpcf7 div.left{
	margin:40px 40px 0 0;
	}
	
	
.wpcf7 p{
	margin: 0 0 10px 0;
	}
	

.wpcf7 p span.titel{
	padding: 5px 10px;
	}
	
.wpcf7 div input {
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:none;
	background-color:#d1d1d1;
	padding: 5px 10px;
	width:380px;
	}
	
.wpcf7 div input.wpcf7-submit {
	width:400px
	}

.wpcf7 div input.wpcf7-submit:hover {
	background-color:#037380;
	color:#fff;
	cursor:pointer
	}

.wpcf7 div textarea{
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:none;
	background-color:#d1d1d1;
	padding: 5px 10px;
	margin:0 0 20px 0;
	width:380px;
	max-width:380px;
	height:296px
	}
	
.wpcf7 div select {
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:none;
	background-color:#d1d1d1;
	padding: 5px 10px;
	width:400px;
	height:35px;
	}
	
.wpcf7 div select option {
	padding: 5px 10px;
	}
	
.wpcf7 .wpcf7-not-valid-tip {
	display:none
	}
	
.wpcf7 .wpcf7-not-valid {
	background-color:#037380;
	color:#fff
	}
	
.wpcf7 	.wpcf7-response-output {
	float:right;
	width:400px;
	border:none;
	margin:0;
	padding:0;	
	}
		
/* SLIDER --- SLIDER --- SLIDER --- SLIDER --- SLIDER --- SLIDER --- SLIDER --- SLIDER ---*/

#content .slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description {
	left:80px;
	top:130px;
	height:180px;
	position:absolute;
	width:auto
	}

.slideshow_description.slideshow_transparent h2 {
	position:relative;
	color:#fff;
	font-size:50px;
	line-height:55px;
	font-family: 'Open Sans', sans-serif;
	text-align: left; 
	font-weight:300; 
	text-transform:uppercase; 
	color:#fff;
	float:none
	}

.slideshow_link_me {
	position:relative;
	width:auto
}

.slideshow_link_me a{
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	display:block;
	color:#fff; 
	line-height:22px;
	font-family:'Scada',Arial, Helvetica, sans-serif;		
	font-weight:400;
	font-size:16px;
	line-height:30px;
	text-transform:none;
}

.slideshow_link_me a:hover{
	text-decoration:underline
}

.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 a {

	}