@charset "UTF-8";

/*

Theme Name: Corporate Design Labor
Theme URL: http://www.cd-labor.de/
Author: Corporate Design Labor
Author URL:http://www.cd-labor.de/

*/

/* TABLE OF CONTENTS

0. FONT
1. COMMON
   1.1 HEADLINES
   1.2 TEXT
   1.3 LINKS
   1.4 LISTS
2. HEADER
   2.1 META
	 2.2 BANNER
3. MAIN
   3.1 LOGO
	 3.2 MENU
	 	 3.2.1 MEGAMENU
	 3.3 CONTENT
	     3.3.1 SLIDESHOW
			 3.3.1.1 WELCOME
			 3.3.1.2 TUTORIALS
	     3.3.2 TEASER
			 3.3.2.1 PAGINATION
			 3.3.2.2 SEARCH RESULTS
4. FOOTER
   4.1 BREADCRUMP
	 4.2 COLUMNS
5. MISCELLANEOUS
   5.1 IFRAME
	 5.2 SELECTION
	 5.3 CLEAR
	 5.4 PASSWORD FORM
6.0 VERTICAL NAVIGATION BAR

*/

/* 0. FONT */

/* ClanWeb-Book */

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-Book.eot);
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-Book.woff) format("woff");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-BookItalic.eot);
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-BookItalic.woff) format("woff");
	font-weight: 100;
	font-style: italic;
}

/* ClanWeb-News */

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-News.eot);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-News.woff) format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-NewsItalic.eot);
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-NewsItalic.woff) format("woff");
	font-weight: normal;
	font-style: italic;
}

/* ClanWeb-Bold */

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-Bold.eot);
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-Bold.woff) format("woff");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-BoldItalic.eot);
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: Clan;
	src: url(fonts/ClanWeb-BoldItalic.woff) format("woff");
	font-weight: bold;
	font-style: italic;
}

/* 1. COMMON */

html,
body {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	font-family: "Clan", Verdana, Geneva, sans-serif;
	font-size: 14px; 
	line-height: 20px;
}

div#container {
	/*width: 1100px;*/
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height: auto !important; /* Important Regel für moderne Browser */
	height: 100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	margin: auto;
	background: #FFF;
}

div.only-large {
}

div.only-small {
	display: none;
	visibility: hidden;
}

/* 1.1 HEADLINES */

h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a {
	font-weight: 100;
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 10px 0;
	color: #000;
}

h1, h1 a,
h1 span {
	font-weight: 100;
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 10px 0;
}

	h1 span {
	}

h1:first-child,
h1 a:first-child {
	margin: 0 0 15px 0;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #00B1AC;
}

/* 1.2 TEXT */

p {
	margin: 0 0 15px 0;
	width:75%;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

p:last-child {
	margin: 0;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

strong {
	font-weight: bold;
}

/* 1.3 LINKS */

a {
	color: #888;
}

a:hover {
	color: #00B1AC;
}

/* 1.4 LISTS */

ul.horizontal {
}

	ul.horizontal li {
		float: left;
		margin: 0 10px 0 0;
		position:relative;
		top:-3px;
	}
	
	ul.horizontal li:last-child {
		margin: 0;
	}

ul.vertical {
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	ul.vertical li {
		margin: 0 0 20px 0;
	}
	
	ul.vertical li:last-child {
		margin: 0;
	}

/* 2. HEADER */

div#header {
	height: 200px; /* height: 235px; */
	padding: 10px 20px 30px 110px;
	background: #000;
	position:relative;
	left:0;
	right:0;
	z-index:2;
	transition: all 550ms ease-in-out;
}

		div#header p {
			margin: 0px;
		}

		div#header a {
			color: #888;
		}
		
		div#header a:hover {
			color: #00B1AC;
		}
	
	div#header div.logo {
		display: block;
		visibility: visible;
		float: left;
		width: 90px;
		/*height: 195px;*/
		height:185px;
		/*height:auto;*/
		margin: 10px 20px 0 -110px;
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
		div#header div.logo img {
			width: auto;
		}

	div#header div.content  {
		position: relative;
		height: 195px;
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}

	.scroll-down #header {
		transform: translate3d(0, -100%, 0);
	}

	.scroll-up #header {
		
	}


