@charset "utf-8";


/**********************************************
	GLOBAL
**********************************************/


/* 
farben:
orange: #f90
rot: #9E1612
grau: hell #eee , dkl: #bbb
*/

 
/* +++++ standard +++++ */

* {border: 0px none; margin: 0px; padding: 0px;}

body, p, ul, li, h1, h2, h3, h4, h5, h6, div, blockquote, q, img, a {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: black;
}

body {
	font-size: 1em;
	line-height: 1.4em;
}

body, div#main { background: white; }


/* +++++ individual +++++ */

/* img, input, button { display: block; } */

.clear { clear: both; }

ul { list-style-type: none; }

#main a:hover { color: #9E1612 }

.right { float: right; }

small, .small { font-size: 0.7em; }
.smaller { font-size: 0.9em; }
big { font-size: 1.3em; letter-spacing: 0.02em; }

#content .bold, .bold	{font-weight:bold;}
.alignleft 				{ text-align:left; }
.alignright 			{ text-align:right; }
.aligncenter 			{ text-align:center; }
.fixfloat 				{ clear:both; height: 0; width:0px; line-height:0px; font-size:0px; }
.invisible 				{ visibility: hidden; display: none; }
.nopadding 				{ padding: 0 !important; }
.nopadding-top 		{ padding-top: 0 !important; }
.nopadding-right	{ padding-right: 0 !important; }
.nopadding-bottom	{ padding-bottom: 0 !important; }
.nopadding-left		{ padding-left: 0 !important; }
.nomargin 				{ margin: 0 !important; }
.nomargin-top			{ margin-top: 0 !important; }
.nomargin-right		{ margin-right: 0 !important; }
.nomargin-bottom	{ margin-bottom: 0 !important; }
.nomargin-left		{ margin-left: 0 !important; }
.noborder					{ border:0 none !important; }
.noborder-top			{ border-top: none !important; }
.noborder-right		{ border-right: none !important; }
.noborder-bottom	{ border-bottom: none !important; }
.noborder-left		{ border-left: none !important; }
.float-left				{ float: left !important; }
.float-right			{ float: right !important; }
.invisible				{ height: 0; }
.dispri 			{display:none;}
.o-flow-y 			{ overflow:auto; overflow-x:hidden;}
.posrel 			{position:relative;}
/*
#main .login input.hidden,
#content input.hidden,
.hidden { height: 0; width:0px; line-height:0px; font-size:0px;margin:0;padding:0;background-color:none;background-image:none; border:none; display:inline;}
*/

.bigspacer,
.spacer-3,
.spacer-5,
.spacer-10,
.spacer-20,
.spacer-30,
.spacer-40,
.spacer-50 { 
	font-size: 0;
	clear: both;
	float: none;
}

.spacer-3  { height: 3px; }
.spacer-5  { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-20 { height: 20px; }
.spacer-30 { height: 30px; }
.spacer-40 { height: 40px; }
.spacer-50 { height: 50px; }
.bigspacer { height: 20px; }

.rounded-corners {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.lucent {
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;
	opacity:0.6;
}

/* +++++ layout +++++ */


#main .container {
	width: 921px;
	margin: auto;
}
/*
#main .leftbackground {
	background-image: url(/images/khn/kids/framework/leftcontainer.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
*/
#main .ct-topleft {
	background-color: #eee;
	background-image: url(/images/khn/kids/framework/schattentop_links.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#main .ct-topright {
	background-image: url(/images/khn/kids/framework/schattentop_rechts.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

#main .ct-bottomleft {
	background-image: url(/images/khn/kids/framework/schatten_links.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 11px;
}

#main .ct-bottomright {
	background-image: url(/images/khn/kids/framework/schatten_rechts.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 11px;
}

#main .leftcontainer {
	width: 178px;
	min-height: 600px;
	float: left;
}

#main .rightcontainer {
	border-left: 1px solid #bbb;
	margin-left: 178px;
	/*float:left;
	width: 721px;*/
}

#main .topmenu {
	background-color: #F90;
	height: 60px;
	overflow: hidden;
	
}

#main .maincontent {
	padding: 35px 20px 10px 20px;
	min-height: 540px;
	background-color: white;
}


#main .footer { 
	margin-top: 2.5em;
	margin-left: 30px;
	padding-top:1em;
	width: 860px;
	height: 100px;
	border-top: 2px solid #eee;
}


/* +++++ linke spalte +++++ */

#main img.logo { margin: 10px 0px 30px 13px; }

#main .leftcontainer {
	font-size: 0.9em;
}

#main .leftcontainer a {
	text-decoration:none;
}

#main .leftcontainer h5 {
	padding: 0 0 0 10px;
	color: white;
	background-color: #f90;
	margin: 1.5em 0 0 0;
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, "News Gothic MT", "Trebuchet MS", sans-serif;
	clear: right;
	font-weight:bold;
	font-size:1.1em;
}


#main .leftcontainer h6 {
	margin: 1em 10px 1em 10px;
	border-bottom: 1px solid #f90;
	font-size: 1em;
}

#main .leftcontainer p {
	margin: 0px 10px;
}

#main .leftcontainer p span {
	text-align: right;
	float: right;
}


/* +++++ linke spalte: login +++++ */

#main .login { margin: 1em 0 1em 0; }
#main .logincontent { padding: 0 10px 0 10px; }
#main .leftcontainer .logincontent p {
	margin-left: 0; margin-right: 0;
}
#main .logincontent p.logintime { margin-bottom:0.7em;}
#main .login input {
	margin: 0 0 0.7em 0;
	padding: 0.4em 3px 0.3em 3px;
	width: 145px;
	border: 2px solid #ddd;
	background-color: white;
	background-image: url(/images/khn/kids/framework/inputshade.gif);
	background-position: left top;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*border-radius: 5px;*/
}

#main .login button {
	margin: 0 0 0.7em 0;
	padding: 0 10px 0.2em 3px;
	width: 155px;
	text-align: right;
	color: white;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #eee;
	background-image: url(/images/khn/kids/framework/loginbutton_nh.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	cursor: pointer;
	height:26px;
	border:none;
}

#main .login h5 {
	margin-bottom:5px;
}

#main .login button:hover { 
	color: #ccc; 
	background-position: right -30px;
}


/* +++++ linke spalte: menu +++++ */

#main .leftmenu a {
	text-decoration: none;
	display:block;
	padding: 0 0 0 12px;	
}

/* my team */
#main .leftmenu ul.myteam a {
	display:inline;
}

#main .leftmenu ul { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	background-color:#d4d4d4;
	list-style: none;
}

#main .leftmenu ul li.toggler {  
	border-bottom: 1px solid transparent;
	background-image:Url("/images/khn/kids/framework/arrow-red-right.png");
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	border-bottom: 1px solid #a1a1a1;
	background-color:#d4d4d4;
}

#main .leftmenu ul ul { 
	padding:0;
	margin: 0 0 0 0; 	
}

#main .leftmenu ul ul li { 
	border-bottom: none;
	background-image:none;
	background-color:#eee;
}

#main .leftmenu ul li a {
	padding: 0.2em 0 0.2em 1em;
	line-height:125%;
}

/* my team */
#main .leftmenu ul.myteam li a {
	padding: 0.2em 0 0.2em 10px;
	line-height:125%;
	display:block;
}

#main .leftmenu ul ul li a { 
	padding-top: 0.2em; 
	padding-right: 0.1em;
}
/* my team */
#main .leftmenu ul.myteam ul li {
	padding: 0.2em 0 0.2em 10px;
}
#main .leftmenu ul.myteam ul li a {
	padding: 0;
	line-height:100%;
	display:inline;
}


#main .leftmenu ul li.selected,
#main .leftmenu ul li.active { 
	color: #9E1612;
	background-image:Url("/images/khn/kids/framework/arrow-red-down.png");
	background-position: 0 0.4em;
	background-repeat: no-repeat;		
}

#main .leftmenu ul ul li a.selected,
#main .leftmenu ul ul li a.active { 
	color: #fff;
	background-color:#9E1612;
	background-image:none;
}

#main .leftmenu ul li a.active { 
	color: #fff;
	background-color:#9E1612;
	background-image:none;
}

#main .leftmenu a:hover { 
	color:#9E1612;
}
/* my team */
#main .leftmenu ul.myteam a:hover {
	color:
}


/* +++++ top-menu +++++ */

#main .topmenu a {
	display: block;
	float: left;
	padding: 25px 7px 0px 7px;
	background-repeat: no-repeat;
	height: 35px;
	background-color: #f90;
	border-right: 2px solid #f90;
	border-left: 2px solid #f90;
	color: white;
	text-decoration: none;
	font-size: 18px;
	font-family:  "Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, "News Gothic MT", "Trebuchet MS", Helvetica, Arial, sans-serif;
	white-space: nowrap;
	position:relative;
}

#main .topmenu a.lastitem {

}

#main .topmenu span {
	color: #f90;
	display: none;
}

#main .topmenu img {
	margin-right: 5px;
	display: inline;
	vertical-align: top;
}

#main .topmenu .menuani {
	margin-right: 5px;
	display: inline;
	vertical-align: top;	
}
#main .topmenu span.mnl-messages {
	display: block;
	position:absolute;
	right:2px;
	top:12px;
	background-color:#9E1612;
	border: 1px solid #fff;
	width: 15px;height: 15px;
	color:#fff;
	font-size: 11px;
	line-height: 12px;
	text-align:center;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


#main .topmenu a:hover, #main .topmenu a.selected, 
#main .topmenu a:hover, #main .topmenu a:active,#main .topmenu a:focus,
#main .topmenu a.active,
#main .topmenu a.active+span+a,
#main .topmenu a.selected+span+a {
	border-left-color: white;
	margin-left: -2px;
	padding-left: 9px;
}

#main .topmenu a.lastnavitem:hover {
}

