.pinnwand_content.dd-selected
{
    color: #000000;
}
#dd-display-data
{
    height:230px;
    overflow:auto;
}
#dd-modal
{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    height:280px;
    width:500px;
    margin-top:-140px;
    margin-left:-250px;
    background:#303030;
    border:solid 15px rgba(0,0,0,0.4);
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:20000;
    padding: 20px;
    color:#fff;
    text-shadow:none;
    line-height: 1.5em;
}
#close-modal
{
    margin-left:200px;
    width:100px;
    padding:5px;
}
#top-share
{
    float:right;
}
h1, h2, h3{
    font-family: 'Livvic';
    color: white;
    /*text-shadow: 1px 1px 3px #000;*/
    font-size: 4em;
    line-height: 1em;
}

h2{
    margin-top: 20px;
    font-size: 3em; 
}

h3,.pinhead input{
    font-size: 1.25em;
    display: block;
    position: absolute;
    top: 11px;
    left: 110px;
}

.pinhead input{
    top: 17px;
    font-size: 1.1em;
}

a {
    text-decoration: underline;
    color: #333333;
}

a:hover {
    text-decoration: none;
}

div.invisible {
    display: none;
}

form {
    margin: 20px 0px 0px 0px;
}

form input[type=image]{
    vertical-align: middle;
    margin: 0px 0px 0px 5px;
}

input.input-medium {
    width: 190px;
}

body {
    background-color: transparent;
    font-size: 1.08em;
}

#alert {
    margin: 0px 50px;
    position: fixed;
    top: 50px;
    width: 500px;
    height: 120px;
    vertical-align: middle;
    margin-left: -350px;
    left: 50%;
    z-index: 1000;
    display: none;
    background-color: white;
    color: black;
}

div.alert-success {
    border: 10px solid #589800;
}

div.alert-error { 
    border: 10px solid #b42f2f;
}

span#errormsg {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.1em;
    display: table-cell;
    height: inherit;
    vertical-align: middle;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display: block}

div#main, div#footer, div#top{
    width: 900px;
    margin: 0px auto;

}

.spanfull
{
    width: 830px;
}

div#main{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
    -moz-box-shadow: 2px 2px 10px #000; 
    -webkit-box-shadow: 2px 2px 10px #000; 
    box-shadow: 2px 2px 10px #000;  
}

div#head {
    width: 880px;
    height: 300px;
    padding: 40px 0px 0px 20px;
    margin: 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -khtml-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
}

div#edugroupe {
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    -khtml-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    background-image: url(../img/edugroupe.png);
    background-position: 0px -19px;
    height: 140px;
    background-repeat: no-repeat;
    position: relative;
}

div#date {
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    margin-top: 150px;
    top:-20px;
    position:relative;
}
div#date_editable{
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    margin-top: 150px;
    top:-90px;
    position:relative;
}

div#content {
}

div#top{
    height: 40px;
    padding-top: 10px;
    padding-right: 20px;
    text-align: right;
    width: 880px;
    position: relative;
}

a#backlink {
    position: absolute;
    left: 0px;
}

div#page {
}

div#footer {
    width: 880px;
    padding: 10px;
    position: relative;
    height: 110px;
    text-shadow: 1px 1px #000000;
}

div#owner {
    text-align: center;
    padding-top: 80px;
    position: relative;
}

div#social-bar-start {
    position:absolute;
    right:10px;
    width: 215px;
    bottom:0;
}

div#social-bar-pinnwand {
    position:absolute;
    right:10px;
    width: 215px;
    bottom:-5px;
}

div#footer img {
    float: right;
    text-align: right;
}

div#footer span,div#footer a,div#top a {
    color: white;
    text-decoration: none;
}

div#footer a,div#top a{
    font-size: 1.5em;
}


div#footer a:hover,div#top a:hover {
    color: white;
    text-decoration: underline;
}

div#footer a img{
    color: white;
    position: relative;
    left: 0px;
    margin-right: 10px;
}


.span6 { 
    width: 490px;
}

.span5 { 
    width: 350px;
}


/******************************************************************************/
/*                                  PINS                                      */
/******************************************************************************/


div.pin_wide {
    width: 476px;
    margin-bottom: 40px;
    position: relative;
}


li.hidden
{
    display:none !important;
}
div.hidden div.pinhead, div.hidden div.pinbottom {
    opacity: 0.49;
}

