.print {
        display: none;
}

/***** Link auf die Startseite durch Klick auf das SESAM-Logo *****/
.blind_link {
        position: fixed;
        display: block;
        /* Breite und Hoehe des Logos */
        width: 155px;
        height: 100px;
        /* oberer (siehe fixed_container_oben padding) und linker Rand (siehe header) des Logos */
        top: 5px;
        left: 130px;
        background-color: transparent;
}

/***** Info-Kasten mit farbigem Hintergrund *****/
.info {
        background-color: rgb(250,249,246);
        background-image: url(Bilder/info_hg.gif);
        background-repeat: repeat-x;
        border: 1px solid #DFDFDF;
        padding: 8px 10px 8px 10px;
}

/***** Hinweis-Text mit kleinerer Schrift *****/
.hinweis {
        font-size: 0.9em;
        line-height: 1.25em;
        font-weight: normal;
}

.ref_anker {
        padding-top: 80px;
}

body {
        margin: 0px;
        height: 100%;
        padding: 0 0 50px 0;
        font-size: 100%;
        color: #4F4F4F;
        font: 0.75em Arial, Helvetica, sans-serif;
        line-height: 1.1em;
        background-color: white;
        background-image: url(Bilder/body_hg.gif);
        background-repeat: repeat-x;
        background-attachment: fixed;
}

table {
        border: none;
        border-collapse: collapse;
}

td {
        vertical-align: top;
}

img {
        margin: 0;
        padding: 0;
        border: none;
}

h1 {
        font-size: 1.3em;
        color: rgb(91,96,153);
        margin: 0 0 0.8em 0;
}

h2 {
        font-size: 1.2em;
        font-weight: bold;
        margin: 1.5em 0 0.5em 0;
}

h3 {
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0.5em;
}

ul {
        list-style-type: none;
}

a:link,
a:visited {
        text-decoration: none;
        /* fuer Links explizit Farbe setzen, sonst Standard-Blau */
        color: #4F4F4F;
}

a:hover {
        text-decoration: underline;
        /* fuer Links explizit Farbe setzen, sonst Standard-Blau */
        color: #4F4F4F;
}

/***** obere Zeile, in der der Header steckt *****/
/***** (ueber padding kann oberer Rand festgelegt werden *****/
#fixed_container_oben {
        position: fixed;
        height: 100px;
        top: 0;
        left: 0;
        margin: 0;
        padding: 5px 0 0 0;
        background-color: white;
}

#header {
        /* 585 + 155 = 740 = Breite von header.gif */
        /* jetzt 35 Pixel breiter, d.h. 620+155=775 */
        width: 620px;
        /* 20 + 80 = 100 = Hoehe von fixed_container_oben */
        height: 20px;
        padding: 80px 0 0 155px;
        /* linker Rand von header.gif */
        margin: 0 0 0 130px;
        background-image: url(Bilder/header.gif);
        background-repeat: no-repeat;
}

#fixed_container_oben a:link,
#fixed_container_oben a:visited {
	font-size: 1em;
	color: #EFEFEF;
	padding: 5px 5px 0 10px;
	border-top: 1px solid rgb(110,113,148);
	border-left: 1px solid rgb(127,130,172);
}

#header_lang {
        /* 585 + 155 = 740 = Breite von header.gif */
        /* jetzt nochmals breiter, d.h. 745+155=900 */
        width: 745px;
        /* 20 + 80 = 100 = Hoehe von fixed_container_oben */
        height: 20px;
        padding: 80px 0 0 155px;
        /* linker Rand von header.gif */
        margin: 0 0 0 130px;
        background-image: url(Bilder/header_lang.gif);
        background-repeat: no-repeat;
}

/***** linke Linkleiste *****/
#fixed_container_links {
        position: fixed;
        width: 180px;
        /* HA 15.10.12: besser immer ueber gesamte Hoehe (wichtig beim horiz. Scrollen */
        height: 100%;
        /* HA 15.10.12: Abstand des rechtsbuendigen Textes vom eigentlichen Body */
        padding-right: 5px;
        /* entspricht Hoehe der oberen Linkleiste */
        top: 100px;
        left: 0;
        margin: 0;
        /* rechtsbuendiger Text */
        text-align: right;
        /* etwas kleinere Schrift als sonst */
        font-size: 0.9em;
        /* HA 15.10.12: dadurch wird der weggescrollte Hauptinhalt ueberschrieben */
        background-color: white;
        /* HA 15.10.12: und das nur, um identisch zum rechten Bereich auszusehen */
        background-image: url(Bilder/body_hg.gif);
        background-repeat: repeat-x;
        background-attachment: fixed;
}

/* Abstand zwischen Produkte und dem ersten Produkt */
#fixed_container_links ul {
        margin: 10px 0 0 0;
        /* muss fuer Firefox und Safari anscheinend explizit gesetzt werden */
        padding: 0;
}

/* Abstand zwischen den einzelnen Produkten */
/* (die drei etwas groesseren Abstaende werden direkt in der HTML-Dateien definiert) */
#fixed_container_links li {
        line-height: 1.5em;
}

