/*

Theme Name: Vertriebskraft
Theme URI: http://www.gassl.at
Description: Theme des "WordPress"-Vertriebskraft
Author: Mario Gassl
Author URI: http://www.gassl.at/
Version: 1.0
Tags: 

License:
License URI:

*/

/* globals  */

* {
	margin:0;
	padding:0;
	/*font-family: 'Droid Sans', sans-serif;*/
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
	font-size: 100.1%;
}

p {
	margin-bottom:2em;
}

a {
	color:#c4b69e;
	text-decoration: none;
}

a:hover {
	color:#8b806e;
	text-decoration: none;
}


/* body: background-color */

body {
	background-color:#ffffff;
}



/* ----------------------------------------------------- */
/* Layout */
/* ----------------------------------------------------- */

#wrap{
	position: relative;
	max-width: 890px;
	background: #000000;
	margin: 0 auto;
	padding: 0 40px 40px 0x;
	/*-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);*/
	   /*-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);*/
			/*box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);*/
}


/* boxen  */

.boxen {
	float:left;
	width:100%;
}

.box_links {
	float:left;
	margin:20px 20px 0 0;
	max-width:355px;
	padding: 20px 20px 20px 20px;
	border:1px solid #c4b69e;
}

.box_rechts {
	float:left;
	margin:20px 0 0 0;
	max-width:355px;
	padding: 20px 20px 20px 20px;
	border:1px solid #c4b69e;
}

/* container  */

.container {
	max-width:92%;
	margin:0 auto;
	/*padding: 0 40px 40px 0x;*/
}


/* header */

#header {
	height:100%;
	float:left;
	width:100%;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
}

#header .speaker-social-media {
	height:170px;
	float: right;
	padding: 28px 0px 0px 0px;
	width: 225px;
	clear: both;
}

#header .speaker-training { 
	padding: 5px 10px 0px 0px;
	text-align: right;
	color:#ffffff; 
	font-size:0.9em; 
	margin-bottom:18px;
	font-weight:bold;
}

#header .social-media { 
	clear: both;
	padding: 5px 10px 0px 0px;
	margin: 0px;
	text-align: right;
}

#header .social-media a {
	margin-left: 10px;
}

#header .facebook_like { 
	clear: both;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align: right;
}

/* #header .facebook_like { height:20px; float: right; padding: 10px 0px 10px 0px; width: 220px; clear: both;} */

.siteTitle {color:#633e13; font-size:2.625em; margin-top:28px;}

.siteDescription {color:#b07d42; font-size:1.125em; font-weight:normal; margin-top:5px;}


/* navMain */
#navMain {
	float:left;
	width:100%;
	margin:4px 0 4px 0;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
}

#navMain ul {
	list-style:none;
}

#navMain li {
	float:left;
	margin-right:0.9em;
  position: relative;
  clear: right;
  margin-bottom: 5px;
}

#navMain li:last-child {
  margin-right: none;
}

#navMain a {
	font-size:0.9em; 
	font-weight:normal;
	padding:1.7em .2em 1.5em .2em;
	display:block;
	color:white;
	text-decoration:none;
}

#navMain a:hover {
	color:#c4b69e;
}

#navMain .active > a,
#navMain .current_page_item > a {
	color: #c4b69e;
  background: none;
}

#navMain ul li:hover > ul {
  /* Dropdown*/
  display: block;
}
#navMain ul ul li {
  border-bottom: #333333 1px solid;
  margin-right:0px;
}
#navMain ul li ul li:last-child {
  border-bottom: none;
}
#navMain ul ul {
  display: none;
  float: left;
  position: absolute;
  top: 3.2em;
  left: 0;
  z-index: 99999;
  background: #000000;
  text-align: left;
  border: none;
  padding-top: 0px;
}
#navMain ul ul a {
	font-size:0.9em;
  color:white;
	min-width: 180px;
	/*width: 100%;*/
  padding: 8px 20px;
  transition: all 0.2s ease;
}
#navMain ul ul a:hover {
  border-top: none;
  background: #000000;
  color: #c4b69e;
  padding: 8px 20px;
}
#navMain ul ul li:hover > a {
  background: #000000;
  color: #c4b69e;
}