#main .topmenu a:hover,
#main .topmenu a:active,
#main .topmenu a:focus,
#main .topmenu a.selected,
#main .topmenu a.active {
	background-color: #9E1612;
	border-right-color: white;
}

/**********************************************
	Breadcump
**********************************************/

#main div.breadcrump {
	top:-10px;
	position:relative;
	margin: -10px 0 10px 0;
	font-size:90%;
}


/**********************************************
	Content Elements
**********************************************/

#main h1 {
	font-size: 1.8em;
	line-height:125%;
	color: #000;
}

#main .maincontent h1 {
	font-size: 1.3em;
	color: #9E1612;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 1em;
	border-bottom: 1px solid #f90;
}

#main .maincontent p, h2 { margin-bottom: 1em; }

#main .maincontent img.right { margin: 10em 0em 2em 1em; }

#content {
	
}

#content h2 {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	font-weight: normal;
}

#content h3 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}

#content h4, h5, h6 {
	margin: 0 0 0.5em 0;
}

#content hr,
#content div.hr {
	height: 1px;
	border-bottom: 1px solid #f90;
	margin: 0.5em 0 0.8em 0;
	clear: both;
}

#content p {
	margin-bottom: 1em;
}

#content input,
#content textarea {
	padding: 0.4em 3px 0.3em 3px;
	border: 1px solid #ddd;
	background-color: white;
	background-image: url(/images/khn/kids/framework/inputshade.gif);
	background-position: left top;
	background-repeat: repeat-x;
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	/*border-radius: 5px;*/
}

#content input.inputtiny { width:2em;}
#content input.fieldbig { width:100%; }

#content select {
	padding: 0.4em 1px 0.3em 3px;
	border: 1px solid #ddd;
	background-color: white;
	background-image: url(/images/khn/kids/framework/inputshade.gif);
	background-position: left top;
	background-repeat: repeat-x;
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	/*border-radius: 5px;*/
}

#content ol,
#content ul {
	list-style-type: disc;
	list-style-position: outside; 
}
#content ol {list-style-type: decimal;}
#content ul+p { margin-top: 1em;}

#content ol li,
#content ul li { 
	margin-bottom: 0.1em;
	margin-left:15px;
}

#content select.fieldbig { width:100%; }

#content input.radio {
	margin-right: 0.4em;
}

#editorwindow input,
#editorwindow select,
#editorwindow textarea {
	border: 1px solid black;
}

#content input.submit,
#content button,
.x-cal-nav button {
	padding: 0.3em 7px 0.3em 7px;
	width: auto;
	overflow: visible;
	color: white;
	line-height:16px;
	font-weight: bold;
	background-color: #b1270c;
	background-image: url(/images/khn/kids/framework/button.jpg); 
	background-repeat: repeat-x;
	background-position: left 0;
	cursor: pointer;
	border: none;
}
#content button.disabled {
	opacity:0.9;
	color: #ccc; 
}
#content input.submit {
	font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif;
}
#content button:hover,
#content input.submit:hover,
.x-cal-nav button:hover { 
	color: #ccc; 
	background-position: left -30px;
}
#content button.disabled:hover{
	background-position: left 0;
}

#content .forum label.leftlabel,
label.leftlabel {
	float:left;
	margin: 0.4em 0.4em 0 0;
}

label.clickable { cursor:pointer;}
label.leftlabel150 {
	float:left;
	width:150px;
	margin: 0 10px 0 0;
}
label.labelmargin150,
input.margin150,
p.margin150,
div.margin150 {
	margin: 0 0 0 160px;
	display:block;
}

.selectall,
.checkboxlist {font-size:90%;}
.checkboxlist {
	border: 1px solid #D4D4D4;
	background-color:#eeeeee;
	padding: 5px 10px 5px 2px; 
	overflow: auto; 
	width: auto; 
	height: 250px;
	min-height:250px;
}

select option {
	padding: 0 3px 0 3px;
}

.checkboxlist input {
	margin: 0 5px 5px 5px;
}

label.label-top {
	display:block;
}

form.registration div.error {
	font-size:90%;
	margin: 0 0 1em 160px;
	clear:both;
}

#main .maincontent p.password_new {
	margin: 0 0 0.75em 0;
}

textarea.width-full-row , input.width-full-row { width: 630px; }
select.width-full-row { width: 638px; }

textarea.width-400 , input.width-400 { width:400px; }
div.width-400, select.width-400 { width:408px; }
textarea.width-500 , input.width-500 { width:500px; }
div.width-500, select.width-500 { width:508px; }
textarea.width-450 , input.width-450 { width:450px; }
div.width-450, select.width-450 { width:458px; }
div.width-full, textarea.width-full , input.width-full { width:300px; }
select.width-full { width:308px; }

input.width-small,
select.width-small {
	width:5em;
}

/* kontaktform / bewerbungsform */
#content input.inputauto,
#content select.inputauto,
#content textarea.inputauto {
	width:100%;
}

#content table.contactform td.col50 input.inputauto { width:185px;}
#content table.contactform td.col50 select.inputauto { width:193px;}
#content table.contactform td.col100 textarea.inputauto { width: 410px;}
#content table.contactform td.col100 select.inputauto { width: 418px; }

#content table.jobapp input,
#content table.jobapp select,
#content table.jobapp textarea {
	margin: 0 0 0.1em 0;
	display:block;
}
#content table.jobapp textarea { margin-bottom: 1em;}
#content table.jobapp label {
	margin: 0.8em 0 0.1em 0;
}

#content table.jobapp input.radiobutton {
	margin: 0;
	display:inline;	
}
.inputbox {
	color:#000000;
	font-family:Verdana,sans-serif;
	font-size:90%;
	line-height:15px;
	margin:0 0 0 4px;
	padding-bottom:4px;
	padding-left:16px;
	text-indent:-17px;
}
#content table.jobapp .inputbox label {
	margin: 0 0 0 0.2em;
}
#content table.jobapp .inputbox input {
	margin: 0;
	display:inline;		
}

span.indicator {
	background-image: url(/images/interface/ajax-loader_bggt.gif);
	background-repeat: no-repeat;
	background-position: top left;
	visibility:hidden;
	margin: 0 0 5px 10px;
	vertical-align:top;
	padding:1px;
}

/* editor */
#content .teamer fieldset,
#content .editorwrapper fieldset,
#content .usermessages fieldset {
	padding: 1.0em;
	margin: 1.0em 0em 1.0em 0em;	
	background-color:#eee;
	border: 1px solid #bbb;	
}

#content .teamer fieldset{
	background-color:#f90;
	margin-bottom:1em;
} 

#content .teamer h2 {
	background-image:url(/images/khn/kids/content/back_teamvorstellung_o2w.gif);
	background-repeat: repeat-y;
	background-position:center bottom;
	background-repeat:no-repeat;
	padding: 3px;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 20px;
}

#content .teamer fieldset {
	background-image:url(/images/khn/kids/content/back_teamvorstellung_fieldset.gif);
	margin-bottom: 20px;
	border: none;
}

#content .teamer fieldset legend,
#content .editorwrapper fieldset legend,
#content .usermessages fieldset legend {
	letter-spacing:0.1em;
	padding: 0.1em 0.4em 0 0.4em;
	border: 1px solid #bbb;	
	background-color:#ddd;
}

#content .teamer fieldset legend {
	background-color:#fff;
	border: none;
	font-size:110%;
}

#content fieldset label {
	margin: 0.8em 0 0.2em 0;  
}

.field-ok {
	color:#000;
}

form div.triggers,
form p.triggers {
	margin: 2em 0 0.4em 0;	
}

.mms,
.successMessage,
.mission_message,
.missionmessage,
.missionmessagesuccess {
	padding: 0.4em 3px 0.3em 3px;
	background-color: #eee;
	border: 1px solid #ddd;	
	margin: 1em 0 1em 0;
	text-indent: -30px;
	padding-left: 30px;	
} 

.successMessage img.agent,
.mission_message img.agent,
.missionmessage img.agent,
.missionmessagesuccess img.agent,
.errorMessage img.agent,
.missionmessageerror img.agent {
	margin-left:5px;
	top: -4px;
	position:relative;
}

.mms {
	text-indent: 0;
	padding-left: 0.4em;		
}

.errorMessage,
.missionmessageerror {
	color:#9E1612;
	padding: 0.4em 3px 0.3em 3px;
	background-color: #eee;
	border: 1px solid #ddd;	
	margin: 1em 0 1em 0;
	text-indent: -30px;
	padding-left: 30px;	
}

#content .MCEditor {
	height:300px;
	padding: 0;
}

/* // MCE-Styles */
#main .mcewr table {
	margin:0;
	background-color:transparent;
	border: none;	
}
#main .mcewr table td,
#main .mcewr table th {
	padding:0;
}
 

.error { 
	color:#9E1612;
}
.highlight {
	background-color:#9E1612;
	color:#fff;
}
.highlight-text {
	font-weight:bold;
}

#content .editorwrapper div.info {
	color: #000000;
	font-size: 86%;
	line-height: 150%;
	text-indent: -14px;
	padding-bottom: 0.1em;
	padding-left: 14px;
	margin: 0.2em 0em 0.2em 0em;
}

#content .editorwrapper div.imageinfo {
	width:638px;
	font-size: 90%;
	margin: 0.2em 0em 0.2em 0em;
	padding:0px;
}

/* +++++ inhalt: for home only +++++ */


.kbody-home #main .maincontent {
	padding: 0px 0px 10px 0px;
}
.khome { margin: 0; width: 720px; }

a.reg {
	position: absolute;
	top: 325px;
	left: 525px;
	z-index: 1;
}
.homeregwrapper {
	position:relative;
}

.homecontent {
	width:600px;
	padding: 0 0 0 20px;
}

.slogan { 
	position: absolute;
	top:-1800px;
	left:-1800px;
	z-index: 1;
	color: white;
	width: 380px;
}

.slogan img { 
	float: left;
	margin: 0.85em 15px 20px 0;
}

