/*STANDARD*/
body, a {
	color: #444444;
}
h1, h2, h3, h4, h5 {
	padding: 0 0 0.3em 0;
}
p, ul, ol {
	padding: 0 0 1.1em 0;
	line-height: 1.5em;
}
li {
	margin: 0 0 1.1em 15px;
}
.menu li {
	margin: 0;
}
h1 {
	font-size: 4.2em;
	font-weight: normal;
}
.start-page h1 {
	font-size: 7.3em;
	padding-bottom: 8px;
}
h2 {
	font-size: 1.8em;
	font-weight: normal;
	padding: 20px 0 10px 0;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.5em;
}
h5, p, a, td, li, input, textarea, td, th, label {
	font-size: 1.2em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, li a, li p, li textarea, li input, p a, p textarea, p input, td a, td p, td textarea, td input, th a, th p, th textarea, th input, p label, li label, td label, th label, label input, label a {
	font-size: 1em;
}
a, a:hover {
	text-decoration: none;
}
a:hover {
	color: #dd6100;
}
html, body {
	height: 100%;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.1em;
}
td, th {
	padding: 2px;
}



/*LAYOUT*/
body {
	background: transparent url( ../image/body-faded.jpg ) no-repeat center top fixed;
}
body.start-page {
	background: transparent url( ../image/body.jpg ) no-repeat center top fixed;
}
#main-container {
	margin: 0 auto;
	width: 873px;
	background: transparent url( ../image/main-container.png ) repeat-y center center;
	min-height: 100%;
	height: auto !important; /*IE6fix*/
	height: 100%;
}

/*HEADER*/
#header {
	position: relative;
	background: transparent url( ../image/header.png ) repeat-x left top;
	height: 165px;
	margin: 0 12px;
	padding: 0;
}
.start-page #header {
	height: 170px;
}
#header .divider {
	position: relative;
	top: 90px;
}

#logo {
	position: absolute;
	width: 138px;
	height: 33px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url( ../image/logo.gif ) no-repeat center center;
	left: 51px;
	top: 50px;
}
.top-menu {
	position: absolute;
	left: 208px;
	top: 50px;
}
.top-menu li {
	font-size: 1.3em;
}
.top-menu li a {
	float: left;
	padding: 0 22px;
	line-height: 30px;
	margin-top: 10px;
}
.top-menu li.selected a, .top-menu li.selected a:hover {
	color: #dd6100;
}
#search {
	position: absolute;
	left: 622px;
	top: 67px;
}
#search .input-text {
	border: 1px solid #f3f3f3;
	margin-right: 8px;
}
#search .input-submit {
	border: 0;
	background: 0;
	color: #888888;
}

/*FOOTER*/
#footer {
	margin: 0 63px;
	padding-top: 5px;
	border-top: 1px solid #eaeaea;
	padding-bottom: 30px;
	text-align: right;
}
.tool-menu {
	float: right;
}
.tool-menu li {
	font-size: 1em;
}
.tool-menu li a {
	float: left;
	padding: 0 10px;
	color: #888888;
}
.tool-menu li a:hover, .tool-menu li.selected a {
	color: #dd6100;
}
.tool-menu li.first-child a {
	border-left: 1px solid #c0c0c0;
}

/*CONTENT*/
#main-content {
	margin: 0 63px;
	padding: 0 0 125px;
	background: transparent none no-repeat right bottom;
}
.large-column {
	width: 76%;
}
.medium-column {
	width: 50%;
}
.small-column {
	width: 24%;
}
.column-content {
	margin: 0 6px;
}

/*CONTENT LINKS*/
a.more {
	background: transparent url( ../image/arrows.png ) no-repeat right 4px;
	padding-right: 8px;
}
a.more:hover {
	background: transparent url( ../image/arrows.png ) no-repeat right -13px;
}


/*TEASER BOX*/
.teaser-box {
	color: #fff;
	text-align: center;
	margin: 30px 0 40px 0;
	background: none;
	padding: 0;
	font-size: 1em;
	background: transparent url( ../image/box.png ) no-repeat left top;
	display: block;
	padding: 0 30px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	height: 135px;
}
.teaser-box:hover {
	color: #fff;
	background-position: -375px top;
}
.teaser-box .headline {
	font-size: 3.6em;
	padding: 13px 0 3px 0;
	line-height: 1em;
}
.teaser-box span {
	font-size: 1.2em;
	line-height: 1.5em;
	display: block;
	padding-bottom: 0;
}
.teaser-box .link {
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 6px;
	left: 0;
	width: 352px;
}
.teaser-box .link span {
	display: inline;
	background: transparent url( ../image/glow-arrows.png ) no-repeat right -112px;
	font-size: 1.4em;
	padding: 2px 20px 2px 20px;
}
/*MENU*/
.tema-menu{
	margin-top:5px!important;	
}
.teacher-menu {
	margin-top: 5px !important;
}