/* ----------------------------------------------------- */
/* Mobile Menu -ANFANG */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (max-width: 480px) {
	
	#navMain {
		float:left;
		/*width:100%;*/
		margin:4px 0 4px 0;
		/*padding: 5px 0 5px 60px;*/
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.8);
	}
	
	#navMain .container {
		max-width:60%;
		margin:0 auto;
}

	#navMain ul {
		list-style:none;
	}

	#navMain li {
		float:none;
		margin-right:0.9em;
 	 	position: relative;
  	clear: right;
  	margin-bottom: 5px;
	}

	#navMain li:last-child {
  	margin-right: none;
	}

	#navMain a {
		font-size:0.9em; 
		font-weight:normal;
		padding:0.2em 0.2em 0.2em 0.2em;
		display:block;
		color:white;
		text-decoration:none;
	}

	#navMain a:hover {
		color:#c4b69e;
	}

	#navMain .active > a,
	#navMain .current_page_item > a {
		color: #c4b69e;
  	background: none;
	}

	#navMain ul li:hover > ul {
  	/* Dropdown*/
  	display: block;
	}
	#navMain ul ul li {
  	border-bottom: #333333 0px solid;
  	margin-right:0px;
	}
	#navMain ul li ul li:last-child {
 	 border-bottom: none;
	}
	#navMain ul ul {
		display: block;
  	float: none;
  	position: relative;
  	text-align: left;
  	border: none;
  	padding: 0 0 0 15px;
	}
	#navMain ul ul a {
  	color:white;
  	transition: all 0.2s ease;
	}
	#navMain ul ul a:hover {
  	border-top: none;
  	color: #c4b69e;
	}
	#navMain ul ul li:hover > a {
  	color: #c4b69e;
	}
	
	#navMain ul ul {
  	display: block;
  	float: none;
  	position: relative;
  	top: 0;
  	left: 0;
  	z-index: none;
  	background: transparent;
  	text-align: left;
  	border: none;
  	padding-top: 0px;
  	padding-left: 20px;
	}
	#navMain ul ul a {
		font-size:0.9em;
  	color:white;
		min-width: 100%;
  	padding: 0px 0px;
  	transition: all 0.2s ease;
	}
	#navMain ul ul a:hover {
  	border-top: none;
  	background: transparent;
  	color: #c4b69e;
  	padding: 0px 0px;
	}
	#navMain ul ul li:hover > a {
  	background: transparent;
  	color: #c4b69e;
	}
		
}

/* ----------------------------------------------------- */
/* Mobile Menu -ENDE */
/* ----------------------------------------------------- */


/* headlines */

h1 {color:#c4b69e; font-size:18px; margin-bottom:18px;}

h2 {color:#c4b69e; font-size:15px; margin-bottom:15px;}

h3 {color:#c4b69e; font-size:15px; margin-bottom:5px;}

h4 {color:#ffffff; text-decoration:underline; font-size:13px; font-weight:normal; margin-top:5px; margin-bottom:5px;}



/* content */

#content {
	float:left;
	width:100%;
	/*font-size:0.9em;*/
	font-size:0.8em; 
	font-weight:normal;
	color:white;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
}



/* main */

#main {
	width:100%;
	margin:30px 0 80px;
	float:left;
}

.page-template-template-sidebar-php #main {
	width:60%;
	margin:30px 0 80px;
	float:left;
}

/* sidebar */

#sidebar {
	float:right;
	margin:30px 0 80px;
	width:35%;
	/*border: 1px solid #c4b69e;*/
}

aside {margin:0;}
/*aside {margin:25px;}*/


#sidebar p {
	margin-top:10px;
	margin-bottom:1.5em;
}

#sidebar .image-ohne {
	/*margin: 0 0 10px 0 !important;*/
	margin: 0 !important;
	border: 1px solid #ffffff;
	padding-top:1px;
}

#sidebar h2 {
	margin-bottom:1.5em;
}