.slogan ul { 
	list-style-type: disc;
	list-style-position: inside;
	margin: 0.6em 0;
}

.slogan li, .slogan b { 
	color: white;
	font-size: 0.85em;
	margin-bottom: 0.6em;
}

#blogtagcloud {
	position:relative;
}

dfn.tagcloud {
	margin-top: 20px;
	display: block;
	padding: 0 10px 0 10px;
	font-family:"Century Gothic","Avant Garde","Avant Garde Gothic",Avantgarde,"News Gothic MT","Trebuchet MS",sans-serif;
	background-color:#EEEEEE;
	border:1px solid #BBBBBB;
}

dfn.tagcloud.home {
	width: 550px;
}

dfn.tagcloud.overview dfn,
dfn.tagcloud #blogsubtagcloud,
dfn.tagcloud.home #blogtagcloud,
dfn.tagcloud.mainnav #blogtagcloud {
	background-color:#FFFFFF;
	border:1px solid #FF9900;	
}

dfn.tagcloud.home #blogtagcloud,
dfn.tagcloud.mainnav #blogtagcloud {
	min-height:50px;
}

dfn.tagcloud dfn {
	text-align: center;
	display: block;
	padding: 0.5em;
}

dfn.tagcloud .title {
	color: #4d4d4d;
	margin:5px 0 5px 0;
	font-size: 0.9em;
	line-height:1em;
	font-style:normal;
	display:block;
}

dfn.tagcloud .minihint {
	color: #000000;
	margin-top:1px;
	font-family:"Century Gothic","Avant Garde","Avant Garde Gothic",Avantgarde,"News Gothic MT","Trebuchet MS",sans-serif;
	line-height:1em;
	font-style:normal;
	display:block;
	margin: 5px 0px 5px -3px;
}

dfn.tagcloud .minihint a {
	color: #000000;
	font-weight:bold;
}
#main dfn.tagcloud .minihint a:hover {
	color:#9e1612!important;
}

dfn.tagcloud a {
	color: #9E1612;
	font-weight: normal;
	margin-right: 1em;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-family: "Century Gothic","Avant Garde","Avant Garde Gothic",Avantgarde,"News Gothic MT","Trebuchet MS",sans-serif;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}

#main dfn.tagcloud a:hover { color: #f90; }
dfn.tagcloud a.one {
	color: #9E1612;
	font-weight:bold;
}
dfn.tagcloud a.two {
	color: #4d4d4d;
	font-weight:bold;
}
dfn.tagcloud a.three {
	color: #9E1612; /* #f90? */
	font-weight:bold;
}

dfn.tagcloud a.active,
dfn.tagcloud a.act {
  color: #ff9900 !important;
  font-size: 150%;
  font-weight: bold;
}


/* #main dfn.tagcloud a.three:hover { color: #9E1612; } */

 
 

/*
dfn a+a, dfn a+a+a+a, dfn a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a,
dfn a+a+a+a+a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a+a+a+a+a,
dfn a+a+a+a+a+a+a+a+a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a
 { font-weight: bold; }

dfn a+a+a, dfn a+a+a+a+a, dfn a+a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a+a,
dfn a+a+a+a+a+a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a+a+a+a+a+a,
dfn a+a+a+a+a+a+a+a+a+a+a+a+a+a+a, 
dfn a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a+a
{ font-weight: bold; color: #eeeeee; }
*/

/* +++++ footer +++++ */

#main .footer div.icons {
	text-align:center;
	vertical-align:middle;
}

#main .footer div.icons img { 
	display:inline;
	margin: 20px 10px 10px 10px;
	vertical-align:middle;
}

#main .footer small { 
	text-align: center;
	color: #878787;
	font-weight: bold;
	clear: left;
	display: block;
	line-height: 1.1em;
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, "News Gothic MT", "Trebuchet MS", sans-serif;
	margin-top:0.5em;
}

#main .footer a { 
	color: #878787;
	margin: 0em 0.2em;
	text-decoration: none;
	text-transform: uppercase;
}

#main .footer a:hover { color: #9E1612; }


/* +++++ Content +++++ */

#content .leftcontent,
#content .content-2-3 {
	position: relative;
	float: left;
	margin: 0 14px 0 0;
	padding-right:10px;
	width: 445px;
}

#content .rightcontent,
#content .content-1-3,
#content .content-1b-3 {
	float: left;
	width: 210px;
	padding: 0 0 0 0;
}
#content .content-1-3 { font-size:0.9em; }
#content .content-3-3 {
	float: left;
	width: 680px;
	padding: 0 0 0 0;
}


#content .forumcat {
	width: 210px;
	margin: 0 20px 0 0;
	float: left;	
}

#content .forumcat img { margin: 0 0 0.75em 0; }
#content .forumcat p { font-size:0.9em; }
#content .forumcat h4 { text-align:center; }
#content .forumcat h4 a,
#content .forumteaser h3 a { text-decoration:none; }

#content .forumteaser img {
	float:left;
	margin-right:20px;
}



/* TABLE */

#content div.calendarsheetwrapper table.calendarsheet,
#content div.calendar table,
.forum table,
table.list,
table.listtable {
	background-color:#eee;
	border: 1px solid #BBBBBB;
	margin: 0.5em 0 0.5em 0;
}

#content div.calendar table td,
.forum table th,
.forum table td,
table.list th,
table.list td,
table.listtable th,
table.listtable td,
div.box_kids td {
	padding: 0.4em 0.4em 0.2em 0.4em;
	vertical-align:top;
	font-size:0.9em;
	line-height:1.2em;
	text-align:left;
}

.forum table th,
.forum table tfoot td,
table.list th,
table.list tfoot td,
table.listtable th,
table.listtable tfoot td,
table.listtable .tablehead {
	background-color:#FF9900;
	color:#fff;
}

#content table th a,
#content table th a:hover,
#content table tfoot td a,
#content table tfoot td a:hover {
	text-decoration:none;
	color:#fff;
}

#main table th.sorted,
#main table td.sorted,
#main table th.sorted a,
#main table td.sorted a {
	background-color: #9E1612;
}

#main table td.tabletddark {
}

#main table td.bright {
	background-color:#fff;
}

#main table td.bt-row {
	border-top: 1px dotted #BBBBBB;
	background-color: #fff;
	height:20px;
	border-bottom: 1px solid #BBBBBB;
	text-align:right;
	font-size:1em;
}

#main table td.sp-row,
#main table td.t-bt-row,
#main table td.t-sp-row {
	border-top: 1px solid #BBBBBB;
	height:0;
	font-size:0;
}

#main table.list tbody td {
	border-bottom: 1px solid #BBBBBB;	
}

/* BOX */
.homecontent .box_kids { width: 570px;}
#content div.box_kids {
	margin: 0 0 1.6em 0;
	background-color:#eee;
	border: 1px solid #BBBBBB;
}

#main div.box_kids table {
	background-color:transparent;
	border: none;
	margin: 0.5em 0 0.5em 0;
}

#content div.box_kids div.tabArea,
#content div.box_kids .tabContent,
#content div.box_kids div.head,
#content div.box_kids div.content {
	padding: 0.4em 0.4em 0.2em 0.4em;
}

#content div.box_kids div.content,
#content div.box_kids div.link {
	font-size:90%;
}

#content div.box_kids div.link {
	padding-left: 16px;
	text-indent:-16px;
}

#content div.box_kids div.content p input,
#content div.box_kids div.content p textarea {
	width:90%;
}

#content div.box_kids div.tabArea,
#content div.box_kids div.head {
	background-color:#ddd;
	border-bottom: 1px solid #BBBBBB;
	font-weight:bold;
}

#content div.box_kids div.tabArea div.tabHead {
	float:left;
	margin-left:10px;
}

#content div.box_kids div.tabArea { 
	padding-right:10px;
	text-align:right;
}

#content div.box_kids a.tab {
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	background-color: #eee;
	padding: 2px 4px 2px 4px;
	margin-left: 2px;
	position: relative;
	top: 3px;
	text-decoration: none;
}

#content div.box_kids a.tab, 
#content div.box_kids a.tab:visited {
	color:#000000;
}

#content div.box_kids a.tab:hover {
  color: #fff;
  background-color: #b1270c;
}

#content div.box_kids a.tab.activeTab, 
#content div.box_kids a.tab.activeTab:hover, 
#content div.box_kids a.tab.activeTab:visited {
	color:#fff;
	font-weight:bold;
	background-color: #b1270c;
	text-decoration: none;
}

#content div.box_kids table {
	width:100%;
}
 
#content div.box_kids h3 {
	margin: 0.5em 0 0 0;
}

/* needed for js-function FindAndModCSSRule! */
#content div.box_kids .boxlineandbuttonsfoot {
	text-align:right;
	padding: 0.1em 15px 0.1em 0;
	background-color:#ddd;
	border-top: 1px solid #BBBBBB;
	font-size:90%;
}

/* OLD FOLDERTREE */

div.tabletdbright_10 {
	padding: 0.5em 0.5em 0.5em 10px;
}

/* BROWSER */
#content .tablenavigation .trigger,
#content .tablenavigationbottom .trigger {
	float:left;
}

#content .tablenavigation .navigation,
#content .tablenavigationbottom .navigation {
	float:right;
	font-size:0.9em;
}
 
#content td.groupcolumn {
	background-color:#ddd;
}

/**********************
Einfache Variante:
***********************/
.onlineviewbody,
.onlineviewbody #content{
    background-color: #eee;
    line-height: 100%;
}

.onlineviewbody .listtable {
    border-top: 1px solid #9e1612;
    border-left: 1px solid #9e1612;
    border-right: 1px solid #9e1612;

}

.onlineviewbody .tablehead {
	background-image:url(/images/khn/kids/content/back_teamvorstellung_o2w.gif);
	border-bottom: 1px solid #9e1612;
}

.onlineviewbody tr {
	background-color: #fff;	
}

.onlineviewbody .tabletdline {
	border-bottom:1px solid #9e1612;
}


