/* CSS Document */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 80%;
	color: black;
	margin: 0;
}

a {
	outline: none;
}

hr {
	display: none;
}

.unsichtbar {
	display: none;
}

#wrap {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#top-wrap {
	float: left;
}

#top1 {
	float: left;
	width: 18px;
}
#top2 {
	float: right;
	width: 979px;
	background: white;
	border-left: 1px solid black;
}

/* __________________________________ Navigation */

#navibox {
	float: left;
	width: 300px;
	background: white;
	margin: 30px 0 0 0;
}

#navibox ul.level1 {
	margin:	0;
	padding: 0;
	list-style: none;
	width: 134px;
}

ul.level1 li {
	padding: 0;
	margin: 0;
	float: left;
}

ul.level1 a {
	display: block;
	border-top: 1px solid #e11a40;
	height: 30px;
	width: 134px;
	margin:0;
	text-indent: -10000px;
	outline: none;
}
ul.level1 .page-item-3 a {background: url(images/nav01.gif) top left no-repeat;}
ul.level1 .page-item-4 a {background: url(images/nav02.gif) top left no-repeat;}
ul.level1 .page-item-5 a {background: url(images/nav03.gif) top left no-repeat;}
ul.level1 .page-item-6 a {background: url(images/nav04.gif) top left no-repeat;}
ul.level1 .page-item-7 a {background: url(images/nav05.gif) top left no-repeat;}

ul.level1 a:hover, ul.level1 a:focus, ul.level1 .current_page_item a, ul.level1 .current_page_parent a {background-position: bottom;}


/* __________________________________ Logo */

#logobox {
	float: right;
}

h1 {
	margin: 0;
	padding: 0;
}

h1 a {
	display: block;
	background: url(images/logo.gif) top right no-repeat;
	height: 58px;
	width: 247px;
	margin: 30px 24px 0 0;
}

/* __________________________________ Unter-Navigation */

/* unichtbar-modifkation in navigo.php aushebeln */
#unternavibox ul.level2 li a {
	display: inline;
}
#unternavibox {
	float: left;
	width: 979px; /*eig 1004 */ 
	border-top: 1px solid #e11a40;
	border-bottom: 1px solid black;
	background: white;
	margin: 0 0 20px 0;
}
#unternavibox ul.level2 {
	list-style: none;
	margin: 0 0 0 133px;
	padding: 0;
}
#unternavibox ul.level2 li {
	float: left;
	margin: 0;
	padding: 0;
}
#unternavibox ul.level2 li a {
	display: block;
	color: black;
	text-transform: lowercase;
	text-decoration: none;
	margin: 3px 18px 3px 0;
	background: url(images/pfeil.gif) center left no-repeat;
	padding: 0 0 0 13px;
}
#unternavibox ul.level2 li a:hover {
	background: url(images/pfeil-hover.gif) center left no-repeat;
	color: #e11a40;
}
#unternavibox ul.level2 li a:focus, #unternavibox li.current_page_ancestor a, #unternavibox li.current_page_item a {
	background: url(images/pfeil-aktiv.gif) center left no-repeat !important;
	color: #e11a40 !important;
}
.nav-spalte .current_page_item a {
	color: #e11a40 !important;
}

/* __________________________________ allgemein Inhalt */

#inhalt {
	clear: both;
}

/* __________________________________ speziell Inhalt */

/* fuer grosse flaeche z.b. stundenplan */
.grosse-flaeche {
	margin: 0 0 20px 20px;
	width: 939px;/*1003 minus 20 minus 134(naviboxlaenge) */ /*minus24*/
	line-height: 2.6ex;
	min-height: 306px;
}

/* fuer Texte */
.mark-page {
	margin: 0 0 20px 134px;
	width: 825px;/*1003 minus 20 minus 134(naviboxlaenge) */ /*minus24*/
	line-height: 2.6ex;
	min-height: 306px;
}


/* Textformate */
strong {
	color: #e11a40;
	font-weight: normal;
}
b {
	color: #e11a40;
}

p {
	margin: 0 0 1.3ex 0;
	padding:0;
}

h3 {
	font-weight: bold;
	font-size: 100%;
	color: #e11a40;
	margin: 0 0 0 0;
}
h3.h3-abstand {
	margin-bottom: 2ex;
}

h4 {
	font-size: 100%;
	margin: 0;
	padding:0;
}

a {
	color: black;
}

/* Abstände allgemein */
.n-n {
	margin: 0;
}
.j-j {
	margin: 2ex 0 2ex 0;
}
.j-n {
	margin: 2ex 0 0 0;
}
.n-j {
	margin: 0 0 2ex 0;
}

th {
	text-align:left;
}
table {
	border-collapse:collapse;
	border: none;
}


.spalte1 {
	float: left;
	width: 399px;
	margin-bottom: 2ex;
}

.spalte2 {
	float: right;
	width: 399px;
	margin-bottom: 2ex;
}

/* insgesamt 4 spalten moeglich */
.spalte1a {
float: left;
width: 174px;
}
.spalte1b {
float: right;
width: 174px;
}
.spalte2a {
float: left;
width: 174px;
}
.spalte2b {
float: left;
width: 174px;
}


/* fuer grosses bild */
.mark-pagehaupt {
	background: #e11a40;
	height: 326px;
	width: 959px;
	overflow: hidden;
}

