html { width: 100%; height: 100%; }

body { background: #f0f0f0 url("/templates/3column/images/bg-repeat.png") repeat; height: 100%; margin: 0; padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; overflow: auto; color: #333; }

h1, h2, h3, h4, h5, h6, h7 { font-family: oswald; margin-bottom: 0px; }

#wrapper { width: 1024px; margin: auto auto; background-color: #fff; -webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.75); }

#header { display: block; clear: both; width: 1024px; background-color: #D5E7E7; height: 60px; position: relative; z-index: 100; }
#headerlogin { display: block; float: right; margin-top: -20px; margin-right: 35px; }
#sitetitle { width: 1012px; margin-left: 10px; padding-top: 15px; }
#sitetitle a { text-decoration: none; font-weight: bold; color: #eb816b; font-size: 24px; font-family: oswald; }
 
#topmenu { display: block; position: relative; padding-left: 5px; width: 1017px; height: 30px; z-index:100; background: #fff; border: 1px solid #d5e7e7; }
#topmenu .menu li:hover > ul { display: block; }
#topmenu .menu ul { z-index: 1000; }

#headernav { margin-left: 0px; width: 1024px; height: 30px; background: #6f6f6f; z-index:999; }

#content { clear: both; border: 1px solid #d5e7e7; border-top: 0px; border-bottom: 0px; display: block; position: relative; }

#footer { clear: both; bottom: 0px; background-color: #fff; width: 1022px; color: #777; margin: 0 auto; padding: 5px 0; text-align: center; }

.element { display: block; clear: both; margin-bottom: 10px; font-size: 12px; }
.element label { width: 150px; float: left; display: inline-block; }
.element input { float: left; width: 300px; }
.element input[type=checkbox] { width: 15px; margin: 0px; }
.element textarea { float: left; width: 304px; height: 100px; }

#login { text-decoration: underline; cursor: pointer; }

#topcontent { width: 100%; }
#topcontent img { width: 1024px; height: 516px; }

#rightcolumn { width: 215px; float: left; padding: 10px; padding-right: 20px; margin-top: 26px; }
#rightcolumn:before { width: 245px; content: ''; position: absolute; top: 0; bottom: 0; left: 768px; z-index: -1; }


#leftcolumn { width: 245px; float: left; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; }
#leftcolumn:before { width: 245px; content: ''; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; }

#centercolumn { width: 450px; margin-top: 36px; margin-bottom: 10px; float: left; padding-left: 30px; padding-right: 30px; }
#centercolumn:before { width: 490px; content: ''; position: absolute; top: 0; bottom: 0; left: 256px; z-index: -1; }

#pathview { background: #fff; width: 1010px; min-height: 10px; padding: 5px 2px 2px 10px; font-size: 12px; border-bottom: 1px solid #d5e7e7; border-top: 0px; }
#pathview .pretext { margin-right: 5px; color: #666; vertical-align: top; }
#pathview a { color: #666; text-decoration: none; }
#pathview a:last-child,
#pathview a:hover { color: #eb816b; }
#pathview .current, #pathview .seperator { color: #666; margin-left: 0px; margin-right: 5px; }

.pretext { color: #e5e5e5; margin-right: 0px; }

#articlebuttonholder { width: 100%; }
#articlelistingholder li { list-style: none; }
#articlebuttonholder #leftbutton,
#articlebuttonholder #rightbutton { cursor: pointer; padding: 10px; font-size: 14px; font-weight: bold; border: 1px solid #e5e5e5; float: left; }
#articlebuttonholder #rightbutton { float: right; }

#left2, #left3 { margin-top: 20px; }
.menutitle {font-family: oswald; margin-bottom: 5px; color: #eb816b; }

a.zoom { cursor:url(/templates/3column/images/zoom.cur), -moz-zoom-in; }
.imagetext, .videotext { font-size: 12px; }

#classsearchdiv { font-size: 9px; }
.right { float: right; }
.rightalign { text-align: right; }

#schoolbaggalleries { display: block; }
#schoolbaggalleries .right { font-size: 12px; }
#schoolbaggalleries #gallerylist { clear: both; display: block; position: relative; top: 10px; }

#showupload { display: none; margin-right: 10px; }
#uploadcontainer { width: 100%; height: 580px; display: none; border: none; }

#galleryselect { display: inline-block; }
.galleryimage { margin: 10px; }
.galleryimage a { text-decoration: none; color: #000; display: inline-block; text-align: center; }

.headline { font-family: oswald; font-weight: bold; margin-bottom: 15px; color: #eb816b; }

#articlemenu, #articlemenu li:first-child { list-style: none; margin: 0px; padding: 0; }
#articlemenu .ui-state-focus, #articlemenu .ui-state-active { margin: 0px; border: none; background: none; }
#articlemenuoptions { border: 1px solid #666; padding: 2px; border-radius: 2px; }
#articlemenuoptions li, #articlemenuoptions .ui-state-focus { list-style: none; width: 210px !important; height: 20px !important; font-weight: normal; padding: 0; background: white !important; }
#articlemenu { display: inline-block; float: right; font-size: 12px; }
#articlemenu .ui-menu-icon { background-image: none; }
.articlemenuitemtext { vertical-align: top; line-height: 18px; }
#articlemenu #articlesendmessagetoteacher { background-image: url( "/templates/3column/images/message.png" ) !important; background-position: top left; background-repeat: no-repeat !important; padding-left: 25px; background-size: 20px 20px !important; }

#editcontent .punkt label { display: inline-block; width: 100px; }
#editcontent .punkt select, #editcontent .punkt input[type=text] { display: inline-block; width: 250px; }
#editcontent .punkt textarea { display: inline-block; width: 360px; }

#login { float: right; margin-top: -20px; width: 10px; height: 18px; background: url("/templates/1column/images/key.gif") top left no-repeat; display:none; margin-right: 10px;}
#userinfo { font-size: 10px; color: #666; }
#logon { border: 1px solid black; box-shadow:4px 4px 5px #555; border-radius: 5px; text-decoration:none; background:#a4dcab; color: #666; z-index: 999; position: relative; padding-top: 10px; padding-bottom:0; padding-left: 2px; padding-right: 2px; font-size: 10px; margin-left: 10px; }
#logoff { border: 1px solid white; box-shadow:4px 4px 5px #555; border-radius: 5px; text-decoration:none; background: #a4dcab; color: #666; z-index: 999; position: relative; padding: 2px; font-size: 10px; margin-left: 10px; }
.midt #logon { border: 1px solid black; box-shadow:4px 4px 5px #555; border-radius: 5px; text-decoration:none; background:#a4dcab; color: #666; z-index: 999; position: relative; padding-top: 10px; padding-bottom:0; padding-left: 2px; padding-right: 2px; font-size: 10px; margin-left: 10px; }

#selectclass,
#selectclass #schoolclassselector { margin-bottom: 10px; }
#classsearchdiv label,
#selectclass label,
#schoolsearchdiv label { font-size: 12px; width: 80px; display: inline-block; margin-right: 10px; }
#schoolsearchdiv input { width: 80px; border: 1px solid black; font-size: 10px; }
#schoolsearchresult div { cursor: pointer; font-size: 12px; }
#scresponse { font-size: 12px; }

.iframefullscreen { z-index:1001; position: absolute; margin-left: 720px; cursor: pointer; background: url( "/templates/3column/images/fullscreen.png" ) top left no-repeat; width: 20px; height: 20px; }
.iframefullscreen.iframebuttonfull { position: fixed; top: 10px; right: 10px; z-index: 1003; }
.iframenormal { z-index: 1000; position: relative; left: 0px; top: 0px; border: none; }
.iframefull { clear: both; width: 100%; height: 100%; z-index: 1002; position: fixed; left: 0px; top: 0px; border: none; }

.relatedmaterial { width: 216px; background-color: #fff; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; border-left: 1px solid #d5e7e7 !important; border-right: 1px solid #d5e7e7 !important; border-bottom: 2px solid #d5e7e7 !important; }
.relatedmaterial .topboxtext { margin-bottom: 10px; display: block; width: 216px; height: 20px; margin-left: -5px; margin-top: -5px; padding: 5px; background: #d5e7e7 !important; font-weight: bold; color: #eb816b; }

#searchintro label { display: inline-block; width: 120px; }
#minisearchintro label { display: inline-block; width: 80px; }
#searchintro #searchwords,
#minisearchintro #minisearchwords { width: 150px; }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

#categoryselect-button,
#categoryid-button,
#userselect-button,
#articlereferencecategoryselect-button,
#galleryselect-button { width: 150px !important; background: #fff !important; }
#parentid-button { background: #fff !important; }
#categoryid-button .ui-selectmenu-text,
#categoryselect-button .ui-selectmenu-text,
#userselect-button .ui-selectmenu-text,
#parentid-button .ui-selectmenu-text,
#articlereferencecategoryselect-button .ui-selectmenu-text,
#galleryselect-button .ui-selectmenu-text { width: 150px !important; padding: 0.01em 2.1em 0.01em 1em !important; }

#schoolbagarticles .articleelement .title,
#schoolbagarticles .articleelement .titletext,
#schoolbagarticles .articleelement .categories,
#schoolbagarticlereferences .articleelement .title,
#schoolbagarticlereferences .articleelement .titletext,
#schoolbagarticlereferences .articleelement .categories { width: 145px !important; }
#schoolbagarticlereferences .articleelement .actions,
#schoolbagarticles .articleelement .actions { width: 135px !important; }

#selectcontainer { vertical-align: top; display: inline-block }
#gallerybuttons { float: right; display: inline-block; }

label { clear: left; color: #eb816b; float: left; font-size: 12px; width: 100px; }

.lextooltip { color: #666; border-bottom: 1px dashed #666; cursor: pointer; }

.questiontext,
.checkpairbutton,
.startbutton { color: #333 !important; }

.ui-widget-header { background: #d5e7e7 !important; }

iframe {
	overflow: hidden;
}

#buttons { margin-top: 20px; }
#savetask,
#savesubtasks,
#savearticle,
#savearticlereference,
#saveeditcategory,
#saveArticleReferenceCategory,
#savetaskandclose,
#savesubtasksandclose,
#savearticleandclose,
#savearticlereferenceandclose,
#closeEditTask,
#closeMaintainSubTasks,
#closeeditarticle,
#closeeditarticlereference,
#closeeditcategory,
#closeEditArticleReferenceCategory,
#saveeditgallery,
#closeeditgallery { border: 0px; height: 30px; border-radius: 5px; color: #fff;  }

#savetask,
#savesubtasks,
#savearticle,
#savearticlereference,
#saveeditcategory,
#saveArticleReferenceCategory,
#saveeditgallery { background: #a4dc6b; width: 75px; }
#savetaskandclose,
#savesubtasksandclose,
#savearticleandclose,
#savearticlereferenceandclose { background: #f2ca6b; width: 100px; }
#closeEditTask,
#closeMaintainSubTasks,
#closeeditarticle,
#closeeditarticlereference,
#closeeditcategory,
#closeEditArticleReferenceCategory,
#closeeditgallery { background: #ed806b; width: 120px; }

#closeeditgallery { float: right; }

#gallerybuttons .newgallery { color: #a4dc6b; cursor: pointer; }
#gallerybuttons #showupload { color: #f2ca6b; cursor: pointer; }
#gallerybuttons #closeupload { color: #ed806b; cursor: pointer; }

#closeeditcategory,
#closeEditArticleReferenceCategory { float: right; }

#relatedmaterials a { text-decoration: none; color: #eb816b; }
#relatedmaterials .imagetext { margin-top: 5px; }

.menushortcutsection { display: inline-block; margin-bottom: 10px; padding: 10px; width: 100%; }
.menushortcutsection h2 { clear: both; margin-bottom: 10px; display: none; }
.menushortcutsection .menushortcutitem { float: left; margin-bottom: 10px; margin-right: 4px; }

#articlelistingholder li { list-style: outside; }
#articlelistingholder li a { text-decoration: none; color: #eb816b; }

#lettersearch { border-bottom: 1px solid #333; display: inline-block; width: 485px; margin-bottom: 10px; }
#lettersearch .letter { float: left; cursor: pointer; margin-right: 5px; }
.lexmodule { clear: left; display: inline-block; float: left; }

#authorinfo { display: none; }

@media print {
	body * { visibility: hidden; }
	#content, #content * { visibility: visible; }
	#content #authorinfo { display: block; }
	#content #articlemenu,
	#content .leftmenu,
	#content #pathview,
	#content .rsbtn_play,
	#content audio,
	#content #articlebuttonholder,
	#content #footer { display: none; }

	#content { position: absolute; left: 0; top: 0; }
}