/* FORUM */

#content div.forum {
	float:left;
	margin: 0 0 2em 0;
	width:680px;
}
/*
#content button.forum {
	width:auto;
}*/

#main table td.forummessage {
	font-size:1em;
	line-height:150%;
}

#main table td.shadow,
#main table td.shadow a,
#main table td.shadow div {
	color:#9e1612;
}


#main table td div.tabletextquote,
#main table td blockquote,
#main table td blockquote.tabletextquote,
#main table td i.tabletextquote {
	font-style: italic;
	background-color: #bbb; /*#bbbbbb;	*/
	padding: 2px;
}

#content .forum h1 a {
	text-decoration:none;
	color: #9E1612;
}

#content .forum th.tablehead,
#content .forum td.tablehead,
#content .forum table th,
#content .forum table tfoot td {
	text-align:left;
	font-weight:bold;
}

#content .forum .tableicon {
	margin: 0 0.2em 0.2em 0;
}

#content .forum .infoicon {
	float:right;
	cursor:pointer;
	margin: 0 0 0 0.8em;
}

#content .forum .threadrepeatfields {
	float:right;
	white-space:nowrap;
}

#content .forum .tablenavigation {
}


div.box, 
.positionedlayer,
.forum .newmessage {
	background-color:#eee;
	padding: 0.4em 3px 0.3em 3px;
	border: 1px solid #ddd;	
	z-index:3;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

/* FORUM NEW MESSAGE */

.forum .newmessage {
	margin: 1em 0 1.5em 0;
	font-size:0.9em;
	min-height:300px;
	background-color:#eee;
}

.forum .subject { margin: 0 0 1em 0;}
.forum .subject input { width: 325px;min-height:1.6em;}
#content .forum input.fieldbig { width:664px; }
#content .forum label { 
	margin: 0.8em 0 0.2em 0;
	display:block;
}
#content .forum .newmessage .subject label,
#content .forum .newmessage .rubrik label {
	width:60px;
	float:left;
	margin: 0.3em 0 0.3em 0;
}
#content .forum .newmessage .rubrik select { width: 331px; margin-bottom:1em; }
#content .forum .newmessage .subject .error,
#content .forum .newmessage .rubrik .error {
	margin-left:60px;
}
#content .forum .newmessage .rubrik .error { margin-top: -0.4em;margin-bottom:1em; }
#content .forum .newmessage .forummessage .error {margin-top:0.6em;}
.forum .smiley {
	width: 225px;
	float:right;
	margin: 0 3px 1em 0;
	text-align:left;
}

.forum .smileyfield { 
	width: 225px; 
	background-color:#eee;
	border: 1px solid #ddd;	
	min-height:2em;
}

.forum #all_smileys {
	background-color:#eee;
	border: 1px solid #ddd;
	width: 225px; 
	z-index:10000000;
}

.forum #sel_smileys img,
.forum .listsmiley img {
	margin: 0.2em 0.2em 0 0.2em;
}

.forum #sel_smileys .dropdownimg {
	margin: 0.4em 0.4em 0 0.4em;
}


.forum .newmessage .forummessage {
	clear:both;
}

.forum .newmessage .forummessage .mcewr {
	min-height:305px;
}

.forum .newmessage .forummessage textarea {
	height:300px;
	width:100%;
	margin:0; 
	padding:0;
}

.forum .newmessage .charsleft {
	margin: 0.4em 0.4em 0 0;
	float:left;
	width:200px;
}

.forumsearch .triggers {
	padding-left: 160px;
}
.forum .newmessage .triggers,
.quickpoll .triggers {
	text-align:right;
	margin: 0.4em 0.1em 0.4em 0;
}

.forum .signature,
.forum .rolesignature {
	font-size:85%;
	line-height:130%;
}

.forum td div.agent {
	margin: 0.4em 0 0.2em 0;
	text-indent: -32px; 
	padding: 3px 5px 0px 26px;
	font-size:90%;
	line-height:130%;
}

.quickpoll div.triggers button, 
.forum td button, 
table.list button,
div.boxlineandbuttonsfoot button,
.uh-capacitystatus button {
	margin-left: 0.8em;
	margin-right: 0;
	white-space:nowrap;
}

.forum .trigger button,
#content .tablenavigation .trigger button,
#content .tablenavigationbottom .trigger button,
#content .editorwrapper button,
#content .viewmessage button,
#content .calendar .triggers button {
	margin-right: 0.8em;
}

/* FORUM DEP-STYLES */

#content h3.cat { margin: 0 0 0.8em 0;}
#content h4.tophead { margin: 0.8em 0 1.6em 0;}

/**********************************************
	ProfilView Overwrite of all.css
**********************************************/

#content .online {
	color:#b1270c; 
} 

#content .dottedline {
	background-image:none;
	border-bottom: 1px solid #f90;
	text-align: right;
	padding: 6px 9px 0em 0.3em;
}

#content div.profilsummary {
	margin: 10px 0 0 0;
}

#content div.profilsummary table#profilsummary {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;	
	background-color: #eee;
}

#content div.profilsummary table#profilsummary th {
	border-right: 1px solid #BBBBBB;	
	background-color: #ddd;
	text-align:left;
	padding: 2px 3px 2px 3px;
	font-weight:normal;
}

#content div.profilsummary table#profilsummary td {
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	padding: 2px 3px 2px 3px;
}

#content div#tab_persdata_content table {
	width: 90%;
}

/* added by triz */
.profilebody h1 {
  line-height: 110%;
  margin-top: -10px;
}

.profilebody h4.tophead {
  display:none;
}


.profilebody #content div.box_kids {
  background-color: #fff;
  border:none;
}

.profilebody #content div.box_kids div.tabArea {
  border-bottom: 1px solid #dddddd;
  padding-left: 0px;
  font-weight: normal;
  background-color:transparent;
}

.profilebody #content div.box_kids .tabContentWrapper {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}


.profilebody #content div.box_kids a.tab {
  background-color: #d4d4d4;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  position: relative;
  top: 3px; /**koennten auch 4 sein, nochmal pruefen!**/
  left: 14px;
  font-weight: normal;
}

.profilebody #content div.box_kids a.tab:active,
.profilebody #content div.box_kids a.tab:hover {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #9e1612;
  
}
.profilebody #content div.box_kids a.tab.activeTab, 
.profilebody #content div.box_kids a.tab.activeTab:hover, 
.profilebody #content div.box_kids a.tab.activeTab:visited {
	color:#9e1612;
	font-weight:normal;
	background-color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.profilebody #content div.box_kids .boxlineandbuttonsfoot {
  background-color: #fff;
  border: none;
}


.profilebody #content div.box_kids td {
  line-height: 110%;
  padding: 3px;
}

.profilebody #content div.box_kids .tabContent {
  line-height: 100%
}

.profiledatawrapper {
	float:left;
	width:425px;
}

/**********************************************
	Auto Completer Overwrite of all.css
**********************************************/
div.acwr {
	background-color: #fff;
	border: none;
	padding: 3px 7px 3px 0px;
	font-size: 90%;
	line-height: 110%;  
}

#content input.lens {
	background-image: url(/images_admin/interface/lens.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 21px;
	width:350px !important;
}

div.auto_complete {
	width:198px;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	background-color: #eee;
	margin:0px;
	padding:0px;
	height:300px;
	overflow:auto;
	font-size:90%;
}

#content ul.auto_complete li.selected { background-color: #b1270c; color:#fff; display:block; }

/**********************************************
	Chat
**********************************************/

#content .editorwrapper #setE select#group { width: 306px;margin-right:0.8em;}
#content .editorwrapper #setE  select#recipientgroupaction { width: 120px;}
#content .editorwrapper #setE #recipients {
	width:630px !important;
	height: 100px;
	max-height: 200px;
	overflow:auto;
	margin-top:5px;
	padding: 3px;
	border: 1px solid #d4d4d4;
}

/**********************************************
	User Messages
**********************************************/

#content .usermessages .folders {
	float:left;
	width:120px;
	margin: 0 20px 0 0;
	padding: 0;
	font-size:90%;
}

#content .folder {
	padding: 0.25em 0em 0em 18px;
	text-indent:-18px;
}

#content .usermessages .folder {
	background-image:none !important;
}

#content .folder a.active {
	color:#b1270c;
}

#content .folder input.radiobutton {
	margin-right:3px;
}

#content .folders label {
	margin: 1em 0em 0em 0em;
	padding: 0.2em 0em 0em 0em;
	display:block;
}

#content .usermessages .messages {
	float:left;
	width:530px;
}

#content .usermessages .folders button {
	margin-right:0.4em;
}

#content .message td {
	vertical-align:top;
	padding: 0.2em 0 0.2em 0;
}
#content .message table {
	margin: 0 0 1em 0;
}
#content .message td.description {
	width:120px !important;
	color: #555555;
	font-size:90%;
}
table.messageheader {
	width:100% !important;
}

#content .messages #recipients {
	width:auto !important;
	border:1px solid #bbbbbb;
}

#content .messages input.lens { width: 471px !important;}
#content .editorwrapper #recipients { width:489px !important; }
#content select#recipientgroup { width: 306px;margin-right:0.8em;}
#content select#recipientgroupaction { width: 120px;}
#content select#recipientgroup,
#content select#recipientchooser {
	margin-top: 5px;
}

#content .message .body {
	background-color:#fff;
	padding: 0.2em;
}

a.msg-read {
	color:green;
}

/* inline dropdown button */

.inline-btn-wrap {
	float:left;
	margin:0;
	padding:0;
	line-height:0px;	
	margin-right:0.8em;
}

.x-inline-btn {
	display:inline;
	margin:0;
	padding:0;
	line-height:0px;
}

.x-inline-btn tbody,
.x-inline-btn tr,
.x-inline-btn td {
	margin:0;
	padding:0;
	line-height:0px;	
}

.x-inline-btn td {
	margin:0;
	padding:0;
	line-height:0px;
}