/* 2.1 META */

div#meta {
	width: auto;
	height: 30px;
	position:relative;
	top:3px;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

		div#meta p,
		div#meta a {
			line-height: 30px;
			color: #888;

		}

		div#meta ul li.search {
			float: right;
			margin: 0;
		}
		
		div#meta ul li.search form {
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
			div#meta ul li.search form input {
				display: block;
				float: left;
				width: 330px; /* width: 320px; */
				height: 40px; /* height: 40px; */
				margin: 10px 0 0 0;
				padding: 0 0 0 10px;
				border-top: 1px solid #888;
				border-right: 1px solid #888;
				border-bottom: 1px solid #888;
				border-left: 1px solid #888;
				background: #000;
				/* TEXT */
				font: italic normal 14px/24px "Clan", Verdana, Geneva, sans-serif;
				color: #FFF;
			}
		
			div#meta ul li.search form input.submit {
				width: 0px;
				height: 35px;
				margin: 0 0 0 0;
				padding: 0;
				cursor: pointer;				
				border-right: none;
				border-left: none;				
				background: #000 url, center center no-repeat;
			}


/* 2.2 BANNER */

div#banner {
	position: absolute;
	bottom: 0;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}
	
		div#banner ul {
			margin: 0 20px 0 0;
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
	
	div#banner h1,
	div#banner h1 a {
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		color: #FFF;
	}
		
	div#banner p {
		color: #FFF;
	}
	
	div#banner span {
		color: #888;
	}

	div#banner h1,
	div#banner h1 a,
	div#banner h2,
	div#banner h2 a {
		color: #FFF;
		margin: 0;
	}
	
	div#banner h1 a:hover {
		color: #00B1AC;
	}
	
	div#banner h2,
	div#banner h2 a {
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		display: inline-block;
		width: 300px;
	}
	
/* 3. MAIN */

div#main {
	width: auto;
	position:relative;
	padding: 15px 20px 20px 0;
	position:relative;
	top:0;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

/* 3.1 LOGO  */

div#logo {
	display: none;
	visibility: hidden;
}

/* 3.2 MENU  */

div#menu_xs_button_container {
	display: none;
	visibility: hidden;
}

div#menu_xs {
	display: none;
	visibility: hidden;
}

div#menu .current_item {
	display: none;
	visibility: hidden;
}

div#menu {
	width: 340px;
	position:relative;
	top:20px;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	ul.ancestors {
	}

		ul.ancestors li {
			margin: 0 0 15px 0;	
			padding: 5px 0 0 0;
			border-top: 1px solid #000;
			background: transparent url left bottom no-repeat;
		}

			ul.ancestors li.current_page_item a {
				color: #000;
			}
		
			ul.ancestors li a {
				display: block;
				color: #000;
			}

			ul.ancestors li a:hover {
				color: #00B1AC;
			}

	ul.children {
	}
	
		ul.children li {
			margin: 0 0 0 35px;
			padding: 0 0 15px 0;
		}

			ul.children li.current_page_item a {
				color: #000;
			}
		
			ul.children li a {
				display: block;
				color: #888;
			}
			
			ul.children li a:hover {
				color: #00B1AC;
			}

/* 3.2.1 MEGAMENU */

.body-overflow-none {
	height:100vh;
	overflow: hidden;
	
}

div#megamenu {
	background-color:#000000;
	padding: 0 0 20px 0;
	display:none;
	top:240px;
	position:fixed;
	left:0;
	right:0;
	overflow-y: scroll;
  	scrollbar-width: none;
	-ms-overflow-style: none;
}

div#megamenu::-webkit-scrollbar {
  display: none;
}

div#megamenu-nav-wrapper {
	width:100%;
	padding:0 20px 0 20px;
	margin:auto;
	box-sizing:border-box;
}

div#megamenu-nav-wrapper li {
	margin:0 0 15px 0;
}

div#megamenu-nav-wrapper li:first-of-type {
	margin:0 0 15px 0;
}

div#nav-constructor > li {
	margin:0 0 15px 0;
}

div#megamenu-nav-wrapper li {
	margin-left:35px;
	border:none;
}

div#megamenu-nav-wrapper li a {
	width:100%;
	display:inline-block;
}

