/*	-------------------------------------------------------------
	1. Layout Default
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		
		
		/* Headlines */
		h1 {
			font-size: 28px;
			color: #37843d;	
			font-family: 'OpenSansSemiboldItalic', Tahoma, Arial, sans-serif;	
			line-height: 130%;
		}
		h2 {
			font-size: 18px;
			font-weight: normal;
		}
		h3 {
			font-size: 18px;
			font-family: 'OpenSansSemiBold', Tahoma, Arial, sans-serif;	
			line-height: 1.4em;
		}
		h4 {
			font-size: 16px;
			font-weight: normal;
			color: #37843d;	
		}
		h5 {
			font-size: 14px;
		}
		h6 {
			font-size: 13px;
		}
		
		/* HTML5 Tags */
		body,html {
			padding: 0px;
			margin: 0px auto;
			text-align: center;
			font-size: 14px;
			font-family: 'OpenSansRegular',sans-serif;
			line-height: 20px;
			background-image: url('../images/body-bg.png');
			width: 100%;
			color: #23222C;
		}
		p {
			font-family: 'OpenSansRegular', Tahoma, Arial, sans-serif;
			font-size: 14px;
			color: #23222C;
			line-height: 1.65em;
			margin-bottom: 8px;
		}
		p.last {
			margin-bottom: 0;
		}
		a {
			text-decoration: none;
			color: #666;
			font-size: 14px;
		}
		a.active {
			color: #00792d;
		}
		.image {
			padding: 2px;
			border: 1px solid #9ccbad;
			float: left;
			margin-right: 15px;
			margin-top: 5px;
			margin-bottom: 15px;
		}
		.image.cont{
			margin-right: 15px;
			margin-bottom: 0;
		}
		.image.rel{
			margin-top: 0;
			margin-bottom: 0;
		}
		header, section, footer, aside, nav, article, figure {
			display: block;
		}
		article {
			float: left;
		}
		.clear {
			clear: both;
		}
		.hr {
			width: 100%;
			float: left;
			clear: left;
			height: 1px;
			background-image: url('../images/hr.png');
			background-repeat: no-repeat;
			background-position: top center;
			margin-bottom: 40px;
		}
		.hr2 {
			width: 100%;
			height: 1px;
			background: url('../images/hr2.png') no-repeat top center;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.glyph { font-size: 20px; color: #74b379; line-height: 1; }
		.glyph.general { font-family: "FoundationIconsGeneral"; margin-right: 5px; }


/*	-------------------------------------------------------------
	2. CONTENT default
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#topline {
			height: 6px;
			width: 100%;
			background-color: #00792c;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		#wrapper{
			width: 980px;
			min-height: 500px;
			margin: 0px auto;
			margin-top: 6px;
			padding-top: 30px;
			text-align: left;
		}
		#content {
			width: 686px;
			float: left;
			margin-top: 3px;
			margin-right: 40px;
			margin-bottom: 40px;
		}
		
		/* HEADLINE hr */
		.heading_line {
			height: 1px;
			width: 100%;
			margin-bottom: 40px;
			margin-top: 15px;
			clear: left;
			float: left;
		}
		.heading_line span.overlay {
			height: 1px;
			width: 85%;
			position: relative;
			float: right;
			background-color: #9ccbad;
		}
		.heading_line.b{
			background-color: #9ccbad;
		}
		
		/* SIDEBAR */
		#sidebar {
			float: right;
			width: 254px;
			margin-bottom: 40px;
		}
		#sidebar h3 {
			text-transform: uppercase;
			font-family: 'OpenSansRegular', Tahoma, Arial, sans-serif;	
		}
		#sidebar h3.color {
			color: #37843D;
		}	
		#sidebar .heading_line {
			margin-bottom: 15px;	
		}
		
		/* LIST Styles */
		.list {
			margin-top: -6px;
			float: left;
			width: 228px;
		}
		.list li  {
			width: 100%;
			float: left;
			clear: left;
			background-image: url('../images/list_bg.png');
			background-repeat: no-repeat;
			background-position: 0px 14px;
			line-height: 34px;
			padding-left: 12px;
			padding-right: 12px;
		}
		.list-customer li{
			width: 100%;
			float: left;
			clear: left;
			padding: 3px 0 6px 0;
			margin-bottom: 5px;
			border-bottom: 1px solid #bcbbbb;
		}
		.list-customer li.first{
			margin-top: -6px;
		}
		.list-1 li{
			width: 100%;
			float: left;
			clear: left;
			background-image: url('../images/list-1.png');
			background-repeat: no-repeat;
			background-position: 0px 10px;
			line-height: 26px;
			padding-left: 12px;
		}
		.list-2 li{
			float: left;
			clear: left;
			background-image: url('../images/list-2.png');
			background-repeat: no-repeat;
			background-position: 0px 10px;
			line-height: 26px;
			padding-left: 12px;
		}
		ul.list-3{
			margin-top: 10px;
		}
		.list-3 li{
			float: left;
			clear: left;
			background-image: url('../images/list-2.png');
			background-repeat: no-repeat;
			background-position: 0px 10px;
			line-height: 26px;
			padding-left: 12px;
		}
		.list-3 li.first{
			background-image: none;
			font-weight: bold;
			padding-left: 0;
		}
		.list-2 ul .low {
			margin-left: 20px;
		}
		.list-2 li .low {
			margin-bottom: 0;
		}
		.list-1,.list-2,.list-3 {
			float: left;
			width: 686px;
			margin-bottom: 20px;
		}
		.list-1.last,.list-2.last,.list-3 {
			margin-bottom: 0;
		}
		
		/* TABLE */
		table {
			clear: left;
			width: 100%;
			border-bottom: 1px solid #9ccbad;
			margin-bottom: 20px;
		}
		table .last {
			margin-bottom: 0;
		}
		table th {
			height: 32px;
		}
		table tr {
			border-bottom: 1px solid #9ccbad;
			text-align: top;
			vertical-align: text-top;
		}
		table tr:nth-child(even){
			background-color: #f2f8f4;
		}
		table tbody {
			border: 1px solid #9ccbad;
		}
		table td {
			min-height: 30px;
			padding: 5px 0;
		}
		table td:first-child {
			padding-left: 10px;
		}

		/* CALL TO ACTION BUTTON */
		.call_to_action{
			float: left;
			clear: left;
			width: 100%;
		}
		.call_to_action-buy{
			float: left;
			display: block;
			margin-top: 10px;
		}
		.call_to_action .button, .call_to_action-buy .button{
			 float: left;
			 text-align: center;
			 padding-left: 10px;
			 padding-right: 10px;
			 margin-top: 6px;
			 color: #fff;
			 font: 13px 'OpenSansRegular', sans-serif;
			 line-height: 25px;
			 display: block;
			 background-image: url('../images/button-light.png');
			 background-repeat: no-repeat;
			 background-position: -50px -10px;
			 border: 3px solid #fcfcfc;
			 position: relative;
		 }
		 .call_to_action .button:before, .call_to_action-buy .button:before{
			 position: absolute;
			 content: '';
			 width: 100%;
			 height: 100%;
			 margin: 0px;
			 padding: 0px;
			 padding-right: 4px;
			 padding-bottom: 4px;
			 border: 1px solid #dedede;
			 left: -3px;
			 top: -3px;
		 }
		 .call_to_action .button img, .call_to_action-buy .button img{
			 margin-left: 8px;
		 }
		 .call_to_action .button:hover, .call_to_action-buy .button:hover{
			 color: #cce4d5;
			 background-image: none;
		 }
		
		/* LINK */
		a.link {
			font-size: 12px;
		}
		
		