div.hidden div.pinbody {
    background-color: rgba(255, 255, 255, 0.59);
}

div.pinhead{  
    height: 74px;
    position: relative;
    /*cursor: n-resize;*/
}

div.spanfull div.pinhead{
    cursor: default !important;
}
div.pinhead.is_sortable{
    cursor: move !important;
}
div.span4 div.pinhead input {
    width: 140px;
    left: 90px;
}

div.span4 div.editheadbtn {
    right: 20px !important;
}

.duplicateheadbtn {
    right: 45px !important;
}


.span4 .duplicateheadbtn {
    right: 55px !important;
}


div.span4 div.showbtn, div.span4 div.editbtn{
    right: 20px !important;
}

div.pinhead {
    position: relative;
}

div.pinbody{
    min-height: 50px;
    background-image: url(../img/boxwide_body.png);
    background-repeat: repeat-y; 
    padding: 10px 20px;
}

div.pinbottom{
    background-image: url(../img/boxwide_bottom.png);
    height: 29px;
    background-repeat: no-repeat;
    position: relative;
}

div[id^='area_search_'], div[id^='area_top_links_'], div[id^='area_pics_'], div[id^='area_movie_'], div[id^='area_app_'], div[id^='area_blitzleser_'], .span4 div[id^='area_custom_']{
    width: 329px;
    margin-bottom: 40px;
}
div[id^='framearea_movie'].modal div.modal-header button.close, div[id^='framearea_app'].modal div.modal-header button.close {
    color: black;
    opacity: 1;
} 

div[id^='area_blitzleser_'].view
{
    /*background-image: url(../img/area_blitz.png);
    background-repeat: no-repeat;
    height:200px;*/

}

/*div[id^='area_blitzleser_'].view div.pinbody, div[id^='area_blitzleser_'].view div.pinhead, div[id^='area_blitzleser_'].view div.pinbottom
{
    background-image: none;
}*/


.spanfull div[id^='area_title_']
{
    width: 830px;
}

.spanfull div.pinbottom {
    background-image: url(../img/boxfull_bottom.png) !important;
    width:827px;
}

.spanfull div.pinbody {
    background-image: url(../img/boxfull_body.png) !important;   
    width:787px;
}

div[id^='area_search_'] div.pinbody, div[id^='area_top_links_'] div.pinbody, div[id^='area_pics_'] div.pinbody, div[id^='area_movie_'] div.pinbody, div[id^='area_app_'] div.pinbody, div[id^='area_blitzleser_'] div.pinbody, .span4 div[id^='area_custom_'] div.pinbody{
    background-image: url(../img/boxnarrow_body.png);

}

div[id^='area_search_'] div.pinbottom, div[id^='area_top_links_'] div.pinbottom, div[id^='area_pics_'] div.pinbottom, div[id^='area_movie_'] div.pinbottom, div[id^='area_app_'] div.pinbottom, div[id^='area_blitzleser_'] div.pinbottom, .span4 div[id^='area_custom_'] div.pinbottom, div[id^='area_app_'] div.pinbottom{
    background-image: url(../img/boxnarrow_bottom.png);

}
div[id^='area_our_links_'] div.pinhead {
    background-image: url(../img/area_our_links.png);  
}

div[id^='area_our_links_'] h3 {
    margin-top: 11px;
    left: 100px; 
}


div[id^='area_search_'] div.pinhead {
    background-image: url(../img/area_search.png);
}

div[id^='area_search_'] h3 {
    margin-top: 17px;
}

div[id^='area_search_'] .pinhead input{
    top: 21px;
}

div[id^='area_homework_'] div.pinhead {
    background-image: url(../img/area_homework.png);
}

div[id^='area_top_links_'] div.pinhead {
    background-image: url(../img/area_top_links.png);
}

div[id^='area_top_links_'] h3 {    
    margin-top: 7px;
}

div[id^='area_top_links_'] .pinhead input{
    top: 17px;
}

div[id^='area_message_'] div.pinhead {
    background-image: url(../img/area_message.png);
}
div[id^='area_message_'] h3 {
    top: 11px;
    left: 105px;
}

div[id^='area_pics_'] h3 {
    margin-top: 1px;
}
div[id^='area_pics_'] div.pinhead input {
    top: 10px;
}

div[id^='area_pics_'] div.pinhead {
    background-image: url(../img/bild.png);
    height: 40px;
}