.x-inline-btn .x-btn-left {
	display:none;
}
.x-inline-btn .x-btn-right {
	display:none;
}
.x-inline-btn .x-btn-center {
	background-image:none;
	background-color: #b1270c;
	background-image: url(/images/khn/kids/framework/button.jpg);
	background-repeat: repeat-x;
	background-position: left 0;	
}

.x-inline-btn .x-btn-center em {
	margin:0;
	padding:0;
	line-height:0px;
	background: transparent url(/images/khn/kids/framework/btn-arrow.gif) no-repeat scroll right 0;
}



/**********************************************
	Browser Styles
**********************************************/

#content .list td.dark {
	background-color: #fff;
}

/**********************************************
	Chat
**********************************************/

#content #chatroomname {
	font-weight: bold;
	padding: 10px 5px 0px 5px
}

#content #chatoom_operations {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

#content .chatternick { 
	font-weight: bold;
	margin: 8px 4px 0px 0px;
}

#content .chatrooms { 
	margin: 4px 8px 0px 0px;
}

#content .chat_operations {
	margin: 16px 4px 0px 0px
}

#content .chattext {

}

#content .privatemessage {
	background-color: #ff9900; 
}

#content .privatemessagetoall {
	background-color: #9e1612;
	color:#fff;
}

#content .chattext pre {
	font-size:100%;
	line-height:100%;
	margin:0px;
	padding:0px;
	color: #9E1612;
}

#content .systemmessage {
	font-style: italic;
}

#content .time {
	font-style: normal;
}

#content a.chat_button_img,
#content a.chat_button_img:link,
#content a.chat_button_img:hover,
#content a.chat_button_img:visited,
#content a.chat_button_img:active {  
	margin: 0px 4px 0px 0px;
} 

#content a.chat_button,
#content a.chat_button:link { 
	margin: 4px 4px 4px 0px;
	background-color: #878787; 
	color: #eeeeee;
	padding: 2px; 
	border: 1px solid #9E1612;
	text-decoration: none;
	line-height:200%;
}

#content a.chat_button:hover { 
	margin: 4px 4px 4px 0px;
	background-color: #eeeeee; 
	color: #878787;
	padding: 2px; 
	border: 1px solid #9E1612;
	text-decoration: none;
}

#content a.chat_button:visited,
#content a.chat_button:active {
	margin: 4px 4px 0px 0px;
	background-color: #878787; 
	color: #eeeeee;
	padding: 2px; 
	border: 1px solid #9E1612;
	text-decoration: none;
}
				
#content .chatter_box {
	margin: 0px;
	/*border-top: 1px solid #ff9900;*/
}

#content #local_chatters_title{
	padding: 0px 0px 0px 10px
}



#content #see_count_chatters {
	color: #000;
}

#content .local_chatters {
	margin: 0px;
	padding:0px;
}

#content .local_chatters table {
	font-size: 90%;
	line-height: 150%;
}

#content .local_chatters table td.icon {
	padding: 0px 0px 0px 0px;
	width:10px;
}

#content .local_chatters table td.displaynick {
	padding: 0px 0px 0px 5px;
	width:90%;
}


#content tr.pmhighlight {
	background-color: #cccccc;
}

#content #userlistbox {
	margin: 0px 5px 0px 5px;
	background-color:transparent;
	border: none;
}

#userlistbox .tabContent,
#userlistboxcontent table td {
	font-size:0.9em;
	line-height:150%;
}
#userlistboxcontent table td input {
	margin-top:0.45em;
}

#editchat button {
	margin-top:5px;
}
#js_moderator {
	margin:0.45em 5px 0px 0px;
}

#content #userlistbox div.userlistboxbottomleft {
	padding: 0px;
	border-bottom: 1px solid #9E1612;
	margin:5px 0px 0px 0px;
}

#content #user_operations {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
}
#content #chat_operations {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
}

#content .idle {
	color: #d4d4d4;
}

#content #timer {
	margin: 20px 4px 4px 0px
}


/**********************************************
	Chat Termin
**********************************************/


#content div.calendar p.type,
#content div.calendar p.leader,
#content div.calendar p.title,
#content div.calendar p.info,
#content div.calendar p.date {
/*	margin: 0 0 12px 0; */
}

#content div.calendar p.datetime {
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}

#content div.calendar span.type {
	float:right;
	font-weight: normal;
}

#content div.calendar h2.title {
	font-weight: bold;
	margin: 0px 0px 1em 0px;
}

#content div.calendar div.triggers {
	margin: 1em 0 2em 0;
}

#content div.calendar table.chatdata {
	width:100%;
}


/**********************************************
	Chat Calendar
**********************************************/

#content div.calendarsheetwrapper {
	visibility: visible;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 0 15px;
}

#content div.calendarsheetwrapper table.calendarsheet {
	margin: 0 0 1em 0;
	width: 180px;
}

#content div.calendarsheetwrapper table.calendarsheet a.calendar_day,
#content div.calendarsheetwrapper table.calendarsheet a.calendar_day:hover,
#content div.calendarsheetwrapper table.calendarsheet a.calendar_day:visited,
#content div.calendarsheetwrapper table.calendarsheet a.calendar_dayclick,
#content div.calendarsheetwrapper table.calendarsheet a.calendar_dayclick:hover
#content div.calendarsheetwrapper table.calendarsheet a.calendar_dayclick:visited {
	text-decoration: none;
}

#content div.calendarsheetwrapper table.calendarsheet .event a.calendar_day,
#content div.calendarsheetwrapper table.calendarsheet .event a.calendar_day:hover,
#content div.calendarsheetwrapper table.calendarsheet .event a.calendar_day:visited,
#content div.calendarsheetwrapper table.calendarsheet a.calendar_dayclick,
#content div.calendarsheetwrapper table.calendarsheet a.calendar_dayclick:hover
#content div.calendarsheetwrapper table.calendarsheet a.calendar_dayclick:visited {
	color: #b1270c;
}


#content div.calendarsheetwrapper table.calendarsheet th,
#content div.calendarsheetwrapper table.calendarsheet td {
	font-size: 0.9em !important;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #BBBBBB;
}

#content div.calendarsheetwrapper table.calendarsheet td span {
	line-height: 11px;
}

#content div.calendarsheetwrapper table.calendarsheet td.event {
	background-color: #ffa900;
}

#content div.calendarsheetwrapper table.calendarsheet td.today {
	background-color: #ffa900;
	font-weight:bold;
}

#content div.calendarsheetwrapper table.calendarsheet td.day_before_today span {
	color: #545454;
}

#content div.calendarsheetwrapper table.calendarsheet td.monthyear {
	background-color: #ddd;
	text-align: left;
	padding: 2px 2px 2px 5px;
	border-top: 0 none;
	white-space: nowrap;
}

#content div.calendarsheetwrapper table.calendarsheet td.monthyear img.arrow {
	margin-right: 4px;
}

#content div.calendarsheetwrapper table.calendarsheet .month, 
#content div.calendarsheetwrapper table.calendarsheet .year {
	letter-spacing: 1px;
}

#content div.calendarsheetwrapper table.calendarsheet .sunday,
div.calendarsheetwrapper table.calendarsheet .month {
	font-weight: bold;
}



/*******************************************************
 *******************************************************
 
	CALENDAR EVENT
 
 *******************************************************
 *******************************************************/


#content div.calendarevent p.crosshead {
	color: #262626;
	margin: 0 0 0 0;
}

#content div.calendarevent p.issue {
	font-size: 11px;
	color: #007CAB;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

#content div.calendarevent p.issue a,
#content div.calendarevent p.issue a:visited {
	color: #007CAB;
	text-decoration: none;
}

#content div.calendarevent p.issue a:hover {
	color: #007CAB;
	text-decoration: underline;
}

#content div.calendarevent p.type {
	margin: 0 0 0 0;
	font-weight: bold;
}

#content div.calendarevent p.date {
	font-weight: bold;
	margin: 0 0 0 0;
}

#content div.calendarevent p.time {
	margin: 0 0 8px 0;
	font-style: italic;
}

#content div.calendarevent div.shortinfo {
	margin: 0 0 8px 0;
}

#content div.calendarevent div.info a,
#content div.calendarevent div.info a:visited {
	color: #007CAB;
	text-decoration: none;
}

#content div.calendarevent div.info a:hover {
	color: #007CAB;
	text-decoration: underline;
}


/**********************************************
	UserHome
**********************************************/


#content .thementeaser {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  float: left;
  margin: 5px 10px 5px 10px;
  width: 190px;
  padding: 0;
  line-height: 105%;
  height: 170px;
  overflow:hidden;
}

#content .thementeaser h5 { margin:0;background-color: #ff9900;padding:2px;}
#content .thementeaser h5 a {color:white; font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, "News Gothic MT", "Trebuchet MS", sans-serif; }
#content .thementeaser h5,
#content .thementeaser .teasertext {padding: 5px;}
#main .thementeaser a.subject { margin: 0.25em 0 0.25em 0; display:block;}
#main .owner a,
.owner,
#main .lastreply a,
.lastreply { 
	color: #545454; 
}
.owner { margin-bottom:3px;}
.delobj {float:right;margin-left:5px;cursor:pointer;}
#main .thementeaser a {
  text-decoration:none;
}

div.uh-councelling,
div.uh-chats,
div.uh-kwbase,
div.uh-controlling {
	margin-top:2em;
}

div.uh-content {
	padding: 5px;
	border: 1px solid #bbb;
	background-color: #eee;	
}

.noback div.uh-content {
	background-color: #fff;	
	padding: 0;
}

.noback div.uh-content.noitems { padding: 5px; }

.noback div.uh-content .headline {
	background-color:#FF9900;
	padding: 5px;
	color:white; 
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, "News Gothic MT", "Trebuchet MS", sans-serif; 
	xtext-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
}
#content .noback div.uh-content .headline a {
	color:white; 
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, "News Gothic MT", "Trebuchet MS", sans-serif; 
	text-decoration:none;
	xtext-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
}