/*	-------------------------------------------------------------
	3. HEADER LOGO + NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		/* LOGO */
		#logo {
			width: 980px;
			margin: 0;
			margin-bottom: 60px;
			text-align: center;
		}
		
		/* MENU */
		/* MAIN NAVIGATION CONTAINER */
		#nav-container {
		    width: 980px;
		    border-top: 1px solid #00792d;
		    border-bottom: 1px solid #00792d;
		    height: 50px;
		    float: left;
		}
		
		/* NAVIGATION */
		#nav {
		    width: 980px;
		    float: left;   
		    list-style: none;
		    height: 50px;
		    margin-left: 80px;
			z-index: 10;
			position: relative;
		}
		#nav > ul {
		    display: block !important;
		}
		#nav li {
		    float: left;
		    list-style: none;
		    position: relative;
		    padding: 12px 20px;
		    -webkit-transition: all 0.3s ease 0s;
		    -moz-transition: all 0.3s ease 0s;
		    -o-transition: all 0.3s ease 0s;
		    -ms-transition: all 0.3s ease 0s;
		    transition: all 0.3s ease 0s;
		}
		#nav li a {
		    text-decoration: none;
		    float: none;
		    display: block;
		    color:#323232;
		    text-transform: uppercase;
		    font: 14px 'OpenSansSemibold', sans-serif;
		}
		#nav li:hover {
		    background: #d9ebe0;
		}
		*+html #nav li:hover {
		    padding-bottom: 20px;
		}
		#nav li.active {
		    background: #d9ebe0;
		}
		
		#nav li:hover > ul {
		    display: block;
		}
		
		/* SUBMENU */
		#nav li ul {
		    display: none;
		    position: absolute;
		    border-top: 1px solid #00792d;
		    margin: 0;
		    top: 50px;
		    left: 0;
		    z-index: 100;
		}
		#nav li ul li {
		    border-top: 1px solid #ececec;
		    border-right: 1px solid #ececec;
		    border-left: 1px solid #ececec;
		    background: #fff;
		    padding: 12px 20px !important;
		}
		#nav li ul li:last-of-type {
		    border-bottom: 1px solid #ececec;
		}
		#nav li ul li a {
		    font: 14px 'OpenSansSemibold', sans-serif;
		    text-transform: uppercase;
		    line-height: 15px;
		    color:#323232;
		
		}
		#nav li ul li, #nav li ul li a {
		    float: none;
		}
		#nav li ul li a {
		    width: 100%;
		    display: block;
		}
		
		