/*SUBMENU*/
.sub-menu {
	margin-top: 54px;
}
.sub-menu li{
	font-size:1.3em;
}
.sub-menu li li {
	font-size: 1em;
}
.sub-menu li.selected li a, 
.sub-menu .subsub-menu li.selected li a,
.sub-menu .subsubsub-menu li.selected li a,
.sub-menu .subsubsubsub-menu li.selected li a{
	color:#444;
}
.sub-menu li.selected a, 
.sub-menu .subsub-menu li.selected a, 
.sub-menu .subsub-menu .subsub-menu li.selected a, 
.sub-menu .subsubsub-menu li.selected a, 
.sub-menu .subsubsubsubsub-menu li.selected a,
.sub-menu li a:hover{
	color:#dd6100;
}

.sub-menu ul, .sub-menu ul ul, .sub-menu ul ul ul {
	margin:5px 8px 8px 8px;
}
.tema-menu ul li a, .tema-menu ul ul li a, .teacher-menu .subsub-menu ul li a{
	padding-left:10px;
	background:transparent url( ../image/subsubmenu-bg.png ) no-repeat left 0.7em;
}

/*CRUMBMENU*/
.crumb-menu {
	display: none;
	position: absolute;
	margin-top: -65px;
	width: 555px;
	background: transparent url( ../image/crumb-menu-bg.gif ) repeat-y left top;
}
.crumb-menu li {
	font-size: 1.1em;
	font-style: italic;
}
.crumb-menu li a, .crumb-menu li.unlinked span {
	float: left;
	line-height: 15px;
	padding: 3px 6px 2px 10px;
	background: transparent url( ../image/crumb-bg.gif ) no-repeat left top;
}
.crumb-menu li.first-child a {
	padding-left: 0;
	background: none;
}
.crumb-menu li.selected a, .crumb-menu a:hover {
	color: #dd6100;
}
/*SEARCHRESULTS*/
.search-list {
	list-style: none;
	padding: 0;
}
.search-list li {
	margin-left: 0;
	background: transparent url( ../image/divider-thin.png ) no-repeat center bottom;
	padding-bottom: 7px;
}
.search-list li.last-child {
	background: 0;
	padding-bottom: 0;
}

/*MISC*/
.divider {
	background: transparent url( ../image/divider.png ) no-repeat center top;
	height: 4px;
	display: block;
	line-height: 0;
	font-size: 0;
	margin-bottom: 6px;
}
.divider-thin {
	background: transparent url( ../image/divider-thin.png ) no-repeat center top;
	height: 1px;
	display: block;
	line-height: 0;
	font-size: 0;
	margin-bottom: 6px;
}
.small-divider {
	height: 2px;
}
.preamble p {
	font-size: 1.8em;
	color: #888888;
}
.manage {
	padding-bottom: 0.8em;
	font-style: italic;
}
#main-content .manage a, #main-content .manage a:hover {
	background: none;
	padding: 0;
}

label {
	display: block;
	cursor: text;
}
label .text-input {
	border: 0;
	background: none;
	width: 270px;
	margin-left: 5px;
}

