/* General #####################################################################################################################################################*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color:#f4f4ea;
	color: #333333;
	padding:0px;
	margin:0px;
	
	}
	

p {
	text-align:left;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1.1em;
	margin-left:16px;
	margin-right:20px;
	margin-bottom:20px;
	color:black;
}



p.kasten {
	border: 1px solid #ff3333;
	background-color:#ffffff; /* f4f4ea; */
	padding:5px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:10px;
	margin-top:10px;
}

/*################# Farben ###############################################################################################################################*/

.szene {
	color:#0099ff;
}

.unterricht {
	color:#0066cc;
}

.kalender {
	color:#993399;
}


/*################# Überschriften ###############################################################################################################################*/
h1,h2,h3,h4 {
	
	margin-left:16px;
	margin-right:20px;
	margin-bottom:0px;
	
}
h1 {
	margin-top:20px;
	font-weight:bold;
	font-style:normal;
	font-size:150%;
	line-height:1.1em;
	
}

h2 {
	margin-top:10px;
	font-weight:bold;
	font-style:normal;
	font-size:120%;
	line-height:1.1em;
	
}

h3 {
	margin-top:10px;
	font-weight:bold;
	font-style:normal;
	font-size:120%;
	line-height:1.1em;
	
}

h4 {
	margin-top:10px;
	font-weight:normal;
	font-style:normal;
	font-size:120%;
	line-height:1.1em;
	padding-left:12px;
}


/* Layout Bereiche #############################################################################################################################################*/
#kopfzeile {
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	font-size: small;
	font-style: normal;
	color: #888888;
	background-color: #eceadb;
	border-top:#fcfcfc solid 1px;
	border-bottom:#9d9da1 solid 1px;
}
	
#top_section {
	position:absolute;
	top:18px;
	right:0px;
	width:100%;
	height:55px;  
	background-color:#ffffff;
	z-index:1;
	
}

#top_navigation {
	position:absolute;
	top:73px;
	left:00px;
	width:100%;
	height:20px;  
	background-color:#eeeeee; /*#f4f4ea; */
	z-index:1;
	/* border:1px solid green; */
}

#inhalt {
	position:absolute;
	top:105px;
	left:180px;
	right:250px;
	background-color:#fcfcfc;
	
}


#linke_spalte {
	position:absolute;
	top:105px;
	left:0px;
	width:175px;
	background-color:#f4f4ea;
	z-index:1;
	
	
}

#rechte_spalte {
	position:absolute;
	top:120px;
	right:0px;
	width:180px;
	
	background-color:#f4f4ea;
	z-index:1;
	
}



/* LINKS #############################################################################################################################################*/
a.kopfzeile:link, a.kopfzeile
{
	color:#888888;
	text-decoration:none;
}

a.rubrik:link, a.rubrik, a.rubrik:visited 
{
	color:#333333;
	text-decoration:underline;
	font-size:small;
	
}

a.rubrik_s:link, a.rubrik_s, a.rubrik_s:visited 
{
	color:#0099ff;
	text-decoration:none;
	font-size:normal;
}
a.rubrik_u:link, a.rubrik_u, a.rubrik_u:visited
{
	color:#0066cc;
	text-decoration:none;
	font-size:normal;
}


a.rubrik_b:link, a.rubrik_b, a.rubrik_b:visited
{
	color:#ff9900;
	text-decoration:none;
	font-size:normal;
}

a.rubrik_s:hover, a.rubrik_s:active,
a.rubrik_b:hover, a.rubrik_b:active,
a.rubrik_u:hover, a.rubrik_u:active {
	color:#990000;
	text-decoration:underline;
	
}

a.rubrik:hover, a.rubrik:active
{
	color:#990000;
	text-decoration:underline;
} 
/* Seitennavigation #######################################################*/
a.navi, a.navi_first, a.navi_self
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.1em;
	padding:3px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	
}
a.navi_first
{
	border-top:1px #d4d4ca solid;
	
}
a.navi, a.navi_first, a.navi_self
{
	border-left:#d4d4ca;
	border-right:#d4d4ca;
	border-bottom:#d4d4ca;
	
}

