/* --------------------------------------------------------- */
 /* V A R I A N T E N - S T Y L E S H E E T :    K I D S      */
 /* --------------------------------------------------------- */
 /* Auskommentierte Angaben sollten nicht ge�ndert werden!    */
 /* Nun, d�rfen schon, werden aber �berschrieben um das       */
 /* Gestaltungsraster aufrecht zu erhalten.                   */
 /* --------------------------------------------------------- */
 /* Dieses Stylesheet ist als Messenger light-Variante        */
 /* angelegt, in der u.U. wiederum Themes angelegt sein       */
 /* k�nnen. Werden Themes mit einem eigenen Stylesheet        */
 /* attacht muss darauf geachtet werden, dass die hier        */
 /* auskommentierten Angaben des Gestaltungsrasters nicht     */
 /* �berschrieben werden!                                     */
 /* --------------------------------------------------------- */
 /* Mit dem Gestaltungsraster sind alle Positionen von        */
 /* vitalen Elementen bis inkl. Margin festgelegt.            */
 /* Innerhalb der Container k�nnen alle Angaben (von Padding  */
 /* bis zur Schriftfarbe) nach Geschmack angepasst werden.    */
 /* --------------------------------------------------------- */
 /* Die von anderen Stylesheets �berschriebenen Werte sind    */
 /* hier fyi eingetragen.                                     */
 /* --------------------------------------------------------- */

 /* --------------------------------------------------------- */
 /* A L L G E M E I N                                         */
 /* --------------------------------------------------------- */

 body
 {
    width:		350px;
    height:		540px;
 /* margin:		0px 0px 0px 0px; *light.css*/
    padding:		0px 0px 0px 0px;
    background-image:	url('../themes/kids_grau/hintergrund.jpg');
    border:		none;
    font-family:	Tahoma,Arial,sans-serif;
    font-size:		11px;
    color:		#283032;
    overflow:		hidden;
    scrollbar-face-color:	#ffffff;
    scrollbar-arrow-color:	#ADB7C0;
    scrollbar-track-color:	transparent;
    scrollbar-shadow-color:	#ADB7C0;
    scrollbar-highlight-color:	#ADB7C0;
    scrollbar-3dlight-color:	transparent;
    scrollbar-darkshadow-Color:	transparent;
 }

 a:link
 {
    color: 		#666666;
    text-decoration:	none;
 }
 
 a:active
 {
    color:		#666666;
    text-decoration:	none;
 }
 
 a:visited
 {
    color:		#666666;
    text-decoration:	none;
 }
 a:hover
 {
    color:		#000000;
    text-decoration:	underline;
 }

 h1
 {
    margin:		0px;
    margin-bottom:	3px;
    padding:		0px;
    font-size:		11px;
    font-weight:	900;
 }

 h2
 {
    margin:		0px;
    margin-bottom:	3px;
    padding:		0px;
    font-size:		11px;
    font-weight:	900;
 }

 select
 {
    width: 		70px;
    height:		15px;
    margin-bottom:	-1px;
    padding:		0px;
 }

 input
 {
    height:		18px;
    padding:		1px;
    background:		#ffffff;
    border:		#666666 1px solid;
    font-size:		11px;
    color:		#283032;
 }

 textarea
 {
    padding:		1px;
    background:		#eeeeee;
    border:		#666666 1px solid;
    font-family:	 Tahoma,Arial,sans-serif;
    font-size:		11px;
    color:		#283032;
 }

 button
 {
    height:		18px;
    padding:		1px;
    background:		#eeeeee;
    border:		#666666 1px solid;
    font-size:		11px;
    color:		#283032;
 }

 submit
 {
    height:		18px;
    padding:		1px;
    font-size:		11px;
    background:		#eeeeee;
    border:		#666666 1px solid;
 }

 div
 {
    margin:		0px;
    padding:		0px;
    border:		#000000 0px dotted;
    color:		#000000;
 }

 iframe
 {
 /* width: 		100%; *light.css*/
 /* height: 		100%; *light.css*/
 /* margin:		0px; *light.css*/
    padding:		0px;
    background:		#ffffff;
    border: 		#333333 0px solid;
    scrollbar-face-color:	#ffffff;
    scrollbar-arrow-color:	#999999;
    scrollbar-track-color:	transparent;
    scrollbar-shadow-color:	#999999;
    scrollbar-highlight-color:	#999999;
    scrollbar-3dlight-color:	transparent;
    scrollbar-darkshadow-Color:	transparent;
 }

 #page
 {
    width: 		100%;
    border: 		#000000 0px solid;
    cursor:		default;
 }

 
 
 /* --------------------------------------------------------- */
 /* H E A D E R */
 /* --------------------------------------------------------- */

 #header
 {
 /* width: 		100%; *light.css*/
    height: 		31px;
    padding:		8px;
    border: 		#000000 0px solid;
    color:		#999999;
    cursor:		default;
 /* overflow:		hidden; *light.css*/
 }

 #headerInfo
 {
 /* display: 		none; *light.css*/
    display:		inline;
    float:		right;
    margin: 		0px 0px 0px 0px;
    padding: 		0px 0px 0px 0px;
    color:		#666666;
    cursor:		default;
 }

 #userStatus
 {
    display:		block;
    float:		right;
    margin: 		0px 0px 0px 8px;
    padding: 		0px 0px 0px 0px;
    color:		#999999;
    cursor:		pointer;
 }

 #selectStatus
 {
 /* display:		none; *light.css*/
    float:		right;
    width: 		58px;
    height:		8px;
    margin: 		0px 0px 0px 8px;
    padding: 		0px 0px 0px 0px;
    font-family:	Tahoma,Arial,sans-serif;
    font-size:		10px;
    color:		#888888;
 }

 #personalMessage
 {
    display:		none;
 }

 #btnSetPersonalMessage
 {
    display:		none;
 } 

 a.headerLink:link
 {
    color:		#333;
    text-decoration:	 none;
 }
 
 a.headerLink:active {
    color:		#333;
    text-decoration:	 none;
 }
 
 a.headerLink:visited
 {
    color:		#333;
    text-decoration:	 none;
 }
 
 a.headerLink:hover
 {
    color:		#000;
    text-decoration:	 underline;
 }
 
 
 
 /* --------------------------------------------------------- */
 /* N A V I G A T I O N */
 /* --------------------------------------------------------- */

 #navi
 {
 /* width: 		100%; *light.css*/
    height: 		49px;
    padding:		0px;
    padding-left:   4px;
    border: 		#333333 0px solid;
    border-top: 	#333333 0px solid;
    border-bottom:	#333333 0px solid;
    text-align:		center;
 /* overflow:		hidden; *light.css*/
 }

 #navigation
 {
 /* margin:		0px; *light.css*/
    padding:		0px;
 }

 .reiter
 {
    float:		left;
    height: 		43px;
    margin-top:		0px;
    margin-right: 	1px;
    margin-bottom:    0px;
    margin-left:    1px;
    list-style-type:    none;
    list-style-position:    inside;
 /* text-align:		center; *light.css*/
 /* cursor:		hand; *light.css*/
 }
 
 .reiter span {
   font-weight:		900;
   color:		#ffffff;
   display:   block;
   text-align:    center;
   padding-top:   27px;
   width:   100%;
   height:    43px;
 }
 
 .reiter .anmelden {
   color:  #ffffff;
   width:  68px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuAnmeldenButtonNormal.png', sizingMethod='scale');
 }
 
 .reiterInaktiv .anmelden {
   color:   #cccccc;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuAnmeldenButtonInactive.png', sizingMethod='scale');
 }
 
 .reiterHover .anmelden {
   color:   #ffffff;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuAnmeldenButtonHover.png', sizingMethod='scale');
 }
 
 .reiterAktiv .anmelden {
   color:   #ffffff;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuAnmeldenButtonActive.png', sizingMethod='scale');
 }
 
 .reiter .freunde {
   color:   #ffffff;
   width:   57px;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuFreundeButtonNormal.png', sizingMethod='scale');
 }
 
 .reiterInaktiv .freunde {
   color:   #cccccc;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuFreundeButtonInactive.png', sizingMethod='scale');
 }
 
 .reiterHover .freunde {
   color:   #ffffff;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuFreundeButtonHover.png', sizingMethod='scale');
 }
 
 .reiterAktiv .freunde {
   color:   #ffffff;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuFreundeButtonActive.png', sizingMethod='scale');
 }
 
 .reiter .chatten {
   color:   #ffffff;
   width:   56px;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuChattenButtonNormal.png', sizingMethod='scale');
 }
 
 .reiterInaktiv .chatten {
   color:   #cccccc;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuChattenButtonInactive.png', sizingMethod='scale');
 }
 
 .reiterHover .chatten {
   color:   #ffffff;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuChattenButtonHover.png', sizingMethod='scale');
 }
 
 .reiterAktiv .chatten {
   color:   #ffffff;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuChattenButtonActive.png', sizingMethod='scale');
 }
 
 .reiter .sei_schlau {
   color:   #ffffff;
   width:   71px;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSeiSchlauButtonNormal.png', sizingMethod='scale');
 }
 
 .reiterInaktiv .sei_schlau {
   color:   #cccccc;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSeiSchlauButtonInactive.png', sizingMethod='scale');
 }
 
 .reiterHover .sei_schlau {
   color:   #ffffff;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSeiSchlauButtonHover.png', sizingMethod='scale');
 }
 
 .reiterAktiv .sei_schlau {
   color:   #ffffff;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSeiSchlauButtonActive.png', sizingMethod='scale');
 }
 
 .reiter .spielen {
   color:   #ffffff;
   width:   104px;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSpielenButtonNormal.png', sizingMethod='scale');
 }
 
 .reiterInaktiv .spielen {
   color:   #ffffff;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSpielenButtonInactive.png', sizingMethod='scale');
 }
 
 .reiterHover .spielen {
   color:   #ffffff;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSpielenButtonHover.png', sizingMethod='scale');
 }
 
 .reiterAktiv .spielen {
   color:   #ffffff;
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/menuSpielenButtonActive.png', sizingMethod='scale');
 }
 
 
 
 /* --------------------------------------------------------- */
 /* C H A T S */
 /* --------------------------------------------------------- */

 #chats
 {
 /* position:		absolute; *light.css*/
 /* top:		80px; *light.css*/
 /* left:		expression(document.body.clientWidth - (8) + "px"); *light.css*/
 /* width: 		120px; *light.css*/
 /* height:		expression(document.body.clientHeight - (172) + "px"); *light.css*/
    padding:		0px;
    background:		transparent;
    border:		#999999 0px solid;
    border-top:		#999999 0px solid;
 /* overflow:		hidden; *light.css*/
 }

 #chatsControl
 {
 /* float:		left; *light.css*/
 /* width: 		8px; *light.css*/
 /* height:		expression(document.body.clientHeight - (172) + "px"); *light.css*/
    padding:		0px;
 /* overflow:		hidden; *light.css*/
 /* cursor:		pointer; *light.css*/
 }

 .chatsControlAktiv
 {
    /*background-image: 	url('../../light/img/trenner_hochkant_over.png');*/
    background-repeat:   no-repeat;
    filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/trenner_hochkant_over.png', sizingMethod='scale');
 }
 
 #chatsControlPfeil
 {
    margin-top:   8px;
    /*background-image: 	url('../../light/img/kids/togo_chat_griff_pfeil-links.png');*/
    background-repeat:	no-repeat;
    filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/togo_chat_griff_pfeil-links.png', sizingMethod='scale'); 
 }
 
 .chatsControlPfeilRechts
 {
    /*background-image: 	url('../../light/img/kids/togo_chat_griff_pfeil-rechts.png') !important;*/
    filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/togo_chat_griff_pfeil-rechts.png', sizingMethod='scale') !important; 
 }
 
 .chatsControlPfeilLinks
 {
    /*background-image: 	url('../../light/img/kids/togo_chat_griff_pfeil-links.png') !important;*/
    filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/togo_chat_griff_pfeil-links.png', sizingMethod='scale') !important;
 }
 
 #chatsContainer
 {
 /* float:		left; *light.css*/
 /* width: 		112px; *light.css*/
 /* height:   expression(document.body.clientHeight - (172) + "px"); *light.css*/
    padding:		8px;
    padding-top:	8px;
    padding-left:	6px;
    /*background-image:   url('../../light/img/chatBackground.png');*/
    border:		#000000 0px solid;
 /* overflow:		auto; *light.css*/
 }
 
 #chatsSpan
 {
 /* float:		left; *light.css*/
 /* width: 		100%; *light.css*/
 /* margin-bottom:	3px; *light.css*/
    padding:		2px;
    border:		#000000 1px solid;
 /* overflow:		auto; *light.css*/
 }

 .convContainer
 {
 /* width:   89px; *light.css*/
 /* height:   15px; *light.css*/
 /* margin-right:	5px; *light.css*/
 /* margin-bottom:	0px; *light.css*/
    padding:   0px;
    border:   #808080 0px dotted;
 /* overflow:   hidden; *light.css*/
 }

 #divConversations
 {
 /* position:   relative; *light.css*/
 /* width:   100%; *light.css*/
    height:   expression(document.body.clientHeight - (286) + "px");
    border:   #000000 0px solid;
    color:   #333333;
 /* overflow:   hidden; *light.css*/
 }
 
 #chatAlert {
   position:   absolute;
   z-index:500;
   left:   25px;
   bottom:   15px;
   width:   62px;
   height:   72px;
   background-image:   url('../../light/img/kids/chatAlertButton.gif') !important;
   /*filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/chatAlertButton.png', sizingMethod='scale');*/
   cursor:pointer;
 }
 
 .convSchliessen 
 {
   width:   13px;
   height:   13px;
   margin-bottom:   2px;
   /*background-image:   url('../../light/img/kids/close_btn_normal.png');*/
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/close_btn_normal.png', sizingMethod='scale');
 }

 .convSchliessenOver 
 {
   /*background-image:   url('../../light/img/kids/close_btn_over.png') !important;*/
   filter:   progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/close_btn_over.png', sizingMethod='scale') !important;
   cursor:   pointer;
 }

 a#chatKontakte:link
 {
    text-decoration: 	underline;
 }

 a#chatKontakte:active
 {
    text-decoration: 	underline;
 }
 
 a#chatKontakte:visited
 {
    text-decoration: 	underline;
 }
 
 a#chatKontakte:hover
 {
    text-decoration: 	underline;
 } 
 
 
 
 /* --------------------------------------------------------- */
 /* C O N T E N T */
 /* --------------------------------------------------------- */

 #content
 {
 /* width:    expression(document.body.clientWidth - (8) + "px"); *light.css*/
 /* height:    expression(document.body.clientHeight - (172) + "px"); *light.css*/
    background:    transparent;
    border:    #999999 0px solid;
    border-top:    #999999 0px solid;
 /* overflow:    hidden; *light.css*/
 }

 .contents
 {
 /* display:    none; *light.css*/
 /* width:    100%; *light.css*/
 /* height: 		100%; *light.css*/
    padding:		8px;
    padding-right:    0px;
    padding-bottom:    6px;
    background:    transparent;
    border:    #000000 0px solid;
 }

 
 #hotmail {
   padding:   8px 0 8px 4px;
 }
 
 #eltern {
   padding:   10px 0 8px 4px;
 }
 
 #extern {
   padding:   0;
 }
 
 .contentIframe
 {
 /* width:   100%; *light.css*/
 /* height:   100%; *light.css*/
 /* margin:		0px; *light.css*/
    padding:		0px;
    background-color:   transparent !important;
    border:   none !important;
    scrollbar-face-color: 	#ffffff;
    scrollbar-arrow-color:  	#999999;
    scrollbar-track-color:	 transparent;
    scrollbar-shadow-color:	  #999999;
    scrollbar-highlight-color:  	#999999;
    scrollbar-3dlight-color:	 transparent;
    scrollbar-darkshadow-Color:	  transparent;
 }
 
 #hotmail .contentIframe,
 #extern .contentIframe,
 #eltern .contentIframe {
   width:   100%;
   height:    100%;
 }
 
 
 
 /* --------------------------------------------------------- */
 /* S T A R T S E I T E */
 /* --------------------------------------------------------- */

 #startseite
 {
 /* display:		block; *light.css*/
 /* overflow:		auto; *light.css*/
 }

 #startseiteSignin
 {
    position: 		absolute;
    top:		30%;
    bottom:		30%;
    width: 		100%;
    margin:		0px;
    margin-bottom:	10px;
    padding:		5px;
    padding-left:   14px;
    border: 		#000000 0px solid;
    text-align:		center;
 }

 #signincrop
 {
    width:    180px;
    height:		85px;
    padding-top:	 12px;
    background:		#ffffff;
    border:   #808080 1px solid;
    overflow:		hidden;
 }

 #signinframe
 {
 /* position:   relative;*/
    width: 		150px;
    height:		85px;
    margin-left:	 0px;
    border: 	#808080 0px solid;
 }

 #startstatus
 {
    display:    none;
 }

 #startinhalte
 {
    display: 		none;
    padding:		5px;
    border: 		#000000 0px solid;
    text-align:		center;
 }

 #startanmeldung
 {
    display: 		none;
    padding:		0px;
    margin-top:		0px;
    padding-top:	10px;
    border: 		#000000 0px solid;
    text-align:		center;
 }
 
 #userInfo
 {
    position:   relative;
 }
 
 
 
 /* --------------------------------------------------------- */
 /* K O N T A K T E */
 /* --------------------------------------------------------- */

 #kontaktListe
 {
 /* width:		100%; *light.css*/
 /* overflow: 		hidden; *light.css*/
 }
 
 #kontaktListe h2 {
   color:   #000;
   margin-left:  2px;
 }
 
 #kontakteContainer
 {
 /* width:    100%; *light.css*/
 /* height:		expression((document.body.clientHeight - 237) + "px"); *light.css*/
 /* margin-bottom:	 7px; *light.css*/
    padding:		10px;
    padding-left: 	15px;
    padding-right:  10px;
    filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/friendWindowBg_opaque.png', sizingMethod='scale');
    position:   static;
    overflow:   visible;
 }
 
 #kontakteContainer #kontakteScroller {
   height:    expression((document.body.clientHeight - 257) + "px");
   overflow:    visible;
   overflow-y:    scroll;
   left:    0px;
   position:    relative;
 }
 
 #kontakteContainer #kontakteContent {
   width:		100%;
   height:		expression((document.body.clientHeight - 257) + "px");
 }
 
 #kontakteContainer a {
   color:   #555555;
   position:  relative;
 }
 
 #kontakteContainer a:active {
   color:   #555555;
 }
 
 #kontakteContainer a:visited {
   color:   #555555;
 }
 
 #kontakteContainer a:hover {
   color:   #000000;
 }
 
 #divOnlineContacts
 {
 /* position:  relative; *light.css*/
 /* width:  100%; *light.css*/
 /* margin-bottom:	 4px; *light.css*/
    padding:  0px;
    padding-bottom:  2px;
    border:  #808080 0px solid;
 /* overflow-x:  hidden; *light.css*/
 }

 #divOfflineContacts
 {
 /* position:  relative; *light.css*/
 /* width:  100%; *light.css*/
    padding:  0px;
    border:  #808080 0px solid;
 /* overflow-x:  hidden; *light.css*/
 /* cursor:  default; *light.css*/
 }

 #hotmail a:link
 {
    text-decoration:	underline;
 }
 
 #hotmail a:active
 {
    text-decoration:	underline;
 }
 
 #hotmail a:visited
 {
    text-decoration:	underline;
 }
 
 #divOnlineContacts a:link
 {
    text-decoration:	underline;
 }
 
 #divOnlineContacts a:active
 {
    text-decoration:	underline;
 }
 
 #divOnlineContacts a:visited,
 {
    text-decoration:	underline;
 }
 
 #divOfflineContacts a:link,
 {
    text-decoration:	underline;
 }
 
 #divOfflineContacts a:active
 {
    text-decoration:	underline;
 }
 
 #divOfflineContacts a:visited
 {
    text-decoration:	underline;
 }
 
 #divOfflineContacts a:hover
 {
    text-decoration:	none;
 }

 #divOnlineContacts a:hover
 {
    text-decoration:	none;
 }
 
 .ContactItem
 {
    height:		17px;
    padding-bottom:   3px;
    color:  #000000;
    text-decoration:  none;
    vertical-align:  middle;
    cursor:  pointer;
    overflow:  hidden;
 }

 .ContactItemOver
 {
    background-color:  #f9f9f9;
 }

 .ContactNameOver
 {
    text-decoration:  underline;
 }

 .contactIcon
 {
 /* margin-top:		5px; *light.css*/
 /* margin-right:	1px; *light.css*/
 /* margin-bottom:	-1px; *light.css*/
 /* margin-left:	1px; *light.css*/
 }

 .contactName
 {
 /* margin-left:	4px; *light.css*/
    color:  #000000;
 }

 .contactStatus
 {
    color:  #999999;
 }

 .contactMessage
 {
    height:  15px;
    line-height:  13px;
    vertical-align:  middle;
    color:  #000000;
    font-style:  italic;
    font-style:  italic;
    overflow:  hidden;
 }

 .contactName img,
 .contactMessage img {
   width:  13px !important;
   height:  13px !important;
 }

 table.kontaktVerwalten
 {
    float:  left;
    width:  expression((document.all.kontakte.offsetWidth / 3 - 6) + "px");
    margin-left:  4px;
    margin-top:  4px;
    margin-bottom:  4px;
 }
 
 table#kontakteHinzufugen {
   margin-left:  0;
 }

 table.kontaktVerwalten input {
   height:  18px;
   font-weight:		900;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonNormal.png', sizingMethod='scale');
 }
 
 .contactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonLeft.png', sizingMethod='scale');
   
 }
 
 .contactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonRight.png', sizingMethod='scale');
 }
 
 table.kontaktVerwaltenInaktiv input {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonInactive.png', sizingMethod='scale');
 }
 
 table.kontaktVerwaltenInaktiv .contactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonLeft.png', sizingMethod='scale');
   
 }
 
 table.kontaktVerwaltenInaktiv .contactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonInactiveRight.png', sizingMethod='scale'); 
 }

 table.kontaktVerwaltenHover input {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonHover.png', sizingMethod='scale');
 }
 
 table.kontaktVerwaltenHover .contactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonHoverLeft.png', sizingMethod='scale');
   
 }
 
 table.kontaktVerwaltenHover .contactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonHoverRight.png', sizingMethod='scale'); 
 }
 
 table.kontaktVerwaltenAktiv input {
   height:  1px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonActive.png', sizingMethod='scale');
 }
 
 table.kontaktVerwaltenAktiv .contactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonActiveLeft.png', sizingMethod='scale');
   
 }
 
 table.kontaktVerwaltenAktiv .contactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsButtonActiveRight.png', sizingMethod='scale'); 
 }
 
 #kontaktHinzu
 {
    display:  none;
    width:  379px;
    height:  360px;
    padding:  12px 14px 0 13px;
    filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactWindowBg_opaque.png', sizingMethod='scale');
    margin:  -8px 0 -6px -8px; 
 }
 
 
 
 /* --------------------------------------------------------- */
 /* K O N T A K T    H I N Z U F � G E N */
 /* --------------------------------------------------------- */
  
 #einleitungKontakt
 {
 /* width: 		100%; *light.css*/
 /* height:		40px; *light.css*/
 /* margin:		0px; *light.css*/
    margin-bottom:	23px;	
    color:      	#666666;
    padding:		0px;
    border: 		#000000 0px solid;
 /* overflow-x:		hidden; *light.css*/
 /* overflow-y:		hidden; *light.css*/
 }

 .addContact
 {
    width: 		100%;
    position:relative;
    margin-top:		4px;
    margin-bottom:	6px;
    left:  8px;
    background-color: 	#ffffff;
    filter:		alpha(opacity=80);
 }

 #txtMsg
 {
    width: 		100%;
    height:		expression((document.body.clientHeight - 400) + "px");
    scrollbar-face-color:  #eeeeee;
    scrollbar-arrow-color:  #ADB7C0;
    scrollbar-track-color:  transparent;
    scrollbar-shadow-color:  #ADB7C0;
    scrollbar-highlight-color:  #ADB7C0;
    scrollbar-3dlight-color:  transparent;
    scrollbar-darkshadow-Color:  transparent;
    padding:		1px 1px 1px 4px; 
    filter:		alpha(opacity=80);
 /* overflow:		auto; *light.css*/
 /* overflow-x:		hidden; *light.css*/
 }
 
 table.addContactButton
 {
    float:  left;
    width:  expression((document.all.kontakte.offsetWidth / 2 - 17) + "px");
    margin-right:  4px;
    margin-top:  4px;
    margin-bottom:  4px;
 }
 
 table.addContactButton input {
   position:  relative;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonNormal.png', sizingMethod='scale');
 }
 
 .addContactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonNormalLeft.png', sizingMethod='scale');
 }
 
 .addContactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonNormalRight.png', sizingMethod='scale');
 }
 
 table.addContactButtonInaktiv input {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonInactive.png', sizingMethod='scale');
 }
 
 table.addContactButtonInaktiv .addContactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonInactiveLeft.png', sizingMethod='scale');
 }
 
 table.addContactButtonInaktiv .addContactButtonRight {
   height:  18px;
   overflow:hidden;
   /*background-image: url('../../light/img/kids/contactsBigButtonInactiveRight.png');*/
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonInactiveRight.png', sizingMethod='scale');
 }
 
 table.addContactButtonHover input {
   height:18px;
   /*background-image: url('../../light/img/kids/contactsBigButtonHover.png');*/
   filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonHover.png', sizingMethod='scale');
 }
 
 table.addContactButtonHover .addContactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonHoverLeft.png', sizingMethod='scale');
 }
 
 table.addContactButtonHover .addContactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonHoverRight.png', sizingMethod='scale');
 }
 
 table.addContactButtonHover input {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonHover.png', sizingMethod='scale');
 }
 
 table.addContactButtonHover .addContactButtonLeft {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonHoverLeft.png', sizingMethod='scale');
 }
 
 table.addContactButtonHover .addContactButtonRight {
   height:  18px;
   overflow:  hidden;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/contactsBigButtonHoverRight.png', sizingMethod='scale');
 }
 
  #kontakteZuruck {
   margin-right:  0px;
 }
 
 #addContactPercentageBarPlaceholder {
   position:  relative;
   width:  100%;
   height:  100%;
 }
 
 #addContactPercentageBarPlaceholder #addContactPercentageBar {
   display:  block;
   position:  absolute;
   top:  0;
   left:  -2px;
   width:  0%;
   height:  100%;
   filter:  alpha(opacity=50);
   background-image:  url('../../light/img/percentageBar.gif');
 }
 
 /* --------------------------------------------------------- */
 /* M E S S E N G E R */
 /* --------------------------------------------------------- */

 #messenger
 {
 /* overflow:  hidden; *light.css*/
 }

 #msgr 
 {
 /* display:  block; *light.css*/
 /* width:  100%; *light.css*/
    border:  #000000 0px solid;
    font-family:  Tahoma,arial,sans-serif;
    font-size:  10px;
    padding:  0 10px;
    filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/chatWindowBg_opaque.png', sizingMethod='scale');
    position:  static;
    overflow:  visible;
 }
 
 .msgrs
 {
    border:  #000000 0px dotted;
 }

 #txtConvField
 {
 /* width:  100%; *light.css*/
    height:  expression(document.body.clientHeight - (345) + "px");
    margin-top:  12px;
    margin-bottom:  7px;
 /* margin-bottom:  0px; *light.css*/
    padding:  2px;
    padding-top:  0px;
    padding-left:  4px;
    overflow:  visible;
    position:  relative;
 /* background:		#ffffff; */
 /* border:  #808080 1px solid; */
 /* filter:  alpha(opacity=80);*/
 /* overflow:  auto; *light.css*/
 /* overflow-x:  hidden;*/
 }

 #txtConvField #txtConv {
   width:  100%;
   height:  193px;
 }
 
 #txtConv a {
   position:  relative;
 }
 
 
 #moveTxtConv
 {
 /* display:  block; *light.css*/
 /* width:  100%; *light.css*/
    height:  13px;
 /* margin:  0px; *light.css*/
 /* margin-bottom:  -1px; *light.css*/
    padding:  0px;
    font-size:  0px;
    color:  #ffffff;
    background-image:  url('../../light/img/kids/trenner.gif');
    background-repeat:no-repeat;
 /* cursor:  s-resize; *light.css*/
 }

 .moveTxtConvOver
 {
   background-image:  url('../../light/img/kids/trenner.gif');
 }

 .spanName
 {
 /* margin-top:  0px; *light.css*/
 /* margin-bottom:  3px; *light.css*/
    border:  #ee1133 0px dotted;
    text-decoration:  underline;
 }

 #txtMessage
 {
 /* display:  block; *light.css*/
 /* position:  relative; *light.css*/
 /* top:  0px; *light.css*/
 /* left:  0px; *light.css*/
 /* width:  100%; *light.css*/
    height:  91px;
 /* margin:  0px; *light.css*/
    margin:  -7px 0 15px 0;
    padding:  2px;
    padding-left:  4px;
    background:  transparent;
 /* filter: alpha(opacity=80);*/
    border:  none;
 /* overflow:  auto; *light.css*/
 }
 
 .messageButton {
   height:  19px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonNormal.png', sizingMethod='scale');
 }
 
 .messageButtonLeft {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonNormalLeft.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .messageButtonRight {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonNormalRight.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .buttonInaktive .messageButton {
   height:  19px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonInactive.png', sizingMethod='scale');
 }
 
 .buttonInaktive .messageButtonLeft {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonInactiveLeft.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .buttonInaktive .messageButtonRight {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonInactiveRight.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .buttonHover .messageButton {
   height:  19px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonHover.png', sizingMethod='scale');
 }
 
 .buttonHover .messageButtonLeft {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonHoverLeft.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .buttonHover .messageButtonRight {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonHoverRight.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .buttonAktiv .messageButton {
   height:  19px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonActive.png', sizingMethod='scale');
 }
 
 .buttonAktiv .messageButtonLeft {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonActiveLeft.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 .buttonAktiv .messageButtonRight {
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/messageButtonActiveRight.png', sizingMethod='scale');
   margin-top:  6px;
 }
 
 table.icons {
   width:  52px;
 }
 
 td.iconButton {
   width:  26px;
   text-align:  left;
   vertical-align:  bottom;
 }
 
 .alertButton {
   width:  19px;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/alertButtonNormal.png', sizingMethod='scale');
 }
 
 .buttonInaktive .alertButton {
   width:  19px;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/alertButtonInactive.png', sizingMethod='scale');
 }
 
 .buttonHover .alertButton {
   width:  19px;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/alertButtonHover.png', sizingMethod='scale');
 }
 
 .buttonAktiv .alertButton {
   width:  19px;
   height:  18px;
   filter:	progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/alertButtonActive.png', sizingMethod='scale');
 }
 
 
 .smileyButton {
   width:  19px !important;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/smileyButtonNormal.png', sizingMethod='scale');
 }
 
 .buttonInaktive .smileyButton {
   width:  19px !important;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/smileyButtonInactive.png', sizingMethod='scale');
 }
 
 .buttonHover .smileyButton {
   width:  19px !important;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/smileyButtonHover.png', sizingMethod='scale');
 }
 
 .buttonAktiv .smileyButton {
   width:  19px !important;
   height:  18px;
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/smileytButtonActive.png', sizingMethod='scale');
 }
 
 
 
 /* --------------------------------------------------------- */
 /* H I L F E */
 /* --------------------------------------------------------- */

 #hilfeContainer
 {
 /* padding-top:	4px; *light.css*/
 /* overflow:		auto; *light.css*/
 }

 .hilfeKopf
 {
 /* margin:		4px 0px 4px 0px; *light.css*/
    margin-top:		4px;
    margin-bottom:	0px;
    padding:		4px;
    border:		1px #ADB7C0 solid;
    border-bottom:  none;
    color:		#333;
    font-weight:	500;
    /*background-image: 	url('../../light/img/helptitlebg_active.png');*/
    background:		#ffffff;
 /* cursor:		pointer; *light.css*/
 }
 
 .hilfeKopfHover
 {
    background:		#ffffff;
    border-bottom:   	none;
    font-style: 	underline;
 }

 .hilfeKopfAktiv
 {
    /*background-image:   url('../../light/img/helptitlebg_active.png');*/
    background:		#ffffff;
 }

 .hilfeUl
 {
    margin:		0px 0px 0px 0px;
    padding:		0px 0px 0px 0px;
 }

 .hilfeLi
 {
    margin:		0px 0px 4px 0px;
    padding:		0px 0px 0px 0px;
 }

 .hilfeText
 {
    display:		none;
    color:  #000; 
 /* height:		1px; *light.css*/
 /* margin:		0px 0px 0px 0px; *light.css*/
 /* padding:		0px 4px 0px 4px; *light.css*/
    border:		1px #ADB7C0 solid;
 /* border-top:  none; */
    background-color:  #fff;
    filter:		alpha(opacity=75); 
 }
 
 a.hilfeLink:link
 {
    color:  #555555;
    text-decoration:	underline;
    position:  relative;
 }
 a.hilfeLink:active
 {
    color:  #555555;
    text-decoration:	underline;
 }
 a.hilfeLink:visited
 {
    color:  #555555;
    text-decoration:	none;
 }
 a.hilfeLink:hover
 {
    color:  #000000;
    text-decoration:	underline;
 }
 
 
 
 /* --------------------------------------------------------- */
 /* F U S S M E N � */
 /* --------------------------------------------------------- */

 .fuss
 {
 /* position:		absolute; *light.css*/
 /* bottom:		91px; *light.css*/
 /* left:		0px; *light.css*/
 /* right:		0px; *light.css*/
 /* width: 		100%; *light.css*/
 /* height: 		1px; *light.css*/
    padding:		5px;
    background:		#ffffff;
    filter:		alpha(opacity=70);
    border: 		#ffffff 0px solid;
    border-top: 	#999999 1px solid;
    color:		#333333;
 /* overflow:		hidden; *light.css*/
 }

 #fussBlende
 {
 /* position:		absolute; *light.css*/
 /* bottom:		91px; *light.css*/
 /* left:		0px; *light.css*/
 /* right:		0px; *light.css*/
 /* width: 		100%; *light.css*/
 /* height: 		1px; *light.css*/
    padding:		5px;
    background-color:   #999999;
    border: 		#ffffff 0px solid;
 /* overflow:		hidden; *light.css*/
 }

 #fussthemes
 {
    padding-left:	9px;
 }

 .fussTheme
 {
    width: 		56px;
    height: 		23px;
    float:		left;
    margin:		0px;
    margin-right:	5px;
    padding:		0px;
    filter:		alpha(opacity=60);
    border: 		#000000 0px solid;
    cursor:		pointer;
 }

 #fusshilfe
 {
    text-align:		left;
 }

 a.fussLink:link
 {
    color:  #555555;
    text-decoration:	none;
 }
 a.fussLink:active
 {
    color:  #555555;
    text-decoration:	none;
 }
 a.fussLink:visited
 {
    color:  #555555;
    text-decoration:	none;
 }
 a.fussLink:hover
 {
    color:  #000000;
    text-decoration:	underline;
 }
 
 
 
 /* --------------------------------------------------------- */
 /* F O O T E R */
 /* --------------------------------------------------------- */

 #footer
 {
 /* width: 		100%; *light.css*/
 /* height: 		30px; *light.css*/
    padding:		7px 0px 0px 8px;
    background:		transparent;
    border: 		#000000 0px solid;
    border-top: 	#999999 1px solid;
    color:		#999999;
 }

 #fussHilfeLink
 {
    float:  right;
    padding:  0px 8px 0px 0px;
 }

 a.footerLink:link
 {
    color:  #333;
    text-decoration:	none;
 }
 a.footerLink:active
 {
    color:  #333;
    text-decoration:	none;
 }
 a.footerLink:visited
 {
    color:  #333;
    text-decoration:	none;
 }
 a.footerLink:hover
 {
    color:  #000;
    text-decoration:	underline;
 }
 
 
 
 /* --------------------------------------------------------- */
 /* W E R B U N G */
 /* --------------------------------------------------------- */

 #werbung
 {
 /* width: 		100%; *light.css*/
    width: 		366px;
 /* height: 		62px; *light.css*/
    margin:		0px;
    margin-top:		0px;
    margin-left:	6px;
    margin-right:	0px;
    padding:		0px;
    background:		transparent;
    border: 		#808080 0px solid;
    text-align:		center;
    color:		#ffffff;
 }

 .banner
 {
    width: 		366px;
    height: 		52px;
    margin:		0px;
    padding:		0px;
    background:		transparent;
    border: 		#999999 0px dotted;
    text-align:		center;
    font-weight:	500;
    color:		#666666;
 }

 /* --------------------------------------------------------- */
 /* L I G H T B O X */
 /* --------------------------------------------------------- */

 #lightboxSchatten
 {
   z-index:  		11;
   display:  		none;
   position:  		absolute;
   width:  		100%;
   height:  		100%;
   padding:  		0px;
   background:  	#000000;
   filter:  		alpha(opacity=50);
   border:  		#808080 0px solid;
   text-align:  	center;
   color:  		#ffffff;
 }

 #lightboxContainer
 {
   z-index:		12;
   display: 		none;
   position:  		absolute;
   top:			74px;
   left:		10px;
   width:		360px;
   height:  		366px;
   padding: 		0px;
   background-image:	url('../../light/img/kids/alert_background.gif');
   overflow:  		hidden;
 }

 #lightboxAus
 {
   position:  		absolute;
   top:			4px;
   right:		35px;
   width:  		75px;
   color:  		#333;
   text-align:  	center;
   cursor:  		pointer;
 }

 #lightboxIframe
 {
   width:  		100%;
   height:  		336px;
   margin:  		24px 8px 0px 8px;
   padding:  		0px;
   border:  		#ee1133 0px solid;
   text-align:  	left;
   color:  		#333;
   overflow:  		hidden;
 }

 /* --------------------------------------------------------- */
 /* N O T R U F - L A Y E R */
 /* --------------------------------------------------------- */

 #preloader,
 #notrufSchatten,
 #elternSchatten,
 #johanniterSchatten,
 #hinzufugenSchatten
 {
   display:  none;
   position:  absolute;
   width:  100%;
   height:  100%;
   padding:  0px;
   background:  #000000;
   filter:  alpha(opacity=50);
   border:  #808080 0px solid;
   text-align:  center;
   color:  #ffffff;
 }

 #preloader,
 #notrufSchatten
 {
   z-index:  1;
 }

 #preloader
 {
   filter:  		alpha(opacity=85);
   display: 		block;
   padding-top:  	206px;
   padding-right:  	5px;
 }

 #notrufContainer
 {
   z-index:  2;
   top:  74px;
   left:  10px;
   width:  360px;
   height:  366px;
   background-image:  url('../../light/img/kids/alert_background.gif');
 }

 #elternSchatten,
 #johanniterSchatten,
 #hinzufugenSchatten
 {
   z-index:  3;
   text-align:  right;
 }

 #notrufContainer,
 #elternContainer,
 #johanniterContainer,
 #hinzufugenContainer
 {
   display:  none;
   position:  absolute;
   padding:  0px;
   overflow:  hidden;
 }

 #elternContainer,
 #johanniterContainer,
 #hinzufugenContainer
 {
   z-index:  4;
   top:  100px;
   left:  22px;
   width:  338px;
   height:  326px;
 }

 #elternContainer,
 #hinzufugenContainer
 {
   background:  #ffffff;
   padding:  8px;
 }

 #elternNachricht,
 #hinzufugenNachricht
 {
   width:  100%;
   height:  183px;
   padding:  4px;
   background:  #eeeeee;
   border:  #000000 1px solid;
   scrollbar-face-color:  #ffffff;
   scrollbar-arrow-color:  #ffffff;
   scrollbar-track-color:  #eeeeee;
   scrollbar-shadow-color:  #eeeeee;
   scrollbar-highlight-color:  #eeeeee;
   scrollbar-3dlight-color:  #eeeeee;
   scrollbar-darkshadow-Color:  #eeeeee;
 }

 #elternSenden,
 #hinzufugenSenden,
 #einladung
 {
   width:		100%;
   height:		20px;
   padding:		1px 0px 0px 0px;
   background:		#eeeeee;
   border:		#000000 1px solid;
 }

 #einladung
 {
   padding:		2px 0px 0px 3px;
 }

 #elternSenden,
 #hinzufugenSenden
 {
   cursor:		pointer;
 }

 #hinzufugenNachricht
 {
   height:  		97px;
 }

 .mailFormError
 {
   border: 		#ee1133 1px solid;
 }

 #johinweis,
 #emailHinweis
 {
   z-index:  		4;
   display:  		none;
   position:  		absolute;
   width:  		177px;
   height:  		81px;
   padding:  		17px 8px 8px 8px;
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/johinweis.png', sizingMethod='scale') !important;
   background-repeat:	no-repeat;
   border:  		#ee1133 0px solid;
   text-align:  	center;
 }

 #johinweis
 {
   top:			6px;
   left:		5px;
 }

 #emailHinweis
 {
   top:			285px;
   left:		62px;
   padding-top: 10px;
   cursor: pointer;
 }

 #notrufContainer .textAn
 {
   color:		#ee1133;
 }

 #notrufContainer .content ,
 #johanniterContainer .content
 {
   clear:  both;
   padding:  18px;
 }
 
 #notrufContainer .content .header,
 #johanniterContainer .content .header
 {
   padding-top:20px;
   padding-right:  100px;
   background-image:  url('../../light/img/eltern/stop.png');
   background-repeat:  no-repeat;
   background-position:  98% 50%;
 }
 
 #notrufContainer .content h3,
 #johanniterContainer .content h3
 {
   font-size:  11px;
   margin:  0 0 5px 0;
 }
 
 #notrufContainer .content h3 strong,
 #johanniterContainer .content h3 strong
 {
   font-size:  14px;
 }
 
 #notrufContainer .content p,
 #johanniterContainer .content p
 {
   margin:  0 0 15px 0;
 }
 
 #notrufContainer .content h4,
 #johanniterContainer .content h4
 {
   font-size:  11px;
   text-decoration:  underline;
   margin:  0;
   cursor:  pointer;
 }
 
 #notrufContainer .entry,
 #johanniterContainer .entry
 {
   clear:  both;
   margin-bottom:	15px;
 }
 
 #notrufContainer .entry  img,
 #johanniterContainer .entry img
 {
   float:  left;
   margin-right:  15px;
   cursor:  pointer;
 }
 
 #notrufContainer .entry  .text,
 #johanniterContainer .entry .text
 {
   float:  right;
   width:  220px;
   margin-top:  -3px;
 }
 
 #notrufContainer .entry p,
 #johanniterContainer .entry p 
 {
   margin:  0 0 5px 0;
 }
 
 #notrufContainer .entry p.button,
 #johanniterContainer .entry p.button 
 {
   color:  #fff;
   text-align:  center;
   width:  210px;
   height:  20px;
   padding-top:  4px;
   /*background-image:  url('../../light/img/kids/alertPopupButtonNormal.png');*/
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/alertPopupButtonNormal.png', sizingMethod='scale');
   cursor:  pointer;
 }
 
 #notrufAus
 {
   position  :absolute;
   top:  4px;
   right:  35px;
   width:  75px;
   color:  #333;
   text-align:  center;
   cursor:  pointer;
 }
 
 #elternAus,
 #johanniterAus,
 #hinzufugenAus
 {
   z-index:  4;
   position:		absolute;
   top:			75px;
   right:		52px;
   text-align:		right;
   color:		#ffffff;
   font-weight:		500;
   cursor:		pointer;
 }
 
 #johanniterAus
 {
   top:			78px;
 }
 
 .seiSchlauLoggedOut {
    width:  100%;
    height:		expression((document.body.clientHeight - 244) + "px");
    margin-bottom:	7px;
    position:static;
    padding:		10px;
    padding-left:	15px;
    padding-right:	14px;
    filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/seiSchlauWindowBg_opaque.png', sizingMethod='scale');
    overflow:  visible;
 }
 
 .seiSchlauLoggedOut a {
   position:  relative;
 }
  
 /* --------------------------------------------------------- */
 /* E X T E R N E  S E I T E - S E I  S C H L A U             */
 /* --------------------------------------------------------- */

 body#sei_schlau_extern {
   width:  373px;
   height:  348px;
   padding:  15px 0 0 15px;
   background-color:  transparent;
   background-image:  url('../../light/img/kids/sei_schlau/page_bg_opaque.png');
   background-repeat:  no-repeat;
   margin:  0;
 }
 
 body#sei_schlau_extern .header {
   width:  358px;
   margin-top:  8px;
 }
 
 body#sei_schlau_extern .header .pic {
   float:  left;
   width:  101px;
   margin-right:  10px;
 }
 
 body#sei_schlau_extern .header .text {
   float:  left;
   width:  230px;
 }
 
 body#sei_schlau_extern h3 {
   font-size:  1em;
   margin:  0 0 3px 0;
 }
 
 body#sei_schlau_extern p,
 body#sei_schlau_extern .header .text p {
   margin:  0;
 }
 
 body#sei_schlau_extern h4 {
   font-size:  1em;
   clear:  both;
   padding-top:  1px;
   margin:  0 0 10px 0;
 }
 
 body#sei_schlau_extern .entry {
   clear:  both;
   width:  358px;
 }
 
 body#sei_schlau_extern .entry .pic {
   float:  left;
   text-align:  center;
   width:  55px;
   margin-right:  10px;
 }
 
 body#sei_schlau_extern .entry .pic {
   float:  left;
   text-align:  center;
   width:  55px;
   margin-right:  10px;
 }
 
 body#sei_schlau_extern .entry .text {
   float:  left;
   width:  275px;
   padding-bottom:  1em;
 }
 
 /* --------------------------------------------------------- */
 /* E X T E R N E  S E I T E - S P I E L E N                  */
 /* --------------------------------------------------------- */

 body#spielen_extern {
   background-color:  transparent;
   width:  380px;
   height:  363px;
   padding:  0 0 0 4px;
   margin:  0;
 }
 
 body#spielen_extern .search {
   width:  366px;
   height:  73px;
   /*background-image:  url('../../light/img/kids/spielen/search_bg_opaque.png');*/
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/spielen/search_bg_opaque.png', sizingMethod='scale');
   background-repeat:  no-repeat;
   margin:  2px 0 0 0px;
 }
 
 body#spielen_extern .search h3 {
   display:  none;
 }
 
 body#spielen_extern .search p {
   margin:  40px 0 0 92px;
 }
 
 body#spielen_extern .search #finnSearchQuery {
   width:  180px;
   height:  20px;
   padding:  4px;
   background-color:  transparent;
   /*background-image:  url('../../light/img/kids/spielen/searchField.png');*/
   filter:    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/spielen/searchField.png', sizingMethod='scale');
   background-repeat:  no-repeat;
   border:  none;
 }
 
 
 body#spielen_extern .search #finnSearchGo {
   color:  #fff;
   width:  71px;
   height:  20px;
   padding:  4px;
   background-color:  transparent;
   background-image:  url('../../light/img/kids/spielen/suchenButtonNormal.png');
   background-repeat:  no-repeat;
   border:  none;
   cursor:  pointer;
 }
 
 body#spielen_extern #klick_tips {
   position:  relative;
 }
 
 body#spielen_extern #klick_tips a,
 body#spielen_extern #klick_tips a:  active,
 body#spielen_extern #klick_tips a:  visited {
   color:  #333;
 }
 
 body#spielen_extern #klick_tips a:  hover {
   color:  #000;
 }
 
 body#spielen_extern .klick_tips_pics {
   width:  369px;
   height:  278px;
   margin:  0 0 0 0px;
 }
 
 body#spielen_extern .klick_tips_pics .mainTeaser .image {
   float:  left;
   width:  211px;
   margin:  34px 0 0 20px;
 }
 
 body#spielen_extern .klick_tips_pics .spielekiste {
   float:  left;
   width:  95px;
   margin:  37px 0 0 22px;
 }
 
 body#spielen_extern .klick_tips_pics .spielekiste .entry {
   margin-bottom:  23px;
 }
 
 body#spielen_extern .klick_tips_pics .spielekiste .lastEntry {
   padding-top:  2px;
 }
 
 body#spielen_extern .klick_tips_links {
   position:  absolute;
   top:  0px;
   left:  0px;
   width:  369px;
   height:  278px;
   background-image:  url('../../light/img/kids/spielen/spielen_bg_opaque.png');
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/spielen/spielen_bg_opaque.png', sizingMethod='scale');
   background-repeat:  no-repeat;
 }
 
 body#spielen_extern .klick_tips_links .mainTeaser {
   float:  left;
   width:  211px;
   margin-left:  21px;
 }
 
 body#spielen_extern .klick_tips_links .mainTeaser h3 {
   font-size:  1em;
   width:  107px;
   height:  27px;
   background-image:  url('../../light/img/kids/spielen/klick_tips.gif');
   background-repeat:  no-repeat;
   margin:  6px 0 0 0;
 }
 
 body#spielen_extern .klick_tips_links .mainTeaser h3 span {
   display:  none;
 }
 
 body#spielen_extern .klick_tips_links .mainTeaser .image a {
   display:  block;
   height:  173px;
   background-image:  url('../../light/img/kids/spielen/hollow.gif');
 }
 
 body#spielen_extern .klick_tips_links .mainTeaser p {
   margin:  10px 0 0.25em 0;
 }
 
 body#spielen_extern .klick_tips_links .mainTeaser ul {
   padding:  0;
   margin:  0 0 0 18px;
 }
   
 body#spielen_extern .klick_tips_links .spielekiste {
   float:  left;
   width:  100px;
   height:  263px;
   margin:  8px 0 0 18px;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste h4 {
   font-size:  1em;
   width:  92px;
   height:  11px;
   background-image:  url('../../light/img/kids/spielen/spielekiste.gif');
   background-repeat:  no-repeat;
   margin:  10px 0 8px 0;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste h4 span {
   display:  none;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste .entry {
   margin:  0 0 0 3px;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste .lastEntry {
   margin-top:  2px;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste .entry p {
   font-size:  10px;
   height:  23px;
   margin:  2px 0 0 0;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste .entry p.pic { 
   height:  54px;
 }
 
 body#spielen_extern .klick_tips_links .spielekiste .entry .pic a {
   display:  block;
   width:  90px;
   height:  54px;
   background-image:  url('../../light/img/kids/spielen/hollow.gif');
 }
 
 /* --------------------------------------------------------- */
 /* E X T E R N E  S E I T E - E L T E R N                    */
 /* --------------------------------------------------------- */

 body#eltern_extern {
   padding:  12px;
   width:  373px;
   height:  348px;
   padding:  13px 10px 10px 15px;
   background-color:  transparent;
   background-image:  url('../../light/img/kids/sei_schlau/page_bg_opaque.png');
   filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../light/img/kids/sei_schlau/page_bg_opaque.png', sizingMethod='scale');
   background-repeat:  no-repeat;
   margin:  0;
   overflow:  hidden;
 }
 
 body#eltern_extern h3 {
   font-size:  1em;
   width:  348px;
   margin:  0 0 3px 0;
   clear:  both;
 }
 
 body#eltern_extern p {
   width:  348px;
   margin:  0 0 5px 0;
 }
 
 body#eltern_extern .entry {
   clear:  both;
   width:  348px;
   margin-bottom:  6px;
 }
 
 body#eltern_extern .entry .pic {
   float:  left;
   text-align:  center;
   width:  53px;
   margin-right:  15px;
 }
 
 body#eltern_extern .entry .pic img {
   border:  none;
 }
 
 body#eltern_extern .entry .text {
   float:  left;
   width:  230px;
 }
 
 body#eltern_extern .entry .text p {
   width:  auto;
   margin:  0;
 }