/*

	Basis-CSS-Datei der Internetseite
	
	www.platen-gymnasium.de
	
	Autor:			Marco Philipeit - http://marcophilipeit.de
	Start:			06.06.06
	Letzte Änderung:		05.04.10
	
*/

/*  Allgemein 
---------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	background-repeat: no-repeat;
	background-position: top left;
	outline: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
} 

html, body {
	height: 100%;
	min-height: 100%;
}


.versteckt,
.druck,
.hidden,
input[type="hidden"] {
	display: none;
	visibility: hidden;
}

.centeralign {
	text-align: center;
}

.leftalign {
	float: left;
}

.rightalign {
	float: right;
}

.clear {
	clear: both;
}

p.leftalign,
img.leftalign {
	margin-right: 1em;
	margin-bottom: 1em;
}

p.rightalign,
img.rightalign {
	margin-left: 1em;
	margin-bottom: 1em;
}

abbr {
	border-bottom: 1px dotted #555;
}

/*  Layout
---------------------------------- */


body {
	background-color: #fff;
	color: #404040;
}

#begrenzung {
	top: 0em;
	left: 50%;
	position: absolute;
	margin-left: -45%;
	width: 90%;
	z-index: 0;
}

#seitenleiste {
	background-color: #f5fbff;
	background-image: url(../lib.grafiken/seitenleiste.ende.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color: inherit;
	border-left: 0.2em solid #dbf2fb;
	border-right: 0.2em solid #dbf2fb;
	float: left;
	width: 12em;
	padding-bottom: 4em;
}


#inhalt {
	float: left;
	width: 63%;
	padding-left: 4em;
	padding-bottom: 2em;
}

#fussteil {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	padding: 2em 0 2em 0;
}

#kopfteil {
	top: 0%;
	left: 0%;
	position: absolute;
	width: 100%;
	height: 18%;
	z-index: 1;
}

#navigation {
	font: normal 1.17em Arial, Helvetica, sans-serif;
	color: #fff;
	top: 100px;
	left: 0%;
	position: relative;
	height: 2em;
}



/*  Details
---------------------------------- */

#kopfteil h1 {
	top: 15px;
	left: 8.8%;
	position: absolute;
	width: 117px;
	height: 112px;
	text-indent: -9999em;
	background: url(../lib.grafiken/logo.gif) no-repeat;
	z-index: 3;
}

#kopfteil h1 a {
	width: 117px;
	height: 112px;
	display: block;
}

#seitenleiste>div.platzhalter,
#inhalt>div.platzhalter {
	padding-top: 180px;
}

/*body#startseite #inhalt h2 {
	margin: 0 0 2em 1em;
	width: 423px;
	height: 142px;
	display: block;
	background: url(../lib.grafiken/inhalt.einleitungsgrafik.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-indent: -9999em;
}*/

body#startseite #inhalt h2 a {
	width: 423px;
	height: 142px;
	padding-bottom: 2em;
	display: block;
}

#collage {
	top: 0%;
	left: 27%;
	position: absolute;
	width: 73%;
	height: 110px;
	background-position: top left;
	background-repeat: no-repeat;
}

#collage a {
	text-indent: -9999em;
	border: 0;
	text-decoration: none;
	width: auto;
	height: 110px;
	display: block;
}

h2 {
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 1.3em;
	padding-bottom: 1.1em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	padding-bottom: 1.3em;
	padding-top: 1em;
	margin-bottom: 1em;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.5em 0 0.5em 0;
	font-weight: bold;
}

p, legend, label {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 1.6em;
	/*padding-bottom: 1em;*/
	display: block;
}

/*label {
	display: inline;
}*/

body#administration-benutzer-anlegen label,
body#administration-benutzer-bearbeiten label {
	float: left;
	display: block;
	width: 150px !important;
}

span.infotext {
	font-size: smaller;
	color: #666;
	display: block;
}