a.navi:link, a.navi_first:link, a.navi:visited, a.navi_first:visited
{
	background-color:#e9e9df;
	color:#333333;
}
a.navi_self:link, a.navi_self:visited
{
	background-color:#d4d4ca;
	color:#333333;	
}
a.navi:hover, a.navi_first:hover, a.navi_self:hover,
a.navi:active, a.navi_first:active, a.navi_self:active
{
	background-color:#be2e47;
	color:#fcfcfc;
}

/* MuKoMa */
a.navi_m:hover, a.navi_first_m:hover, a.navi_self_m:hover,
a.navi_m:active, a.navi_first_m:active, a.navi_self_m:active
{
	background-color:#ff3333;
	color:#ffffff;
}

/* Unterricht */
a.navi_u:hover, a.navi_first_u:hover, a.navi_self_u:hover,
a.navi_u:active, a.navi_first_u:active, a.navi_self_u:active
{
	background-color:#0066cc;
	color:#ffffff;
}

/* Szene */
a.navi_s:hover, a.navi_first_s:hover, a.navi_self_s:hover,
a.navi_s:active, a.navi_first_s:active, a.navi_self_s:active
{
	background-color:#0099ff;
	color:#ffffff;
}

/* Branche */
a.navi_b:hover, a.navi_first_b:hover, a.navi_self_b:hover,
a.navi_b:active, a.navi_first_b:active, a.navi_self_b:active
{
	background-color:#ff9900;
	color:#ffffff;
}

/* Kontaktbörse */
a.navi_a:hover, a.navi_first_a:hover, a.navi_self_a:hover,
a.navi_a:active, a.navi_first_a:active, a.navi_self_a:active
{
	background-color:#339966;
	color:#ffffff;
}

/* Kalender */
a.navi_k:hover, a.navi_first_k:hover, a.navi_self_k:hover,
a.navi_k:active, a.navi_first_k:active, a.navi_self_k:active
{
	background-color:#993399;
	color:#ffffff;
}



/* Top navigation ################################################################################*/
a.top_link {
	display:block; /* damit ist der Link kein Inline-element mehr*/
	position:absolute;
	width:100px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;  /* schiebt Schrift im TopButton weiter runter */
	text-decoration:none;
}

a.top_link, a.top_link:visited {
	color:#aaaaaa;
	background-color:#eeeeee; 
}
/* MuKoMa */
a.top_link_m:hover, a.top_link_m:active {
	color:#ff3333;
}
/* Unterricht */
a.top_link_u:hover, a.top_link_u:active {
	color:#0066cc;
}
/* Szene */
a.top_link_s:hover, a.top_link_s:active {
	color:#0099ff;
}
/* Branche */
a.top_link_b:hover, a.top_link_b:active {
	color:#ff9900;
}
/* Kontaktbörse */
a.top_link_a:hover, a.top_link_a:active {
	color:#339966;
}
/* Kalender */
a.top_link_k:hover, a.top_link_k:active {
	color:#993399;
}

.sub_link {
	display:block;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:1px;
	padding-left:5px;
	text-decoration:none;
	border-top:1px solid #cccccc;
	
}

.sub_link:link, .sub_link:visited {
	background-color:#eeeeee;
	color:#aaaaaa;  /* Text sublink normal */
}

.sub_link:hover, .sub_link:active {
	background-color:#eeeeee;
	color:#ff0000;  /* Text sublink Mouseover */
}


/* MuKoMa  ---------------------------------------------------------- */
a#news {
	bottom:0px;
	left:180px;
	z-index:3;
}

#m_sublinks {
	position:absolute;
	top:90px;
	left:170px;
	width:120px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:11;
	visibility:hidden;
}

.sub_link_m:hover, .sub_link_m:active {
	color:#ff3333;  /* Text sublink Mouseover */
}


/* Unterricht  ---------------------------------------------------------- */
a#unterricht_a {
	bottom:opx;
	left:250px;
	z-index:4;
}

#u_sublinks_a {
	position:absolute;
	top:90px;
	left:240px;
	width:160px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:11;
	visibility:hidden;
}



a#unterricht_b {
	bottom:opx;
	left:340px;
	z-index:5;
}

#u_sublinks_b {
	position:absolute;
	top:90px;
	left:330px;
	width:160px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:12;
	visibility:hidden;
}

.sub_link_u:hover, .sub_link_u:active {
	color:#0066cc;  /* Text sublink Mouseover */
}


