/*
	global definitions
*/
html {
	height: 100%;
}

body {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: rgb(0,0,0);
	text-align: left;
	background: rgb(246,246,246);
}

img {
	border: 0;
}

a {
	font-weight: normal;
	color: rgb(0,0,0);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table.userTable {
	border-collapse: collapse;
}
table.userTable tr td {
	margin: 0px;
	padding: 2px;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: rgb(0,0,0);
	margin: 0px;
	padding: 0px 0px 20px 0px;
}




/**
 * Seitenlayout
 */
div#page {
	position: relative;
	width: 1000px;
	margin: 80px auto 0px auto;
	text-align: left;
}
div#page div.navigation {
	position: relative;
	width: 230px;
}
div#page div.contentstage {
	width: 770px;
}


a.logo {
	position: absolute;
}

/**
 * Navigation
 */
div.navigation ul {
	position: absolute;
	top: 87px;
	left: 0px;
	display: block;
	width: 115px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	div.navigation ul li {
		display: block;
		padding: 3px 0px;
	}
	div.navigation ul li a {
		line-height: 16px;
		text-decoration: none;
		color: rgb(156,158,159);
	}
	div.navigation li a.selected,
	div.navigation li a:hover {
		color: rgb(0,0,0);
	}
	div.navigation li a.selected {
		font-weight: bold;
	}
	div.navigation ul ul {
		position: absolute;
		top: 0px;
		left: 115px;
	}
	div.language {
		position: absolute;
		top: 590px;
		left: 0px;
	}
	div.language a {
		line-height: 16px;
		text-decoration: none;
		color: rgb(156,158,159);
	}
	div.language a.selected,
	div.language a:hover {
		color: rgb(0,0,0);
	}
	div.language a.selected {
		font-weight: bold;
	}




/**
 * Artikel
 */
div#article {
	margin-top: 90px;
}

div#article .container {
	padding-bottom: 30px;
}

div#article.level1 .container .floatL,
div#article.level1 .container .floatR,
div#article.level2 .container .floatL,
div#article.level2 .container .floatR {
	width: 380px;
}
div#article.level3 .container {
	margin-left: 115px;
}
div#article.level3 .container .floatL,
div#article.level3 .container .floatR {
	width: 315px;
}
div#article.level4 .container {
	margin-left: 230px;
}
div#article.level4 .container .floatL,
div#article.level4 .container .floatR {
	width: 265px;
}




/**
 * Anfahrt
 */
div#approach {
	margin-top: 90px;
}

div#approach .map {
	position: relative;
	top: 0px;
	left: 0px;
	width: 380px;
	height: 380px;
	background: rgb(197,199,200);
}
div#approach .map div#map {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 378px;
	height: 378px;
	overflow: hidden;
	background: url(/files/KNSK_Beispiel6_14.jpg) no-repeat transparent;
}
div#approach .container .floatL,
div#approach .container .floatR {
	position: relative;
	width: 380px;
}
	div#approach div.map img {
		position: absolute;
	}
	div#approach div.map img.corner-tl {
		top: 0px;
		left: 0px;
	}
	div#approach div.map img.corner-tr {
		top: 0px;
		right: 0px;
	}
	div#approach div.map img.corner-br {
		bottom: 0px;
		right: 0px;
	}
	div#approach div.map img.corner-bl {
		bottom: 0px;
		left: 0px;
	}
div#approach div.address {
	position: absolute;
}
div#approach div.coord {
	position: absolute;
	top: 330px;
}
div#approach a.zoom {
	position: absolute;
	top: 205px;
}
div#approach a.print {
	position: absolute;
	top: 265px;
}




/**
 * Kunden
 */
div#customer {
	margin-top: 90px;
}
div#customer.logo {
	margin-top: 0px !important;
}
div#customer div.logo {
	float: left;
	width: 125px;
	height: 90px
}
form#customer_chioce {
	display: block;
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
div#customer div.choice {
	margin-bottom: 20px;
}
	div#customer div.choice select {
		width: 220px;
		font-size: 11px;
	}
div#customer div.right {
	float: left;
	width: 470px;
	text-align: center;
}
div#customer div.bottom {
	float: left;
	width: 770px;
}
div#customer div.right img,
div#customer div.bottom img {
	border: 1px solid rgb(178,178,178);
}




/**
 * Startseite
 */
div#startpage {
	margin-top: 90px;
}




/**
 * News
 */
div#news {
	margin-top: 90px;
}

div#news .container {
	padding-bottom: 30px;
}

div#news.level1 .container .floatL,
div#news.level1 .container .floatR,
div#news.level2 .container .floatL,
div#news.level2 .container .floatR {
	width: 380px;
}
div#news.level3 .container {
	margin-left: 115px;
}
div#news.level3 .container .floatL,
div#news.level3 .container .floatR {
	width: 315px;
}
div#news.level4 .container {
	margin-left: 230px;
}
div#news.level4 .container .floatL,
div#news.level4 .container .floatR {
	width: 265px;
}
div#news .container.list .floatL div {
	padding-bottom: 10px;
}
div#news .container.list .floatL div a {
	font-weight: bold;
}