/*
Theme Name: Default
Theme url: www.team-work.lu
Description: personalized theme by teamkWork 2013
Version: 1.0
Author: TeamWork
Author URI: www.team-work.lu
*/


/*Fonts*/

	@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=ae6419d9-8abc-47d8-a81d-553e0ac5add3");
	@font-face{
	font-family:"Forte W01_i8";
	src:url("Fonts/18806206-05f0-4e93-8a9a-2456c9390448.eot?#iefix") format("eot")
	}
	@font-face{
	font-family:"Forte W01";
	src:url("Fonts/18806206-05f0-4e93-8a9a-2456c9390448.eot?#iefix");
	src:url("Fonts/18806206-05f0-4e93-8a9a-2456c9390448.eot?#iefix") format("eot"),url("Fonts/c7a830c9-ed4d-471c-82a5-59e5cbb016b8.woff") format("woff"),url("Fonts/22be3e81-770b-4e50-b069-3b11162321fd.ttf") format("truetype"),url("Fonts/24f34cf2-3c0d-4503-a663-b19c3af0185c.svg#24f34cf2-3c0d-4503-a663-b19c3af0185c") format("svg");
	font-weight: 800;
	font-style: italic;
	}

/* tools */
	.alignleft { float: left; margin-right: 15px; display: block; }
	.aligncenter { margin-left: auto; margin-right: auto; display: block; }
	.alignright { float: right; margin-left: 15px; display: block; }
	iframe{ max-width: 100%; margin: 0 auto; }
	.page-wrapper { position: relative; }
	img {max-width: 100%;}
	a{ color: #041e3d }

	body{ 
		background: #bbbdbf;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		font-size: 14px;
		margin: 0;
	}
	h1, h1 a { 
		color: #8d141a;
		font-family: "Forte";
		font-size: 28px; 
		font-weight: normal;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	h2, h2 a { 
		color: #041e3d;
		font-family: "Forte";
		font-size: 23px;
		font-weight: normal;
		margin-top: 8px;
		margin-bottom: 5px;
		text-decoration: none;
	}
	h3, h3 a { 
		color: #041e3d;
		font-family: "Forte";
		font-size: 20px;
		font-weight: normal;
	}

	p{
		margin-top: 0;
		margin-bottom: 10px;
	}

	.container{ 
		margin: 0 auto;
		width: 960px; 
	}

/* configurations */
	/*Quicklinks/languages*/
		section#quicklinks{
			overflow: hidden;
			position: relative;
			background: #041e3d;
		}

		section#quicklinks .menu{
			margin-top: 5px;
			margin-bottom: 5px;
			float: right;
		}
		section#quicklinks .menu li{
			display: inline-block;
		}
		section#quicklinks .menu li a{
			color: #b1b2b4;
			font-family: "Forte";
			padding: 0 10px;
			text-decoration: none;
		}
		section#quicklinks .menu li:last-child a{
			border: none;
		}

	/*header*/
		header{
			background: url(images/bkg_horizontal.jpg) repeat-y center;
			height: 120px;
			position: relative;
		}
		header .container{
			height: 110px;
			position: relative;
		}
		header #logo{
			left: 50px;
			position: absolute;
			top: 10px;
			z-index: 5;
		}

	/* navbar */
		.navbar-header{
			overflow: hidden;
			position: relative;
			background: #8d141a;
		}

		.navbar-header .menu{
			border-color: #f8b334;
			border-style: solid;
			border-width: 1px 0 2px 0;
			float: left;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0 0 0 70px;
			width: 960px;
		}
		.navbar-header .menu li{
			display: inline-block;
		}
		.navbar-header .menu li a{
			color: #f8b334;
			font-family: "Forte";
			font-size: 28px; 
			padding: 0 17px;
			text-decoration: none;
		}
		.navbar-header .menu li:last-child a{
			border: none;
		}

	/*Slider*/
		#slider{
			position: relative;
			height: 430px;
			width: 960px;
		}

	/* footer navbar */
		.navbar-footer{
			clear: both;
		}


	/*templates*/
		/*Startseite*/
			#content{
				background: #FFF;
				padding-bottom: 30px;
			}
			.home #content{
				padding-bottom: 0;
			}
			.home #content > article{
				background: url(images/bkg_horizontal.jpg) bottom repeat-y;
				min-height: 200px;
				overflow: hidden;
			}
			.home #content > article .text{
				float: left;
				margin-left: 35px;
				width: 610px;
			}
			.home #content > article .contact-info{
				background: #dcdcdc;
				border: solid 2px #8d141a;
				float: left;
				height: 150px;
				margin: 15px;
				padding: 15px;
				width: 250px;
			}
			.home #content > article .contact-info h1, .home #content > article .contact-info h2{
				color: #8d141a;	
				margin-top: 0;			
			}

		/*Articles*/
			.home .news{				
				background: url(images/bkg_news.jpg) repeat-y center;
				overflow: hidden;
			}
			.home .news h2{
				color: #8d141a;	
				padding: 0 15px;
			}
			.home .articles{
				overflow: hidden;
				padding: 0 15px 15px 15px;
			}
			.home .articles article{
				overflow: hidden;
				float: left;
				width: 300px;
			}
			.home .articles article .article-image{
				float: left;
				margin: 5px 10px;
				width: 110px;
			}
			.home .articles article .excerpt{
				float: left;
				width: 170px;
			}
			.home .articles article .excerpt{
				margin-bottom: 0;
			}


		/*Highlights*/
			#highlights{
				background: url(images/bkg_highlights.jpg) no-repeat center;
				height: 200px;
				overflow: hidden;
				width: 960px;
			}
			#highlights .highlight{
				float: left;
				height: 175px;
				margin-left: 15px;
				margin-top: 12px;
				overflow: hidden;
				position: relative;
				width: 175px;
			}
			#highlights .highlight-1{
				margin-left: 12px;
			}
			#highlights .highlight a.img-link{
				display: block;
				height: 175px;
				width: 175px;
			}
			#highlights .highlight .edit-link{
				background: url(images/bkg_transparent.png);
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
			}
			#highlights .highlight .edit-link{
				color: #444;
				text-align: center;
			}
	/**/
		/*Sidebar*/
			#sidebar{
				display: inline-block;
				padding-left: 30px;
				padding-top: 30px;		
				width: 270px;
				vertical-align: top;
			}
			#sidebar li
			{
				margin-top: 7px;
				margin-bottom: 7px;
			}
			#sidebar li a
			{
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
 			  -ms-hyphens: auto;
				hyphens: auto;
				text-decoration: none;
			}
			#sidebar li a:hover
			{
				color: #8d141a;
			}
			#sidebar .article-image{
				/* background: url(images/bkg_image.jpg) center no-repeat */;
				height: 200px;
				margin-bottom: 20px;
				width: 270px;
			}
			#sidebar .article-image img{
				border: 1px solid #333;
				height: 200px;
				/* max-width: 268px; */
				width: auto;
			}
			#main{
				display: inline-block;
				min-height: 400px;
				max-width: 600px;
				overflow: hidden;
				padding: 10px 20px;
				position: relative;
				vertical-align: top;
				width: auto;
			}
			/*
			#main.pages
			{
				max-width: 910px
			}
			*/
			
			
			.referenzen-page article
			{
				padding-top: 30px;
			}

		/*Main*/
			#main.articles-list{
				/* margin-left: 270px; */
			}		
			#main.articles-list article{
				clear: both;
			}
			#main.articles-list .article-image{
				/*background: url(images/bkg_image.jpg) center no-repeat;*/
				border: solid 1px #333;
				float: left;
				height: 180px;
				width: 250px;
			}
			#main.articles-list .article-image img{
				height: 180px;
				/*max-width: 268px;*/
				width: 250px;
			}
			#main.articles-list .excerpt{
				float: left;
				margin-left: 17px;
				width: 320px;
			}
			
			#main.posts{
				max-width: 910px !important;
				width: 910px;
			}
			
			#main.posts .article-image{
				border: solid 1px #333;
				float: left;
				margin-right: 20px;
				height: 295px;
				width: 433px;
			}

	/*Template news*/

			.news-page #main.articles-list{
				max-width: 80%;
				margin-left: 10%;
				margin-right: 10%;
			}

			.news-page #main.articles-list > .articles{
				margin-top: 30px;
				margin-bottom: 30px;
				min-height: 300px;
			}
			.news-page #main.articles-list > .articles > article{
				min-height: 210px;
			}
			.news-page #main.articles-list .excerpt{
				float: left;
				margin-left: 14px;
				width: 430px;
			}


	/*footer*/
		footer{
		}
		footer .container{
			background: url(images/bkg_horizontal.jpg) repeat-y center;
			border-color: #f8b334;
			border-style: solid;
			border-width: 1px 0 2px 0;
			clear: both;
			overflow: hidden;
			position: relative;
		}
		footer .menu-left{
			display: inline-block;
			overflow: hidden;
			padding-left: 30px;
			width: 440px;
		}
		footer .menu-right{
			display: inline-block;
			overflow: hidden;
			padding-right: 30px;
			width: 440px;
		}
		footer .menu-left .menu{
			float: left;
		}
		footer .menu-right .menu{
			float: right;
		}
		footer .menu-right .menu li{
			text-align: right;
		}
		footer .menu{
			padding: 0;
			width: 250px;
			z-index: 2;
		}
		footer .menu li{
			list-style: none;
		}
		footer .menu li a{
			font-family: 'Forte';
			font-size: 18px;
			text-decoration: none;
		}
		footer .created-by{
			clear: both;
			color: #FFF;
			position: relative;
			text-align: center;
			width: 100%;
			z-index: 1;
		}
		footer .created-by{
			background: #041e3d;
			margin: 0 auto;
			padding: 5px 0;
			width: 960px;
		}
		footer .created-by a{
			color: #FFF;
		}

