/* Allgemeine Vorgaben fr Muristalden-Seiten*/
/* Definierte Tags */
body, html {
margin:0;
padding:0;
font-family: "Times New Roman", Times, serif;
font-size:100.01%;
}
p {	
margin: 0.2em 0;
}
h4 {
margin-bottom: 0.4em;
font-family: arial, helvetica, sans-serif;
font-size:0.8em;
}
hr{
border: 0;
color: #E2E2E2;
height: 1px;
background-color: #E2E2E2;
}
/* Fertig: Definierte Tags */

/* *************************************** */
/* Klassen */
.fett {
font:bold 1em Arial, Helvetica, sans-serif;
}

.nichtFett {
font-weight: normal;
}
.obenKleinerAbstand {
margin-top:0.3em;
}
.durchgestrichen {
	text-decoration: line-through;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Fertig: Klassen */

/* *************************************** */
/*Angaben fr den Hauptbereich*/
#content {
margin:30px;
max-width:46em;
}
#content h1{
font-size:1em;
font-weight:bold;
margin:0.3em 0 0.5em 0;
}
#content h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
margin:0.3em 0 0.5em 0;
}


#content ul{
margin-top:0.2em;
}
#content a, #news a{
color: #666666;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
}
#content a:hover, #news a:hover{
color: black;
text-decoration:underline;
}
/*Fertig: Angaben fr den Hauptbereich*/

/* *************************************** */
/* Angaben fr den Bereich mit dem Logo */
#logo a{
color: #666666;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
}
#logo a:hover{
color: black;
text-decoration:underline;
}
/* Fertig: Angaben fr den Bereich mit dem Logo */

/* *************************************** */
/* Angaben fr den Bereich Footer */
#footer {
background-color:#AEAEAE;
padding:0.4em;
}
/* Fertig: Angaben fr den Bereich Footer */

/* *************************************** */
/* Beginn Formate fr den Stundenplan */

h5 {
margin-bottom: 0.4em;
}
#stundenplan table {
border-collapse:collapse;
}
.tblStundenplan {
font-family: Arial, Helvetica, sans-serif;
background-color: #999999;
font-size: 10px;
border:1px solid #E7E7E7;
border-collapse:collapse;
margin:0;
}
.tblStundenplan td {
	border:1px solid #E7E7E7;	
	border-collapse:collapse;
	padding: 4px 6px;
	}
.ersteZeileStPl td {
	background-color:#000000;
	color:#FFFFFF;
	font-size: 10px;
	padding:4px 7px;
	}
/* Fertig Formate fr den Stundenplan */

/* *************************************** */
/* Zum Erreichen von gleichmssigen Abstzen */
.pMit6pxMargin {
	margin: 6px 0;
}

/* Standard-Tabelle */
#standardTbl table {
	background-color:#ccc;
	border:1px solid #fff;
	border-collapse:collapse;
}
#standardTbl .spezZeile{
background-color:#666666;
color:#ffffff;
font-weight:bold;
}
#standardTbl td {
	padding: 3px;
	border:1px solid #fff;
	border-collapse:collapse;
	vertical-align:top;
}	
#standardTbl p {
	margin:0.2em 0.3em;
}
#standardTbl a {
	color:#B7EFF9;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:none;
	}
#standardTbl a:hover {
	color:#fff;
	text-decoration:underline;
	}
#standardTbl textarea {
	font:0.8em Arial;
	}	

/* *************************************** */
/* In der linken Navigation die zweite Ebene */
#navBereich .levelTwo {
list-style-type:disc;
color: #666666;
margin-left:-2.2em; /*Damit IE das auch kann, habe ich in den incls ein kleines PHP-Script integriert */
}
/* Fertig: In der linken Navigation die zweite Ebene */

/* *************************************** */
/* Spezielle Hinweise, mit dem "Info-Pictogramm" */

#hinweis {
	font: 0.7em Arial, sans-serif;
	background: #FFFFFF url(/images/layout/hinweis.gif) no-repeat 0em 0.2em;
	padding-left:25px;
	height: 17px;
	line-height: 17px;
	vertical-align:middle;

}
#hinweis a {
	font-size:1em;
}
/* Fertig: Spezielle Hinweise, mit dem "Info-Pictogramm" */

/* *************************************** */
.vereinbarung {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	
.pdfDownload {
	background: url(../images/pdf.gif) no-repeat left center ;
	text-indent:19px;
	display:block;
	list-style: none;
}

li.pdfDownload {
	background: url(../images/pdf.gif) no-repeat left 0.3em;
	list-style: none;
	padding:0.3em 0;
	padding-left:19px;
	text-indent:1px;
	line-height:1em;
	
	}
	
.pdfDownlFliesstext {
	background: url(../images/pdf.gif) no-repeat left center ;
	padding-left:19px;
	margin:auto 2px;
}
	
.abgesagt {
	font-size: 1.2em;
	color: #000;
	border:1px solid red;
	padding:0.2em;
	background-color:red;
	filter:alpha(opacity=80); /* opacity=60 */
	-moz-opacity: 0.8;
	opacity: 0.8;
	}

.noMarginTop {
	margin-top:0;
	}
	
.engUndKlein {
	font-size:2px;
	font-weight:normal;
	margin:0;
	padding:0;
	}		
#spez p, #spez li, #spez ul {
	margin:0;
	padding:0;
}
#spez li, #spez li li {
	margin-left:2em;
	}
#spez ul ul li {
	margin-left:3em;
	}	
	
#content .event {
	border: thin dotted #999999;
	padding: 1.5em;
	margin-bottom:1.1em;
	position: relative;
}

.levelTwo .ersterPunkt {
	margin-top:-4px;
	}
.prozent80 {
	font-size:80%;
	font-weight:normal;
	}
p.trigger {
	background:url(/basis/toDown.png) no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}	
p.active {	background:url(/basis/toUp.png) no-repeat;	
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
} 
a:hover, a:active, a:focus {
    outline: none;
}
 .thickbox{
 }

.legende td {
	padding-right:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	vertical-align:top;
}
p.legende {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;	
}

.kastenRahmen table h3 {
	margin-top:0;
	padding-top:2px;
}
.kastenRahmen table td {
	padding:0 5px;
}


/* Aufteilungen nach yaml http://www.yaml.de/en/documentation/practice/subtemplates.html */
.subcolumns { width: 100%; overflow:hidden; }
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l,
.c60l, .c62l, .c66l, .c75l, .c80l {float: left; }
 
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r,
.c60r, .c66r, .c62r, .c75r, .c80r {float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c40l, .c40r { width: 40%; }
.c60l, .c60r { width: 60%; }
.c80l, .c80r { width: 80%; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; }

.c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l,
.c62l, .c66l, .c75l, .c80l, .c20r, .c25r, .c33r,
.c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
   display:inline;
}

/* avoid growing widths */
* html .subc,
* html .subcl,
* html .subcr { word-wrap:break-word; o\verflow:hidden; }

/* fertig Aufteilungen */.zentriert {
	text-align: center;
}


#startbox {
	color:#FFF;
	padding:15px;
	font-size:120%;
	text-align:center;
}
#startbox a {
	color:#09F;
	text-decoration:none;
}
#startbox h1 {
	font-size:140%;
	margin-top:0;
}
#startbox h2 {
	font-size:130%;
}