/*
***

ISE-Software

 ***
 */

body {
	margin: 0;
	padding: 0;
	font: 100% georgia, serif;
	background: #fff url(images/hintergrund.gif) repeat-x;
	color: #444;
	text-align: center;
}

/* Allgemeingueltige Klassen und Elemente */

a {
	text-decoration: underline;
	color: #0000FF;
}
a:hover {
	font-style: oblique;
}

img {
    border: 2px solid #ddd; padding: 5px;
}

blockquote {
    color: #555; font-style: italic;
}

code {
    font: 14px consolas, 'courier new', monospace;
    color: #900;
}

pre {
    overflow: auto; padding: 1em;
    background: #eee;
    border: 1px solid #ddd;
    font-size: 1em;
}

.kein-bild-effekt {
    border: none; padding: 0;
}

.bild-links { /* Diese Klasse vergeben Sie einem Bild welches links ausgerichtet werden soll */
    float: left;
    margin: .1em 1em .4em 0;
}

.bild-rechts { /* Diese Klasse vergeben Sie einem Bild welches rechts ausgerichtet werden soll */
    float: right;
    margin: .1em 0 .4em 1em;
}

bild-abstand {
    margin: 0 .5em .5em 0;
}

.center {
    text-align: center;
}

.clearer {
    clear: both; /* hebt die vorhergehenden Floats auf */
}

h1, h2, h3, h4, h5 {
    font-family: georgia, serif; font-weight: normal;
}


/*
* Hauptbereich #container
 */

#container {
	width: 51em;
	min-width: 816px;
	max-width: 98%; /* Ermöglicht auch bei den Älteren Browsern das Zoomen. */;
	text-align: left;
	margin: 0 auto 0 10em;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
 */

#kopfbereich {
	overflow: hidden;
	height: 1%;
	min-height: 1%;
	margin-bottom: 2.5em;
}

/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #logo
 */

#logo {
    float: left; width: 8.7em;
}
#logo img {
    margin: 0; padding: 0; height: 5.02em; width:8.6em; border:none;
}
#logotext {
	float: left; height: 3em; margin-top: 3.75em; margin-left: 0.35em;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75em; font-style: normal; color: #C0C0C0; text-align: center;
}

#logotext p {
    margin-top: 0; margin: 0; padding: 0;
}

#navigation {
    float: right;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #navigation
 */

#navigation ul {
    list-style: none; margin: 0; padding: 0;
}
#navigation li {
    display: inline;
}
#navigation a {
	float: left;
	display: block;
	padding: 3.5em 1em 1em 1em;
	color: #444;
	background: #eee;
	font-weight: bold;
	font-size: .75em;
	text-decoration: none;
}

/* Farbliche Abwandlungen der einzelnen Navigationspunkte */
#navigation .navi1 {
	border-top: .5em #6699FF solid;
}
#navigation .navi1:hover, #navigation .aktiv .navi1 {
    background: #6699FF; color: #fff;
	font-style: normal;
}
#navigation .navi2 {
    border-top: .5em solid #09a;
}
#navigation .navi2:hover, #navigation .aktiv .navi2 {
    background: #09a; color: #fff;
	font-style: normal;
}
#navigation .navi3 {
    border-top: .5em solid #e60;
}
#navigation .navi3:hover, #navigation .aktiv .navi3 {
    background: #e60; color: #fff;
	font-style: normal;
}
#navigation .navi4 {
    border-top: .5em solid #6a3;
}
#navigation .navi4:hover, #navigation .aktiv .navi4 {
    background: #6a3; color: #fff;
	font-style: normal;
}
#navigation .navi5 {
    border-top: .5em solid #b21;
}
#navigation .navi5:hover, #navigation .aktiv .navi5 {
    background: #b21; color: #fff;
	font-style: normal;
}


/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #navileft
 */

#navileft {
	float: left;
	position: relative;
	width: 0em;
	height: 0em;
	z-index: 1;
	left: -10em;
	top: 9em;
	max-height: 0em;
	font-size: .9375em;
}
#navileft ul {
    list-style: none; margin: 0; padding: 0;
}
#navileft a {
    float: left;
    display: block; padding: 1em 1em 1em 1em;
    color: #444; background: #eee;
    font-weight: bold; font-size: .75em; text-decoration: none;
	width: 8.5em;
}

/* Farbliche Abwandlungen der einzelnen Navigationspunkte */
#navileft .navil1 {
	border-left: .25em solid #6699FF;
	border-bottom: .25em solid #6699FF;
	margin-bottom: 1em;
}
#navileft .navil1:hover, #navileft .aktiv .navil1 {
	background: #6699FF;
	color: #fff;
	border-left: .25em #000000 solid;
	border-bottom: .25em #000000 solid;
	font-style: normal;
}
#navileft .navil2 {
	border-left: .25em solid #09a;
	border-bottom: .25em solid #09a;
	margin-bottom: 1em;
}
#navileft .navil2:hover, #navileft .aktiv .navil2 {
	background: #09a;
	color: #fff;
	border-left: .25em #000000 solid;
	border-bottom: .25em #000000 solid;
	font-style: normal;
}
#navileft .navil3 {
	border-left: .25em solid #e60;
	border-bottom: .25em solid #e60;
	margin-bottom: 1em;
}
#navileft .navil3:hover, #navileft .aktiv .navil3 {
    background: #e60; color: #fff;
	border-left: .25em #000000 solid;
	border-bottom: .25em #000000 solid;
	font-style: normal;
}
#navileft .navil4 {
	border-left: .25em solid #6a3;
	border-bottom: .25em solid #6a3;
	margin-bottom: 1em;
}
#navileft .navil4:hover, #navileft .aktiv .navil4 {
    background: #6a3; color: #fff;
	border-left: .25em #000000 solid;
	border-bottom: .25em #000000 solid;
	font-style: normal;
}
#navileft .navil5 {
	border-left: .25em solid #b21;
	border-bottom: .25em solid #b21;
	margin-bottom: 1em;
	font-style: normal;
}
#navileft .navil5:hover, #navileft .aktiv .navil5 {
    background: #b21; color: #fff;
	border-left: .25em #000000 solid;
	border-bottom: .25em #000000 solid;
}

