@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
}
h1 span {
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
h5 {
	font-size: 1.1em;
	text-decoration: underline;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#latest_news {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
#div_header {
	overflow: hidden;
	height: 200px;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #019BF5;
	min-width: 950px;
	background-repeat: repeat;
}
#div_logo {
	background-image: url(/images/logo-kidscollege-8.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	background-position: 0px 0px;
	height: 120px;
	width: 660px;
	clear: right;
}
#div_logo_snow {
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: none;
	background-position: 0px 0px;
	height: 125px;
	width: 660px;
	clear: none;
	text-align: right;
}

#div_menu_up {
	height: 70px;
	width: 790px;
	overflow: hidden;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	clear: left;
}
#div_menu_up a:link {
	text-decoration: none;
	color: #000000;
	text-align: center;
}
#div_menu_up a:visited {
	text-decoration: none;
	color: #000000;
}
#div_menu_up a:hover {
	color: #666666;
	border-color: #0000FF;
	text-decoration: none;
}
#inhalt {
	min-height: 700px;
	min-width: 700px;
}
.menu_kidscollege {
	background-color: #FFFF00;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
	padding: 2px;
}
.menu_studieren {
	background-color: #1EED2B;
	padding: 2px;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
}
.menu_bilder {
	background-color: #CC33FF;
	height: 60px;
	width: 90px;
	padding: 2px;
	float: left;
	margin-left: 2px;
}
.menu_presse {
	background-color: #00FFFF;
	padding: 2px;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
}
.menu_kontakt {
	background-color: #FFFF66;
	padding: 2px;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
}
.menu_spiele {
	background-color: #9999FF;
	padding: 2px;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
}
.menu_teen {
	background-color: #F00;
	padding: 2px;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
}

.menu_fanshop {
	background-color: #FF9900;
	padding: 2px;
	float: left;
	height: 60px;
	width: 90px;
	margin-left: 2px;
}
#div_login {
	overflow: hidden;
	height: 165px;
	width: 150px;
	float: right;
	background-image: url(../images/texture-login.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	background-color: #35FF00;
	padding-left: 5px;
}
#div_login a {
	text-decoration: none;
	text-align: center;
	color: #000000;
}
#div_login  a:hover  {
	text-decoration: underline;
	text-align: center;
	color: #0000FF;
	font-weight: bold;
}

