@charset "utf-8";
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, img, input {
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0px;
	list-style-position: outside;
	list-style-type: none;
}
body {
	background-color: #627282;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #2a2a2a;
}

.page {
	background-image: url(content_bg.jpg);
	background-repeat: repeat-y;
	width: 980px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.page .top {
	background-image: url(top_bg.jpg);
	height: 30px;
	display: block;
}
.cleaner {
	clear:both;
}
a {
	color:#5b6b7a;
	text-decoration:underline;
}


a:hover {
	color:#c94804;
}
a:active {
	color:#ca4a09;
	text-decoration:none;
}
.header {
	height: 220px;
	width: 960px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFF;
}
.header .home {
	float: left;
	margin-top: 11px;
	width: 350px;
}
.suche {
	float: left;
	width: 610px;
	height: 25px;
	background-image: url(search_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.suche form {
	padding-left: 380px; 
	width: 230px;
	height: 25px;
}
.suche .suchfeld {
	display:block;
	float: left;
	height: 20px;
	width: 150px;
	background-color: #FFF;
	border: 0px;
}

.suche .button {
	display: block;
	float: left;
	height: 20px;
	width: 60px;
	background-color: #627282;
	color: #FFF;
	border: 0px;
	margin-left: 10px;
}

.header .navigation {
	float: left;
	width: 590px;
	height: 25px;
	font-size:10px;
	line-height:10px;
	text-align:right;
	padding-top: 10px;
}
.header .image {
	background-image: url(header_img.jpg);
	height: 160px;
	width: 960px;
	clear: both;
	float: left;
}

.navigation {
	float: left;
	width: 250px;
}

.navigation .top {
	background-image: url(navi_top.jpg);
	height: 20px;
	width: 240px;
	margin-left: 10px;
}
.navigation .middle {
	margin-left: 20px;
}


.navigation ul.rex-navi1 {
	display: block;
	float: left;
	font-size:12px;
	width: 220px;
}
.navigation ul.rex-navi1 li {
	display: block;
	background-image:url(navigation.jpg);
	float:left;
	color:#000;
	background-repeat: no-repeat;
	background-position: 0px -0px;
}
.navigation ul.rex-navi1 li:hover {
	background-image:url(navigation.jpg);
	background-position: -0px -30px;
}
.navigation ul.rex-navi1 li a {
	height:22px;
	color:#000;
	text-decoration:none;
	padding-top:8px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:20px;
	display:block;
	float: left;
	clear: both;
	width: 190px;
}
.navigation ul.rex-navi1 li.rex-active a, 
.navigation ul.rex-navi1 li a.rex-current {
	background-image:url(navigation.jpg);
	background-position: -0px -60px;
	font-weight:bold;
	color:#fff;
}
.navigation ul.rex-navi1 li ul {
	display: block;
	float: left;
	font-size:12px;
	width: 220px;
	margin-left: 0px;
}
.navigation ul.rex-navi1 li ul li {
	display: block;
	float:left;
}
.navigation ul.rex-navi1 li ul li a {
	height:19px;
	color:#000;
	text-decoration:none;
	width:190px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:30px;
	display:block;
	float: left;
	background-image:url(navigation.jpg);
	font-size: 11px;
}
.navigation ul.rex-navi1 li ul li.rex-normal a {
	background-position: -0px -90px;
	color: #000;
	font-weight: normal;
}
.navigation ul.rex-navi1 li ul li a:hover {
	background-image:url(navigation.jpg);
	background-position: -0px -120px;
}
.navigation ul.rex-navi1 li ul li.rex-current a,
.navigation ul.rex-navi1 li ul li.rex-active a {
	background-image:url(navigation.jpg);
	background-position: -0px -150px;
	font-weight:bold;
	color:#fff;
}
.navigation .end {
	background-image: url(navi_end.jpg);
	height: 20px;
	width: 240px;
	margin-left: 10px;
	margin-bottom: 20px;
	clear: both;
}
.article {
	width: 680px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.article .print {
	font-size: 10px;
	float: right;
	line-height: 19px;
}


.article h1 {
	font-size:16px;
	font-weight:bold;
	color:#52606d;
	padding:0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
}
.article h2 {
	font-size:12px;
	font-weight:bold;
	color:#d14a10;
	padding:0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	clear: left;
}
.article h3 {
	font-size:11px;
	font-weight:bold;
	color:#e7af00;
	padding:0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
}
.article p {
	font-size:12px;
	line-height:19px;
	margin-bottom:10px;
	margin-top: 10px;
}
.article  ul, .article  li {
	padding-left:10px;
	list-style-position:outside;
	list-style-type:circle;
	line-height:19px;
}

.article .bild-links {
	float: left;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:1px solid #E7E7E7;
	background-color: #FAFAF8;
	margin-right: 10px;
	margin-bottom: 10px;
}
.article .bild-rechts {
	float: right;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:1px solid #E7E7E7;
	background-color: #FAFAF8;
	margin-left: 10px;
	margin-bottom: 10px;
}

.article .bilderrahmen {
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:1px solid #E7E7E7;
	background-color: #FAFAF8;
	margin-bottom: 10px;
}
.footer {
	background-image:url(footer_bg.jpg);
	height:80px;
	width:980px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size:10px;
	background-color: #627282;
	background-repeat: no-repeat;
}

.footer .text {
	display: block;
	height: 20px;
	padding-left: 210px;
	padding-top: 18px;
	padding-right: 20px;
}
.articlelist, table.lehrerliste, .downloads, .kontaktformular, .sitemap {
	width: 680px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}

.categories {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}
.categories a {
	cursor: pointer;
	display:block;
	height:80px;
	width:330px;
	text-decoration:none;
	background-image:url(kategorie_bg.jpg);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	position: relative;
}
.categories a:hover {
	background-position: -330px;
}
.categories img {
	position:absolute;
	right:210px;
	top:10px;
}
.categories .title {
	display:block;
	font-weight:bold;
	font-size: 13px;
	width: 197px;
	float: right;
	top: 20px;
	position: static;
	padding-top: 10px;
	cursor: pointer;
	padding-right: 5px;
}
.categories .description {
	display:block;
	color:#666;
	font-size: 10px;
	width: 197px;
	float: right;
	padding-top: 5px;
	cursor: pointer;
	padding-right: 5px;
}

.articlelist {
	font-size:11px;
	display: block;
}

.articlelist .tab a,
.articlelist .tab.active,
.stundenplaene a,
.raumplaene a {
	border:1px solid #cbccba;
	margin-right:5px;
	white-space:nowrap;
	float:left;
	display:block;
	background-color:#FAFAF8;
	margin-bottom:5px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 3px;
}
.articlelist .tab a {
	background-image: url(article_closed.png);
}
.articlelist .tab.active {
	background-image: url(article_open.png);
	color: #52606D;
	background-color: #FFF;
	font-weight: bold;
}
.articlelist .tab a:hover {
	background-color:#FFF;
}
.stundenplaene a,
.raumplaene a {
	width: 45px;
}
.stundenplaene a {
	background-image: url("appointment-new.png");
}
.raumplaene a {
	background-image: url("system-log-out.png");
}
.sitemap ul {
	font-size:14px;
	float: left;
}
.sitemap ul li {
	width: 200px;
	float: left;
	list-style-position: inside;
	list-style-type: none;
	font-weight: bold;
	font-size: 12px;
}
.sitemap ul li a {

}
.sitemap ul li.rex-article-1 {
	display: none;
	visibility: hidden;
}

.sitemap ul li ul {
	font-size:12px;
	float: left;
	height: 180px;
}
.sitemap ul li ul li {
	margin-left:0px;
	list-style-type: disc;
	width: 180px;
	font-weight: normal;
}
.breadcrumb ul, .breadcrumb li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
}
.breadcrumb {
	font-size: 10px;
	color: #A3A496;
}
.breadcrumb a {
	background-image: url(breadcrumb_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}


.downloads {
	background-image:url(download_bg.jpg);
	background-repeat:no-repeat;
	height:60px;
	margin-top:15px;
	margin-bottom:5px;
}
.downloads .details {
	float:left;
	height:60px;
	width:560px;
}
.downloads .details .title {
	display:block;
	font-weight:bold;
	margin-top:15px;
	margin-left:70px;
	font-size: 14px;
}
.downloads .details .filename {
	color:#666;
	display:block;
	margin-left:70px;
	font-size: 10px;
}
.downloads .download  {
	float: left;
	text-align:center;
	display: block;
}
.downloads .download a {
	display: block;
	background-image:url(download_buttons.jpg);
	background-repeat: no-repeat;
	height:12px;
	width:100px;
	line-height: 12px;
	padding-top: 14px;
	padding-bottom: 14px;
	margin: 10px;
	text-decoration: none;
}
.downloads .download a:hover {
	background-position: center;
	text-decoration: none;
}

.downloads .download a:focus,
.downloads .download a:active {
	background-position: right;
	text-decoration: none;
}
.kontaktformular {
	background-image:url(kontaktformular_bg.jpg);
}
.kontaktformular .top {
	background-image:url(kontaktformular_top.jpg);
	height:50px;
	width:680px;
}
.kontaktformular .top .title {
	display:block;
	font-weight:bold;
	margin-left:70px;
	font-size: 14px;
	padding-top: 20px;
}
.kontaktformular .bottom {
	background-image:url(kontaktformular_bottom.jpg);
	height:15px;
	width:680px;
	clear: both;
	background-repeat: no-repeat;
	background-position: bottom;
}
.formgen {
	padding-top:0px;
	padding-right:20px;
	padding-bottom:25px;
	padding-left:20px;
}
.formgen select, .formgen input[type=checkbox], .formgen input[type=radio], .formgen input[type=button], .formgen input[type=submit] {
	float:right;
	margin:0px;
	padding:0px;
}
.formgen form {
}
.formgen .formblock {
	margin-bottom:0px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	padding:0px;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
}
.formgen br {
	clear:both;
}
.formgen .formtextfield {
	width:400px;
	height:200px;
	background-color:#ff9;
	border:1px solid #666;
	float:right;
	padding:3px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:7px;
	margin-left:0px;
}
.formgen .formtext {
	width:400px;
	background-color:#ff9;
	border:1px solid #666;
	float:right;
	padding:3px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:7px;
	margin-left:0px;
}
.formgen .formtext:focus {
	background-color:#99adff;
}
.formgen .formtextfield:focus {
	background-color:#99adff;
}
.formgen .formtrenn {
	display:block;
	height:30px;
}
.formgen .formhinweis {
	color:#000;
	font-style:italic;
}
.formgen .formheadline {
	font-weight:bold;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	width:640px;
	text-align:left;
	margin-top:15px;
	margin-bottom:15px;
}
.formgen .formpassword {
	width:250px;
	background-color:#9c0;
}
.formgen .formcaptcha {
	border:1px solid #900;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	float:left;
}
.formgen label {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-size:10px;
	width: 200px;
	text-align: right;
}
.formgen .formselect {
	width:200px;
	background-color:#ccc;
	margin-left:4px;
}
.formgen .upload {
	width:410px;
	float:right;
	margin-bottom:10px;
	margin-left:0px;
	height: 25px;
}
.formgen .formsubmit {
	width:150px;
	background-color:#cbccba;
	float:right;
	padding:3px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#ccc;
	border-right-color:#666;
	border-bottom-color:#666;
	border-left-color:#ccc;
	height:25px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
}
.formgen .formsubmit:focus {
	background-color:#99adff;
}
.formgen .formsubmit:active {
	border-top-color:#666;
	border-right-color:#ccc;
	border-bottom-color:#ccc;
	border-left-color:#666;
}
.formgen fieldset {
	width:345px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
	border:3px solid #063;
	background-color:#ffc;
}
.formgen legend {
	font-weight:bold;
	color:#930;
	width:140px;
	margin:0px;
}
.formgen .forminfo {
	color:#fff;
	background-color:#900;
	border:1px dashed #000;
	margin:5px;
	padding:5px;
}
.formgen .formerror {
	color:#fff;
	background-color:#900;
}
.forminfo {
	color:#000;
	background-color:#ff6;
	margin:2px;
	padding:4px;
	border:2px solid #f00;
}
.formgen legend {
	font-weight:bold;
	color:#930;
	width:140px;
	margin:0px;
}

.galerie a {
	text-decoration: none;
}
.galerie img {
	padding-top:5px;
	padding-right:5px;
	padding-bottom:15px;
	padding-left:5px;
	border:1px solid #E7E7E7;
	background-color: #FAFAF8;
	margin-right: 10px;
	margin-bottom: 10px;
}
.galerie img:hover {
	background-color:#FFF;
}

table.lehrerliste,
{
	background-color: #CDCDCD;
	font-size: 10px;
}

table.views-table {
	width: 640px;
}

table.lehrerliste thead tr th,
table.views-table thead tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8px;
	padding: 4px;
}
table.lehrerliste thead tr .header {
	background-image: url(table_up_down.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	height: auto;
}
table.lehrerliste tbody td,
table.views-table tbody td
{
	color: #3D3D3D;
	padding: 4px;
	broder: 0px;
	background-color: #FFF;
	vertical-align: top;
}
table.lehrerliste tbody tr.odd td {
	background-color:#F0F0F6;
}
table.lehrerliste thead tr .headerSortUp {
	background-image: url(table_down.gif);
}
table.lehrerliste thead tr .headerSortDown {
	background-image: url(table_up.gif);
}
table.lehrerliste thead tr .headerSortDown, table.lehrerliste thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.lehrerliste td.title,
table.views-table td.views-field-title {
	font-weight: bold;
	font-size: 12px;
/*	white-space: nowrap; */
	height: 26px;
}

table.lehrerliste td.button a {
	background-image: url(mail.png);
	background-repeat: no-repeat;
	background-position: 3px;
	border:1px solid #cbccba;
	background-color:#E5E5E5;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
	padding-right: 6px;
	margin: 0px;
	padding-left: 27px;
}
table.views-table .views-field-field-date-value {
	white-space: nowrap;
}
table.views-table p {
	padding: 0px;
	margin: 0px;
}

.article table {
  border-collapse: collapse;
}
.article table tr td {
	padding: 4px;
}
/* root element for tabs  */
.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	font-size:11px;
	height: 25px;
}


/* single tab */
.tabs li {
	float:left;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

.tabs a {
	display:block;
	text-decoration:none;
	color:#000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cbccba;
	background-image: url(tabs_bg.gif);
	background-position: right -26px;
}
.tabs a .tabicon {
	display:block;
	line-height:24px;
	background-repeat: no-repeat;
	background-position: 3px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:0px;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 30px;
}

.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: right -52px;
}

.tabs a .tabicon {
	background-image: url(article_closed.png);
}
.tabs a.Neuigkeiten .tabicon {
	background-image: url(internet-news-reader.png);
}
.tabs a.Termine .tabicon {
	background-image: url(office-calendar.png);
}
.tabs a.Mensa .tabicon {
	background-image: url(contact-new.png);
}
.tabs a.Stundenpläne .tabicon {
	background-image: url(appointment-new.png);
}
.tabs a.Sitemap .tabicon {
	background-image: url(folder-saved-search.png);
}
.tabs a.Sonstiges .tabicon {
	background-image: url(article_closed.png);
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	cursor:default !important;
	font-weight: bold;
	color: #ffffff;
	border-left-color: #566471;
	outline:none;
	background-position: right -0px;
}
.tabs li a.current .tabicon {	
	line-height: 26px;
}
.hometabs .panes {
	background-color: #FFF;
	border: 1px solid #566471;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.hometabs .panes .output {
	float: left;
	width: 296px;
	margin-right: 10px;
}
.hometabs .panes .homecats {
	float: left;
	width: 340px;
}

.hometabs .panes .Sitemap .homecats {
	display: none;
	visibility: hidden;
}
.hometabs .panes .Neuigkeiten .cats {
	float: right;
}
.hometabs .panes .Neuigkeiten .cats .categories {
	margin-top: 0px;
}
.hometabs .panes .Neuigkeiten .news {
	width: 300px;
	float: left;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}

.article h1 a {
	text-decoration: none ! important;
}
.article h2 a {
	color: #D14A10;
	text-decoration: none ! important;
	clear: both;
}
.article h3 a {
	color: #E7AF00;
	text-decoration: none ! important;
}
.article .Neuigkeiten .entry
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E7E7E7;
	border-bottom-color: #E7E7E7;
	padding-right: 10px;
}
.article .Neuigkeiten p.meta {
	color:#666;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.article input {
	border:1px solid #cbccba;
	line-height: 16px;
	height: 20px;
}

.article input.button {
	border: ;
	width:130px;
	background-color:#cbccba;
	height:22px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	border: 1px outset #000;
}

.article input.button:active {
	border: 1px inset #000;
}

.article .Termine label {
	display: none;
	visibility: hidden;	
}
.article .Termine .views-field-field-date-value {
	margin-top: 20px;
	margin-bottom: 5px;
}
.date-display-end {
display: block;
}



.article .Sitemap .sitemap {
	width: 645px;
}


#page-id-458 .navigation {
	display: none;
	visibility: hidden;
}
#page-id-458 .header .navigation {
	display: block;
	visibility: visible;
}
#page-id-458 .article {
	width: 940px;
}
#page-id-458 .footer {
	background-image: url(footer_bg_nonavi.jpg);
	width: 3213px;
}
#page-id-458 .header .image {
	background-image: url(header_img_nonavi.jpg);
}
.page#page-id-458 {
	background-image: url(content_bg_nonavi.jpg);
}


#page-id-2 ul.pagination li {
	float: left;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#page-id-2 ul.pagination li a {
	border:1px solid #cbccba;
	white-space:nowrap;
	float:left;
	display:block;
	background-color:#FAFAF8;
	margin-bottom:5px;
	margin-right:2px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 3px;
	background-image: url(article_closed.png);
}
#page-id-2 ul.pagination li a.current {
	background-image: url(article_open.png);
	color: #52606D;
	background-color: #FFF;
	font-weight: bold;
}
#page-id-2 ul.pagination li a:hover {
	background-color:#FFF;
}
.MsoNormal {
	color: #F0F;
	background-color: #0F9;
}