/* Abstand zwischen Kontakt und Telefonnummer */
#fixed_container_links p {
        margin: 10px 0 0 0;
        line-height: 1.5em;
}

/* Abstand zwischen den Sprach-Links und dem Absatz vorher */
#sprache {
        margin: 15px 0 0 0;
}

#inhalt a:link,
#inhalt a:visited {
	text-decoration: underline;
}

#scroll_inhalt {
        position: static;
        width: 678px;
        margin: 0 0 0 185px;
        padding: 120px 20px 20px 20px;
        background-color: white;
        border-right: 1px solid #DFDFDF;
        border-bottom: 2px solid #DFDFDF;
        border-left: 1px solid #EFEFEF;
        line-height: 1.4em;
}

#scroll_inhalt_lang {
        position: static;
        width: 803px;
        margin: 0 0 0 185px;
        padding: 120px 20px 20px 20px;
        background-color: white;
        border-right: 1px solid #DFDFDF;
        border-bottom: 2px solid #DFDFDF;
        border-left: 1px solid #EFEFEF;
        line-height: 1.4em;
}

/***** index.htm *****/
.index_bildspalte {
        width: 280px;
        padding: 0 0 0 20px;
}

.index_textspalte {
        padding: 40px 0 0 0;
}

#willkommen img {
        background-image: url(Bilder/sesamtor_zu.jpg);
}

#willkommen img:hover {
        background-image: url(Bilder/sesamtor_auf.jpg);
}

a.linkpfeil:link,
a.linkpfeil:visited {
        /* sollte identisch mit Farbe von H1 sein */
	color: rgb(91,96,153);
        font-size: 1.3em;
        font-weight: bold;
}

/***** bestellcenter.htm *****/
#bestellcenter a:link,
#bestellcenter a:visited {
	padding: 2px 6px 2px 6px;
	background-image: url(Bilder/info_hg.gif);
        background-repeat: repeat-x;
        border: 1px solid #DFDFDF;
        font-style: normal;
}

#mail_vorschau {
	font-style: italic;
}

.mail_bestell_button {
	padding: 5px 0 20px 0;
}

/***** aktuell.htm *****/
#aktuell h2 {
	border-top: 1px dotted #CFCFCF;
        padding: 10px 0 0 0;
}

#aktuell ul {
	list-style-type: disc;
}

/***** referenzen.htm *****/
a.ref_top:link,
a.ref_top:visited {
	position: fixed;
	top: 120px;
	left: 815px;
        /* sollte identisch mit Farbe von H1 sein */
	color: rgb(91,96,153);
	background-color: white;
	font-size: 0.9em;
}

a.ref_top_ie6 {
	display: none;
}

#referenzen .info {
	margin-right: 75px;
}

/***** downloads.htm *****/
#downloads table {
	width: 100%;
        margin: 15px 0 0 0;
        padding: 0 0 10px 0;
        border-top: 1px dotted #AFAFAF;
}

.download_symbol {
	width: 25px;
}

.download_name {
	width: 100px;
}

/***** faq.htm *****/
#faq p {
        margin-top: 0px;
        margin-right: 75px;
}

#faq h3 {
        margin-right: 75px;
        padding: 10px 0 0 0;
        border-top: 1px dotted #CFCFCF;
}

#faq li {
        margin: 5px 75px 0 0;
}

/***** ueber_uns.htm *****/
#ueber_uns table {
	margin-top: 25px;
}

#ueber_uns td {
	padding: 10px 20px 10px 0;
        border-top: 1px dotted #CFCFCF;
}

#ueber_uns span {
	font-weight: bold;
}

/***** "produkt".htm *****/
.screenshots {
        /* Abstand nach oben, weil in der produktbeschreibung */
        /* zuerst h2 steht, das auch einen Abstand nach oben hat */
	padding-top: 25px;
}

/* wird auch in produkte.htm genutzt */
.bildunterschrift {
        margin-top: 3px;
	font-size: 0.9em;
	line-height: 1.0em;
}

.produktbeschreibung {
        /* Abstand zu den Bildern */
	padding-left: 20px;
}

.produktbeschreibung ul {
	list-style-type: disc;
	margin: 0 0 0 15px;
	padding: 0;
}

/***** *_screenshot_*.htm *****/
#screenshot img {
        /* zentrierte Ausrichtung in der Tabelle */
        display: block;
        margin: 10px auto 10px auto;
}

/* normalerweise ist in inhalt immer unterstrichen, */
/* daher hier explizit eine Ausnahme machen */
#screenshot a:link,
#screenshot a:visited {
        text-decoration: none;
}

#screenshot a:hover {
        text-decoration: underline;
        /* fuer Links explizit Farbe setzen, sonst Standard-Blau */
        color: #4F4F4F;
}

.screenshot_blaettern {
        width: 250px;
        text-align: center;
}

.screenshot_schliessen {
        /* eigentlich ist scroll_inhalt_lang 805px breit, aber bei Firefox */
        /* haute das nicht hin, wenn es groesser war 250 + 297 + 250 = 797 */
        width: 297px;
        text-align: center;
        font-weight: bold;
}