@charset "UTF-8";
/* CSS Document */


/* -------- Reset styles ----------- */

html {
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*to enable resizing for IE*/

input,textarea,select {
	*font-size:100%;
}

/*because legend doesn't inherit in IE */

legend {
	color:#000;
}

/* Aufheben der Floats im Adminheader */

#sitecontainer {
	clear: both;
}

/* ---------------- schoolBOX administration menu ------------------- */

/* allgemeine styles */

a.lbOn {
	color: #ff962b;
	text-decoration: none;
	font-weight: bold;
}

a.lbOn:hover {
	text-decoration: underline;
}

/* topmenu */
#adminheader {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    width: 1002px !important;
    width: 995px;
   /* height: 5.3em;*/
    background-color: white;
    color: #676767;
    z-index: 1;
    border-right: 1px solid #666;
}


#adminmenu {
	border: 1px solid yellow;
}

#admintoptabs {
    display: block;
    float:left;
    width: 70%;
	/*border: 1px solid black;*/
  /*  height: 2.5em;*/
}


#admintoptabs ul li {
    display: block;
    float: left;
}


#admintoptabs a.active {
    font-weight: bold;
}

#admintoptabs a {
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
   /* padding-top: .75em;*/
    width: 70px;
    text-align: center;
    background-image: url(topmenu_img/button_blau.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
	text-decoration: none;
    margin-right: 3px;
}

#admintoptabs a:hover {
	text-decoration: underline;
}

/*#admintoptabs li#logout {
    float: right !important;
    padding-right: 10px;
    height: 2.5em;
    line-height: 2.5em;
    font-weight: bold;
}

#admintoptabs li#logout a#logout {
    color: #ff962b;
}
*/

#logging-status {
	/*border: 1px solid green;*/
	float: right;
	line-height: 1.75em !important;
	line-height: 1.8em;
	margin-right: 10px;
	/*color: #339900;*/
}

#logging-status small {
	color: #676767;
}

#logging-status a {
	text-decoration: none;
	color: red;
	font-weight: bold;
}

#logging-status a:hover {
	text-decoration: underline;
}


#adminsub {
	/*border: 1px solid orange;*/
    display: block;
    float: left;
    width: 100%;
    height: 2em;
    border-top: 1px solid #9cacb9;
    background-color: white;
}

#adminsub .lboxmenu_page {

}

.closed_one {
    background-image: url(topmenu_img/verlauf_blau2.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.closed_two {
		background-image: url(topmenu_img/verlauf_orange.gif);
		background-repeat: repeat-x;
		background-position: bottom;
}

#adminsub div {
    display: block;
    float: left;
}

#adminsub div li {
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
}

#adminsub div li a.active {
    color: #ff962b;
    font-style: italic;
    font-weight: bold;
}

#adminsub ul.menu {
    display: block;
    float: left;
    margin-left: 250px;
    overflow: visible;
}

#adminsub ul.menu li {
    display: block;
    float: left;
    min-height: 2em;
    line-height: 2em;
    padding: 0 10px 0 10px;
}

#adminsub ul.menu a {
    font-weight: bold;
}

#lboxmenu_view_mode {
	/*border: 1px solid red;*/
	position: absolute;
	left: 10px;
	top: 27px;
	line-height: 2em;
	height: 2em;
	border-right: 1px solid #9cacb9;
	padding-right: 15px;
}

#lboxmenu_view_mode li {
	float: left;
	padding-right: 7px;
}

#lboxmenu_view_mode a {
	text-decoration: none;
	color: #676767;
}

#lboxmenu_view_mode a:hover {
	color: #ff962b;
}

#lboxmenu_view_mode a.active {
	color: #ff962b;
	font-weight: bold;
	font-style: italic;
}

/* topmenu */



/* menu styles */

.menu, .menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

.menu li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;    /* move all main list items into one row, by floating them */
    position: relative; /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 12;     /* thus we need to apply explicit z-index here... */
}