/* Pagination */
	.pagination-wrapper { clear: both; text-align: center; }
	.pagination li{
		display: inline-block;
	}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus 
	{
		color: #ffffff;
		background-color: #354e61;
		border-color: #354e61;
		cursor: default;
		z-index: 2;
	}
	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus 
	{
		color: #354e61;
		background-color: #eeeeee;
		border-color: #dddddd;
	}
	.pagination > li > a, .pagination > li > span 
	{
		position: relative;
		float: left;
		padding: 6px 12px;
		line-height: 1.42857143;
		text-decoration: none;
		color: #354e61;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		margin-left: -1px;
	}

		/*.pagination { margin: 0 0 0 200px; position: relative; height: 30px;}
		.pagination span { font-size: 16px; display: inline; float: left; margin: 2px; width: 20px; height: 20px; text-align: center; }
		.pagination span:hover { cursor: pointer; }
		.pagination .current { background-color: #2e6ab1; color: #FFF; border: solid 1px #2e6ab1; } /* #2e6ab1  #003F7D*/
		/*.pagination .pageLink { background-color: #FFF; color: #2e6ab1; border: solid 1px #DDD; } /* #2e6ab1 */
		/*.pagination .pageLink:hover { background-color: #003F7D; color: #FFF; border: solid 1px #003F7D; } /* #2e6ab1 */



/*-----------------------------Responsive---------------------------*/
/* Media Querys */

	/* large */
		@media(min-width:1200px){
		}


	/* Medium */
		@media(max-width:1199px){
		}


	/* Small */
		@media(max-width:991px){	

		}


	/* Extra small */
		@media(max-width:767px){

		}

	/* Extra extra small */
		@media(max-width:480px){

		}

	/* Exclusive Media Querys */
		@media(min-width:768px){
		}