#inhalt blockquote {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 1.6em;
	font-style: italic;
	padding-top: 2em; /* 20px */
	background: url(../lib.grafiken/zitatzeichen.gif) top left no-repeat;
	padding-bottom: 1em;
	margin-bottom: 3em;
}

#inhalt blockquote cite {
	font-weight: bold;
	float: right;
}

#inhalt p {
	padding: 0.5em 0em;
}

#inhalt dl.seitenbemerkung {
	width: 23em;
	padding: 2em;
	font-size: smaller;
}

#inhalt .bildeinschub {
	display: block;
	margin: 1em 0 1em 0;
}

#inhalt h3 {
	color: #0d83dd;
	letter-spacing: 1px;
	background-image: url(../lib.grafiken/inhalt.unterstrich.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.neuigkeit,
.suchergebnis {
	clear: both;
	display: block;
	padding: 1.7em 0 1.7em 0;
}

#seitenleiste h3 {
	margin: 0;
	padding: 0;
	padding-top: 0.3em;
	padding-left: 0.4em;
	padding-bottom: 1.2em;
	font-weight: bold;
}

#inhalt ul,
#inhalt ol,
#inhalt dl {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 1.6em;
	padding: 1em 0em;
}

#inhalt li p {
	margin: 0;
	padding: 0;
}

#inhalt form ul,
#inhalt form ol,
#inhalt form dl {
	padding: 0;
}

#seitenleiste ul,
#seitenleiste p,
#seitenleiste blockquote {
	margin-left: 0.2em;
	font-size: 0.9em;
}

#inhalt ul li,
#seitenleiste p {
	margin: 0;
	padding: 0;
	margin: 0.5em;
	padding-left: 20px;
	list-style: none;
	background: url("../lib.grafiken/auflistungspfeil.gif") left top no-repeat !important; 
	line-height: 1.5em;
}

#seitenleiste li {
	margin: 0;
	padding: 0;
	margin: 0.5em;
	list-style: none;
	line-height: 1.5em;
}

#seitenleiste li a {
	padding-left: 20px;
	display: block;
	background: url("../lib.grafiken/auflistungspfeil.gif") left top no-repeat !important; 
}


#inhalt ol {
	list-style: decimal;
	margin-left: 35px;
}

#inhalt ol li {
	list-style: decimal;
	background: none;
}

ol.keineliste,
ol.keineliste li {
	list-style: none !important;
}

ol.keineliste li {
	margin-bottom: 1em;
}

ol.keineliste li label {
	font-weight: bold;
}

#seitenleiste h4 {
	padding-left: 1em;
}

#inhalt em.hervorhebung {
	background-color: #e1f4a8;
	font-style: normal;
}

.unterschrift {
	display: block;
	font-size: smaller;
	font-weight: bold;
}

/*img.rahmen {
	background-color: #fff;
	border: 4px double #ccc;
	padding: 0.2em;		
}*/

#inhalt img {
	background-color: #fff;
	border: 4px double #ccc;
	padding: 0.2em;		
	margin: 0.7em;
}

#inhalt img.keinrahmen {
	padding: 0;
	margin: 0;
	border: 0;
}

body.administrationsbereich #inhalt img {
	border: 0;
	padding: 0;
	margin: 0;
}

.kleingedrucktes {
	font-size: smaller;
	color: #666;
}

.termin1 {
	
}

.termin2 {
	font-style: italic;
}

.termin3 {
	color: #0066FF;
}

.termin4 {
	color: #00CC33;
	font-weight: bold;
}

.termin5 {
	color: #FF9900;
}

.schnellnavigation li {
	display: block;
	float: left;
	margin: 3px !important;
}

.schnellnavigation li.sn-links {
	width: 50%;
}

.schnellnavigation li.sn-rechts {
	width: 33%;
}

.blau {
	color: #0d83dd;
}

.aktuelle-neuigkeiten {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#ladeausblendung {
	width: 100%;
	height: 100%;
	background: url("../lib.grafiken/transparenz.png");
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	display: none;
}

