/*
|| Stylesheet Kraiss
|| Version: 1.2.1
|| 17-10-2011
||
|| 1.2.1   - Startseite: Facebook-Link positioniert
|| 1.2a1   - Aufkleber mit Messehinweis positioniert
||         - Impressums-Link weiter unten 
|| 1.1.1   - Aenderungen der Version 1.0.2 nachgefuehrt 
|| 1.1     - Positionierung der Buttons auf Startseite (wegen IE)
||         - Hauptueberschrift mit id (wegen Admintool)
||         - Defaults fuer weitere Formate (wegen Admintool)
|| 1.0.1   - Bild auf Seite Unternehmen positioniert 
|| 1.0     - Impressum: Abstaende verkleinert 
||         - Inhalt: Klasse strong fuer roten Text
|| 0.5.2   - Korrekturen im CSS fuer Kontaktbogen wegen IE 
|| 0.5.1   - Sprache Englisch auf Startseite ausgeblendet
||         - Vor/zurueck-Buttons auf Markt-Seite ausgeblendet
|| 0.5     - Seite Systems mit Bildergalerie
||         - Inhaltsbereich zweispaltig speziell platziert
||         - Navigationshintergrund auch als Inhaltshintergrund
|| 0.4     - Neuer Hintergrund mit Schatten
|| 0.3     - Darstellung des Kontaktformulars
|| 0.2.6   - Position Partnerlogos ohne float wegen IE6/Windows
||         - h1 mit Abstand unten wegen IE6/Windows
|| 0.2.5   - Listen im Inhalt angepasst wegen IE6/Windows
||         - Position Partnerlogos wegen Bug in IE6/Windows
|| 0.2.4   - Zweispaltiger Inhalt etwas weiter unten 
|| 0.2.3   - Listenpunkte im Inhalt mit etwas Abstand
||         - Listenklasse "einfach" ohne diesen Abstand
|| 0.2.2   - Listenpunkte im Inhalt neu als Hintergrund
||         - Dadurch auch Aenderung an Linkliste noetig
|| 0.2.1   - Darstellung abgesetzter Links entfernt
||         - Positionierung der Buttons neu geschrieben
||         - Links im Inhaltsbereich grau statt blau
||         - Absatzabstaende auf der Kontaktseite verkleinert 
|| 0.2     - Inhalt auf Systems-Seite ausgeblendet
||         - Button mit id="prev" neben anderem Button 
|| 0.1.5   - Format fuer Datum auf der Newsseite
|| 0.1.4   - Button auf Kontaktseite platziert
|| 0.1.3   - Listen im Inhaltsbereich
|| 0.1.2   - Links und Logos im Inhaltsbereich
||         - Darstellung zweispaltiger Inhalte
|| 0.1.1   - Neuer Aufbau der Startseite
||         - Positionierung der Sprachlinks auf Startseite 
||         - Impressum-Link neu positioniert
|| 0.1     - Kommentare hinzugefuegt
||         - Navigation und Ueberschrift in px statt em 
|| 0.0.1   - Startversion
*/


/*
|| Allgemeine Einstellungen
*/

/*
	@font-face {  
	  font-family: "Univers LT 57 Condensed";  
	  src: url(../fonts/Univers LT 57 Condensed.eot); 
	  src: local("Univers LT 57 Condensed"), url("../fonts/Univers LT 57 Condensed.ttf") format("truetype"); 
	}
*/  

body {
	/*font-family: "Univers LT 57 Condensed",Verdana, Arial, sans-serif;*/
	font-family: Arial,Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background-image: url(hintergrund_stat.png);
	background-repeat: repeat-x;
	background-color:#6d6b70;
}

#kraiss {
	position: relative;
	width: 925px;
	left: 65px;
	background-image: url(hintergrund_dyn.png);
	background-repeat: no-repeat;
	background-position:bottom;
	margin: 40px auto;
	padding-bottom:110px;
}
	
#seite {
	position: relative;
	width: 790px;
	height:730px;
	background-color: #fff;
	background-image:url(../imgs/bilder_hintergrund.png);
	background-repeat:no-repeat;
	background-color:#fff;
	padding-bottom:10px;
		overflow:hidden;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border:0px;
}


/*
|| Logo
*/

#logo {
	height: 54px;
}

#logo p {
	display: none;
}


/*
|| Headerbereich
*/

#header {
	position: relative;
	height: 230px;
	margin-top:13px;
}

