@import url('/stylesheets/thickbox.css') screen;
@import url('/stylesheets/jScrollPane.css') screen;


/* =========================================
	NL G&K Website v1.0
	
	Design:  
	NL G&K
	
	Frontend and backend: 
	mzym Frontend Development 
	www.mzym.biz
==========================================*/

/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
legend { display: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q: before, q: after { content: ''; }
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
* a { position: relative; }
a img { border: none; }
* { outline: none; }
form { display: inline; }

/***********************************************************
 Defaults
************************************************************/

body {
	margin:0;
	padding:0;
	height:100%;
	background:#808080;
	color:#707173;
	font-family:"Helvetica", Arial,sans-serif;
	font-size:11px;
}

img { border: 0; }

img.bg {
	min-height: 100%;
	min-width: 1024px;

	width: 100%;
	height: auto;

	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

#bodybg img {
	display: block;
	height: auto;
	left: 0;
	min-width: 1000px;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

a {
	color: #4b4b4d;
	text-decoration: none;
}

a:hover { color: #bfae51; }

	a.preview {
		display: block;
		font-size: 10px;
		margin: 10px 0 0 23px;
	}

	a.preview-main {
		display: block;
		font-size: 10px;
		margin: 5px 0 0 13px;
	}
	
	a.close:hover,
	a.preview:hover,
	a.preview-main:hover { color: #bfae51; }

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend { text-indent: -999999px; }

input,textarea {
	border: 1px solid #fff;
	font-family: "Helvetica",sans-serif;
	font-size: 11px;
	margin: 5px 0 0 0;
	padding: 4px;
}

label { padding: 0 0 0 10px; }

h3 { font-weight: bold; }

/***********************************************************
 Site
************************************************************/

.container { 
	width:910px; 
	margin:0 0 10px 0;
	position: absolute;
	top: 0;
	left: 0; 

}

.header {
	background: #fff;
	height: 120px;
	position: relative;
	width: 200px;
}

	.header h1 a {
		top:64px;
		left:66px;
		display: block;
		width:100px;
		height:22px;
		background:url('http://www.nlguk.de/images/logo.png') no-repeat;
		text-indent:-999999px;
		line-height: 0;
	}

#twitter {
	font-size: 9px;
	left: 220px;
	position: absolute;
	top: 50px;	
}
	
	#twitter .link {
		background: #fff;
		float: left;
		padding: 11px 10px 9px 10px;
	}
	
	#twitter a:hover { color: #bfae51; }
	
	#tweets { 
		float: left; 
		background: #fff;
		filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
		
	}

		#tweets li {
			list-style-type: none;
			padding: 11px 10px 9px 10px;
		}

.main {
	position: relative;
	margin: -20px 0 30px 180px;
	width: 730px;
	height: 535px;
	background: #fff;
	z-index: 5;
}

	.main h2 {
		background-repeat: no-repeat !important;
		height: 40px;
		margin: 0 0 0 40px;
		text-indent: -999999px;
		width: 670px;
	}
	
	.main h2.auk { background: url('../images/headline_auk.png') no-repeat; }
	.main h2.guk { background: url('../images/headline_guk.png') no-repeat; }
	.main h2.pur { background: url('../images/headline_pur.png') no-repeat; }
	.main h2.kup { background: url('../images/headline_kup.png') no-repeat; }
	.main h2.imp { background: url('../images/headline_imp.png') no-repeat; }
	.main h2.updates { background: url('../images/headline_updates.png') no-repeat; }