/* EXERCISES */
.sort-item {
	height:27px;
	width:27px;
	color:#fff;
	font-family:Arial Black;
	font-size:1.5em;
	line-height:27px;
	text-align:center;
	margin:2px;
	float:left;
	background:url('../image/sort-item-inactive.png');
}
.sort-container {
	position:relative !important;
}
.drag-box-abs {
	position:absolute;
	top:0;
}
.active {
	background:url('../image/sort-item-active.png') no-repeat !important;
	cursor:move;
}
.inactive {
	background:url('../image/sort-item-inactive.png');
}
.placeholder {
	height:27px;
	width:27px;
	color:#fff;
	font-family:Arial Black;
	font-size:1.5em;
	line-height:27px;
	text-align:center;
	margin:2px;
	float:left;
}
.ordered-list-from li {
	background:url('../image/sort-item-inactive.png') no-repeat;
	min-height:27px;
}
.ordered-list-from li div {
	border:0px solid red;
	height:27px;
	width:27px;
	float:left;
}
.ordered-list-from li span {
	padding-left:30px !important;
	display:block;
}
.drag-box, .drag-box-abs {
	list-style:none;
	height:0;
}
#exerciseList {
	display: none;
}
.statement-table th, .statement-table .statement-option {
	text-align: center;
	font-weight: normal;
}
.statement-table th.option-column {
	width: 50px;
}
.image-statement {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.image-statement .input-radio-fancy {
	float: left;
	width: 25px;
	margin-right: 5px;
	vertical-align: top;
}
.image-statement img {
	float: left;
	width: 65px;
	margin-right: 5px;
}
.image-statement p {
	float: left;
	width: 450px;
}
.image-statement p strong {
	padding-right: 5px;
}
/*
.radio-replacement {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	background: transparent url( ../image/fancy-radio.gif ) left top no-repeat;
}
.radio-replacement-checked {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	background: transparent url( ../image/fancy-radio.gif ) left -21px no-repeat;
}
*/

.error-msg {
	color: #ff0000 !important;
}

/* CONTACT FORM */
.contact-role {
	padding-bottom: 15px;
}
.contact-role span span {
	float: left;
	clear: left;
}
.contact-role input {
	float: left;
	width: 18px;
}
.contact-role input.input-text {
	float: left;
	width: 498px;
	padding-left: 5px;
	background-color: transparent;
	border-bottom: 1px solid #f3f3f3;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.contact-role label {
	float: left;
}
.contact-fields {
	position: relative;
}
.contact-fields .contact-field {
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 5px;
}
.contact-fields label {
	display: inline;
	line-height: 1.65em;
	padding-top: 4px;
}
.contact-fields label.comment-label {
	border: 0;
}
.contact-fields input {
	width: 250px;
	height: 20px;
	background-color: transparent;
	border: 0;
	padding: 4px 0 0 10px;
}
.contact-fields textarea {
	display: block;
	width: 100%;
	height: 100px;
}
.contact-fields span.error-email {
	position: absolute;
	left: -200px;
	top: 66px;
}
.contact-submit, a.contact-button {
	margin-top: 10px;
}
/*TEXTAREA*/
.textarea-container {
	background: transparent url( ../image/textarea-bg.png ) no-repeat left top;
	padding: 6px 4px 4px 14px;
	margin: 20px 0;
}
.textarea-container textarea {
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
	width: 534px !important; /*Safari fix*/
	height: 164px !important; /*Safari fix*/
	line-height: 22px;
}


/*ARROW LINKS*/
.next {
	margin-top: 20px;
	float: right;
}
.prev {
	margin-top: 20px;
	float: left;
}
#main-content p.prev a {
	background: transparent url( ../image/arrows.png ) no-repeat left -30px;
	padding-left: 8px;
}
#main-content p.prev a:hover {
	background: transparent url( ../image/arrows.png ) no-repeat left -47px;
}
a.show-all {
	background: transparent url( ../image/arrow-black.png ) no-repeat left 5px;
	padding-left: 14px;
}
/*PAGINATION*/
.pagination-list {
	text-align: center;
}

.pagination-list span.selected {
	font-size: 1.2em;
	background-color: #dd6100;
	color: #fff;
	padding: 1px 3px;
	margin: 0 2px;
}
.pagination-list a {
	border: 1px solid #444444;
	padding: 0 3px;
	margin: 0 2px;
}
.pagination-list a.pagination-prev {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
}
.pagination-list a.pagination-next {
	float: right;
	border: 0;
	padding: 0;
	margin: 0;
}

/*INTERACTION*/
.interaction-menu {
	margin: 20px 0;
}
.interaction-menu li {
	font-size: 1em;
	float: left;
	position: relative;
}