/* footer */

#footer {
	/*padding:30px 0 0 0;*/
	float:left;
	width:100%;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
}

#navSecondary {
	float:left;
	width:100%;
	/*font-size:0.8em;*/
}

#navSecondary ul {
	list-style:none;
}

#navSecondary li {
	float:left;
	margin-right:1.0em;
}

#navSecondary a {
	font-size:0.9em; 
	font-weight:normal;
	padding:1.7em .2em 1.5em .2em;
	display:block;
	color:white;
	text-decoration:none;
}

#navSecondary a:hover {
	color:#c4b69e;
}

#navSecondary .current-menu-item a {
	color:#c4b69e;
}



/* ---------------------------------------------------- */
/* Column Layout */
/* ---------------------------------------------------- */


.one_half {
	width: 46%;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	/*border: 1px solid #c4b69e;*/
	border: 1px solid #ffffff;
	float: left;
}

.one_half p {
	margin:1.5em;
}

.one_half h2 {
	margin:1.5em;
}

.last {
	width: 46%;
	position: relative;
	/*border: 1px solid #c4b69e;*/
	border: 1px solid #ffffff;
	margin-right: 0 !important; 
	float: right;
}

.clear{
	clear: both;
}

/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (max-width: 480px) {
	
	#content .container {
		max-width:86%;
		margin:0 auto;
}
	
	.one_half {
		width: 100%;
		position: relative;
		margin-right: 0;
		margin-bottom: 20px;
		float: left;
	}
	
	.one_half .last { 
		margin-right: 0 !important; 
		clear: right;
	}
	
}


/* ---------------------------------------------------- */
/* Half Picture Layout */
/* ---------------------------------------------------- */


.half_picture {
	width: 46%;
	position: relative;
	margin-right: 4%;
	/*margin-bottom: 10px;*/
	float: left;
}

.last_picture {
	width: 46%;
	position: relative;
	margin-right: 0 !important; 
	float: right;
}

.clear{
	clear: both;
}

/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (max-width: 480px) {
	
	#content .container {
		max-width:86%;
		margin:0 auto;
}
	
	.half_picture {
		width: 100%;
		position: relative;
		margin-right: 0;
		margin-bottom: 10px;
		float: left;
	}
	
	.last_picture { 
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		clear: right;
	}
	
}



/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (max-width: 480px) {
	
	.page-template-template-sidebar-php #main {
		width:100%;
		margin:30px 0 0 0;
		float:left;
	}

	/* sidebar */

	#sidebar {
		float:left;
		margin:30px 0 80px;
		width:100%;
		/*border: 1px solid #c4b69e;*/
	}

	aside {margin:0;}
	/*aside {margin:25px;}*/


	#sidebar p {
		margin-bottom:1.5em;
	}

	#sidebar .image-ohne {
		margin: 0 0 10px 0 !important;
		border: 1px solid #ffffff;
	}

	#sidebar h2 {
		margin-bottom:1.5em;
	}
	
	#header .speaker-social-media {
		height:170px;
		float: right;
		padding: 0;
		width: 225px;
		clear: both;
	}

}

/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* Audio Player - weissen Punkt entfernen */
/* ----------------------------------------------------- */
#sm2-container {
	bottom: 0px;
}

/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* background-images - ANFANG */
/* ----------------------------------------------------- */

.page-id-14 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_14.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-2 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_2.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-30 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_30.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-32 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_32.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-34 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_34.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-36 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_36.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-38 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_38.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-40 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_40.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-389 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_389.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-52 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_52.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-60 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_60.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-42 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_42.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-428 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_428.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-754 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_754.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-756 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_756.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

/* -------------------------------------------------------------------------------------------- */

.page-id-862 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_862.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-865 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_865.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-867 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_867.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-852 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_852.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-854 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_854.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-856 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_856.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-858 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_858.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.page-id-860 {
    background: url(../../uploads/bg_vertriebskraft_2400x1855_860.jpg) no-repeat top center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}



/* ----------------------------------------------------- */
/* background-images - ENDE */
/* ----------------------------------------------------- */