#ladeanzeige {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 23px;
	margin-left: -100px;
	margin-top: -12px;
	background: #fff url("../lib.grafiken/link.laden.gif") 10px no-repeat;
	border: 2px solid #0D83DD;
	padding: 10px;
	padding-left: 50px;
	z-index: 5;
}

.admin-bearbeiten {
	float: right;
	background: #F5FBFF;
	border: 2px solid #DBF2FB;
}

.administratorenkennzeichnung {
	color: red;
	font-weight: bold;
	padding-left: 3px;
}

.inaktiv {
	font-style: italic;
	color: #bbb;
}

.checkboxlabel {
	font-weight: normal;
	display: inline;
}

.oberpunkt {
	/*background: #ccc;*/
}

.mehr {
	display: none;
}

.normal {
	font-weight: normal;
}

.kleingedrucktes {
	font-size: smaller;
	width: 550px;
}

/*  Links
---------------------------------- */

a, a:link, a:visited  {
	color: #0d83dd;
	border: 0;
	text-decoration: none;
}

a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
}

#seitenleiste a, #seitenleiste a:link, #seitenleiste a:visited  {
	color: #4e4e4e;
}

#seitenleiste p a, #seitenleiste p a:link, #seitenleiste p a:visited  {
	color: #0d83dd;
}

#seitenleiste a:hover {
	color: #000;
	border-bottom: 0;
}

#seitenleiste p a:hover  {
	color: #000;
}

body#startseite #seitenleiste a,
body#startseite #seitenleiste a:link,
body#startseite #seitenleiste a:visited {
	border: 0;
}

#navigation a,
#kopfteil h1 a {
	background: none !important;
	border: 0;
}

#inhalt a.weiterlesen:link,
#inhalt a.weiterlesen:active,
#inhalt a.weiterlesen:visited {
	background-image: url(../lib.grafiken/link.intern.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#inhalt a.zurueck:link,
#inhalt a.zurueck:active,
#inhalt a.zurueck:visited {
	background-image: url(../lib.grafiken/link.rueckwaerts.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#inhalt a.vor:link,
#inhalt a.vor:active,
#inhalt a.vor:visited {
	background-image: url(../lib.grafiken/link.vorwaerts.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#navigation ul li a:active {
	background-image: none;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
	text-decoration: none;
	border: 0;
	color: #444;
}

/*
#inhalt a[href^="http://"] {  :not([href*="platen-gymnasium.de"]) 
	background-image: url(../lib.grafiken/link.extern.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}*/

#inhalt h2 a.titel,
#inhalt h3 a.titel {
	color: #0d83dd;
	border-bottom: none;
	padding: 0em;
	background-color: inherit;
	text-decoration: none;
}

#inhalt h2 a.titel,
#inhalt h2 a.titel:hover {
	color: #404040;
}

#inhalt span.information {
	color: #999;
	font-weight: normal;
	float: right;
	font-size: smaller;
	top: -28px;
	position: relative;
}

#inhalt h3 span.zeilenumbruch {
	display: block;
}

#inhalt p.archiv a {
	background-image: url(../lib.grafiken/link.archiv.gif);
	font-weight: bold;
	padding-left: 20px;
	background-repeat: no-repeat;
}

#inhalt p.archiv {
	padding-top: 1em;
	clear: both;
}

#seitenleiste li.archiv a {
	margin-top: 2em;
	font-weight: bold;
	background-image: url(../lib.grafiken/link.archiv.gif) !important;
	padding-left: 23px;
}

#fussteil ul {
	list-style: none;
	margin-bottom: 2em;
}

#fussteil li {
	display: inline;
	list-style: none;
	padding-right: 2em;
}

#administrationshauptmenue,
#administrationshauptmenue li {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

#administrationshauptmenue li {
	width: 29%;
	text-align: center;
	float: left;
	height: 90px;
	padding: 0 !important;
}