div#megamenu-nav-wrapper li:first-of-type {
	margin-left:0;
	padding:5px 0 0 0;
}

div#megamenu-nav-wrapper li.search {
	margin-left:0;
}

div#megamenu-nav-wrapper li ul, div#nav-constructor li ul {
	display:none;
	margin:10px 0 0 35px;
	padding:0 0 10px 0;
}

div#nav-constructor-second-level li ul li ul {
	display:none;
}

div#megamenu-button {
	display:none;
	position:absolute;
	height:50px;
	width:50px;
	right:20px;
	bottom:30px;
	cursor: pointer;}

div#megamenu-button:hover div {
	background:#fff;
}

div#button-top-bar {
	width:40px;
	height:1px;
	position:absolute;
	right:0;
	bottom:32px;
	background:#888;
	transition: transform 0.2s;
}

div#button-middle-bar {
	width:40px;
	height:1px;
	position:absolute;
	right:0;
	bottom:20px;
	background:#888;
	transition: transform 0.2s;
}

div#button-bottom-bar {
	width:40px;
	height:1px;
	position:absolute;
	right:0;
	bottom:7px;
	background:#888;
	transition: transform 0.2s;
}

.megamenu-button-close #button-middle-bar {
	display:none;
}

.megamenu-button-close #button-top-bar {
	transform: rotate(45deg);
	transition: transform 0.2s;
	bottom:20px;
}

.megamenu-button-close #button-bottom-bar {
	transform: rotate(-45deg);
	transition: transform 0.2s;
	bottom:20px;
}

.megamenu-active {
	display:block !important;
}

.current_page_item {
	border-top:1px solid #888;
}

.current_page_item a:hover {
	color:#00B1AC !important;
}

/*.current_page_item a {
	color:#000 !important;
}*/

/*@media (min-width:1121px){
	.current_page_item a {
		color:#000 !important;
	}
}*/


#megamenu-nav-wrapper .page-item-2 {
	border-top:1px solid #888;
}

.current_page_item ul li a {
	color:#888;
}

div#megamenu-nav-wrapper li ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

div#megamenu-nav-wrapper li ul li {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

ul.children li.current_page_item a {
	color:#888 !important;
}

ul.children li.current_page_parent a {
	color:#fff !important;
}

div#megamenu-nav-wrapper li.current_page_parent a {
	color:#fff !important;
}

div#megamenu-nav-wrapper li.current_page_ancestor a {
	color:#fff !important;
}

div#megamenu li.current_page_item > a {
	color:#fff !important;
}

div#non-clickable ul.children li {
			padding: 0 0 0 0;
}

div#nav-constructor-second-level li ul.children li {
			padding: 0 0 0 0;
}

	/*3.2.2 MEGAMENU HIERARCHIEN + CONSTRUCTOR */

		/*Hierarchie 3 ausblenden*/
		div#megamenu-nav-wrapper li ul li ul li, div#nav-constructor li ul li ul li, div#non-clickable ul li ul li {
			display:none;
		}

		/*Hierarchie 2 ausblenden*/
		div#megamenu-nav-wrapper li ul li {
			display:none; !important
		}

	/* Nav Constructor*/
	div#nav-constructor, div#nav-constructor-second-level {
		width:100%;
		padding:0 20px 0 20px;
		box-sizing:border-box;
		margin:auto;
		background:#000;
		color:#fff;
		display:none;
	}

	div#sub-navigation-bar {
		border-top:1px solid #888;
		padding:5px 0 15px 0;
	}

	div#sub-navigation-bar:hover {
		cursor:pointer;
	}

	div#sub-navigation-bar span {
		padding-top:10px;
	}

	.hide {
		display:none; !important
	}

	.show {
		display:block; !important
	}

	.hidden {
		transition: opacity 1s ease-in;
		opacity:0;
	}

	.visible {
		transition: opacity 500 ease-in;
	}

	div#nav-constructor li {
		border-top:1px solid #888
	}

	div#nav-constructor > li {
		padding-top:5px;
	}

	div#nav-constructor #non-clickable li {
		border:none;
	}

	div#nav-constructor #non-clickable a {
		border-top:1px solid #888;
	}

	div#nav-constructor #non-clickable li {
		padding-left:30px;
		margin:0 0 15px 0;
	}

	div#nav-constructor #non-clickable li a {
		border:none;
	}

	div#nav-constructor-second-level > li {
		border-top:1px solid #888;
		padding-top:5px;
		margin-bottom:15px;
	}

	div#nav-constructor-second-level > li > ul.children {
		margin-top:15px;
	}

	div#nav-constructor-second-level li ul.children li {
		margin: 0 0 15px 35px;
	}

	div#nav-constructor-second-level li ul.children li {
		border:none;
	}

	/* SUCHE */
	div#megamenu li.search {
		position:relative;
		margin: 0;
		padding:0 20px 0 20px;
		box-sizing:border-box;
	}
		
		div#megamenu li.search form {
			/* background: transparent url(images/wireframe.png) center center repeat; */
			height:40px;
			border-radius:0;
		}
		
			div#megamenu li.search form input {
				display: block;
				box-sizing:border-box;
				width: 100%;
				height: 42px;
				margin: 20px 0 0 0;
				padding: 0 0 0 10px;
				border-top: 1px solid #888;
				border-right: 1px solid #888;
				border-bottom: 1px solid #888;
				border-left: 1px solid #888;
				background: #000;
				/* TEXT */
				font: italic normal 14px/24px "Clan", Verdana, Geneva, sans-serif;
				color: #FFF;
				border-radius:0;
			}
		
			div#megamenu li.search form input.submit {
				width: 0px;
				height: 0px;
				margin: 0 0 0 0;
				padding: 0;
				cursor: pointer;				
				border:none;			
				background: #000 url, center center no-repeat;
			}