div[id^='area_pics_'] div.pinbody{
    background-image: url(../img/bild.png);
    background-position: 0px -40px;
    height: 210px;
}



div[id^='area_pics_'] img {
    cursor: pointer;
}

div[id^='area_dates_'] div.pinhead {
    background-image: url(../img/area_dates.png);
}

div[id^='area_dates_'] div.pinhead {
    background-image: url(../img/area_dates.png);
}
div[id^='area_calendar_'] div.pinhead {
    background-image: url(../img/area_dates.png);
}

div[id^='area_calendar_'] h3 {
    margin-top: 6px;
    left: 95px;
}

div[id^='area_dates_'] h3 {
    top: 15px;
    left: 95px;
}

div[id^='area_dates_'] div.pinhead input{
    top: 19px;
}

div[id^='area_movie_'] div.pinhead {
    background-image: url(../img/film.png);
    height: 40px;
}

div[id^='area_movie_'] div.pinbody{
    background-image: url(../img/film.png);
    background-position: 0px -40px;
    height: 210px;
}

div[id^='area_app_'] div.pinhead {
    background-image: url(../img/learningapp.png);
    height: 50px;
}

div[id^='area_app_'] h3 {
    margin-top: 4px;
    left: 70px;
}

div[id^='area_app_'] div.pinhead {
    background-image: url(../img/learningapp.png);
    height: 50px;
}



div[id^='area_app_'] div.pinbody{
    /* background-image: url(../img/pi.png);
background-position: 0px -40px;*/
    background-image: url(../img/learningapp_infobereich.png);
    background-position: 0px -40px;
    height: 210px;

}
div[id^='area_app_'] div.pinbottom {
    background-image: url(../img/learningapp_infobereich.png);
    background-position: 0px -270px;
    height: 40px;
}
div[id^='area_app_'] div.pinhead {
    background-image: url(../img/learningapp_infobereich.png);
    height: 40px;
}


div[id^='area_blitzleser_'] div.pinbody{
    background: url(../img/bitzreiter_infobereich.png) no-repeat center -40px, url(../img/bitzreiter_mitteding.png) repeat-y center top;
    min-height: 210px;
    padding-bottom:30px;
    padding-top:50px;
}
div[id^='area_blitzleser_'] div.pinbottom {
    background-image: url(../img/bitzlreiter_bottom.png);
    background-position: 0px -10px;
    height: 30px;
}
div[id^='area_blitzleser_'] div.pinhead {
    background-image: url(../img/bitzreiter_infobereich.png);
    height: 40px;
}
div[id^='list_area_blitzleser_']{
    padding-bottom:50px; 
}
div[id^='area_movie_'] div.pinbody a, div[id^='area_app_'] div.pinbody a, div[id^='area_pics_'] div.pinbody a{
    background-image: url(../img/film_btn.png);
    background-position: -65px -10px;
    display: block;
    width: 250px;
    height: 200px;
    text-decoration: none;
    cursor: pointer;	
}

div[id^='area_blitzleser_'].view div.pinbody a {
    background-image: url(../img/film_btn.png);
    background-position: -45px 0px;
    display: block;
    width: 250px;
    height: 150px;
    text-decoration: none;
}
div[id^='area_blitzleser_'].view div.pinbody a:hover {

    background-position: -309px -0px;

}

div[id^='area_blitzleser_'] h3 {

    margin-top: 4px;
    left: 80px;
}

div[id^='content_area_blitzleser_']
{
    background-image:url(../img/tafelkontuerchen_800c.png);  
    background-repeat:no-repeat;
    text-align: center;
    height: 560px;
    width: 795px;
}



div[id^='content_area_blitzleser_'] img
{
    padding: 10px;
    margin-top: 100px;
}

div[id^='area_pics_'] div.pinbody a{
    background-position: -45px -15px;
}

div[id^='area_pics_'] h3{
    left: 100px;
}

div[id^='area_movie_'] div.pinbody a:hover{
    background-position: -329px -10px;;
}

div[id^='area_pics_'] div.pinbody a:hover{
    background-position: -309px -15px;;
}

div[id^='area_movie_'] div.pinbottom,div[id^='area_pics_'] div.pinbottom {
    background-image: url(../img/film.png);
    background-position: 0px -220px;
    height: 0px;
}

