@charset "utf-8";
body {
    	font: 100% Trebuchet, Arial, Helvetica, sans-serif;
    	background: #FF6103;
    	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;
    	color: #000000;
    }
    
    .oneColElsCtrHdr #container {
    	width: 55em;
    	background: #FFFFFF;
    	margin: 0 auto;
		margin-top: 20px;
    	text-align: left;
    }
/*###################### HEADER #############################*/

    .oneColElsCtrHdr #header { 
		height: 200px;
    	padding-top: 30px;
		background-image: url(../images/sommerakademie_logo.jpg);
		background-position: 6px 4px;
		background-repeat: no-repeat;
    }
    .oneColElsCtrHdr #header h1 {
		margin: 0;
    	margin-left: 270px;
		color: #336699;
		font-size: 3.1em;
		text-transform: uppercase;
		letter-spacing: 4px;
    }
    .oneColElsCtrHdr #header h2 {
		font-size: 1.4em;
		text-align: left;
		margin: 0;
    	margin-left: 270px;
		color:#000000;
	}
    .oneColElsCtrHdr #header h3 {
		font-size: 1.4em;
		color: #336699;
		text-align: left;
		margin: 0;
		margin-left: 270px;
	}
/*###################### MAIN CONTENT ######################*/

    .oneColElsCtrHdr #mainContent {
	    margin: 0 20px 30px 20px;
    	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF;
		border: 1px solid #6699CC;
    }
	
    .oneColElsCtrHdr #mainContent h1 {
		font-size: 1.5em;
		color: #336699;
		margin-top: 1em;
		}
		
    .oneColElsCtrHdr #mainContent h2 {
		font-size: 1.2em;
		color: #336699;
		}
		
/*##################### NAVIGATION ########################*/

#navi-horiz {
		margin: 0;
		height: 30px;
		text-align: center;
		}
		
a:link {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}

a.schwarz:link {
	color: #000000;
}

a:visited {
	color: #336699;
	text-decoration: none;
}

a.schwarz:visited {
	color: #000000;
}
a:hover {
	color: #336699;
	background-color: #AFEEEE;
	text-decoration: underline;
}



/*##################### FOOTER #########################*/

    .oneColElsCtrHdr #footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		padding-right: 80px;
    	background:#FFFFFF;
		background-image: url(../images/kreise_unten2.jpg);
		background-position: right;
		background-repeat: no-repeat;

    } 
    .oneColElsCtrHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		font-size: 0.8em;
		font-weight: bold;
    }
/*##################### SONSTIGE #######################*/

.floatleft {
	float: left;
	margin-right: 10px;
	}
.floatright {
	float: right;
	margin-left: 10px;
	}
.header-floatleft {
	float: left;
	margin-right: 20px;
	}
.header-floatright {
	float: right;
	margin: 0;
	}
.footer-floatright {
	float: right;
	margin: 0;
	}
.cleargif {
	clear: both;
}
/* ################### Formatierungen für die Überblicks-Tabelle #####################*/
table.uebersicht { 
	width:80%;
	border-collapse: collapse;
	font-size: 0.85em;
	}
td, th { 
	border:1px solid #000; 
	vertical-align:top; 
	overflow:hidden;
	width: 6%;
	}
td.label {
	font-size: 0.9em;
	font-weight: bold;
	}
	
td.pink1 {
	background-color: #FF00CC;
}
td.pink2 {
	background-color: #FF66CC;
}
td.pink3 {
	background-color: #FF99FF;
}
td.blau1 {
	background-color: #336699;
}
td.blau2 {
	background-color: #3399CC;
}
td.blau3 {
	background-color: #6699CC;
}
td.gruen1 {
	background-color: #669900;
}
td.gruen2 {
	background-color: #CCCC33;
}
td.gruen3 {
	background-color: #99CC00;
}
td.orange1 {
	background-color: #FF6600;
}
td.orange2 {
	background-color: #FF9933;
}
td.orange3 {
	background-color: #FFCC00;
}
td.violett1 {
	background-color: #6666CC;
}

/*################### Formatierungen für die Kursleiter-Tabellen  #########*/

table.kurs {
	width:90%;
	clear: both;
	border-collapse: collapse;
	font-size: 1em;
	height: auto;
}
caption {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #336699;
	margin-top: 1em;
	margin-bottom: 0.2em;
	}
table.kurs td { 
	border:1px solid #6699CC; 
	vertical-align:top; 
	overflow:hidden;
	padding: 2px;
	height: auto;
	}
	
/*################### Formatierungen für die Dia-Vorschau-Tabellen  #########*/
table.dias {
	width: 90%;
	clear: both;
	border-collapse: collapse;
	font-size: 1em;
	cell-spacing: 0;
	}
table.dias td {
	border:1px solid #6699CC; 
	vertical-align: middle;
	overflow: hidden;
	padding: 5px;
	}
/*################### Formatierungen für die Dia-Einzelseiten-Tabellen  #########*/
table.diaseiten {
	border: 0;
	text-align: center;
	margin: 0px auto;
	padding: 0;
	}
table.diaseiten tr {
	border: 0;
	margin: 0;
	padding: 0;
	}

table.diaseiten td {
	border: 0;
	margin:0;
	padding: 0;
	}
table.diaseiten img {
	margin: 0.2em 0 0.5em 0;
	}
table.diaseiten a:link {
	font-size: 0.9em;
	font-weight: normal;
	}
table.diaseiten p {
	margin: 0.75em 0 0.2em 0;
	}
table.diaseiten h2 {
	margin: 0.2em 0 0.2em 0;
	}.keinrand {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.keinrand {
	border: 0;
}

a:hover.nobg {
	background-color: #FFFFFF;
	text-decoration: none;
}

img {
	border: none;
}

.clear {
	clear: both;
	}