/* 3.3 CONTENT  */

div#content {
	width:auto;
	overflow: hidden;
	margin-top:0;
	/*margin-top:5px;*/
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

div.slider-content {
	position:relative;
	top:-12px;
}

div.added-padding-top {
	padding-top:6px;
}

div#post {
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	div#post img {
		width:100%;
		padding: 0 0 20px 0;
		height: auto;
	}
	
	div.post-thumb img {
		width:100% !important;
	}
	
	div#post a.border {
		display: block;
		width: 698px; /* width: 700px; */
		height: auto;
		padding: 1px;
		background: #888;
	}
	
	div#post a.border img {
		width: 698px; /* width: 700px; */
		height: auto;
	}


.wp-block-image .alignleft {
	margin:0 !important
}

/* 3.3.1 SLIDESHOW  */

div#slideshow {
	margin: 5px 0 40px 0;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

div.n2-ss-margin {
	margin-bottom:20px !important;
}

/* 3.3.2 WELCOME  */

div#welcome {
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

div#welcome h1 {
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0 20px 0;
	border-top: 1px solid #000;
}

		div#welcome h1 {
			color: #000;
		}
		
		div#welcome h1:hover {
			color: #00B1AC;
		}

	div#welcome div.column {
		float: left;
		width:48.75%;
		margin-right:2.5%;
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
	div#welcome div.column:last-child {
		margin: 0 0 20px 0;
	}
	
		div#welcome div.column ul {
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
			div#welcome div.column ul li {
				/* background: transparent url(images/wireframe.png) center center repeat; */
			}
			
				div#welcome div.column ul li img {
					width: 340px;
					height: auto;
					margin: 0 0 10px 0;
					/* background: transparent url(images/wireframe.png) center center repeat; */
				}


/* 3.3.4 TEASER  */

div#teaser {
	width:100%;
	margin: 20px 0 0 0;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	div#teaser div.column {
		float: left;
		width: 49.15%;
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}

	div#teaser div.teaser-right {
		float:right !important;
	}
	
	.first {
		margin: 0 20px 0 0;
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}

	.last {
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
	.teaser-left li:nth-of-type(even) {
		display: none;
		visibility: hidden;
	}
	
	.teaser-right li:nth-child(odd) {
		display: none;
		visibility: hidden;
	}
	
		div#teaser div.column ul {
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
			div#teaser div.column ul li {
				/* background: transparent url(images/wireframe.png) center center repeat; */
			}
		
				div#teaser div.column ul li a {
					font-weight: normal;
					font-size: 14px;
					line-height: 20px;
					color: #000;
				}
				
				div#teaser div.column ul li a.thumbnail {
					display: block;
				}
				
				div#teaser div.column ul li a.title {
					display: block;
					margin: 5px 0 15px 0;
				}
				
					div#teaser div.column ul li a img {
						width: 100%;
						height: auto;
					}
					
					div#teaser div.column ul li:hover a img {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
						filter: alpha(opacity=60);
						-moz-opacity: 0.6;
						-khtml-opacity: 0.6;
						opacity: 0.6;
						-webkit-transition: 250ms ease-out;
						-moz-transition: 250ms ease-out;
						-o-transition: 250ms ease-out;
						transition: 250ms ease-out;
					}
	