div[id^='area_pics_'] div.pinbottom {
    background-image: url(../img/film.png);
    background-position: 0px -220px;
    height: 0px;
}
div[id^='area_app_'] .showbtn, div[id^='area_app_'] .duplicateheadbtn,div[id^='area_app_'] .removebtn {

    top: -15px !important;


}
div[id^='area_app_'] div.pinbody a{
    background-image: url(../img/film_btn.png);
    background-position: -45px 20px;
    display: block;
    width: 250px;
    height: 200px;
    text-decoration: none;
    cursor: pointer;	
}

div[id^='area_app_'] div.pinbody a:hover{
    background-position: -309px 20px;;
}
div[id^='area_movie_'] h3 {
    margin-top: 3px;
}
div[id^='area_movie_'] div.pinhead input, div[id^='area_app_'] div.pinhead input{
    top: 11px;
}

div[id^='area_timetable_'] div.pinhead {
    background-image: url(../img/area_timetable.png);
}

div[id^='area_timetable_'] div.pinhead input{
    top: 20px;
}

div[id^='area_timetable_'] h3 {
    top: 14px;
    left: 80px;
}

.span4 div[id^='area_custom_'] div.pinhead {

    background-image: url(../img/area_custom.png);
    background-position-y: 0px;
}

div[id^='area_blitzleser'] div.pinhead {
    background-image: url(../img/area_blitz.png);
}

.span6 div[id^='area_left_title_'] div.pinhead {
    background-image: url(../img/area_custom_wide.png);
}

.spanfull div[id^='area_title_'] div.pinhead {
    background-image: url(../img/area_custom_full.png);
    background-image: url(../img/area_custom_full_left.png), url(../img/area_custom_full_center.png), url(../img/area_custom_full_right.png);
    background-repeat: no-repeat;
    background-position-x: left, 100px, right;
    background-size: 105px 83px, calc(100% - 120px) 83px, 25px 83px;
}

.spanfull div[id^='area_title_'] {
    max-width: 830px;
    width: calc(100% - 10px);
}
/******************************************************************************/
/*                                  CONTENT                                   */
/******************************************************************************/
div[id^='area_timetable_'] table {

}

div[id^='area_timetable_'] th {
    border-left: 1px solid #bfbfbf;
    width: 65px;
    color: #617f13;
}

div[id^='area_timetable_'] th.tblleft {
    width: 100px;
    color: #617f13;
    border: none;
}

div[id^='area_timetable_'] td {
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    text-align: center;
}


div[id^='area_timetable_'] td.tblleft {
    border-left: none;
    color: #617f13;
    font-size: .8em;
}

div[id^='area_homework_'] ul, div[id^='area_message_'] ul,div[id^='area_title_'] ul,div[id^='area_left_title'] ul, div[id^='area_custom'] ul, div[id^='area_dates_'] ul, div[id^='area_blitzleser_'] ul {
    list-style-type: none;
    list-style-position: outside;
    margin-top: 0px;
    margin-left:0px;
    /*margin-bottom: px;*/
    padding-right: 10px;
}
div.new_textarea_blitzleser{
    margin-bottom:10px;
}
.value ul
{list-style-type:disc !important;
 list-style-position: inside !important;
 margin:0px !important;

}
.jqte_editor ul
{list-style-type:disc !important;
 list-style-position: inside !important;
 margin:0px !important;

}
div[id^='area_homework_'] li, div[id^='area_message_'] li, div[id^='area_title_'] li, div[id^='area_left_title'] li, div[id^='area_custom'] li, div[id^='area_dates_'] li , div[id^='area_calendar_'] li{
    border-top: 1px solid #bfbfbf;
    padding: 10px;
    /*display: block;*/

}
div.note-editable li
{
    border-top:none;
    list-style-type:disc !important;
    list-style-position: inside !important;
}
span.value li{
    border-top: none !important;
}
div[id^='area_blitzleser_'] li 
{
    padding-top: 10px;

}
div[id^='area_homework_'] li:first-child, div[id^='area_message_'] li:first-child, div[id^='area_title_'] li:first-child, div[id^='area_left_title'] li:first-child, div[id^='area_custom'] li:first-child, div[id^='area_dates_'] li:first-child, div[id^='area_blitzleser_'] li:first-child, div[id^='area_calendar_'] li:first-child {
    border-top: none;
}

div[id^='content_area_blitzleser_'] li
{
    border-top:none;
}