#administrationshauptmenue li a {
	padding-top: 50px !important;
	display: block;
	border: 0 !important;
}

#administrationshauptmenue .icon {
	background-position: top center !important;
	background-repeat: no-repeat;
}

#administrationshauptmenue .icon.benutzer { background-image: url("../lib.grafiken/icon.benutzer.jpg") !important; }
#administrationshauptmenue .icon.protokollierung { background-image: url("../lib.grafiken/icon.protokoll.jpg") !important; }
#administrationshauptmenue .icon.bilderkopfteil { background-image: url("../lib.grafiken/icon.bilderkopfteil.jpg") !important; }
#administrationshauptmenue .icon.zeitplan { background-image: url("../lib.grafiken/icon.zeitplan.jpg") !important; }
#administrationshauptmenue .icon.aktuell { background-image: url("../lib.grafiken/icon.aktuell.jpg") !important; }
#administrationshauptmenue .icon.cms { background-image: url("../lib.grafiken/icon.cms.jpg") !important; }
#administrationshauptmenue .icon.bilder { background-image: url("../lib.grafiken/icon.bilder.jpg") !important; }
#administrationshauptmenue .icon.dokumente { background-image: url("../lib.grafiken/icon.dokumente.jpg") !important; }
#administrationshauptmenue .icon.suchanfragen { background-image: url("../lib.grafiken/icon.suchanfragen.jpg") !important; }
#administrationshauptmenue .icon.abmelden { background-image: url("../lib.grafiken/icon.abmelden.jpg") !important; }

.administrationsicon {
	position: relative;
	top: 10px;
}

/*  vCard
---------------------------------- */

.vcard p, .vcard div {
	margin: 0;
	padding: 0;
}

.vcard div {
	margin: 0.3em 0;
}

.vcard .fn {
	font-weight: bold;
}

/* Formulare
---------------------------------- */

.cmxform {
	margin: 0;
	padding: 0.5em;
	height: 100%;
}

#loginformular .cmxform {
	width: 30em;
	margin: 0 auto;
}

#loginformular ol {
	list-style: none;
	background: none;
}

#loginformular li.feld {
	margin-top: 1em;
	background: none !important;
}

input,
textarea,
select {
	font: 1.1em  Arial, Helvetica, sans-serif;
	padding: 0.3em;
	width: auto;
	border: 1px solid #ddd;
	background: #f9f9f9;
	display: inline;
	color: #333;
}

input[type="radio"] {
	width: auto;
}

option {
	font-weight: normal !important;
	font-size: smaller;
}

select {
	/*width: 100%;*/
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
.focused input,
.focused textarea,
.focused select {
	background: #fefefe;
	border: 1px solid #cbcbcb;
}
		
input[disabled] {
	color: #999;
}
	
input[disabled]:hover,
input[disabled]:focus {
	border: 1px solid #ddd;
	background: #f9f9f9;
}

input.speichern {
	padding-left: 23px;
	background: #fefefe url("../lib.grafiken/link.speichern.gif") center left no-repeat;
}

input.login {
	padding-left: 23px;
	background: #fefefe url("../lib.grafiken/link.login.gif") center left no-repeat;
}

#submit {
	width: auto;
}

fieldset { 
	margin-bottom: 10px;
	padding: 0 10px;
	width: auto;
}

	
legend {
	padding: 0 2px;
	font-weight: bold;
	font-size: 1.2em;
	display: none;
}

.suchformular {
	padding: 0.3em 0 1.2em 0.4em;
}

.suchformular input {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #444;
}

.suchformular .suchfeld {
	float: left;
	width: 130px;
}

.suchformular .keinrahmen {
	border: 0;
}

.ungerade {
	
}

.suchformular.gross {

}

.suchformular.gross input {
	font: 1em Arial, Helvetica, sans-serif;
}

.suchformular.gross .suchfeld {
	float: left;
	width: 300px;
}