/* 3.3.5 PAGINATION  */

div.pagination {
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	div.pagination ul {
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
		div.pagination ul li {
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
		div.pagination ul li.previous {
			float: left;
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
			div.pagination ul li.previous a {
				display: block;
				background: transparent url, left -108px no-repeat;
			}
			
			div.pagination ul li.previous a:hover {
				background: transparent url, left -126px no-repeat;
			}
		
		div.pagination ul li.next {
			float: right;
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}

			div.pagination ul li.next a {
				display: block;
				background: transparent url, right -72px no-repeat;
			}
			
			div.pagination ul li.next a:hover {
				background: transparent url, right -90px no-repeat;
			}

/* 3.3.6 SEARCH RESULTS */

ul#search-results {
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	ul#search-results li {
		display: block;
		margin: 0 0 20px 0;
		padding: 5px 0 0 0;
		border-top: 1px solid #000;
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
	ul#search-results li:last-child {
		margin: 0;
	}
		
		ul#search-results li div {
			margin: 0 20px 0 0;
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}

		ul#search-results li div:last-child {
			width: 90px;
			margin: 0;
			text-align: right;
		}

a.continue {
	display: inline-block;
	padding: 0 23px 0 0;
	background: transparent url(images/buttons.png) right -72px no-repeat;
}

a.continue:hover {
	background: transparent url(images/buttons.png) right -90px no-repeat;
}

/* 4. FOOTER  */

div#footer {
	width: auto;
	padding: 20px 20px 0 20px;
	position:relative;
	border-top:1px solid #333;
	/* background: * transparent url(images/wireframe.png) center center repeat; */
}

div#footer h2 {
	margin-bottom:0;
}

div#footer div.columns ul li {
	float:none;
	width:auto;
	margin-bottom:15px;
}

div#footer div.columns ul li:last-child {
	margin-bottom:0px;
}


/* 4.1 BREADCRUMP  */

div#breadcrump {
	width: 940px;
	height: 40px;
	margin: 0 0 0 120px;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	div#breadcrump ul {
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
		div#breadcrump ul li {
			float: left;
			margin: 0 10px 0 0;
			padding: 0 0 0 20px;
			background: transparent url(images/breadcrump.png) left 11px no-repeat;
		}
		
		div#breadcrump ul li.home {
			padding: 0;
			background: none;
		}
		
			div#breadcrump ul li a {
				color: #000;
				line-height: 40px;
			}
			
			div#breadcrump ul li a:hover, 
			div#breadcrump ul li.current_item a {
				color: #00B1AC;
			}

/* 4.2 COLUMNS  */

div.columns {
	width: 700px;
	margin: 0 0 0 360px;
	/* background: transparent url(images/wireframe.png) center center repeat; */
}

	div.columns ul {
		/* background: transparent url(images/wireframe.png) center center repeat; */
	}
	
		div.columns ul li {			
			float: left;
			width: 340px;
			margin:0;
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
		div.columns ul li:last-child {
				margin: 0;
			/* background: transparent url(images/wireframe.png) center center repeat; */
		}
		
			div.columns ul li h2 {
				font-weight: normal;
				font-size: 14px;
				margin: 0 0 20px 0;
				color: #000;				
			}

/* 5. MISCELLANEOUS */

*:focus {
	outline: none;
}

hr {
	width: 100%;
	height: 1px;
	padding: 0;
	border: none;
	background: #000;
}

img {
	display: block;
}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	border-top: 0;
}

/* 5.1 IFRAMES */

div.iframe {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}

	div.iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* 5.2 SELECTION */

::selection {
	color: #00B1AC;
	background: #000;
}