.menu li:hover {
    z-index: 15; /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
    float: none;/* items of the nested menus are kept on separate lines */
}
.menu ul {
    visibility: hidden; /* initially hide all submenus. */
    position: absolute;
    z-index: 11;
    width: auto;
    left: 0;    /* while hidden, always keep them at the top left corner, */
    top: 0;     /*      to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
    visibility: visible;    /* display submenu them on hover */
    top: 100%;  /* 1st level go below their parent item */
    left: -1px;
}

.menu li li:hover>ul {  /* 2nd+ levels go on the right side of the parent item */
    top: 0px;
    left: 100%;
    z-index: 10;
}

/* -- float.clear --
    force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

.menu, .menu ul {   /* IE7 */
    min-height: 0;
}

.menu ul li {
    background-color: white;
}

ul.menu  {
    background-color: transparent;
}

.menu ul a {
    text-decoration: none;
    color: #a09993;	
    display: block;
    position: relative;
    font-weight: normal !important;
}

.menu ul li.inactive a {
    color: #cccccc !important;
}

.menu ul li a {
    padding: 2px 5px 2px 5px;
}

.menu a:hover, .menu li:hover>a {
    color: #fe953a;
}

ul.menu li {
    border: none;
    margin: 0 1px 0 1px;
    }

ul.menu li:hover {
    border-right: 1px solid #9cacb9;
    border-left: 1px solid #9cacb9;
    background-color: white;
    margin: 0;
    z-index: 20;
}

ul.menu li li {
    margin: 0;
}

.menu ul li {
    border-left: 1px solid #9cacb9;
    border-right: 1px solid #9cacb9;
    width: 100%;
}

.menu ul li:last-child {
    border-bottom: 1px solid #9cacb9;
}

.menu ul li:only-child {
}

.menu ul li:first-child {
}

ul.menu {
    border: none;
}

.menu ul>li + li {
    border-top: 0;
    border-bottom: 0;
}

.menu li li:hover>ul {
    top: -1px;
    left: 100%;
    z-index: 9;
}

.menu li li.withsub {
    background-image: url(topmenu_img/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 95% 55%;
}

.menu li li li:first-child {
    border-top: 1px solid #9cacb9;
    padding-top: 1px;
}

/*.menu>li:first-child>a {
    color: #fe953a;
}*/

/* menu styles */

/* IE6 */
.menu, .menu ul {   /* float.clear */
    zoom: 1;
}

.menu li.adxmhover {
    z-index: 10000;
    background-color: #9cacb9;
    color: white;
    height: 2.7em;
}

.menu li.adxmhover a {
    color: white;
}

.menu li.adxmhover li.adxmhover {
    background-color: white;
}
.menu li.adxmhover li.adxmhover a {
    color: #fe953a;
    font-weight: bold;
}

.menu .adxmhoverUL {    /* li:hover>ul selector */
    visibility: visible;
    display: block;
    background-color: white;
    width: 14em;
    z-index: 11;
}

.menu .adxmhoverUL {    /* 1st-level submenu go below their parent item */
    top: 100%;
    left: 0px;
    border-bottom: 1px solid #9cacb9;
}

.menu .adxmhoverUL li {
    display: block;
    float: left;
    width: 100%;
}

.menu .adxmhoverUL li a {
    display: block;
}

.menu .adxmhoverUL li a {
    display: block;
}

.menu .adxmhoverUL .adxmhoverUL {   /* 2nd+ levels go on the right side of the parent item */
    border-top: 1px solid #9cacb9;
    top: 0px;
    left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {    /* fix clickability-area problem */
    zoom: 1;
}

.menu li li {   /* fix white gap problem */
    float: left;
}

.menu li li {   /* prevent double-line between items */
}

.menu a:hover, .menu .adxmhoverA {      /* li:hover>a selector */
    color: #fc3;
}

.menu .adxmhoverA {
    font-weight: bold;
}

.menu .adxmhoverUL .adxmhoverUL {   /* inset 2nd+ submenus, to show off overlapping */
    top: -1px;
    left: 100%;
    margin-left: 1px;
}

#adminsub.lboxmenu_page {
	position: absolute;
	top: 26px;
	left: 200px;
	width: 50px;
	margin: 0px;
	padding: 0px;
	background-image: url(topmenu_img/verlauf_blau2.gif);
    background-repeat: repeat-x;
    background-position: bottom;
	}
	
#adminsub.lboxmenu_page	ul.menu {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#lboxmenu_publishpage {
	position: absolute;
	top: 27px;
	left: 800px;
	line-height: 2em;
	text-align:center;
	border-left: 1px solid #9cacb9;
	width: 200px;
	background-color: #fff;
	background-image: url(topmenu_img/verlauf_orange.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#lboxmenu_publishpage a {
	font-weight: bold;
	text-decoration: none;
	color: green;
}

#lboxmenu_publishpage a:hover {
	text-decoration: underline;
}

