/* -----------------------------------------------------------------------
|| Stylesheet Zimmer Internet
|| Version: 1.2.7
|| 05-JUN-2010
||
|| 1.2.7   Zusaetzlicher Verweis auf Produktseite
|| 1.2.6   Position des Sprachmenüs angepasst
|| 1.2.5   Breite Grobnavigation angepasst
|| 1.2.4   Anpassungen fuer Login-Seite
|| 1.2.3   Erneute Korrektur wegen Lupe-Cursor
|| 1.2.2   Normaler statt Lupe Cursor in bestimmten Situationen
|| 1.2.1   Lupe Cursor in Bildergalerien
|| 1.2     Darstellung des Kontaktformulars
|| 1.1.4   Inhalt anders positioniert wegen Bildergalerie
|| 1.1.3   Anpassung wegen Zoom-Problem im IE7
||         Navigation mit Hintergrundfarbe
||         Schriftart Mukti als Alternative fuer Linux
|| 1.1.2   Anpassung fuer Bildergalerie im IE7 
|| 1.1.1   Anpassung fuer IE6 
|| 1.1     Neues Layout
|| 1.0     Abschluss erste Version
||
|| Hinweis: Falls der Inhalts- und Menubereich vertikal verschoben
|| werden soll, muessen die Zeilen mit dem Hinweis "Offset vertikal"
|| angepasst werden
|| -----------------------------------------------------------------------
*/


/* -----------------------------------------------------------------------
|| Allgemeine Einstellungen
|| -----------------------------------------------------------------------
*/
body {
	font-family: "Arial narrow", "Mukti Narrow", Arial, Verdana, sans-serif;
	font-size: 62.5%;
}

#seiteninhalt {
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 40px auto 0 auto;
	width: 950px;
	height: 700px;
}

/* Nicht fuer den IE6 */
body > #seiteninhalt {
	min-height: 700px;
	height: auto;
}

* {
	margin: 0;
	padding: 0;
}

#intro, #pfad {
	display: none;
}


/* -----------------------------------------------------------------------
|| Inhaltsbereich
|| -----------------------------------------------------------------------
*/
#inhalt {
	position: relative;
	top: 0;	left: 450px;
	width: 500px;
	padding-top: 380px;		/* ----- Offset vertikal ----- */
	padding-bottom: 50px;
	color: #666;
}

div.menu div#inhalt {
	display: none;
}

#inhalt h1, #inhalt h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.6em;
	width: 400px;
}

#inhalt p {
	margin: 0 0 1.2em 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.6em;
	width: 400px;
}

/* -------------------------------
|| Inhalt: Listen
|| -------------------------------
*/
#inhalt ul {
	margin: 0 0 1.2em 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.7em;
	list-style-type: none;
}

#inhalt ul li {

	background-image: url(images/list.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 0 0 0 14px;
}

#inhalt ul li.csc-textpic-image {
	background-image:none;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-left:auto;
}

/* -------------------------------
|| Inhalt: PDF Links
|| -------------------------------
*/
#inhalt ul.pdflinks li {
	background-image: url(images/pdf.png);
	background-position: 0 0;
	padding: 0;
}

#inhalt ul.pdflinks li a {
	padding: 0 0 0 24px;
}

/* -------------------------------
|| Inhalt: Links
|| -------------------------------
*/
#inhalt li a:hover {
	color: #339;
}

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

#inhalt .csc-textpic-imagewrap a:hover {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

body #seiteninhalt #inhalt .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap a:hover {
	cursor: pointer;
}

#inhalt .csc-textpic-imagerow {
	padding-bottom: 5px;
}

/* -------------------------------
|| Inhalt: Tabellen
|| -------------------------------
*/
table.contenttable {
	width: 100%;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #666;
	border: 1px solid #bbb;
	margin-bottom: 100px;
}

table.contenttable tr.tr-even {
	background-color: #def;
}



/* -------------------------------
|| Inhalt: Kontaktformular
|| -------------------------------
*/
#inhalt #mailform {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #666;
	margin-bottom: 100px;
}

#inhalt #mailform fieldset {
	border: none;
}

#inhalt #mailform div.csc-mailform-field {
	margin-top: 0.8em;
}

#inhalt #mailform label {
	display: block;
	width: 8em;
	float: left;
}

#inhalt #mailform input, #inhalt #mailform textarea {
	font-family: "Arial narrow", "Mukti Narrow", Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #03c;
	line-height: 1.6em;
	width: 70%;
}

#inhalt #mailform input.csc-mailform-submit {
	color: #000;
	width: auto;
	margin-left: 8em;
}


/* -------------------------------
|| Inhalt: Login-Seite
|| -------------------------------
*/
#inhalt .tx-felogin-pi1 {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #666;
	margin-bottom: 100px;
}

#inhalt .tx-felogin-pi1 fieldset {
	border-style: none;
	padding-top: 1em;
}

#inhalt .tx-felogin-pi1 fieldset legend {
	display: none;
}

#inhalt .tx-felogin-pi1 fieldset div + div + div {
	margin-top: 1em;
}


/* -----------------------------------------------------------------------
|| Navigationsbereiche
|| -----------------------------------------------------------------------
*/
#navigation {
	position: absolute;
	top: 0; left: 0;
}

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

#navigation li a:hover {
	color: #339;
	/* text-decoration: underline; */
}

#navigation li a {
	color: #000;
	text-decoration: none;
}


/* -------------------------------
|| Navigation: Submenu allgemein
|| -------------------------------
*/
div.submenu {
	margin: 0;
	padding: 0;
}