::-moz-selection {
	color: #00B1AC;
	background: #000;
}

/* 5.3 CLEAR */

.clear {
	display: block;
}

.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* 5.4 PASSWORD FORM */
form.post-password-form input {
	background: #000;
	color:#fff;
	padding:2px 20px;
	border-radius: 3px;
	margin-left:5px;
}

form.post-password-form p > label > input {
	background: #fff;
	color:#000;
	padding:2px 2px;
	margin-left:0;
	border:1px solid #000 ;
}

div.password-form-content {
	padding-top:10px;
}

input.wordpress-password-form {
	font-family: "Clan", Verdana, Geneva, sans-serif;
	font-size:14px/24px;
	font: italic normal 14px/24px "Clan", Verdana, Geneva, sans-serif;
	width:100%;
	max-width:400px;
	box-sizing:border-box;
	border-radius:0 !important;
}


/* 6.0 VERTICAL NAVIGATION BAR */
@media only screen and (min-width: 1121px) {
	#header {
		position:fixed !important;
		width:33% !important;
		box-sizing: border-box;
		height: 100vh !important;
		top:0 !important;
		bottom:0 !important;
		display:inline-block;
		box-sizing:border-box;
		padding:0 !important;
		overflow-y:auto;
		/*scrollbar-width: 0px;
		-ms-overflow-style: none;*/
	}
	
	
	div#header::-webkit-scrollbar {
	  display: none;
	}
	
	#header::-webkit-scrollbar {
		width:10px;
	}
	
	#header::-webkit-scrollbar-track {
	background:#f1f1f1;
 	/*border-radius: 10px;*/
	
	}
	
	#header::-webkit-scrollbar-thumb {
  	background: #c1c1c1;
  	border-radius: 10px;
	border: 2px solid #f1f1f1;
	}
	
	#header::-webkit-scrollbar-thumb:hover {
  	background: #787878;
	}
	
	div#welcome div.column {
		width:48.75%;
		margin-right:2.5%;
	}
	
	.content {
		padding:10px 20px 30px 0px !important;
		box-sizing:border-box;
		margin-left:110px;
	}
	
	.logo {
		margin: 20px 0 0 0 !important;
	}
	
	#banner {
		bottom:-10px !important;
	}
	
	#megamenu-button {
		display:none !important; 
		bottom:auto !important;
		top:151px;
	}
	
	#container {
		position:relative !important;
	}
	
	#main {
		width: 67% !important;
		display:inline-block !important;
		box-sizing:border-box;
		left:33%;
		padding: 15px 20px 20px 20px !important;
		/*padding-left:25px !important;*/
	}
	
	p {
		width:100%;
		max-width:800px;
		margin-right:0;
	}
	
	#megamenu {
		height:auto !important;
		position: relative !important;
		width:100%;
		top:30px !important;
		display:block !important;
		
	}
	
	#megamenu li.current_page_item > a {
		color:#fff !important;
	}
	
	#menu ul.ancestors li {
		color:#888 !important;
	}
	
	#footer {
		display:inline-block !important;
		width:67% !important;
		left:33% !important;
		top:30px !important;
		box-sizing:border-box;
		background:#fff !important;
		color:#000 !important;
		border-top: 1px solid #6d6d6d;
		padding:20px !important;
		margin-bottom:28px;
	}
	
	#footer div.columns {
		margin:0 !important;
		width:auto;
	}
	
	#footer div.columns ul li h2 {
		color:#000 !important;
	}
	
	#footer #text-3 {
		margin-top:50px;
	}
}

@media only screen and (min-width: 1121px) {
	/*div#teaser div.column {
		width:48.4%;
	}*/
	
	div#teaser div.last {
		float:right !important;
	}
	
	div#teaser div.first {
		margin:0 !important;
	}
}


@media only screen and (max-width: 1500px) {
	div#teaser div.column {
		width:48.8%;
	}	
}

@media only screen and (max-width: 1300px) {
	div#teaser div.column {
		width:48.9%;
	}

}


@media only screen and (max-width: 970px) {
	div#teaser div.column {
		width:48.75%;
	}
}

@media only screen and (max-width: 860px) {
	div#teaser div.column {
		width:48.55%;
	}
}