/*  ---------------- lightbox inhalt ------------------------ */

/* lightbox header */

#lightbox-header {
	width: 100%;
	position: relative;
	height: 50px;
	margin: 0px;
	padding-top: 20px;
	background-image:url(lightbox/bg_window_head.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}

div.corner-top-left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	height: 7px;
	background-image:url(lightbox/ecke_li_oben.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color:#434343;
}


.corner-top-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 7px;
	height: 7px;
	background-image:url(lightbox/ecke_re_oben.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color:#434343;
}

#windowtitel h1 {
	margin-left: 15px;
	float: left;
	color: #fff;
	font-size: 1.1em;
	font-weight:bold;
}

.lightbox-abr {
	margin-right: 15px;
	float: right;
}


#windowtitel a {
	text-decoration:none;
	color: #fff;
	font-weight: bold;
}

#windowtitel a:hover {
	text-decoration: underline;
}


/* LIGHTBOX INHALT */

#lightbox-functions {
	clear: both;
}

#lightbox-functions a {
	color: #ff962b;
	text-decoration: none;
}

#lightbox-functions a:hover{
	text-decoration: underline;
}

#lightbox-functions a:visited{
	color: #ff962b;
	text-decoration: none;
}

#lightbox-functions h2 {
	font-size: 1em;
	color: #666;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1em;
}

#lightbox-functions tr {
	vertical-align: top;
}

.lightbox-block {
	border-bottom: 1px solid #ff962b;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 15px 15px;
	display:block;
	color: #666;
	background-color: #fff;
	text-align: center;
}

.lightbox-block label {
	margin-left: 0.3em;
	margin-right: 1em;
}

.lightbox-block input{
	border: 1px solid #ff962b;
}

.lightbox-block li{
	margin-bottom: 0.5em;
	text-align: left;
}

li.login_btn {
	width: 73.7%;
	text-align: right;
}

#lightbox-submit{
	float: right;
	margin: 10px 20% 20px 0px;
}

#lightbox-submit input {
	width: 200%;
}

table{
	width: 100%;
	font-size: 1em;
	color: #666;
	text-align: left;
}

thead{
	border-bottom: 1px solid #ccc;
}

tbody tr{
	line-height: 2em;
}

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

tr.even {
	background-color: #eee;
}

#newUser{
	text-align: right;
}

#newUser a{
	font-weight: bold;
	text-decoration: none;
}

#newUser a:hover{
	text-decoration: underline;
}

.lightbox-block ul ul{
	padding-left: 20px;
}


/* ----------------- Contentelement Editbar ---------------- */


#adminbar{
	height: 30px;
	width: 97%;
	/*padding-top: 10px;*/
	margin: 10px 0px 30px 0px;
}

#adminbar ul {
	line-height: 20px;
	height: 20px;
	float: right;
	background-image: url(_img/editbar_bg.gif);
	background-position: top left;
	background-repeat: repeat;
	/*width: 100%;*/
	max-width: 500px;
	background-color: #FF6600;
}

#adminbar li {
	float: left;
	margin-left: 3px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*text-align: center;*/
	line-height: 18px;
}

#adminbar li.description {
	 padding: 2px 15px 0px 20px;
}

#teaser #adminbar li.description {
	visibility: hidden;
	padding: 0px;
}