/* 
vier boxen|spalten styles | xmodus.ch
creadet 2008 by dasKonkubinat.ch 
wolf kammerlander
-------------------------------------------------------------------------------------------- 
--------------------------------------------------------------------------------------------
global reset - universal selektor & body center | basic rules für links/images : no border
-------------------------------------------------------------------------------------------- */
* {
		margin: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
}
body {
		font: 0.75em Arial, Helvetica, sans-serif;
		text-align: center;
		color: #000000;
}
img {
	border: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 0px;
}
a {
		color: #000000;
		border: none;
}
/*
layout boxes
--------------------------------------------------------------------------------------------- */
#container {
		height: auto;
		width: 840px;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
}
#main-nav {
		height: 40px;
		width: 840px;
}
#main-nav li {
		list-style: none;
}
#banner {
		height: 130px;
		width: 840px;
}
#sub-nav {
		height: 140px;
		width: 840px;
}
#sub-nav li {
		list-style: none;
}
#imgBox1 {
		height: 200px;
		width: 840px;
		border-bottom: thin solid #000000;
}
#container #imgBox #leftImage2 {
	margin-right: 13px;
}
#container #imgBox #middleImg3 {
		margin-right: 13px;
}
#container #imgBox #middleImg4 {
		margin-right: 13px;
}
#container #imgBox2 #leftImage {
	margin-right: 13px;
}
#container #imgBox2 #leftImage {
	margin-right: 13px;
}
#container #imgBox2 #middleImg21 {
		margin-right: 13px;
}
#container #imgBox2 #middleImg22 {
		margin-right: 13px;
}
#imgBox2 {
		height: 200px;
		width: 840px;
		float: left;
}
/* h4 für Zeile */
#imgBox2 h4 {
	font-size: 12px;
	text-align: left;
}
/* abstand zwischen den bildern */
#container #imgBox #middleImg1, #container #imgBox2 #middleImg1 {
		margin-right: 13px;
		margin-left: 13px;
}
#container #imgBox #middleImg2, #container #imgBox2 #middleImg2 {
		margin-right: 13px;
}
#textBox1/* steuerung für die drei spalten - bereich textBox
---------------------------------------------------------------------------------------------- */ {
		height: auto;
		width: 840px;
		overflow: visible;
		list-style: square inside;
}
#textBox2 {
		height: auto;
		width: 840px;
		overflow: visible;
}
div#leftText {
		width: 200px;
		margin-right: 13px;
		float: left;
}
div#middleText1 {
		width: 200px;
		float: left;
		margin-right: 13px;
}
div#middleText2 {
		width: 200px;
		float: left;
		margin-right: 13px;
}
div#rightText {
		width: 200px;
		float: left;
}
/* imageReplacement für bannerbereich / SEO für google
--------------------------------------------------------------------------------------------- */
h1 {
		text-indent: -9999px;
}
/* main-nav regeln
------------------------------------------------------------------------------------------------ */
#container #main-nav li {
		width: 270px;
		display: block;
		border-bottom: 2px solid #000000;
		float: right;
		height: 40px;
}
#container #main-nav #exhibition {
		margin-right: 15px;
		margin-left: 15px;
}
#container #main-nav #news {
/* standard link*/
}
#main-nav a:link {
		font-weight: bold;
		text-decoration: none;
		display: block;
		height: 16px;
		padding-top: 24px;
}
/* besuchter link*/
#main-nav a:visited {
		font-weight: bold;
		text-decoration: none;
		display: block;
		height: 16px;
		padding-top: 24px;
}
/* mouseOver und mouseDown link*/
#main-nav a:hover, #main-nav a:active {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		background: #000000;
		display: block;
		height: 16px;
		padding-top: 24px;
}
#main-nav .aktuellerLink/* klasse für den aktuellen  link / manuell definieren */ {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		background: #000000;
		display: block;
		height: 16px;
		padding-top: 24px;
		cursor: default;
}
/* regeln für subNavigation
--------------------------------------------------------------------------------------------- */
#container #sub-nav ul {
		display: block;
		width: 130px;
		float: left;
		border-top: thin solid #000000;
}
#container #sub-nav li {
		border-bottom: 1px solid #000000;
		line-height: 20px;
}
.subNavHeader {
		font-weight: bold;
		text-transform: uppercase;
}
#container #sub-nav #company {
		margin-right: 10px;
}
#container #sub-nav #services {
		margin-right: 10px;
		margin-left: 15px;
}
#container #sub-nav #documents {
		margin-right: 10px;
		margin-left: 15px;
}
#container #sub-nav a:link, #sub-nav a:visited {
		text-decoration: none;
		display: block;
}
#container #sub-nav a:hover, #sub-nav a:active {
		color: #FFFFFF;
		background: #DE0008;
		display: block;
}
#sub-nav .aktuellerLink {
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		background: #000000;
		display: block;
		cursor: default;
}
/* blindtext in der subnav*/
.blind {
		color: #FFFFFF;
}
/* regeln für die textformatierung 
-------------------------------------------------------------------------------------------- */
#container #textBox h2 {
		margin-top: 5px;
		margin-bottom: 10px;
		text-transform: none;
		font-size: 1.1em;
		font-weight: bold;
		color: #000;
}
#container #textBox p {
		font-size: 14px;
		margin-bottom: 0.75em;
}
#container #textBox #pdfImg {
		margin-top: 10px;
		margin-left: 10px;
		font-weight: bold;
}
/* listenpunkte werden im normalen text angezeigt*/
#container #textBox li {
		list-style: disc inside;
}
#container a #leftImage2 {
	margin-right: 13px;
}
#container #imgBox2 a #rightImg2 {
	margin-left: 13px;
}
#container #imgBox2 a #rightImg2 {
	margin-left: 0px;
}
#container #imgBox2 a #middleImg {
	margin-right: 13px;
}