div.submenu h2 {
	font-size: 1.3em;		
}

div.submenu ol {
	margin-bottom: 3.9em;
	padding-left: 0;
}

div.submenu ol ol {
	margin-bottom: 0;
}

div.submenu li {
	display: block;
	font-size: 1.3em;	
	color: #666;
	margin: 0.6em 0 0 0;
	padding: 0 0 0.2em 1em;
	border-bottom: 1px solid #999;
	background-image: url(images/menulist.png);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

div.submenu li a {
	display: block;
}

div.submenu li.submenu {
	display: block;
	font-size: 1.3em;	
	color: #666;
	margin: 0 0 0 1em;
	padding: 0;
	border-bottom: none;
}

div.submenu li li {
	display: block;
	list-style-type: none;
	font-size: 1em;	
	margin: 0.4em 0 0 0;
	padding: 0.2em 0 0.2em 1em;
	border-top: 1px solid #999;
	border-bottom: 0;
	background-position: 0 0.3em;
}

div.submenu ol ol li {
	margin-left: 2em;
}


/* -------------------------------
|| Navigation: Submenu 1
|| und spezielle Darstellung auf
|| Produktseiten
|| -------------------------------
*/
#submenueins {
	position: absolute;
	top: 380px;		/* ----- Offset vertikal ----- */
	left: 200px;
	width: 200px;
}

#submenueins ol.prod li {
	display: none;
}

div.submenu ol.prod ol li {
	margin-left: 0;
}

div.submenu ol.prod ol ol li {
	margin-left: 2em;
}

#submenueins ol.prod li.aktiv {
	display: block;
	padding-left: 0;
	background-image: none;
	border-bottom: 0;
}

#submenueins ol.prod li.aktiv ol {
	margin-top: 1.2em;
}

#submenueins ol.prod li.aktiv ol ol {
	margin-top: 0;
}

#submenueins ol.prod li.aktiv a,
#submenueins ol.prod li.aktiv a.aktiv,
#submenueins ol.prod li.aktiv a:hover {
	color: #666;
	font-weight: bold;
}

#submenueins ol.prod li.aktiv a {
	font-weight: normal;
}

#submenueins ol.prod li.aktiv li a.aktiv,
#submenueins ol.prod li.aktiv li a:hover {
	color: #339;
	font-weight: normal;
}
	
#submenueins ol.prod li.aktiv li {
	display: block;
	padding-left: 1em;
	background-image: url(images/menulist.png);
	border-top: 0;
	border-bottom: 1px solid #999;
	margin-bottom: 0;
}

#submenueins ol.prod li.aktiv li li {
	border-top: 1px solid #999;
	border-bottom: 0;
}

#submenueins ol.prod li.back {
	display: block;
	background-image: url(images/menuback.png);
}


/* -------------------------------
|| Navigation: Submenu 2 und 3
|| -------------------------------
*/
.menu #submenuzwei {
	position: absolute;
	top: 380px;		/* ----- Offset vertikal ----- */
	left: 450px;
	width: 200px;
}

.standard #submenuzwei {
	display: none;
}

.menu #submenudrei {
	position: absolute;
	top: 380px;		/* ----- Offset vertikal ----- */
	left: 700px;
	width: 200px;
}

.standard #submenudrei {
	display: none;
}

.menu #submenudrei h2 a {
	text-decoration: none;
	color: black;
}


/* -------------------------------
|| Grobnavigation horizontal
|| -------------------------------
*/
#grobnavigation {
	position: absolute;
	top: 28px;
	left: 180px;
	font-size: 1.5em;
	font-weight: bold;
  	width: 750px;
}

#grobnavigation li {
	list-style-type: none;
  	padding-left: 20px;
  	padding-right: 20px;
  	float: left;
}

#navigation #grobnavigation li a {
	color: #666;
	background-color: #fff;
}
#navigation #grobnavigation li a.aktiv {
	color: #339;
}
#navigation #grobnavigation li a:hover {
	color: #339;
}


/* -------------------------------
|| Hauptnavigation vertikal
|| -------------------------------
*/
#hauptnavigation {
	position: relative;
	top: 100px;
	left: 0;
	width: 9em;
	font-size: 1.5em;
	font-weight: bold;
}

#hauptnavigation li {
	display: block;
	list-style-type: none;
	margin: 35px 0 0 15px;
	padding: 0;
}

#navigation #hauptnavigation li a {
	color: #666;
	background-color: #d3d4d6;
}
#navigation #hauptnavigation li a.aktiv {
	color: #339;
}
#navigation #hauptnavigation li a:hover {
	color: #339;
}


/* -------------------------------
|| Technische Navigation vertikal
|| -------------------------------
*/
#technischenavigation {
	position: absolute;
	top: 480px;
	left: 0;
	margin-bottom: 100px;
	padding: 0;
	width: 9em;
	font-size: 1.5em;
}

#technischenavigation li {
	display: block;
	list-style-type: none;
	margin: 10px 0 0 15px;
	padding: 0;
}

#navigation #technischenavigation li a {
	color: #666;
	background-color: #d3d4d6;
}
#navigation #technischenavigation li a.aktiv {
	color: #339;
}
#navigation #technischenavigation li a:hover {
	color: #339;
}

#navigation #technischenavigation li a img {
	border: 0;
	margin-right:5px;
}

/* -------------------------------
|| Social Icons
|| -------------------------------
*/

#socialicons {


    left: 14px;
    padding: 0;
    position: absolute;
    top: 540px;
}

#socialicons img {
margin-right:10px;
border:0;
}