/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/*body.start-site h2 {
	font-size: 15px;
	margin-bottom: 0px;
}*/

body.landingpage #header-bar,
body.landingpage #ikud-logo,
body.landingpage .login,
body.landingpage #top-nav-home,
body.landingpage #search {
	display: none;
}
body.landingpage #look-image {
	background-image: url(../images/Seminare.jpg);
	border: medium none;
}
body.landingpage #menu {
    margin-left: 0px;
    margin-top: 0px;
    z-index: 20;
    width: 100%;
}
body.landingpage #menu img {
    float: left;
    padding: 7px;
}
body.landingpage .item-1,
body.landingpage .item-2,
body.landingpage .item-3,
body.landingpage .item-4,
body.landingpage .item-5 {
	background-image: none;
}
body.landingpage #top-nav {
	float: right;
    height: 32px;
}
body.landingpage .content {
    margin-bottom: 60px;
    margin-top: 70px;
}


/* #Page Styles
================================================== */

/* Top Elements */
 body.start-site #top-bar,
 body.start-site #footer,
 body.start-site .sidebar-title {
	background: -moz-linear-gradient(left,  rgba(94,188,92,0.99) 0%, rgba(88,178,90,1) 80%, rgba(86,175,90,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(94,188,92,0.99)), color-stop(80%,rgba(88,178,90,1)), color-stop(100%,rgba(86,175,90,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5ebc5c', endColorstr='#56af5a',GradientType=1 ); /* IE6-9 */
 }
 body.ueber-ikud #top-bar,
 body.ueber-ikud #footer,
 body.ueber-ikud .sidebar-title  {
	background: -moz-linear-gradient(left,  rgba(94,188,92,0.99) 0%, rgba(88,178,90,1) 80%, rgba(86,175,90,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(94,188,92,0.99)), color-stop(80%,rgba(88,178,90,1)), color-stop(100%,rgba(86,175,90,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(94,188,92,0.99) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5ebc5c', endColorstr='#56af5a',GradientType=1 ); /* IE6-9 */
 }
 body.ueber-trainer #top-bar,
 body.ueber-trainer #footer,
 body.ueber-trainer .sidebar-title {
 	background: -moz-linear-gradient(left,  rgba(94,188,92,0.95) 0%, rgba(88,178,90,1) 80%, rgba(86,175,90,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(94,188,92,0.95)), color-stop(80%,rgba(88,178,90,1)), color-stop(100%,rgba(86,175,90,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(94,188,92,0.95) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(94,188,92,0.95) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(94,188,92,0.95) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(94,188,92,0.95) 0%,rgba(88,178,90,1) 80%,rgba(86,175,90,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25ebc5c', endColorstr='#56af5a',GradientType=1 ); /* IE6-9 */
 }
 body.ueber-unternehmen #top-bar,
 body.ueber-unternehmen #footer,
 body.ueber-unternehmen .sidebar-title {
	background: -moz-linear-gradient(left,  rgba(23,76,135,0.95) 0%, rgba(22,68,126,1) 80%, rgba(22,66,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(23,76,135,0.95)), color-stop(80%,rgba(22,68,126,1)), color-stop(100%,rgba(22,66,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2174c87', endColorstr='#16427c',GradientType=1 ); /* IE6-9 */
 }
 body.ueber-organisationen #top-bar,
 body.ueber-organisationen #footer,
 body.ueber-organisationen .sidebar-title {
	background: -moz-linear-gradient(left,  rgba(50,116,129,0.95) 0%, rgba(47,107,121,1) 80%, rgba(46,105,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(50,116,129,0.95)), color-stop(80%,rgba(47,107,121,1)), color-stop(100%,rgba(46,105,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2327481', endColorstr='#2e6977',GradientType=1 ); /* IE6-9 */
 }
 body.ueber-organisationen #top-nav ul li a:hover {
 	color: #ccc;
 }


body.page-template-overview_organisations #top-bar,
body.page-template-overview_organisations #footer,
body.page-template-overview_organisations .sidebar-title {
	background: -moz-linear-gradient(left,  rgba(50,116,129,0.95) 0%, rgba(47,107,121,1) 80%, rgba(46,105,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(50,116,129,0.95)), color-stop(80%,rgba(47,107,121,1)), color-stop(100%,rgba(46,105,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(50,116,129,0.95) 0%,rgba(47,107,121,1) 80%,rgba(46,105,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2327481', endColorstr='#2e6977',GradientType=1 ); /* IE6-9 */
 }

  body.page-template-overview_enterprise #top-bar,
 body.page-template-overview_enterprise #footer,
 body.page-template-overview_enterprise .sidebar-title {
	background: -moz-linear-gradient(left,  rgba(23,76,135,0.95) 0%, rgba(22,68,126,1) 80%, rgba(22,66,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(23,76,135,0.95)), color-stop(80%,rgba(22,68,126,1)), color-stop(100%,rgba(22,66,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(23,76,135,0.95) 0%,rgba(22,68,126,1) 80%,rgba(22,66,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2174c87', endColorstr='#16427c',GradientType=1 ); /* IE6-9 */
 }
body.page-template-overview_organisations #top-nav ul li a:hover {
 	color: #ccc;
 }


 body.ueber-ikud #top-nav ul li a:hover,
 body.ueber-trainer #top-nav ul li a:hover {
 	color: #eee;
 }

 /* Big Image */
 body.ueber-ikud #look-image,
 body.ueber-unternehmen #look-image,
 body.ueber-organisationen #look-image {
 	width: 100%;
 }
 body.start-site #look-image {
 	background-image: url(../images/Seminare.jpg); 
 }
 body.ueber-ikud #look-image {
 	background-image: url(../images/Seminare.jpg); 
 }
 body.ueber-trainer #look-image {
 	background-image: url(../images/Trainer.jpg); 
 }
 body.ueber-unternehmen #look-image {
 	background-image: url(../images/Unternehmen.jpg); 
 }
 body.ueber-organisationen #look-image {
 	background-image: url(../images/Organisationen.jpg); 
 }

 /* Sidebar and Dropdown */
 body.ueber-ikud .button-menu-sidebar {
 	background: #5EBC5C;
	border: 1px solid #5EBC5C;
	border-top: 1px solid #5EBC5C;
	border-left: 1px solid #5EBC5C;
 }
 body.ueber-unternehmen .button-menu-sidebar,
  body.page-template-overview_enterprise .button-menu-sidebar {
 	background: #174c87;
	border: 1px solid #174c87;
	border-top: 1px solid #174c87;
	border-left: 1px solid #174c87;
 }
 body.ueber-organisationen .button-menu-sidebar,
 body.page-template-overview_organisations .button-menu-sidebar {
 	background: #327481;
	border: 1px solid #327481;
	border-top: 1px solid #327481;
	border-left: 1px solid #327481;
 }


 body.referenzen p {
 	
 }
 body.referenzen p a {
 	
 }
 body.referenzen img {

 }


/* #Media Queries
================================================== */
	


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#search {
		    width: 240px;
		    margin-right: 0;
		    display: none;
		}
		#top-nav-home {
		    float: left;
		    position: relative;
		    width: 180px;
		}
		#top-nav {
		    margin-left: 0;
    		width: 387px;
		}
		#menu {
		    float: left;
		    margin-bottom: 8px;
		    margin-left: 0;
		    margin-top: 20px;
		}
		.menu-container1, .menu-container2, .menu-container3, .menu-container4 {
			left: 5px;
		}
		#three-logos-container {
	    	height: 520px;
    		margin-top: -1050px;
		}
		#footer-links li {
		    margin-right: 8px;
		}
		#footer-container {
			height: 520px;
			margin-top: -530px;
		}
		.container .three.columns {
		    width: 205px;
		}
	}

	@media only screen and (max-width: 767px) {

		#top-nav {
		    float: left;
		    height: 32px;
		    margin-left: 40px;
		    margin-top: 15px;
		    width: 100%;
		}
		#top-nav ul li a {
		    color: #fff;
		    font-size: 15px;
		    padding-right: 11px;
		}
		.item-1, .item-2, .item-3, .item-4, .item-5 {
			display: block;
			float: none;
			border-top: 1px solid #DDDDDD;
		}
		.item-1:hover,
		.item-2:hover,
		.item-3:hover,
		.item-4:hover,
		.item-5:hover {
			background-image: none;
		}
		#look-image {
			height: 403px;
		}
		#search, #top-nav-social, .menu-container1 ,.menu-container2, .menu-container3, .menu-container4, .sidebar-image {
			display:none;
		}
		#menu {
			margin-left: 0px;
    		margin-top: 173px;
    		z-index: 20;
		}
		.section-titel {
			margin-bottom: 0px;
    		margin-top: 40px;
		}
		h1 {
		    font-size: 2.286em;
		}
		.post li.highlight {
			margin: 20px 0px;
			height: auto !important;
		}
		.featured_caption {
			width: 100%;
		}
		img[data-src] {
    		opacity: 0;
		}
		#three-logos-container {
		    height: 1010px;
    		margin-top: -1930px;
		}
		#footer-container {
		    height: 980px;
		    margin-top: -920px;
		}
		#logos-container img {
		 	display: none;
		    margin-bottom: auto;
		    margin-left: auto;
		    margin-right: auto;
		    padding-right: 0px;
		    top: 30px;
		}
		.container .three.columns {
		    width: 205px;
		}
	}

	