div[id^='act_text_area_blitzleser_']
{
    font-family: 'ABeeZee', sans-serif;
    margin-top: 160px;
    font-size: 80px;
    color: white;
    line-height:80px;
}

div[id^='area_our_links_'] ul, div[id^='area_top_links_'] ul {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 50px;
}

div[id^='area_our_links_'] li, div[id^='area_top_links_'] li {
    list-style-image: url(../img/hand-lila.png);
    padding: 0px;
    line-height: 30px;
    margin-bottom: 8px;
    display: list-item;
}
div[id^='area_our_links_'] li a, div[id^='area_top_links_'] li a {
    padding: 0px;
    line-height: 30px;
    vertical-align: text-bottom;
}

div[id^='area_our_links_'] li.red{
    list-style-image: url(../img/hand-rot.png);
}

div[id^='area_our_links_'] li.blue{
    list-style-image: url(../img/hand-blau.png);
}

div[id^='area_our_links_'] li.yellow{
    list-style-image: url(../img/hand-gelb.png);
}

div[id^='area_our_links_'] li.green{
    list-style-image: url(../img/hand-gruen.png);
}

div[id^='area_our_links_'] li.orange{
    list-style-image: url(../img/hand-orange.png);
}

div[id^='area_our_links_'] li.pink{
    list-style-image: url(../img/hand-rosa.png);
}

/******************************************************************************/
/*                                   EDITs                                    */
/******************************************************************************/
h1 {
    float: left;
}
h2 {
    clear: both;
}
div.savebtn_bg,div.editbtn_bg {
    width: 44px;
    height: 44px;
    background-image: url(../img/edit_big.png);
    background-position: -44px 0px;
    float: left;
    cursor: pointer;
    z-index: 1000;
}


div.editbtn, div.editheadbtn, div.savebtn, div.showbtn, div.duplicateheadbtn, div.removebtn {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 27px;
    height: 28px;
    background-image: url(../img/edit.png);
    background-position: -29px 0px;
    cursor: pointer;

}

div.editheadbtn {
    top: 20px;
}

div.duplicateheadbtn {
    position: absolute;
    right: 15px;
    width: 27px;
    height: 28px;
    background-image: url(../img/addbtn.png);

    cursor: pointer;

}

div.removebtn {
    right: 80px !important;
    background-image: url(../img/removebtn.png);	
}

.span4 div.removebtn {
    right: 90px !important;
}

div[id^='area_timetable_'] div.duplicateheadbtn, div[id^='area_search_'] div.duplicateheadbtn, .spanfull div[id^='area_title_'] div.duplicateheadbtn
{
    display: none;
}

div.editbtn {
    top: 60px;
    right: 10px;
    background-image: url(../img/editpin.png);
}

div[id^='area_search_'] div.editheadbtn {
    top: 23px;
}

div[id^='area_search_'] div.showbtn {

}

div[id^='area_search_'] div.editbtn{
    top: 62px;
}

div[id^='area_search_'] h3{
    left: 90px;
}

div[id^='area_top_links_'] div.editheadbtn {
    top: 16px;
}

div[id^='area_top_links_'] h3 {
    top: 11px;
    left: 105px;
}

div[id^='area_top_links_'] div.showbtn, div[id^='area_top_links_'] div.duplicateheadbtn, div[id^='area_top_links_'] div.removebtn
{
}
div[id^='area_top_links_'] div.editbtn{
    top: 56px;
}

div[id^='area_pics_'] div.editheadbtn {
    top: 10px;
}

div[id^='area_pics_'] div.showbtn, div[id^='area_pics_'] div.duplicateheadbtn, div[id^='area_pics_'] div.removebtn
{
    top: -57px;
}

div[id^='area_blitzleser_'].view div.editheadbtn {
    top: 11px;
}

div[id^='area_blitzleser_'].view div.showbtn, div[id^='area_blitzleser_'].view div.duplicateheadbtn, div[id^='area_blitzleser_'].view div.removebtn{

}

div[id^='area_blitzleser_'] div.editheadbtn {
    top: 11px;
}

div[id^='area_blitzleser_'] div.showbtn, div[id^='area_blitzleser_'] div.duplicateheadbtn, div[id^='area_blitzleser_'] div.removebtn {

}

div[id^='area_pics_'] div.editbtn{
    top: 50px;
}