/* Suche */

h4 a {
	color: black;
	text-decoration: none;
}
h4 a:hover, h4 a:focus {
	color: #e11a40;
}

/*Stundenplan */
table#stundenplan {
float: left;
width: 769px;
border-collapse:collapse;
margin-bottom: 2ex;
}

#stundenplan th {
background: #e11a40;
color: white;
width: 30px;
text-align: left;
padding: 5px 0 5px 10px;
}

/*#stundenplan tr {
border: 1px solid black;
}*/

/*#stundenplan tr.toprow, #stundenplan tr.hrow {
	border: none;
}*/

#stundenplan tr h4 {
	padding-left: 5px;
	margin-top: 15px;
}

#stundenplan td {
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid;
}

#stundenplan td.tdr {
	border-right: 1px solid;
}
#stundenplan td.tdl {
	border-left: 1px solid;
}

#stundenplan tr#einzeilig td {
	padding: 3ex 0 0 0;
	border: none;
	
}
#stundenplan #einzeilig h4, #stundenplan #einzeilig p {
	display: inline;
}

.tab-spalte2 {
	font-size: x-small;
	float: right;
	width: 150px;
	margin-bottom: 2ex;
	margin-top: 60px;
	line-height: 2.3ex;
}
.tab-spalte2 em {
	font-style: normal;
	font-weight: bold;
}
.tab-spalte2 p {
	margin: 0 0 5px 0;
}
/* Gallery */

.nav-spalte {
	float: left;
	width: 120px;
	margin-top: 10px;
}
.nav-spalte ul, .nav-spalte li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.nav-spalte ul li a {
	text-decoration: none;
}
.nav-spalte ul li a:hover, .nav-spalte ul li a:focus, .nav-spalte ul li a#level3current {
	color: #e11a40;
}
.nav-spalte a .unsichtbar {
	display: inline;
}

.gal-spalte {
	float: right;
	width: 600px;
	margin-bottom: 20px;
}

.mypicsgallery {
	margin-top: 2ex;
}

.mypicsgallery a img {
	margin: 0 5px 5px 0;
	border: 1px solid #333333;
}

.mypicsgallery a:hover img, .mypicsgallery a:focus img  {
	border: 1px solid #e11a40;
}


/* kontakt */

input, select, textarea  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: small;
	border: 1px solid #000000;
	margin-bottom: 4px;
	padding: 2px 4px 2px 4px;
	color: black;
}
.spalte2 input:hover, .spalte2 input:focus, .spalte2 textarea:hover, .spalte2 textarea:focus {
	background: white url(images/bg-input-hover.gif) top left repeat-x;
	border-color: #000000;
}

.cform { 

}

fieldset {
	display: none;
}

ol.cf-ol { 
	margin:0; 
	padding:0; 
}
ol.cf-ol li	{ 
	margin:5px 0;
	padding:0; 
	list-style:none; 
	text-align:left;
}

.cform label {
	display: block;
	float: left;
	width:16ex; 
}

.cform textarea,
.cform input {
	width: 200px;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	margin: 0;
}
.cform input.sendbutton	{ 
	width:15ex;  
	padding:2px; 
	margin: 0 0 0 16ex;
	background: white;
}
.cform input.sendbutton:hover, .cform textarea:focus, .cform input:focus	{ 
	border: 1px solid #e11a40;
}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .error 		{ color:red!important; border:1px solid #FF0000!important; padding:1px 3px; }
.cform .errortxt    	{ color:red!important; }


p.info 		{
	margin:0;
	margin-top: 10px;
}
p.success 	{
	color:green;
}
p.failure 	{
	color:red;

}





/* __________________________________ allgmein Bottom */

#bottom-wrap {
	clear: both;
	background: #e11a40;
	width: 980px;
	float: left;
	
}
#bottom {
	margin-left: 18px;
	width: 979px;
	border-left: 1px solid black;
	background: white;
}

#bottombild h2 {
	display: none;
}

/* __________________________________ Bilder in der hauptflaeche oder im bottom */

#hauptbild {
	width: 959px;
	height: 203px;
}

#bottombild {
	clear: both;
	height: 135px; 
	width: 959px;/*1003 minus 20*/
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	overflow: hidden;
}

#bottombild-ohne {
	height: 0px;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid black;
	width: 959px;
}

/* startseite */
#startseite-text p {
	padding: 20px;
	line-height: 4.5ex;
	margin-left: 134px;
}
#startseite-text p strong {
	font-size: 120%;
	font-weight: normal;
	color: black;
}

#startseite-text b {
	font-weight: normal;
}


/* __________________________________ Footer */

#hyperlinks {
	color: #e11a40;
	padding: 4px 0 4px 0;
	text-align: right;
	border-bottom: 1px solid black;
	width: 959px;
}

#hyperlinks a {
	color: black;
	text-transform: lowercase;
	text-decoration: none;
}
#hyperlinks a:hover, #hyperlinks a:focus {
	color: #e11a40;
}

#bottom form {
	margin: -10px 0 0 18px;
}
#bottom form input {
	border: none;
	background: url(images/suche.gif) top left no-repeat;
	width: 75px;
	height: 17px;
	font-size: 85%;
	padding: 4px 5px 0 5px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}