#content .uh-appointments div.triggers { margin: 1em 0 1em 0; }
#content .uh-appointments .appointment {
	padding: 5px;
	border: 1px solid #ddd;
	color:#fff;
}

#content .uh-content .del-row {
	float:right;
	margin: 3px 5px 0 5px;
	border:none;
	cursor:pointer;
}

#content .uh-content .title {
	font-weight:bold;
}
#content .uh-content .changereason {
	font-style:italic;
}

#content .uh-controlling-object div.triggers { float:right; } 
#content .uh-controlling div.triggers { text-align:right;margin: 0.2em 0 0.1em 0; }
#content .uh-controlling div.triggers button { margin-left: 0.8em; }
#content .uh-footer { margin: 1em 0 0 0; }


/* Watch */ 
#content .message.protected,
#content .message.protected a,
#content .message.protected div {
	color:#9e1612;
}

#content ul.watch { margin 5px 0; }
#content ul.watch li { 
	list-style-type: none;
	padding: 5px 5px 3px 25px;
	margin: 0 0 1px 0;
}
#content ul.watch li:last-child {
	margin-bottom:0;
}
#content ul.watch li.teamer {
	background-color: #eee;	
}

#content ul.watch li img { cursor:pointer;vertical-align:middle;margin: -1px 3px 0 3px; }
#content .uh-content img.tableicon { margin: 3px 5px 0 0; }

/**********************************************
	Tabs
**********************************************/

#content .tabsboxleft h2 {
	margin: 2em 0 0em 0;
	font-weight:bold;
}

#content .tabs {
  position: relative;
  top: 8px;
  width: 670px;
  height: 20px;
  font-size: 0.9em;
  z-index:2;
}

#content ul.reiter {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
  position: absolute;
  bottom:-2px;
}

#content ul.reiter li {
  display: inline;
  list-style-type: none;
  font-size: 98%;
  margin: 0 1px 0 0;
}

#content ul.reiter a:hover {
	background: #f90;
	color: #000!important;
}

#content ul.reiter li {
	padding: 3px 4px 3px 4px;
	border: 1px solid #ddd;
	background-color: #ccc;
	color: #000;
	border-bottom: none;
	text-decoration: none;
	cursor:pointer;
}

#content ul.reiter li:hover {
	background-color: #eee;
}

#content ul.reiter li.active {
  padding: 3px 4px 4px 4px; 
  background-color: #eee !important; 
  border: 1px solid #ddd;
  border-bottom: none;
  margin: 0px; 
  color: #000;
}

div.tabsboxleft .tabcontent {
  width: 670px;
  xheight: 180px; 
  height: 360px; 
  padding: 5px;
  border: 1px solid #ddd;
  overflow:auto;
  margin-top:10px;
  position:relative;
  background-color: #eee;
}


/**********************************************
	QUICKPOLL
**********************************************/

#content div.box_kids table.quickpoll { width:auto;}
.homecontent table.quickpoll tr td,
table.quickpoll tr td {
	width:auto;
}

.homecontent table.quickpoll tr td td,
table.quickpoll tr td td {
	width:auto;
}

/**********************************************
	UserProfilView
**********************************************/

div.boxlineandbuttonsfoot .right label { display:none; }
div.boxlineandbuttonsfoot .right {
}

#content div.journaleditor .dottedline,
#content div#journals .dottedline {
	border-bottom: 0px solid #f90;
	padding: 0;
}

div.journalmessage {
	margin-bottom: 1em;
}

div#tab_messager_content input,
div#tab_messager_content select,
div#tab_messager_content textarea,
div.journaleditor input,
div.journaleditor select,
div.journaleditor textarea {
	margin-bottom: 0.4em;
}

/* needed for js-function FindAndModCSSRule! */
#content div.box_kids .tabContent {

}

div.userprofil .tabContentWrapper {
	position:relative;
}

.capacity-green,
.tcs1,
a.tcs1 { color:green; }

.capacity-yellow,
.tcs2,
a.tcs2 { color:#ffa900; }

.capacity-red,
.tcs3,
a.tcs3 { color:red; }

#main .leftmenu a.tcs1,
#main .leftmenu a.tcs2,
#main .leftmenu a.tcs3 {
	color:black;
}

.capacity-black,
.tcs4,
#main .leftmenu a.tcs4,
a.tcs4 { color:black; text-decoration:line-through;}

.status-message { font-style:italic;}


/**********************************************
	X-Cal
**********************************************/


.x-cal-nav {
	padding: 3px 0.1em 0 0.25em;
}

.x-cal-nav img {
	vertical-align: middle;
	margin: 0em 0.4em 0em 0em;
}

.x-cal-nav select {
	margin: 0em 0.4em 0em 0em;
	display:inline;
	vertical-align: middle;
	border: 1px solid #545454;
}

.x-cal-nav div.calendarsheetnav {
	vertical-align: middle;
}


.cal-flow-y { overflow:auto; overflow-x:hidden;background-color:#fff;}
.cal-flow-y table.monat { background-color:#fff;}

.x-cal-content table th,
.x-cal-content table td {
	vertical-align:top;
}

.x-window .x-cal-content table {
	width:100%;
	border-left:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
}
.x-cal-content table th {
	font-weight:bold;
	width:15%;
	border-bottom:1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	vertical-align:middle;
	height:20px;
}

.x-cal-content th.wochentag {
	text-align: center;
	background: #DBDBDB url(/javascripts/ext/resources/images/gray/tabs/tab-strip-bg.gif) repeat-x scroll left top;
}

.x-cal-content tbody td,
.x-cal-content td {
	width:15%;
	border-right: 1px solid #EDEDED;
	min-height:100px;
	padding: 0px 0px 0px 0px;
}

.x-cal-content td.termin {
	background-color: #a6ff00;
}

.x-cal-content td.day_before_today {
	/*filter:alpha(opacity=60); 
	-moz-opacity:0.6;
	opacity:0.6;	*/
}

.x-cal-content td.today {
	background-color: #f90;
}

.x-cal-content img.minheight {
	float:right;
}

.x-cal-content a.sunday,
.x-cal-content a.sunday:link,
.x-cal-content a.sunday:visited,
.x-cal-content a.sunday:hover,
.x-cal-content a.sunday:active { 
	color:red;
}

.x-cal-content div.day {
	margin: 0;
	text-align:right;
	background-color: #EDEDED;
	padding: 0.1em;
	background: #DBDBDB url(/javascripts/ext/resources/images/gray/tabs/tab-strip-bg.gif) repeat-x scroll left top;
}


.x-cal-content div.day a,
.x-cal-content div.day a:link,
.x-cal-content div.day a:visited,
.x-cal-content div.day a:hover,
.x-cal-content div.day a:active {
	color: #000;
	text-decoration: none;
}


.x-cal-content table.monat div.appwr,
.x-cal-content table.woche div.appwr {
	position:relative;
}

.x-cal-content table.monat div.appointment,
.x-cal-content table.woche div.appointment {
	position:relative;
	font-size: 10px;
	text-align:left;
	color: #ffffff;
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}

.x-cal-content table.monat div.appointment div.idiv,
.x-cal-content table.woche div.appointment div.idiv {
	color: #ffffff;
	font-size: 10px;
	white-space: nowrap;
	overflow:hidden;
	text-align:left;
	padding: 1px;
}

.x-cal-content table.woche div.appointment div.idiv {
	color: #ffffff;
	font-size: 10px;
	text-align:left;
	overflow:hidden;
	padding: 1px;
	/*border: 3px solid #ffffff;*/
}

.x-cal-content div.weekdivider {
	position:absolute;
	border-bottom: 1px dotted #263319;
	
}

.x-cal-content div.appointment a,
.x-cal-content div.appointment a:link,
.x-cal-content div.appointment a:visited,
.x-cal-content div.appointment a:hover,
.x-cal-content div.appointment a:active {
	color: #ffffff;
	text-decoration: none;
}

.x-cal-content div.Feiertag {
	font-weight:bold;
}

ul.x-cal-ul {
	list-style-type: square;
	list-style-position: outside; 
}

ul.x-cal-ul li { 
	font-size: 12px; 
	margin-bottom: 0.1em;
	margin-left:15px;
	
}

/**********************************************
	BLOG
**********************************************/

.blog .mcewr {
	height:405px;
	width:676px;
}

.blog .wc-mce-wr {
	background-color:#eee;
	xpadding: 0 1px 0 1px;
	border-left: 1px solid #ddd;	
	border-right: 1px solid #ddd;	
	border-top: 1px solid #ddd;	
	width:678px;
}

#content .blog .MCEditor,
.blog textarea {
	height:400px;
	width:676px;
	margin:0; 
	padding:0;
}

.blog select.width-full { width:680px; }

.blog .wc-images,
.blog .wc-separator {
	border-top: 1px solid #ffa900;
	margin-top:15px;
}

.blog .owner {
	margin-top:10px;
}

.blog .blogfoto,
.blog .blogfotos {
	float:right;
	width:100px;
	margin-left:25px;
	margin-bottom:10px;
}

.blog .blogfotos {
	width:224px;
	background-color:#eeeeee;
	border: 1px solid #D4D4D4;
}

.blog .blogfotos img {
	float:left;
	margin: 5px;
	border: 1px solid #ffffff;
}

.blog button.setting {
	margin-left:0.8em;
}

.blog .wc-images .swf-singleimage-wr {
	float:left;
	width:100px;
	margin: 0 16px 0 0;
}

.blogcontent {
	margin: 15px 0 20px 0;
}

.wcbox {
  float: left;
  width: 189px;
  
  min-height: 90px;
  overflow:visible;
  margin-top: 10px;
  margin-right: 40px;
  border-top: 1px solid #ff9900;
  border-left: 1px solid #ff9900;
  padding: 5px;
}

* html .wcbox {
	height:90;
}

.wc_chooser {
  border-top: 1px solid #ff9900;
  border-left: 1px solid #ff9900;
  padding: 5px;
  margin-bottom: 25px;
}

/**********************************************
	SWFUpload	
**********************************************/


#content .swf-singleimage {
	margin: 0 0 5px 0;
}

#content .swf-singleimage .swftargetimgwr {
	margin: 0 0 5px 0;
	position:relative;
}