.button {
	height: 24px;
	float: left;
	padding: 4px 25px 0;
	color: #fff;
	font-size: 1.4em;
	margin: 0 6px 0 0;
}
.button span {
	background: transparent url( ../image/glow-arrows.png ) no-repeat right -66px;
	padding-right: 20px;
}
.next-button span {
	background: transparent url( ../image/glow-arrows.png ) no-repeat right -16px;
	padding-right: 18px;
}
.prev-button span {
	background: transparent url( ../image/glow-arrows-back.png ) no-repeat left -1px;
	padding-left: 18px;
	padding-right: 0;
}
.send-button, .next-button, .prev-button {
	background: transparent url( ../image/send-bg.png ) no-repeat top left;
}
.custom-button {
	background:transparent url( ../image/custom-button-bg.png ) no-repeat top right;
	padding-right: 43px;
}
.send-button:hover, .next-button:hover{
	background-position:bottom left;
	color:#fff;
}
.prev-button:hover {
	background-position: bottom left;
	color: #fff;
}
.custom-button:hover{
	background-position:bottom right;
	color:#fff;
}
.close-button{
	height:22px;
	line-height:22px;
	float:none;
	display:block;
	margin:0 auto;
	background:transparent url( ../image/close-bg.png ) no-repeat top left;
	width:80px;
	font-size:1.2em;
	padding:0;
}
.close-button:hover {
	background-position: bottom left;
	color: #fff;
}

.share-button, .teacher-button {
	background: transparent url( ../image/share-bg.png ) no-repeat top left;
	cursor: default;
}
.share-button:hover, .teacher-button:hover, .js-expanded .share-button {
	background-position: bottom left;
	color: #fff;
}
.js-expanded .share-button {
	width: 300px; /*DEPENDS ON SHARE-MENU WIDTH*/
}


/*SHAREMENU*/
.share-menu {
	display: none;
	position: absolute;
	left: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	width: 298px;
	margin: 28px 0 0 0;
	padding: 10px 0;
}
.js-expanded .share-menu {
	display: block;
}
.share-menu li {
	float: left;
	width: 50%;
}
.share-menu li a {
	display: block;
	white-space: nowrap;
	font-size: 1.2em;
	padding-left: 25px;
	background: transparent url( ../image/share-icons.png ) no-repeat top left;
	line-height: 17px;
	height: 17px;
	margin: 2px 0 2px 10px;
}


/*POPUP*/
fieldset {
	position: relative;
}
.popup {
	position: absolute;
	width: 250px;
	background: #fff;
	z-index: 100;
	padding: 20px;
	text-align: center;
	left: 50%;
	margin-left: -125px;
	display: none;
}
.visible-popup {
	display: block;
}
.error-popup {
	border: 1px solid #dd6100;
}

/*FLASH*/
.flash-container {
	background: transparent url( ../image/flash-shadow.png ) no-repeat left top;
	width: 282px;
	height: 191px;
	overflow: hidden;
}
#flash1 {
	background: transparent url( ../image/placeholder_1.jpg ) no-repeat left top;
	width: 272px;
	height: 181px;
	margin: 3px 4px;
	display: block;
}
#flash2 {
	background: transparent url( ../image/placeholder_2.jpg ) no-repeat left top;
	width: 272px;
	height: 181px;
	margin: 3px 4px;
	display: block;
}
#flash3 {
	background: transparent url( ../image/placeholder_3.jpg ) no-repeat left top;
	width: 272px;
	height: 181px;
	margin: 3px 4px;
	display: block;
}
.invisible {
	display: none;
}
.connected-sortable li {
	cursor: move;
}
.ordered-list-to {
	border: 0px solid #ccc;
	padding:0px 5px 22px 5px;
	background-image:url("/bazment/initiativ/image/bg-orderd-to-list-num.png");
}
.ordered-list-to-wrapper{
	float: left;
	width: 250px;
	margin-right:40px;
}
.ordered-list-to-wrapper span{
	font-size:1.0em;
	font-weight:bold;
}
.ordered-list-to {
	width:100%;
}
.ordered-list-to, .ordered-list-from {
	list-style-type: none;
	float: left;
}
.ordered-list-to li {
	margin: -6px 10px !important;
	padding: 0 0 12px 5px !important;
}
.ordered-list-to li, .ordered-list-from li {
	margin: 0 5px 5px 5px;
	padding: 0px;
	font-size: 1.2em;
	width: 236px;
}
.related-link{
	float:right; 
	margin-top:5px
}

#ordered-list-desc {
	float: right;
	margin-bottom: 40px;
}
/* EDIT MODE DESCRIPTION */
p.edit-description {
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 0 5px 0;
}



/*  DIALOGS */
.dialog-titlebar {
	text-align: left;
}
.dialog-content p {
	color: #000 !important;
}
.dialog-footer {
	color: #000 !important;
}
.dialog-content {
	min-height: 180px !important;
	left: 0;
	text-align: left;
	position: relative;
	background-color: #fff;
}

.dialog-content-header {
	float: none !important;
	width: 20%;
}
a.print {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}