/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #navigation
 */

#mittelbereich {
	clear: left;
}

#mittelbereich h2 {
    font-size: 1.375em; margin: 1.5em 0 .5em 0;
}
#mittelbereich h3 {
    font-size: 1.2666em;
    margin: 1.25em 0 .1em 0;
}
#mittelbereich h4 {
    font-size: 1.1333em; font-style: italic;
    margin: 1.25em 0 .1em 0;
}
#mittelbereich h5 {
    font-size: 1em; font-weight: bold;
    margin: 1.25em 0 .2em 0;
}

/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #inhalt und inhalt-brreit
 */

#inhalt {
    float: left; width: 34em;
    font-size: .9375em;
}
#inhalt h2 {
    margin: 0 0 .5em 0; font-size: 1.4667em; font-weight: normal;
}

#inhalt-breit {
    float: left;
    font-size: .9375em;
}
#inhalt-breit h2 {
    margin: 0 0 .5em 0; font-size: 1.4667em; font-weight: normal;
}

/*
* Hauptbereich: #container
** Unterbereich: #mittelbereich
*** Abschnitt: #sidebar
 */

#sidebar {
    float: right; width: 17.667em; font-size: .9375em;
}
#sidebar h2 {
    margin: 0;
    font-size: 1.4667em; font-weight: normal;
}

#sidebar ul, #sidebar ol {
    padding: 0; margin-left: 2em;
}


/*
* Hauptbereich: #footer
 */
#footer {
	border-top: .154em solid #ddd;
	padding: 1em;
	background: url(images/hintergrund.gif) repeat-x;
	color: #555;
	font-size: .9375em;
	height: 5.5em;
	min-height: 5.5em;
	margin-top: 3em;
}

#footer p {
	margin-top: 0;
	text-align: left;
	margin-left: 9.65em;
}


/*
Einzelnen Unterseiten: farbliche Hervorhebung.

*** Startseite: "Blau" ***
*/

#startseite {
	border-top: .563em #6699FF solid;
}

#startseite a {
    color: #6699FF;
}

#slogan h2, #slogan p {
    margin: 0;
}
#slogan h2 {
    font-size: 2em; color: #555;
}
#slogan p {
    font-style: italic; color: #777;
}

/* Spalten auf der Startseite */
#spalte1, #spalte1-breit, #spalte2, #spalte3 {
    font-size: .9375em; width: 17em;
}
#spalte1-breit, #spalte2-breit {
    font-size: .9375em; width: 26em;
}
#spalte1-schmall {
    font-size: .9375em; width: 21em; margin-right: 1em;
}
#spalte3-breit {
    font-size: .9375em; width: 26em;
}

#spalte1, #spalte1-schmall, #spalte2, #spalte1-breit {
    float: left;
}
#spalte1, #spalte1-breit {
    margin-right: 1.5625em;
}
#spalte3, #spalte3-breit, #spalte2-breit {
    float: right;
}
#spalte1 p, #spalte1-schmall p, #spalte2 p, #spalte3 p, #spalte3-breit, p, #spalte1-breit p, #spalte2-breit p {
    margin-top: 0;
}


/*
*** Produkte: "Türkis" ***
*/

#produkte {
    border-top: .563em solid #09a;
}
#produkte a {
	color: #09a;
}

/*
*** Leistungen: "Orange" ***
*/

#leistungen {
    border-top: .563em solid #e60;
}
#leistungen a {
    color: #e60;
}

/*
*** Referenzen: "Gruen" ***
*/

#referenzen {
    border-top: .563em solid #6a3;
}
#referenzen a {
    color: #6a3;
}

/*
*** Support: "rote Farbe" ***
*/

#support {
    border-top: .563em solid #b21;
}
#support a {
    color: #b21;
}

/*
*** Fotogalerie ***
*/

.fotogalerie img {
	border: 0.15em #C0C0C0 solid;
	padding: 0.15em;
}

.fotogalerie-invisible {
	visibility: hidden;
	height: 0;
	max-height: 0;
	max-width: 0;
	min-height: 0;
	min-width: 0;
	width: 0;
	border: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	float: left;
}
.fotogalerie-untertitel {
	font-size: x-small;
}

.fotogalerie a a:hover {
	text-decoration: none;
}

#baustelle {
	color: #990000;
	font-size: large;
	font-style: oblique;
}

/*
*** produkte.html ***
*/
.produkte_img {
	margin: 0;
	border-width: 0em;
	padding-left: 1em;
	padding-top: 1em;
	width: 15em;
}

/*
*** isespool.html ***
*/
.isespool_logo {
	margin: 0;
	border-width: 0em;
	padding-left: 5em;
	padding-top: 1em;
	height: 8.134em;
	width: 9.3524em;
}

/*
*** referenzen.html ***
*/
.referenzen_img {	
	margin: 0;
	border-width: 0em;
	padding-left: 0em;
	padding-top: 0em;
	height: 10em;
}
.referenzen2_img {	
	margin: 0;
	border-width: 0em;
	padding-left: 0em;
	padding-top: 0em;
	height: 20em;
}