#content .swf-singleimage .swfdelimg {
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
}

#content .swf-singleimage img {
	margin:0 0 0 0;
}

#content .swf-singleimage h3.legend {
	margin:0;
}

#content .swf-singleimage .swfstatus {
	
}

#content .swf-singleimage .swfprogresswr {
	position:relative;
}

#content .swf-singleimage .progressWrapper {
	overflow: hidden;
}

#content .swf-singleimage .progressContainer {
	padding: 4px;
	border: solid 1px #ccc;
	background-color: #fff;
	overflow: hidden;
	position:absolute;
	top:-55px;
	height:40px;
	font-size:10px;
}

/* Error */
#content .swf-singleimage .red {

}

/* Current */
#content .swf-singleimage .green {
	border: solid 1px #ccc;
}

/* Complete */
#content .swf-singleimage .blue {
	border: solid 1px #ccc;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #000;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 7px;
	background-color: #000;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: #000;
	visibility: hidden;
	color: #fff;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
	color: #fff;
}

.progressBarStatus {
	margin-top: 2px;
	text-align: left;
	white-space: nowrap;
	color: #000;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/buttons/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
	color: #000;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

 
/**********************************************
	CSS3
**********************************************/

#main .login button,
#content input.submit, 
#content button, 
#content .editorwrapper fieldset legend,
#content .usermessages fieldset legend,
#content .message td.description,
#content table th a,
#content table th a:hover,
#content table tfoot td a,
#content table tfoot td a:hover,
#content h1,
#content h2,
#content h2.bold {
	font-family:"Century Gothic","Avant Garde","Avant Garde Gothic",Avantgarde,"News Gothic MT","Trebuchet MS",Helvetica,Arial,sans-serif;
}

.profilebody #content div.box_kids a.tab.activeTab, 
.profilebody #content div.box_kids a.tab.activeTab:hover, 
.profilebody #content div.box_kids a.tab.activeTab:visited {
	background:-moz-linear-gradient(top, #ffffff, #ffffff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Safari, Chrome */
}

.profilebody #content div.box_kids a.tab,
#content ul.reiter li,
.gradiant-wg-n {
	background:-moz-linear-gradient(top, #d4d4d4, #ffffff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#ffffff)); /* Safari, Chrome */
}

#content .editorwrapper fieldset,
#content .usermessages fieldset,
.forum .newmessage,
div.kids_big_box {
	background:-moz-linear-gradient(top, #f2f2f2, #d4d4d4); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#d9d9d9)); /* Safari, Chrome */
}

#content .editorwrapper fieldset legend,
#content .usermessages fieldset legend,
#content div.calendarsheetwrapper table.calendarsheet td.monthyear,
#content div.calendarsheetwrapper table.calendarsheet, 
table.chatdata,
.positionedlayer,
#content ul.reiter li:hover,
#content ul.reiter li.active,
div.tabsboxleft .tabcontent,
div.uh-councelling div.uh-content,
div.uh-chats div.uh-content,
div.uh-kwbase div.uh-content,
.uh-capacitystatus div.uh-content,
.tagcloud,
.mission_message,
#content div.box_kids,
#content div.box_kids div.tabArea,
#content div.box_kids div.head,
.gradiant-wg-s {
	background:-moz-linear-gradient(top, #ffffff, #EEEEEE); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EEEEEE)); /* Safari, Chrome */
}

#content div.box_kids div.tabArea,
#content div.box_kids div.head,
.textshadow-up {
	text-shadow: #f1f1f1 0px -1px 0px;
	filter:dropshadow(color:#f1f1f1, offx=0, offy=-1);
}

/* shadow down - dark */
#content .message td.description,
#content .editorwrapper fieldset legend,
#content .usermessages fieldset legend,
#content h1,
#content h2,
#content h2.bold,
.textshadow-down {
	text-shadow: #f1f1f1 0px 1px 0px;
	filter:dropshadow(color:#f1f1f1, offx=0, offy=1);
}

/* shadow up - dark */
.stexthdaow-up {
	text-shadow: #808080 0px -1px 0px;
	filter:dropshadow(color:#808080, offx=0, offy=-1);
}

/* runde ecken */
rounded-corners { 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; 
}

.rounded-corners-bottom {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 
}

#content .messages #recipients,
#content .message .body,
.uh-capacitystatus div.uh-content,
#content div.calendarsheetwrapper table.calendarsheet, 
table.chatdata,
div.tabsboxleft .tabcontent,
div.uh-councelling div.uh-content,
div.uh-chats div.uh-content,
div.uh-kwbase div.uh-content,
.tagcloud,
.mission_message,
#content div.box_kids,
div.appointment,
.positionedlayer,
table.list, 
table.listtable,
table.listitems,
.uh-content-wrapper,
.light-boxshadow {
	-moz-box-shadow: 0 1px 3px 1px #d5d5d5;
	-webkit-box-shadow: 0 1px 3px 1px #d5d5d5;
	box-shadow: 0 1px 3px 1px #d5d5d5;
} 


/**********************************************
	RATING
**********************************************/

/* Stars */
.ux-rating-reset,
.ux-rating-star {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}
.ux-rating-reset,
.ux-rating-reset a {
	background:url(/images/icons/delete.gif) no-repeat 0 -16px
}
.ux-rating-star,
.ux-rating-star a {
	background:url(/images/icons/star.gif) no-repeat 0 0px
}
.ux-rating-reset a,
.ux-rating-star a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px
}
.ux-rating-star-on a {
	background-position:0 -16px!important
}
.ux-rating-star-hover a {
	background-position:0 -32px
}
.ux-rating-reset-hover a {
	background-position:0 -16px
}
.ux-rating-disabled a {
	cursor:default !important
}
.ux-rating-star {
	background:transparent!important;
	overflow:hidden!important
}

.ext-ie .ux-rating-clearfix {
    zoom: 1;
}
.ux-rating-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ux-rating-pretext {
	float:left;
	margin:0 0.4em 0 0;
}

#content .ux-rating-aftertext {
	float:left;
	margin:0 0 0 0.4em;
	color:#737373;
}

/**********************************************
	LIGHTBOX
**********************************************/


#ux-lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 15000;
    text-align: center;
    line-height: 0;
}

#ux-lightbox img {
    width: auto;
    height: auto;
}

#ux-lightbox a img {
    border: none;
}

#ux-lightbox-outerImageContainer {
    position: relative;
    background-color: #f3efec;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#ux-lightbox-imageContainer {
    padding: 10px;
}

#ux-lightbox-loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(/javascripts/ext/plugins/lightbox/images/lb-load.gif) no-repeat center 15%;
}

#ux-lightbox-hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#ux-lightbox-imageContainer > #ux-lightbox-hoverNav {
    left: 0;
}

#ux-lightbox-hoverNav a{
    outline: none;
}

#ux-lightbox-navPrev,
#ux-lightbox-navNext {
    width: 49%;
    height: 100%;
    background-image: url(/images/spacer.gif); /* Trick IE into showing hover url(data:image/gif;base64,AAAA) */
    display: block;
}

#ux-lightbox-navPrev { left: 0; float: left;}
#ux-lightbox-navNext { right: 0; float: right;}
#ux-lightbox-navPrev:hover, #ux-lightbox-navPrev:visited:hover { background: url(/javascripts/ext/plugins/lightbox/images/lb-prev.png) left 33% no-repeat; }
#ux-lightbox-navNext:hover, #ux-lightbox-navNext:visited:hover { background: url(/javascripts/ext/plugins/lightbox/images/lb-next.png) right 33% no-repeat; }

#ux-lightbox-outerDataContainer {
    margin: 0 auto;
    width: 100%;
}

#ux-lightbox-dataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #f3efec;
    overflow: auto;
    line-height: 1.4em;
}

#ux-lightbox-data{	padding:0 10px; color: #666; }
#ux-lightbox-data #ux-lightbox-details{ width: 80%; float: left; text-align: left; }
#ux-lightbox-data #ux-lightbox-caption{ font-weight: bold;	}
#ux-lightbox-data #ux-lightbox-imageNumber{ display: block; clear: left; padding-bottom: 1.0em;	}
#ux-lightbox-data #ux-lightbox-navClose{ background: url(/javascripts/ext/plugins/lightbox/images/lb-close.gif) no-repeat; width: 66px; height: 22px; float: right;  padding-bottom: 0.7em; outline: none;}
#ux-lightbox-data #ux-lightbox-navClose:hover{ background-image: url(/javascripts/ext/plugins/lightbox/images/lb-close-over.gif);}

#ux-lightbox-overlay,
#ux-lightbox-shim{
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 14999;
    width: 100%;
    height: 500px;
    background-color: #000;
    padding: 0;
    margin: 0;
}

#ux-lightbox-shim {
    z-index: 89;
    background-color: transparent;
}


/**********************************************
	X
**********************************************/


/* Text */
.x-strong {
	font-weight:bold;
}

.expander-wr {
	margin: 3px 0 3px 6px;
	font-style: oblique;
}

.expander-wr div {
	margin: 3px 0 3px 0;
	font-style: normal;
}

.expander-wr .expander-content {
	
}


.x-layer {
	border: 1px solid #ddd;
}


.x-local {
	text-align:left;
}


/* mask */
.ext-el-mask {
    background-color: #000000;
}
.ext-el-mask-msg {
    border:1px solid #444444;
    background: #666666;
}
.ext-el-mask-msg div {
    border:1px solid #888888;
}


.x-window {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border:5px solid #ffa900;
	background-color:#fff;
}



/* Ghosting */
.x-panel-ghost {
    background:#363636;
}