#div_login input {
	background-color: #FFFF00;
	width: 125px;
}
.div_search { 
	width:800px;
}
#div_content {
	float: left;
	width: 60%;
	padding: 10px;
	margin: 0px;
}
#div_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
}
#div_content_right {
	float: right;
	width: 160px;
}
#div_footer {
	height: 55px;
	width: 100%;
	background-image: url(../images/texture-footer.jpg);
	background-repeat: repeat-x;
	float: left;
	text-align: center;
	background-position: bottom;
}
#div_footer a {
	color: #000000;
	text-decoration: none;
}
#formular .formzeile {
	clear: both;
	padding-top: 5px;
}
.formzeile .div_table_left {
	padding: 5px;
	float: left;
	width: 250px;
	border: 1px solid #996699;
	height: 125px;
	margin: 5px;
	vertical-align: middle;
	text-align: center;
}
#formular .formzeile .dataleft {
	background-color: #00FFFF;
	width: 150px;
	float: left;
}
#formular .formzeile .dataright {
	background-color: #00CCFF;
	float: left;
	width: 300px;
}
#formular {
	width: 500px;
}
form input {
	background-color:#66FF00;
	width: 200px;
	border: 2px solid #990099;
}
.dataright_checkbox {
	width: 25px;
	height: 25px;
}
form select {
	background-color:#66FF00;
	width: 200px;
	border: 2px solid #990099;
}
form textarea {
	background-color:#66FF00;
	width: 200px;
	border: 2px solid #990099;
}
.formzeile h4 {
	font-size: small;
	background-color: #0000FF;
}
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
/* SpryValidationCheckbox.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the messages
 * (required message, minSelections message and maxSelections message)
 * which prevent them from being displayed by default.
 */
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg {
	display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.txt_hover {
	font-size: 36px;
}
#username {
	color: #FF0000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#div_navy_left {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #FFFF00;
}
#menu-left {
	text-decoration: none;
	color: #000000;
	text-align: center;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
}
#menu-left a {
	text-decoration: none;
	color: #000000;
}
#menu-left li {
	text-decoration: none;
	color: #000000;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	padding: 0px;
}
#content_admin {
	text-decoration: none;
	float: right;
	width: 77%;
}
#menu-up {
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu-up-kidscollege {
	text-decoration: none;
	display: inline;
	background-color: #0000FF;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: thin dotted #FF0000;
}
#menu-up-studieren {
	text-decoration: none;
	display: inline;
	list-style-type: none;
}
#menu-up-bilder {
	text-decoration: none;
	display: inline;
	list-style-type: none;
}
#menu-up-fanshop {
	text-decoration: none;
	display: inline;
	list-style-type: none;
}
#menu-up-presse {
	text-decoration: none;
	display: inline;
	list-style-type: none;
}
#menu-up-kidscollege a:hover {
	text-decoration: none;
	background-color: #00CCFF;
}
#menu-up-kidscollege a {
	text-decoration: none;
	background-color: #0000FF;
	color: #000000;
}
#admin #div_navy_left {
	color: #000000;
	text-decoration: none;
	text-align: left;
}
#admin #div_navy_left a {
	color: #000000;
	text-decoration: none;
}
#div_kurse_anzeigen {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 62%;
}
.div_kurs_image {
	float: left;
	height: 100px;
	width: 100px;
}
.div_kursname {
	clear: right;
	float: left;
	height: 45px;
	width: 250px;
	margin: 0px;
	padding: 0px;
	min-height: 30px;
}
.div_kursname h3 {
	font-size: 13px;
	font-weight: bold;
	color: #0000FF;
	margin: 0px;
	text-align: left;
	padding: 0px;
}
.div_kurs_info1 {
	clear: right;
	float: right;
	height: 120px;
	width: 143px;
	padding: 3px;
}
.div_kurs_info1 p {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.div_kurs_beschreibung {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
.div_kurs_beschreibung p {
	margin: 10px;
	padding: 0px;
}
.div_kurs_info1 span {
	font-weight: bold;
	color: #279BFF;
}
.div_kurs_beschreibung span {
	font-weight: bold;
	color: #279BFF;
}
.div_kurs_beschreibung a {
	font-size: medium;
	color: #000066;
	text-decoration: none;
	text-align: right;
}
.div_kurs_bestellbutton {
	height: 25px;
	width: 250px;
	float: left;
	text-align: center;
	vertical-align: bottom;
}
.div_kurs_ausgabe {
	height: 305px;
	width: 260px;
	padding: 5px;
	float: left;
	border: thin solid #1EED2B;
	margin: 4px;
}
.div_kurs_dozenten {
	clear: both;
	float: left;
	width: 250px;
	min-height: 25px;
	font-size: 10px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}
.div_kurs_dozenten span {
	color: #279BFF;
	font-weight: bold;
}
#admin_kursuerbersicht {
	font-size: 12px;
	text-decoration: none;
}
#admin_kursuerbersicht tr:hover {
	font-size: 12px;
	text-decoration: none;
	background-color: #B3FFFF;
}
#admin_kursuerbersicht #admin_kurse_table {
	font-weight: bold;
	background-color: #0000FF;
}
#admin #div_navy_left ul {
	color: #000000;
	text-decoration: none;
	list-style-type: none;
	text-align: left;
	background-color: #0000FF;
	margin: 5px;
	padding: 0px;
}
#admin #div_navy_left li {
	color: #000000;
	text-decoration: none;
	background-color: #0000FF;
	margin: 5px;
	padding: 5px;
}
#admin #div_navy_left li:hover {
	color: #000000;
	background-color: #0099FF;
	text-decoration: underline;
}
#div_warenkorb {
	text-decoration: none;
	float: left;
	width: 55%;
}
#table_warenkorb #table_warenkorb_scope {
	background-color: #0000FF;
}
#table_warenkorb tr:hover {
	background-color: #00CCFF;
}
#div_kasse {
	float: left;
	width: 100%;
	border: thin solid #000000;
	overflow: visible;
}
#div_kasse p {
	margin: 0px;
	padding: 0px;
}
#div_kurs_beschreibung_blind {
	height: 350px;
	width: 200px;
}
#div_navy_left_studi {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #1EED2B;
	min-height: 500px;
}
#div_navy_left_studi #menu-left li {
	margin: 5px;
	padding: 10px;
}
#div_navy_left_studi #menu-left li:hover {
	text-decoration: underline;
	background-color: #66FF99;
}
#div_navy_left_studi #semester1 #s1 {
	background-color: #66FF99;
}
#div_navy_left_studi #semester2 #s2 {
	background-color: #66FF99;
}
#div_navy_left_studi #semester3 #s3 {
	background-color: #66FF99;
}
#div_navy_left_studi #semester4 #s4 {
	background-color: #66FF99;
}
#div_navy_left_studi #semester5 #s5 {
	background-color: #66FF99;
}
.div_kurs_bestellbutton span {
	color: #FF0000;
}
.div_kurs_bestellbutton a {
	font-weight: bold;
	color: #009900;
	text-decoration: none;
}
#div_navy_left_presse {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #00FFFF;
	min-height: 500px;
}
#div_navy_left_presse #menu-left li:hover {
	text-decoration: underline;
	background-color: #6699CC;
}
#div_navy_left_bilder {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #CC33FF;
	min-height: 500px;
}
#div_navy_left_bilder #menu-left li:hover {
	text-decoration: underline;
	background-color: #CC99FF;
}
#div_navy_left_kontakt {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #FFFF66;
	min-height: 500px;
}
#div_navy_left_kontakt #menu-left li:hover {
	text-decoration: underline;
	background-color: #FFCC00;
}
#div_navy_left_fanshop {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #FF9900;
	min-height: 500px;
}
#div_navy_left_fanshop #menu-left li {
	margin: 5px;
	padding: 10px;
}
#div_navy_left_fanshop #menu-left li:hover {
	text-decoration: underline;
	background-color: #FF3300;
}
#div_navy_left_spiele {
	float: left;
	width: 200px;
	text-align: center;
	vertical-align: top;
	background-color: #9999FF;
	min-height: 500px;
}
#div_navy_left_spiele #menu-left li:hover {
	text-decoration: underline;
	background-color: #9900FF;
}
#table_rektorat {
	border: thin solid #000000;
	font-size: 14px;
}
#table_rektorat tr {
	border: thin solid #000000;
}
#admin_useruerbersicht {
	font-size: 12px;
	text-decoration: none;
}
#admin_useruerbersicht tr:hover {
	font-size: 12px;
	text-decoration: none;
	background-color: #B3FFFF;
}
#admin_useruerbersicht #admin_user_table {
	font-weight: bold;
	background-color: #0000FF;
}
#div_navy_left_studi #menu-left li {
	margin: 5px;
	padding: 10px;
}
#div_member {
	float: left;
	width: 60%;
	padding: 10px;
}
.span_error_msg {
	font-weight: bold;
	color: #FF0000;
}
.div_rektorat_perso {
	text-decoration: none;
	clear: both;
	float: left;
	width: 70%;
	padding: 5px;
	border: 1px solid #FFFF00;
	min-width: 485px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.div_rektorat_infos {
	text-decoration: none;
	float: left;
	padding-left: 5px;
	width: 350px;
}
.div_rektorat_perso .div_rektorat_infos .div_rektorat_formzeile {
	clear: both;
	float: left;
	margin: 2px;
}
.div_rektorat_perso .div_rektorat_infos .div_rektorat_spalte1 {
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 105px;
	margin: 2px;
	vertical-align: top;
	text-align: left;
	padding: 0px;
}
.div_rektorat_perso .div_rektorat_infos .div_rektorat_spalte2 {
	font-size: 14px;
	float: left;
	width: 220px;
	text-align: left;
	vertical-align: top;
	margin: 2px;
	padding: 0px;
}
.linkpartner a {
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
	text-align: center;
}
.div_news_box {
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	float: left;
	border: 1px solid #00FFFF;
	min-width: 485px;
}
.linkexcimage {
	text-decoration: none;
	float: left;
	height: 130px;
	width: 150px;
	padding: 10px;
}
.linkexcpartner {
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	height: 155px;
	width: 500px;
	clear: both;
	border: 1px solid #0000FF;
}
.linkpartner-box {
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin: 5px;
	padding: 5px;
	height: 200px;
	border: 1px solid #0000FF;
}
.div_news_box img {
	border: 2px double #000000;
}
.TabbedPanelsContent li {
	margin: 7px;
}
.FLVPlayer {
	border: medium solid #0000FF;
}
#div_searchbox       .form_submit  {
	color: #000000;
	font-size: 12px;
	width: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
	text-align: center;
}
#div_searchbox {
	background-color: #FFFF99;
	width: 155px;
	height: auto;
}
#div_searchbox  .form_text {
	color: #000000;
	font-size: 12px;
	width: 150px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
#mgh-logo {
	float: left;
	height: 80px;
	width: 180px;
	background-image: url(/images/logo-mehrgenerationenhaus.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
}
blockquote {
	border: 2px solid #00F;
	padding: 5px;
	font-style: italic;
}
.spende-web {
	background-color: #FFF;
	height: auto;
	width: auto;
}
.player-mp3 {
	overflow: hidden;
	position: absolute;
	left: 650px;
	top: 2px;
	width: 145px;
}
#chat {
	text-align: center;
	height: 100px;
	width: 150px;
	border: 1px solid #00F;
}