div[id^='area_movie_'] div.editheadbtn,
div[id^='area_app_'] div.editheadbtn{
    top: 10px;
}

div[id^='area_movie_'] div.showbtn, div[id^='area_movie_'] div.duplicateheadbtn, div[id^='area_movie_'] div.removebtn {
    top: -42px;
}

div[id^='area_movie_'] div.editbtn, div[id^='area_app_'] div.editbtn{
    top: 50px;
}

div.editbtn, div.editheadbtn, div.showbtn {}

div.showbtn{
    background-image: url(../img/show.png);
    right: 10px;
    background-position: 0px 0px;
}
div.hidebtn {
    background-position: -27px 0px;
}

div.savebtn_bg, div.savebtn {
    background-position: 0px 0px;
}

#input_pwtitle{
    float: left;
    font-size: 2em;
    height: 40px;
    width: 480px;
    clear:both;
    z-index:1000 !important;
    position:relative;
}
.input_pwd{
    clear:both;
    z-index:1000 !important;
    position:relative;
}
#input_password{
    clear:both;
    z-index:100 !important;
    position:relative;
}
h2 {
    z-index: 500;
}

#designbtns {
    clear: both;
    z-index: 100 !important;  
    padding-left:5px;
    padding-right:5px;
}

.dispnon {
    display: none !important;
}

div.pin_wide textarea {
    width: 370px;
    height: 150px;
}


div[id^='area_left_title_'] textarea, div[id^='area_left_title_'] textarea  {
    width: 250px;
}

.spanfull div[id^='area_title_'] textarea {
    width: 720px;
}

.span6 div[id^='area_left_title_'] textarea {
    width: 360px;
}

div[id^='area_homework_'] textarea, div[id^='area_dates_'] textarea, div[id^='area_message_'] textarea, div[id^='area_title_'] textarea, div[id^='area_left_title_'] textarea, div[id^='area_custom_'] textarea, div[id^='area_blitzleser_'] textarea{
    height: 50px;
}

div[id^='area_dates_'] textarea{
    width:  320px;
}

div[id^='area_dates_'] span.date {
    font-style: italic;
}

div[id^='area_movie_'] textarea, div[id^='area_app_'] textarea{
    width: 240px;
    height: 150px;
    position: absolute;
    top: 60px;
}

img.delbtn {
    margin-left: 5px;
    cursor: pointer;
}
img.delbtn_with_editor {
    margin-left: 5px;
    cursor: pointer;
}
.spanfull .editspan_area_title
{
    width: 740px;
}
.editspan_area_homework, .editspan_area_message, .editspan_area_title,.editspan_area_left_title, .editspan_area_dates {
    display: block;
    margin: 0px;
    float: none;
    height: 250px;
    width: 420px;
}
.editspan_area_our_links, .editspan_area_top_links {
    display: block;
    margin: 0px;
    float: none;
    height: 40px;
    width: 420px;
}

div[id^='area_custom_'] textarea
{
    display: block;
    margin: 0px;
    float: left;
    height: 250px;
    width: 200px;
}

div[id^='area_custom_'] h3
{
    margin-top: 10px;
    left: 95px;
}


.editspan_area_custom
{
    display: block;
    margin: 0px;
    float: none;
    height: 250px;
    width: 250px;
}
.editspan_area_blitzleser{
    display: block;
    margin-bottom: 6px;
    float: none;
    height: 10px;
    width: 250px;
}
div.pin_wide .editspan_area_blitzleser textarea {
    width: 210px;
}




div[id^='area_our_links_'] div.pinbody input, div[id^='area_top_links_'] div.pinbody input {
    width: 100px;
}

div[id^='area_our_links_'] div.pinbody select, div[id^='area_top_links_'] div.pinbody input {
    width: 70px;
}

div[id^='area_timetable_'] div.pinbody input {
    width: 40px;
}

ul.nolist {
    list-style-type: none !important;
    margin-left: 0px !important;
}
ul.nolist li{
    list-style-image: none !important;
}
/******************************************************************************/
/*                               GALERIE & SO                                 */
/******************************************************************************/
.modal-header { 
    border-bottom: none;
}

.modal-body {
    max-height: none;
}

.modal { 
    width: auto;
    margin: -250px 0px 0px -420px;
    display: none;
}

div[id^='blitzleserframe_'].modal
{
    margin: -200px 0px 0px -400px;
    background-color: black;
}