/* Szene  ---------------------------------------------------------- */
a#szene {
	bottom:opx;
	left:430px;
	z-index:6;
}

#s_sublinks {
	position:absolute;
	top:90px;
	left:420px;
	width:160px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:11;
	visibility:hidden;
}

.sub_link_s:hover, .sub_link_s:active {
	color:#0099ff;  /* Text sublink Mouseover */
}


/* Branche ----------------------------------------------------- */
a#branche {
	bottom:opx;
	left:490px;
	z-index:7;
}

#b_sublinks {
	position:absolute;
	top:90px;
	left:480px;
	width:160px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:13;
	visibility:hidden;
}

.sub_link_b:hover, .sub_link_b:active {
	color:#ff9900;  /* Text sublink Mouseover */
}


/* Kontaktbörse ------------------------------------------------------ */
a#anzeigen {
	bottom:0px;
	left:560px;
	z-index:8;
}

#a_sublinks {
	position:absolute;
	top:90px;
	left:550px;
	width:140px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:14;
	visibility:hidden;
}

.sub_link_a:hover, .sub_link_a:active {
	color:#339966;  /* Text sublink Mouseover */
}

/* Kalneder ---------------------------------------------------------- */
a#kalender {
	bottom:opx;
	left:660px;
	z-index:9;
}

#k_sublinks {
	position:absolute;
	top:90px;
	left:650px;
	width:140px;
	border-bottom:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-left:2px solid #cccccc;
	z-index:15;
	visibility:hidden;
}

.sub_link_k:hover, .sub_link_k:active {
	color:#993399;  /* Text sublink Mouseover */
}


a#news:hover, a#news:acitve,
a#unterricht_a:hover, a#unterricht_a:acitve,
a#unterricht_b:hover, a#unterricht_b:acitve,
a#szene:hover, a#szene:acitve,
a#branche:hover, a#branche:acitve,
a#anzeigen:hover, a#anzeigen:acitve,
a#kalender:hover, a#kalender:acitve
{
	z-index:10;
}






/* Tabellen ###########################################################################################################################################################*/
table {
	border-collapse:collapse;
	margin-left:16px;
	margin-right:16px;
	
}

table.main {
	border-collapse:collapse;
	margin-left:0px;
	margin-right:0px;
	
}

table.tabelle {
	cell-padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	
}


table.inhalt {
	vertical-align:top;
	margin-top:20px;
	margin-left:16px;
	margin-right:16px;
	margin-bottom:0px;
	
}

td,th {
	text-align:left;
	vertical-align:top;
	valign:top;
	border:0px;
	margin:0px;
	padding:0px;
	font-style:normal;
	font-size:100%;
	line-height:1.1em;
	color:black;
}

td.kontakt {
	border-top:1px solid #999999;
	background-color:#fcfcfc;
	padding:10px;
}

td.lv {
	padding:10px;
	background-color:#be2e47;
	color:#fcfcfc;
	font-size:large;
}

td.right {
	text-align:right;
}
	


td.zeile1, td.zeile2 {
	padding:5px;
	border-bottom:1px solid grey;

}

td.zeile1 {
	
	background-color:#Fefefe;
}

td.zeile2 {
	
	background-color:#f4f4ea; 
}

td.zeile1_ohneLinie {
	padding:5px;
	background-color:#Fefefe;
}

td.zeile2_ohneLinie {
	padding:5px;
	background-color:#f4f4ea;
}


td.button {
	padding:5px;
	background-color:#CC0000; 
	

}


/* Sonstige ##########################################################################################################################################*/

.ort {
	color: #993333;
}

.fer, .act, .wor, .his {
	padding-left:16px;
	padding-right:16px;
	padding-bottom:10px;
	padding-top:5px;
}

.fer {
	color: #FF9933;
	
}
.act {
	color: #993399;
	
}
.wor {
	color: #993399;
}
.his {
	color: #ccccff;
}




.muss_stern {
	font-size: large;
	font-weight: bold;
	color: #336633;
}

.klein {
	font-size: xx-small;
	color: #999999;
}

.rot {
	color: #ff0000;
}

ul,ol {
	margin-left:40px;
	margin-right:40px;
	
}

img {
	border:0px;
}


li {
	text-align:left;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1.1em;
	color:black;
}