.x-panel-ghost ul {
    border-color:#000000;
}


/* icons */
.x-accept-ico {
    background-image:url(/javascripts/ext/plugins/img/silk/icons/accept.png) !important;	
}

.x-content-ico {
    background-image:url(/javascripts/ext/plugins/img/silk/icons/comment.png) !important;	
}

/* window */

.winmsg {
	padding: 0.5em;
}

/* header */

.x-window table {
	border: 0;
	margin: 0;
	background-color:transparent;
}

.x-local .x-window-tl .x-window-header {
    color:#eeeef0;
}
.x-local .x-window-tc {
	background-image:none;
	background-color:#b1270c;
}
.x-local .x-window-tl {
	background-image:none;
	background-color:#b1270c;
}
.x-local .x-window-tr {
	background-image:none;
	background-color:#b1270c;
}

/* bbar */ 
.x-local .x-window-bc {
	background-image:none;
	background-color:#b1270c;
}
.x-local .x-window-bl {
	background-image:none;
	background-color:#b1270c;
}
.x-local .x-window-br {
	background-color:#b1270c;
	background-image:none;
}
.x-local .x-window-mc {
    border:1px solid #333333;
    background-color:#fff;
    color: #000;
    
}

/* body */
.x-local .x-window-ml {
	background-image:none;
	background-color:#b1270c;
}
.x-local .x-window-mr {
	background-image:none;
	background-color:#b1270c;
}

.x-local .x-panel-ghost .x-window-tl {
    border-color:#000000;
}
.x-local .x-panel-collapsed .x-window-tl {
    border-color:#000000;
}

.x-local .x-window-mc {
    color: #000;
 	background-color:#fff;
    border-left:1px solid #555555;
    border-top:1px solid #555555;
    border-bottom:1px solid #333333;
    border-right:1px solid #333333;
}

.x-local .x-window-body {
    border-left:0px solid #555555;
    border-top:0px solid #555555;
    border-bottom:0px solid #333333;
    border-right:0px solid #333333;
    /*background:transparent !important;*/
    background-color:#fff;
}



/* Tools  */
.x-local .x-tool {
}

body.x-body-masked .x-local .x-window-mc, body.x-body-masked .x-local .x-window-mc {
    color: #000;
    background-color: #fff;
}

.x-local .ext-mb-input {
	border: 1px solid #333333;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px 2px 4px 2px;
}

.x-local .ext-mb-info{background:transparent url(/javascripts/ext/resources/images/black/window/icon-info.png) no-repeat top left !important;}


/* Buttons */
.x-local .x-btn {
	/*width: auto !important;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;*/
}

.x-local .x-toolbar .x-btn {}

.x-local .x-statusbar .x-btn,
.x-local .x-toolbar .x-local-bt .x-btn,
.x-local .x-panel-btns .x-btn {
	background-color: transparent;
	background-image: url(/images/khn/kids/framework/button.jpg);
	background-repeat: repeat-x;
	background-position: left 0;
	cursor: pointer;
	color: #fff;
}

.x-local .x-toolbar .x-btn-text { color: #333333; }
.x-local .x-toolbar .x-btn-over button { color: #000; }

.x-local .x-toolbar .x-local-bt .x-btn-text,
.x-local .x-statusbar .x-btn-text,
.x-local .x-panel-btns .x-btn-text {
	font-weight:bold !important;
	color: #fff;
}

.x-local .x-toolbar .x-local-bt .x-btn:hover,
.x-local .x-statusbar .x-btn:hover,
.x-local .x-panel-btns .x-btn:hover{
	color: #ccc; 
	background-position: left -30px;
}

.x-local .x-toolbar .x-local-bt .x-btn:active,
.x-local .x-statusbar .x-btn:active,
.x-local .x-panel-btns .x-btn:active {
	color: #ccc; 
	background-position: left -30px;
}

.x-local .x-toolbar .x-local-bt .x-btn-left,
.x-local .x-toolbar .x-local-bt .x-btn-right,
.x-local .x-toolbar .x-local-bt .x-btn-center,
.x-local .x-toolbar .x-local-bt .x-btn-menu-arrow-wrap .x-btn-center button,
.x-local .x-toolbar .x-local-bt .x-btn-with-menu  .x-btn-center em,
.x-local .x-toolbar .x-local-bt .x-btn-text-icon .x-btn-with-menu .x-btn-center em,
.x-local .x-statusbar .x-btn-left,
.x-local .x-panel-btns .x-btn-left,
.x-local .x-statusbar .x-btn-right,
.x-local .x-panel-btns .x-btn-right,
.x-local .x-statusbar .x-btn-center,
.x-local .x-panel-btns .x-btn-center,
.x-local .x-statusbar .x-btn-menu-arrow-wrap .x-btn-center button,
.x-local .x-panel-btns .x-btn-menu-arrow-wrap .x-btn-center button,
.x-local .x-statusbar .x-btn-with-menu  .x-btn-center em,
.x-local .x-panel-btns .x-btn-with-menu  .x-btn-center em,
.x-local .x-statusbar .x-btn-text-icon .x-btn-with-menu .x-btn-center em,
.x-local .x-panel-btns .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
    background-image:none;
}

/* KH */
.x-panel-body-menu .x-panel-body {
	background: #F0F0F0 url(/javascripts/ext/resources/images/default/menu/menu.gif) repeat-y scroll 0 0;
	padding: 0 0 10px 0;
}

.x-menu-active {
	background-color: #b1270c;
	/*background-image: url(/images/khn/kids/framework/button.jpg);
	background-repeat: repeat-x;
	background-position: left 0;*/	
	background-image: none;
	border-color:#b1270c;
}

.no-icon-menu { background-image:none;}
.no-icon-menu .x-menu-item-icon { display: none; }

.x-menu .x-menu-active a.x-menu-item,
.x-menu .x-menu-item-active a.x-menu-item { color:#fff; }
.x-panel-body-menu .x-menu-text {
	padding: 1px 0 0 26px;
	font-weight:bold;
	line-height:180%;
}
.x-menu-item-active {
	background-color: #b1270c;
	background-image: none;
	color:#fff;
	border-color:#b1270c;
}


.x-fieldset-body .plaintext {
	font-size:110%;	
}
.x-panel.plaintext {
	border:0;
	background-color: transparent;
}
.plaintext .x-panel-body {
	border:0;
	background-color: transparent;
	font-size:110%;	
}
.x-panel.plaintext table td,
.x-panel.plaintext table th,
.x-panel-body .plaintext table td,
.x-panel-body .plaintext table th {
	padding: 0.4em 0.4em 0.2em 0.4em;
	vertical-align:top;
	line-height:1.2em;
	text-align:left;
}


.x-save-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/save.png) !important;
}
.x-delete-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/delete.png) !important;
}
.x-key-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/key.png) !important;
}
.x-lock-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/lock.png) !important;
}
.x-door-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/door.png) !important;
}
.x-door-open-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/door_open.png) !important;
}
.x-door-in-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/door_in.png) !important;
}
.x-info-ico {
	background-image:url(/images/khn/kids/icons/info.png) !important;
}
.x-box-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/box.png) !important;
}
.x-pencil-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/pencil.png) !important;
}
.x-lock-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/lock.png) !important;
}
.x-lock-open-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/lock_open.png) !important;
}
.x-printer-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/printer.png) !important;
}
.x-link-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/link.png) !important;
}
.x-world-link-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/world_link.png) !important;
}
.x-group-link-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/group_link.png) !important;
}
.x-group-go-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/group_go.png) !important;
}
.x-user-delete-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/user_delete.png) !important;
}
.x-user-edit-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/user_edit.png) !important;
}
.x-user-comment-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/user_comment.png) !important;
}

.x-user-link-ico,
.x-user-capacity-ico {
	background-image:url(/javascripts/ext/plugins/img/user_link.png) !important;
}
.x-settings-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/cog.png) !important;
}

.x-eye-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/eye.png) !important;
}

.x-calendar-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/calendar.png) !important;
}

.x-item-disabled {
	color:#000;
	opacity:0.8;
}
.x-item-disabled * {
	color:#000 !important;
}

/* Fieldset */
.x-fieldset {
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-width:1px;
	border-color:#545454;
	margin-top:10px;
}

.x-unselectable, .x-unselectable * {
}

.x-fieldset label {
}

.x-fieldset legend {
	padding: 0 20px 0 5px;
	font-size:125%;
	color: #545454;
}

/* color */
.x-form-field-wrap .x-form-color-trigger {
	background:transparent url(/javascripts/ext/plugins/img/color-trigger.gif) no-repeat 0 0;
    cursor:pointer; 
}

/*
	Q-TIP
 */

.x-tip .x-tip-tr,
.x-tip .x-tip-tc,
.x-tip .x-tip-ml,
.x-tip .x-tip-mr,
.x-tip .x-tip-mc,
.x-tip .x-tip-bl,
.x-tip .x-tip-br,
.x-tip .x-tip-bc,
.x-tip .x-tip-tl {
	background-image:none;
	background-color:#FF9900;
	background:none repeat scroll 0 0 #FF9900;
	color: #fff !important;
}
.x-tip .x-tip-body,
.x-tip .x-tip-header-text,
.x-tip .x-tip-mc {
    xfont: inherit;
    color:#fff;
}

.x-left-button .x-btn-center {
	text-align:left;
}

/**********************************************
	Print
**********************************************/

@media print {
	H1, H2, H3,
	H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
	BLOCKQUOTE, 
	PRE           { page-break-inside: avoid }
	UL, OL, DL    { page-break-before: avoid }
  
	/* hide these items */ 
	button, .navigation { display:none; }
  
	.forum table th,
	.forum table tfoot td,
	table.list th,
	table.list tfoot td,
	table.listtable th,
	table.listtable tfoot td,
	table.listtable .tablehead {
		background-color:#eee;
		color:#000000;
	}
	
	table t.tabletdbright {
		background-color:#fff;
	}
	
}