/*	-------------------------------------------------------------
	4. BANNER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#banner {
			width: 100%;
			margin: 40px 0 20px 0;
			z-index: 5;
		}
		#banner img {
			width: 337px;
			float: left;
		}					
		#banner blockquote {
			width: 600px;
			float: right;
			margin: 50px 0 18px;
			text-align: left;
			position: relative;
		}
		#banner blockquote small {
			font-family: 'OpenSansLightItalic', Tahoma, Arial, sans-serif;
			font-size:14px; 
			color: #74b379;
		}
		#banner .b {
			height: 50px;
			background: none;
		}

/*	-------------------------------------------------------------
	4. COLUMNS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/   	
		
		 .box {
		 	width: 300px;
		 	float: left;
		 	margin-right: 40px;
		 	margin-bottom: 40px;
		 }
		 .box.last{
		 	margin-right: 0px;
		 }
		 .box p, .box.last p {
		 	height: 210px;
		 }
		 .box.last p {
		 	line-height: 150%;
		 }
		 .column-one_two {
		 	width: 470px;
		 	float: left;
		 	margin-right: 20px;
		 }
		 .column-one_two.last {
		 	margin-right: 0px;
		 }	 
/*	-------------------------------------------------------------
	5. CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		/* START PAGE - Teaser*/
		#content h3 {
			color: #37843d;
			font-family: 'OpenSansSemiboldItalic', Tahoma, Arial, sans-serif;
		}
		.box article {
			width: 180px;
		}
		.teaser {
			width: 980px;
		}
		.teaser .image {
			float: none;
			margin-bottom: 20px;
		}
		.teaser .box .image {
			width: 100%;
		}
		.teaser h3 {
			font-size: 18px;
			height: 40px;
			line-height: 1.4em
		}
		.teaser a h3 {
			color: #323232;
		}
		.teaser a:hover h3 {
			color: #00792c;
		}
		.teaser header img {
			width: 100%;
			margin-bottom: 20px;
		}
		.teaser a img:hover {
			opacity: 0.7;
			filter: alpha(opacity=70);
		}	
		.teaser p {
			font-size: 13px;
		}
		.teaser .heading_line {
			margin-bottom: 15px;
		}
		
		/* PROFIL PAGE */
		#content .list-2 li a {
			font-family: 'OpenSansSemiBold', Tahoma, Arial, sans-serif;
			font-size: 14px;
			color: #23222C;
		}
		#content .list-2 li a:hover {
			text-decoration: underline;
		}
		.profil-img {
			margin: 0 150px;
		}
		
		
		
		/* TEAM PAGE */
		.team {
			float: left;
			width: 290px;
			margin-top: 15px;
			margin-right: 126px;
			margin-bottom: 15px;
			display: block;
		}
		.team.last{
			margin-right: 0;
		}
		.team .contact {
			float:left;
			width:290px;
			position:relative;
		}
		.team .contact p {
			margin-bottom: 0;
		}
		.team .contact p.head {
			margin-bottom: 10px;
			color: #666;
		}
		.team .contact p strong {
			color:#242043;
			font-family: 'OpenSansSemiBold', Tahoma, Arial, sans-serif;
		}	
		.team .contact p span {
			width: 20px;
			float: left;
			color: #37843D;
			margin-right: 5px;	
		}
		.team .contact p.sub {
			margin-top: 10px;	
		}
		.team .contact p.sub span {
			width: auto;
			color: #23222C;;
			text-decoration: underline;	
		}
		
		
		/* PROJECT PAGE */
		#content h4 {
			margin-bottom: 10px;
		}
		.post {
			width: 100%;
			float: left;
			margin-bottom: 40px;
			
		}
		.post.first {
			margin-top: 15px;
		}
		.post header {
			width: 100%;
			display: block;
		}
		.post header img {
			float: left;
			width: 36px;
			height: 36px;
			margin-right: 10px;
			margin-bottom: 10px;
			padding-top: 2px;
		}
		.post header h4 {
			float: left;
			width: auto;
			line-height: 20px;
			display: block;
		}
		.post header span {
			color: #23222C;
			font-size: 13px;
			display: block;
		}
		.post .heading_line {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.post p {
			margin-bottom: 0;
		}
		.post p.small {
			font-size: 12px;
		}
		.post p span {
			color: #666;
		}
		
		/* TRAINING PAGE */
		.training {
			width: 706px;
			/*height:220px;*/
			margin-top: 30px;
			margin-bottom: 30px;
		}
		.contact-training{
			width: 100%;
			float: left;
			display: block;
			margin-top: 10px;
			margin-right: 20px;
			font-size: 13px;
		}
		.contact-training.first {
			clear: both;
		}
		.contact-training.second{
			width: 45%;
			margin-right: 0;
		}
		.contact-training h5, .contact-training.second h5{
			margin-bottom: 5px;
			line-height: 1.4;
		}
		.contact-training span, .contact-training.second span{
			width: 15px;
			float: left;
			margin-right: 5px;
		}
		li.spacer {
			margin-bottom: 17px;
		}
		
		/* RELEASE PAGE */
		.release {
			width: 100%;
			float: left;
			margin: 10px 0 0 0;
		}
		.release.last{
			margin-bottom: 30px;
		}
		.release .image{
			float: left;
		}
		.release h4 {
			margin-bottom: 15px;
		}
		.release p {
			line-height: 1;
		}
		.release span {
			color: #666;
		}
		
		
		/* CONTACT PAGE */
		article.contact {
			float: left;
			display: block;
			margin-right: 175px;
			margin-bottom: 30px;
		}
		article.contact.last {
			padding-right: 0;
		}
		article.contact h4{
			font-size: 14px;
		}
		section.teaser table{
			margin-bottom: 40px;
		}
		section.teaser table span{
			width: 15px;
			float: left;
			margin-right: 5px;
		}
		
		/* SIDEBAR ANSPRECHPARTNER */
		.ma {
			float: right;
			width: 254px;
			margin-top: 40px;
			margin-bottom: 20px;
		}
		.ma ul {
			margin-bottom: 20px;
		}
		.ma li {
				list-style: none;
		}
		.ma li.titel2 {
			font-size: 12px;
			line-height: 1.3;
			padding-bottom: 10px;
			padding-top: 5px;
		}
		.ma li.subname, li.titel {
				height: 22px;
				font-size: 12px;
		}
		.ma li.subname {
			margin-bottom: 5px;
		}
		.ma ul li span {
				width: 15px;
				float: left;
				margin-right: 5px;
		}
		
		
/*	-------------------------------------------------------------
	7. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				
		footer {
			width: 978px;
			font-size: 12px;
			font-style: normal;
			color: #666;
			margin: 0 0 20px 0;
		}
		footer .double-separator {
			width: 978px;
			height: 1px;
			clear: both;
			border-top: 1px solid #BCBBBB;
			border-bottom: 1px solid #BCBBBB;
			margin: 40px 0 0 0;
		}
		footer ul {
			margin-top: 10px;
		}
		footer li {
			width: 487px;
			text-align: left;
			display: inline-table;
		}
		footer li.last {
			width: 487px;
			text-align: right;
		}