/*  Meldungen
---------------------------------- */

div#fehlermeldung,
div#hinweismeldung,
div#erfolgmeldung {
	width: 100% !important;
}

div#hinweismeldung p,
div#fehlermeldung  p,
div#erfolgmeldung  p  {
	margin: 0;
	padding: 0;
}

div#fehlermeldung a:hover,
div#hinweismeldung a:hover,
div#erfolgmeldung a:hover {
	border-bottom: 1px solid #444;
}

div#fehlermeldung {
	margin-bottom: 1em;
	padding: 0.2em;
	color: #000000;
	min-height: 30px;
	border: 1px solid #fd7676;
	background: #ffa8a8;
}

div#fehlermeldung h2 {
	background: url("../lib.grafiken/icon.fehler.png") no-repeat left center;
	padding: 0;
	margin: 0;
	border: 0;
	padding-left: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

div#fehlermeldung a {
	color: #e83837;
	border-bottom: 1px dotted #e83837;
	text-decoration: none;
}

div#hinweismeldung {
	margin-bottom: 1em;
	padding: 0.5em;
	color: #000000;
	min-height: 30px;
	border: 1px dotted #fdef76;
	background: #fff6a8;
}


div#hinweismeldung h2 {
	background: url("../lib.grafiken/icon.hinweis.png") no-repeat left center;
	padding: 0;
	margin: 0;
	border: 0;
	padding-left: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	
div#hinweismeldung a {
	color: #777;
	border-bottom: 1px solid #777;
	text-decoration: none;
}

div#erfolgmeldung {
	margin-bottom: 1em;
	padding: 0.5em;
	color: #000000;
	min-height: 30px;
	border: 1px dotted #cdff9c;/* bcee8b */
	background: #EDFFDC; /* cdff9c */
}


div#erfolgmeldung h2 {
	background: url("../lib.grafiken/icon.erfolg.png") no-repeat left center;
	padding: 0;
	margin: 0;
	border: 0;
	padding-left: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	
div#erfolgmeldung a {
	color: #777;
	border-bottom: 1px solid #777;
	text-decoration: none;
}

.tabelle {
	margin-bottom: 0.5em;
	font-size: 0.9em;
	margin-top: 0;
	padding-top: 0;
	width: 98%;
}

.tabelle-2 {
	width: auto;
}

.tabelle td a,
.tabelle td a:hover {
	border: 0;
}

.tabelle caption {
	padding: 0;
	text-align: right;
	font-style: oblique;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: smaller;
}

.tabelle th {
	font-weight: bold;
	color: #666;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px;
	font-size: 0.9em;
	background: #f5fbff;
}

.tabelle td {
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	padding: 6px;
	color: #444;
	vertical-align: top;
}

.tabelle td.alt {
	background: #edffdc;
	color: #797268;
}

.tabelle th:first-child,
.tabelle td:first-child {
	border-left: 1px solid #cbcbcb;
}

.tabelle tr:first-child td,
.tabelle tr:first-child th {
	border-top: 1px solid #cbcbcb;
}

.tabellenspalte {
	background: #dbf2fb !important;
}

.header {
	background-repeat: repeat-x !important;
}

.teaser {
	font-style: italic;
	padding: 0em 3em 1em 0em;
	color: #666;
}

.unterseite {
	margin-left: 20px;
}

body#sitemap div#sitemap {
	font-size: 14px !important;
}

div#sitemap {
   padding: 1em 1.5em;
   line-height: 20px;
   }

div#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
div#sitemap li {
   background: url("../lib.grafiken/extm.gif") no-repeat 0% 0% !important;
   }
div#sitemap li.last {
   background: url("../lib.grafiken/exlm.gif") no-repeat 0% 0% !important;
   }
div#sitemap ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
div#sitemap ul {
   background: url("../lib.grafiken/exim.gif") repeat-y 0% 0%;
   }
div#sitemap ul.last {
   background-image: none;
   }