#header img {
	vertical-align: middle;
}

#header > img {
	position:relative;
	margin-left:142px;	
	height:154px;
	width:648px;
}

#header h1#titel {
	margin-top:19px;
	padding: 1px 0 0 240px;
	font-size: 1.4em;
	font-weight: normal;
	color: #D6DAE0;
}

#header #verweisliste {
	position: relative;
	float:right;
	margin-top:22px;
	margin-right:87px;
}

#header #verweisliste li {
	list-style-type: none;
	display: inline;
}

/*
|| Navigation (vertikal)
*/

#navigation {
	position:relative;
	float:left;
	width:187px;
	margin-left:10px;
	margin-top:-23px;
}

#navigation li {
	height:18px;
	padding-left:12px;
	list-style-type: none;
}

#navigation > ul > li {	
	margin-top:10px;
	margin-bottom:6px;
	background-image:url(../imgs/navigation_hintergrund.png);
}

#navigation li ul {
	margin-left: 10px;
	margin-top: 10px;
}

#navigation li#impressum {
	position: absolute;
	bottom: 0; left: 0;
}

#navigation li a {
	color: #000;
	text-decoration: none;
	padding-left: 15px;
	width:157px;
	height:15px;
	display:block;
}

#navigation li.aktiv a {
	color: #f00;
}

#navigation li.aktiv li a {
	color: #fff;
}

#navigation li a:hover,
#navigation li.aktiv li a:hover {
	color: #f00;
}


/*
|| Inhaltsbereich
*/

#inhalt {
	position: relative;
	padding-right:20px;
	margin-left: 240px;
	margin-top: 1em;
 	line-height: 1.5em;
}

#inhalt p {
	margin-bottom:19px;
}
	
#inhalt img {
	vertical-align: middle;	
}

#inhalt p.kontakt {
	margin-top: 0.8em;
}

#inhalt ul {
	margin-bottom: 10px;
	margin-left:1px;
}

#inhalt ul li {
	list-style-type: none;
	padding-left: 20px;
	background-image: url(liste_inhalt.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#inhalt ul.einfach li,
#inhalt ul li.einfach {
	margin-bottom: 0;
}

#inhalt a {
	color: #999;
	text-decoration: none;
}

#inhalt a:hover {
	text-decoration: underline;
}

#inhalt .datum {
	display: block;
	color: #aaa;
}

#inhalt .strong {
	color: #d70006;
}

#inhalt img#kraissbuch,
#inhalt img#mbdesign {
	position:relative;
	float:right;
}

.notvisible {
	visibility:hidden;	
}


/*
|| Zweispaltige Inhalte
*/

#inhalt #teileins {
	position:relative;
	float:left;
	width: 45%;	
	padding-right:20px;
}

#inhalt #teilzwei {
	position:relative;
	float:left;
	width: 45%;	
}

/*
|| Formular Kontaktbogen
*/

#inhalt form p {
	color: #888;
	margin-top: 0;
	margin-bottom: 0.5em;
}

#inhalt form label {
	display: block;
}

#inhalt form textarea {
	display: block;
	width: 90%;
	height: 8em;
}

#inhalt form .buttons input {
	margin-top: 1em;
	margin-right: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#inhalt form .textfield {
	display: block;
	width: 90%;
	margin-bottom: -2px;
}


/*
|| Spezielle Darstellung der Startseite
*/

.home #logo {
	visibility:hidden;	
}

.home #inhalt img.logo {
	margin-top:200px;
	margin-left:-9px;
}

.home #fb {
	position: absolute;
	top: 10px;
	left: 10px;
}
.home #fb img {
	float: left;
}
.home #fb p {
	color: white;
	padding: 2px 0 0 48px;
	width: 11em;
}


/*
|| Spezielle Darstellung der Markt-Seite
*/

.markt #header #verweisliste {
	display: none;
}


/*
|| Spezielle Darstellung der Referenzen-Seite
*/
.referenzen #header > img {
	height:auto;
	width:auto;
}

/*
|| Spezielle Darstellung der Systems-Seite
*/
#header #systems {
	position:relative;
	margin-left:241px;
	background-color:#FFF;
}

/*
|| Spezielle Darstellung der Newsarchiv-Seite
*/
#inhalt #newsarchiv {
	height:420px;
	overflow:scroll; 
}


/*
|| Voruebergehende Eintraege
*/

#inhalt #aufkleber {
	float:right;
	margin-top:20px;
}