@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center;
	height: auto;
	width: auto;
	background-color: #FFFFFF;
    }
    .thrColAbsHdr #container {
	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	height: auto;
	min-height: 600px;
	min-width: 900px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;
	border-right: 10px;
	border-color: #ce000c;
	border-left: 10px;
	border-bottom: 2px;
	border-left-style: solid;
	border-right-style: solid;
	margin-top: 10px;
	border-top: 0px;
	border-right-color: #ce000c;
	border-left-color: #ce000c;
	border-bottom-style: solid;
	border-bottom-color: #ce000c;
    } 
    .thrColAbsHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 5px 0px 5px;
	background-image: url(skischool/bilder/jpg_1/ssi_header.jpg);
	right: auto;
	background-repeat: no-repeat;
	height: 155px;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-style: none;
    }
    .thrColAbsHdr #sidebar1 {
	position: absolute;
	width: 135px;
	font-size: 14px;
	font-style: normal;
	background-color: #FFFFFF;
	left: 5px;
	color: #4d4e53;
	letter-spacing: normal;
	word-spacing: normal;
	text-align: left;
	white-space: normal;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	z-index: auto;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	top: 197px;
	height: 15px;
    }
    .thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 185px;
	right: 10px;
	width: 125px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-color: #ffffff;
	line-height: 20px;
	color: #4d4e53;
	letter-spacing: normal;
	height: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	word-spacing: normal;
	z-index: auto;
    }
    .thrColAbsHdr #mainContent {
	margin: 20px 150px 10px 160px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. */
	padding: 5px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	min-height: 500px;
	line-height: normal;
	border-bottom-color: #ce000c;
	border-bottom-style: inset;
	border-left: #ce000c;
	border-left-style: groove;
	border-right: #ce000c;
	border-right-style: groove;
	border-bottom: 1px;
    }
    .thrColAbsHdr #footer {
	padding: 0 0px 0px 0px;
	background-image: url(/skischool/bilder/gif/ssi_footer_1.gif);
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
    } 
.fltrt {
	float: right;
	margin-left: 8px;
}
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
.überschrift_inhalt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #ce000c;
	font-weight: bold;
}
span {
	color: #ce000c;
	font-size: 10px;
}
.überschrift_content {
	color: #ce000c;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.2teÜS16px {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ce000c;
	font-size: 16px;
}
.1stÜS20px {
	font-size: 20px;
	font-style: normal;
	color: #ce000c;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
}
.kursiv {
	font-style: italic;
	font-size: 14px;
	font-weight: bolder;
	color: #4d4e53;
}
.klammer {
	font-size: 10px;
	font-weight: normal;
	color: #4d4e53;
}
.kursiv_rot {
	font-style: italic;
	font-size: 14px;
	font-weight: bolder;
	color: #ce000c;
	text-align: left;
}
.anfrage {
	font-style: italic;
	font-weight: bolder;
	color: #ce000c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
}
.mitte {
	text-align: center;
	color: #4d4e53;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}
.stern {
	font-size: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d4e53;
	vertical-align: middle;
}
.Abstand_6 {
	font-size: 6px;
}
.kursiv_rot_mitte {
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	font-variant: normal;
	color: #ce000c;
	text-align: center;
}
.kursiv_mitte_grau {
	font-size: 14px;
	font-weight: bolder;
	color: #4d4e53;
	font-style: italic;
	text-align: center;
}