.modal.fade.in { 
    top: 30%;
}

div#myCarousel div div{
    /*  width: 700px;*/
    height: 600px;
}

div#myCarousel .item img {
    margin: 0px auto;
}
.alert button.close, .alert button.close:hover, .modal-dialog button.close, .modal-dialog button.close:hover {
    color: black;
}

.link-dialog {
    width: 290px !important;
}			  

div#gallery {  
    width: 850px;
    background-color: black;
    color: white;
    padding-right: 0px !important;
}

div#gallery .close, button.close{
    opacity: 1;
    z-index: 1000;
}

div#gallery .close, div[id^='blitzleserframe_'] .close{
    color: white;  
}


div#gallery .close:hover, button.close:hover{
    color: white;
    opacity: 1;
}

div.framearea  {
    min-width: 800px;
    width: auto;
    margin: -250px 0px 0px -650px;
}

div[id^='blitzleserframe_'] {
    min-width: 800px;
    width: auto;
    margin: -250px 0px 0px -650px;
}



div[id^='framearea_app_'].modal
{
    margin: -200px 0px 0px -400px;
    background-color: white;
}
div[id^='framearea_movie_'].modal
{
    margin: -200px 0px 0px -400px;
    background-color: white;
}
#imguploader {
    width: 950px;
    margin-left: -475px;
    margin-top: 0px;
    top: 1%;
    height: 90%;
    overflow: scroll;
}
#imguploader .modal-header .close {
    color:black;
}



.fileupload-buttonbar{
    margin-left: 10px;
}

a.carousel-control {
    text-decoration: none;
}

/********************************/
/***    Autoclear Floats      ***/
/********************************/

.autoclear:after {content:"";display: block; height: 0; clear: both; visibility: hidden; }
.autoclear {display:inline-block;}
.autoclear {display:block;}
* html .autoclear {height: 1%;}

.autoclear label.left {display:block; width: 120px; float: left;}

.spanfull .textarea_with_editor {

    height: 250px;
}

div[id^='area_dates_'] .textarea_with_editor {

    height: 300px;
}

div[id^='area_custom_'] .textarea_with_editor {

    height: 250px;  
}
div[id^='area_homework_'] .textarea_with_editor {

    height: 250px;  
}
div[id^='area_homework_'] h3 {
    left: 105px; 
    margin-top: 12px;
}
div[id^='area_message_'] .textarea_with_editor {
    height: 250px;  
}
div[id^='area_title_'] .textarea_with_editor {

    height: 250px;  
}
div[id^='area_title_'] h3 {
    margin-top: 13px;
    left: 80px;  
}
div[id^='area_left_title'] .textarea_with_editor {

    height: 250px;  
}

div[id^='area_left_title'] h3 {
    top: 11px;
    left: 85px;
}

.btn-group{
    white-space:normal !important;
}
.password_incorrect{
    color:black;font-weight:bold;
    position:relative;
    z-index:1000;
    background-image: url(../img/einloggen_hintergrundgrafik.png);
    background-position: -0px 0px;
    background-repeat:	no-repeat;
    background-color:	transparent;  
    top:-31px;
    height:278px;
    width:310px;
    overflow:auto;
    padding-left:20px;
    padding-right:50px;
    padding-top:70px;
    text-align:center;
}
.pwd_head{
    padding-right:30px !important;
    padding-top:30px;
    color:white;
}
.pwd_body{
    z-index:1000;
    padding-top:30px;
    color:#575656; 
}
.inputfield_password{
    width:190px;
}
.submit_password{

    width: 50px !important;
    height: 44px;
    background-image: url(../img/save_big.png);
    background-position: -0px 0px;
    background-repeat:	no-repeat;
    background-color:	transparent;  
    border:none;
    color: transparent; /* Fix for Firefox */
    text-indent:-0px;
    overflow:hidden;
    cursor: pointer;
    z-index: 1000;
    border-style: none;
    border-width: 0;
    padding: 0 0 0 16px !important; /* Fix for Internet Explorer */
}

.speedbtn{
    cursor:pointer;
}