.navigation {
	padding: 20px 20px 0 20px;
	height: 117px;
	float:left; 
	width: 490px;
}

	.navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.navigation ul li {
			margin: 0 0 1px 0;
			height: 20px;
			line-height: 20px;
			font-size: 10px;
			color: #707173;
			cursor: pointer;
		}

		.navigation ul li a.active {
			color: #fff;
			background: #bfae51;
		}
		
		.navigation ul li a {
			color: #707173;
			padding: 0 0 0 20px;
			display: block;
			width: 470px;	
		}

			.navigation ul li a:hover { 
				color: #fff; 
				background: #bfae51;
			}
			

		.navigation a.item-1 { background: #e3e4e5; }
		.navigation a.item-2 { background: #ebebec; }
		.navigation a.item-3 { background: #f0f1f1; }
		.navigation a.item-4 { background: #f6f6f6; }

.blog-navigation {
	float: left;
	padding: 20px 0 0 0;
}		

	.blog-navigation a {
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		width:180px;
		height:47px;
		display: block;
		background:#e4d894;
		padding: 36px 0 0 0;
		text-align:center;
	}

.content {
	line-height: 1.4em;
	margin: 0 50px 0 50px;
}

	.content p { margin: 7px 0; }

	#updates { margin: 0 110px; }

		#updates .post { padding: 0 30px; }
	
			#updates .post a {
				font-size: 11px;
				font-weight: bold;
				margin: 0;
			}
			
			#updates .post a:hover { color: #bfae51; }
			
			#updates .post p { margin: 6px 0 12px 0; }
			#updates .post .date { color: #9c9e9f; }
						
			#updates .post.first {
				border-bottom: 1px solid #5b3489;
				margin: 0 0 16px 0;
			}
	
	#imp .left {
		float: left;
		width: 300px;
	}
	
	#imp .right {
		float: left;
		margin: 0 0 0 30px;
	}
	
	#imp .scrollable {
		height: 300px;
		overflow-x: hidden;
		overflow-y: scroll;
		width: 300px;
	}
	
.teaser { margin: 0 0 0 58px; }

	.teaser .item {
		background: url('../images/teaser_container.png') no-repeat;
		height: 125px;
		float: left;
		margin-right: 20px;;
		width: 190px;
	}

		.teaser .item a:hover 	{ color: #bfae51; }
		.teaser .item.last 		{ margin-right: 0; }
		.teaser .item img 		{ margin: 14px 0 0 12px; }

.subcontent {
	position: absolute;
	width: 690px;
	background: #f6f6f6;
}

	#index {
		top: 330px;
		left: 20px;
		height: 185px;
		
	}

	#auk {
		top: 250px;
		left: 20px;
		height: 265px;
		
	}
	
	#pur {
		top: 190px;
		left: 30px;
		height: 255px;
		background: none;
	}
	
	#pur .projects {
		height: 235px;
	}
	
	#pur .projects .item {
		position: relative;
		float: left;
		margin: 0 10px 10px 0;
		cursor: pointer;
	}
	
	#pur .projects .info {
		position: absolute;
		top: 26px;
		width: 160px;
		height: 30px;
		background: url('../images/bg_project_item.png') no-repeat;
	}
	
	#pur .projects .info p {
		margin: 3px 0 0 10px;
		font-size: 10px;
	}
	
	#pur .pager { text-align: center; }


	.main .subcontent h2 {
		margin: 16px 0 0 20px !important; 
		width: 670px;
		height: 36px;
		background-repeat: no-repeat !important;
		text-indent: -999999px;
	}
	
	.main .subcontent h2.index { 
		background: url('../images/headline_sub_index.png') no-repeat; 
	}
	
	.main .subcontent h2.auk { 
		background: url('../images/headline_sub_auk.png') no-repeat; 
	}
	
	.main .subcontent .content {
		margin: 0 20px 20px 30px;
	}

form#contact .left {
	float: left;
	width: 330px;
}

form#contact .right {
	float: left;
	width: 310px;
}

form#contact input {
	width: 302px;
}

	* html form#contact input { width: 298px; }

form#contact textarea {
	width: 292px;
	height: 157px;
}

form#contact input.submit {
	cursor: pointer;
	width: 310px;
	height: 65px;
	margin: 30px 0 0 0;
	padding: auto;
	background: #e4d894;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: none;
}

.footer {
	float: right;
	padding: 4px;
	margin: 0 20px 0 0;
	background: #c6c7c9;
	color: #fff;
	z-index: 5;
}

	.footer a { color: #fff; }



/***********************************************************
 Misc. classes
************************************************************/


.error-form { border: 1px solid red; }
.success { color: green; }

.clearfix: after, .container: after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix, .container { display: block; }

.clear { clear: both; }