.jqte_linkinput {

    width:150px !important;

}
div.spanfull div[id^='area_title'].pin_wide div.pinbody ul[id^='list_area_title'] li div.editspan_area_title div.jqte div.jqte_linkform input.jqte_linkinput{
    width:300px !important;
}
div[id^='area_movie'] div.pinbody a.desclink, div[id^='area_app'] div.pinbody a.desclink {
    height: 32px !important;
    text-decoration: underline !important;
    padding-left: 32px !important;
    padding-top: 5px !important;
    position: absolute !important;
    top: 230px !important;
    background-image: url(../img/info-group.png) !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}
.date_edited
{
    margin-top:79px !important;
}

.pinhead .btngrp {
    background: url(../img/btngrp_titel.png) 0px 0px no-repeat;
    height: 30px;
    width: 108px;
    position: absolute;
    top: 18px;
    right: 0px;
}
div[id^='area_blitzleser'] div.pinhead div.btngrp
{
    top: 10px;
    right: 10px;
}
div[id^='area_search'] div.pinhead div.btngrp
{
    top: 22px;
    right: 10px;
}
div[id^='area_app'] div.pinhead div.btngrp
{
    top: 9px;
    right: 10px;
}
div[id^='area_top_links'] div.pinhead div.btngrp
{
    top: 15px;
    right: 10px;
}
div[id^='area_pics'] div.pinhead div.btngrp
{
    top: 9px;
    right: 11px;
}
div[id^='area_movie'] div.pinhead div.btngrp
{
    top: 9px;
    right: 10px;
}
div[id^='area_custom'] div.pinhead div.btngrp
{
    top: 18px;
    right: 10px;
}
div[id^='area_left_title'] div.pinhead div.btngrp
{
    top: 15px;

}
div[id^='area_left_title'] div.editheadbtn
{
    top:17px;
}
div[id^='area_blitzleser'] div.pinbody div.btngrp
{
    top: 58px;
    right: 10px;
}
div[id^='area_search'] div.pinbody div.btngrp
{
    top: 60px;
    right: 10px;
}
div[id^='area_app'] div.pinbody div.btngrp
{
    top: 59px;
    right: 10px;
}
div[id^='area_top_links'] div.pinbody div.btngrp
{
    top: 55px;
    right: 10px;
}
div[id^='area_pics'] div.pinbody div.btngrp
{
    top: 49px;
    right: 11px;
}
div[id^='area_movie'] div.pinbody div.btngrp
{
    top: 49px;
    right: 10px;
}
div[id^='area_custom'] div.pinbody div.btngrp
{
    top: 58px;
    right: 10px;
}

div[id^='area_blitzleser'] div.pinbottom div.btngrp
{
    top: -11px;
    right: 10px;
}
div[id^='area_search'] div.pinbottom div.btngrp
{
    top: -11px;
    right: 10px;
}
div[id^='area_app'] div.pinbottom div.btngrp
{
    top: -16px;
    right: 10px;
}
div[id^='area_top_links'] div.pinbottom div.btngrp
{
    top: -11px;
    right: 10px;
}
div[id^='area_pics'] div.pinbottom div.btngrp
{
    top: -58px;
    right: 14px;
}
div[id^='area_movie'] div.pinbottom div.btngrp
{
    top: -43px;
    right: 10px;
}
div[id^='area_custom'] div.pinbottom div.btngrp
{
    top: -11px;
    right: 10px;
}


.pinbody .btngrp {
    background: url(../img/btngrp_content.png) 0px 0px no-repeat;
    height: 30px;
    width: 125px;
    position: absolute;
    top: 59px;
    right: 0px;
}


.pinbottom .btngrp {
    background: url(../img/btngrp_pinn.png) 0px 0px no-repeat;
    height: 30px;
    width: 160px;
    position: absolute;
    top: -12px;
    right: 0px;
}

.note-editor.note-frame{
    float: left;
    width: 91%;
}
div.spanfull .note-editor
{
    float:left;
    width: 95% !important;
}

div.note-editable ol>li
{
    border-top:none;
    list-style-type: decimal !important;
    list-style-position: unset !important;
}
.note-editor .note-dropzone { opacity: 0 !important; }


.close { 
    filter: alpha(opacity=100) !important;

}
.close:hover,
.close:focus {

    filter: alpha(opacity=50) !important;

}

.active_editor {
    border: 3px solid lightskyblue !important;
}

.rotate {
    text-decoration: none;
    cursor: pointer;
}

.rotate:hover {
    color: white;
    background-color: #5bb75b; 
}

div.fullscreen{
    width: 95%;
    height: 95%;
}