/* CodeMirror */

.CodeMirror {
    font-family: monospace;
    height:auto;
    color: black;
}
.CodeMirror, form {
    width: 100%!important;
    border: 0px solid transparent!important;
    height:auto;
    max-width:100%;
    background: transparent!important;
}
.CodeMirrorSmall {
    height:300px;
}
.CodeMirrorHeight {
    height:auto;
}
iframe {
    background-color: #ffffff;
    min-height: 400px;
    width: 100%;
    width: 100% !important;
    border: 1px solid #fff;
    margin: 0;
    padding: 2px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    border-radius: 4px;
}
hr {
    height: 0px;
    border: none;
    border-bottom: 1px solid #999;
    width: 98%;
}
/* CodeMirror AnimationClasses */

div.animhtml-title {
    background-color: #aaa;
    color: #fff;
    font-weight: bold;
    text-indent: 5px;
    margin: 0px;
}
article.animhtml-content {
    border: 2px solid #aaa;
    padding:0px;
    border-radius: 4px;
}
button#animbut {background-color:#aaa;border-color:#aaa;}
#animalert {background-color:#ccc;border-color:#aaa;color:#666;}
#animalert {padding: 6px 12px;margin-bottom:12px;}

/* Code Mirror Bootstrap */
div.CodeMirror-code  {
    padding:0;
    margin:0;
}
div.CodeMirror-code pre {
    padding:0;
    margin:0;
}
div.code-content {
    margin:0;
    padding:0;
}
textarea.editorcss, textarea.editorhtml {
    border:none;
    background-color:transparent;
    height:100%;
    width:100%;
    min-height: 300px;
}
#cssup {background-color:red;}

.alert {padding: 6px 12px;}
.kopieren {padding:0px;}
/* Fenstergrösse wechseln */
.hoehe, .full {
    float: right;
    padding-right: 12px;
    cursor:pointer;
}
.hoehe:hover, .full:hover {
    color: red;
}
iframe > .row, .row {
    margin-right:0px!important;
    margin-left:0px!important;
    }

/* Content */
div.content {
    color: #efefef;
}
div.content a {
    color: #ed747c;
}

/* SANDBOX */
div.html-title {
    background-color: #337ab7;
    color: #fff;
    font-weight: bold;
    text-indent: 5px;
    margin: 0px;
}
div.css-title {
    background-color: #ccc;
    color: #fff;
    font-weight: bold;
    text-indent: 5px;
    margin: 0px;
}
div.view-title {
    background-color: rgba( 165, 165, 165, 1 );
    color: #fff;
    font-weight: bold;
    text-indent: 5px;
    margin: 0px;
}
/* Sources anzeigen */
div.sources {
    width:100%;
    height:50px;
    border-bottom: 1px solid #ef2e3e;
    margin-bottom:12px;
}
div.sources p {
    float:left;
    color:#ccc;
    line-height:2.3em;
    margin-right:12px;
    margin-bottom:12px;
}
div.sources button.box, div.sources a {
    float:left;
    width:auto;
    height:36px;
    border: 1px solid #ef2e3e;
    background-color:#AAAAAA;
    border-radius:4px;
    margin-right:12px;
    margin-bottom:12px;
    text-decoration: none;
    padding:8px 12px 0px 12px;
    line-height:1em;
}
article.html-content {
    border: 2px solid #337ab7;
    background-color: #d1d8e7;
    padding:0px;
    border-radius: 4px;
}
article.css-content {
    border: 2px solid #ccc;
    background-color: #373831;
    padding:0px;
    border-radius: 4px;
    height: 325px;
    display: block;
    overflow-y: auto;
}
article.html-content p, article.css-content p {font-family: monospace;font-size: 1.4em;padding:0;margin:0;}
article .code-content {margin: 0;padding:0;}
article.view {
    border: 2px solid rgba( 165, 165, 165, 1 );
    /*background-color: rgba( 165, 165, 165, 0.2 );*/
    border: 2px solid #999;
    min-height:200px;
    height:100%;
    overflow:hidden;
}

pre {
    display: block;
    margin: 6px;
    font-size: 100%;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #efefef;
    background-color: #444;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 4px;
}

#Form_ItemEditForm_EditorHTML .textarea {
    min-width:94%!important;
    min-height:300px!important;
    }

/* Affix-Navigation */
  .affix {
      top: 0;
      width: 100%;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }

/* Aufgabe anstelle CSS */
div.aufgabe {
    min-height: 18px;
    background-color: #373831;
    padding-right: 4px;
    height: 100%;
}
div.aufgabe p {
    font-size: 0.93em!important;
    font-family: 'Droid Sans', sans-serif;
    margin-left:20px;
}
div.aufgabe ol, div.aufgabe ul {
    font-size: 0.93em!important;
    font-family: 'Droid Sans', sans-serif;
    padding: 0px 0px 0px 30px;
}

body {
    background-color: #efefef;
    color: #333;
	background-attachment: scroll;
    background-clip: border-box;
    font-size:16px;
}
.maincontainer {
	max-width: 1200px;
	margin: auto;
	border: 1px solid #fff;
	box-shadow:2px 2px 2px #333333;
	margin-top:12px;

}

/* Header ******************************************************/
/*header {
    height: 0px;
    width: 100%;
	background:url(../images/header.jpg) no-repeat;
}
header h1 {
	
}

/* Navbar ********************************************************/
/*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }*/
 #myNavbar {padding:0;overflow: unset;}
 ul.dropdown-menu {padding:0;}
 ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}
ul.dropdown-menu li a{
    background-color: #8aa0bd;
}
ul.dropdown-menu li a:hover{
    background-color: rgba(239,46,62,1);
    color:#fff;
}

a.navbar-brand {display:none;}
.navbar {
    border-radius: 0px;
    z-index:999;
}
.navbar-default {
    background-color: rgba(239,46,62,1);
    border-color: rgba(239,46,62,1);
    font-family: 'Droid Sans', sans-serif;
}
.navbar-default a.navbar-brand {
    color: #718bac;
}
.navbar-default .navbar-brand:hover {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    color: #8aa0bd;
    font-size:1.2em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.current {
    color: #ffffff;
}

/* Article *******************************************************/

main {max-width:95%;margin: 0 auto;}
article {
    max-width: 80%;
	padding:24px 10px 4px 0;
	margin: auto;
}
div.aufgabe h3 {
    padding-left: 20px;
}
/*.namenkursiv {
    font-style: italic;
    font-weight: bold;
    color: #900;
}*/
a.weiter {
    background-color: #EF2E3E;
    padding: 4px 12px;
    color: #8aa0bd !important;
    display: block;
}
a.weiter:hover {
	color: #fff!important;
	text-decoration: none!important;
}
a.linkaufgabe, .linkaufgabe {
    border:1px solid #ccc;
    background-color: rgba(0,244,255,0.5);
    padding:3px;
}
.dbname {color:#ccc;font-size:0.6em;padding:6px;}
footer {
	clear:both;
	border-top:1px solid #fff;
	background-color: rgba(239,46,62,1);
	}
footer p, footer h2 {
	padding: 12px 24px;
    font-size: 16px;
    color:#900;
    text-decoration:none;
	}
footer p a {
    color:#900;
    text-decoration:none;
	}
footer p a:hover {
    color:#000;
    text-decoration:none;
	}
/* ImageGallery  */
ul#ImageGalleryEntriesUL  {list-style:none;width:10000px;}
ul#ImageGalleryEntriesUL li {float:left;}
#player img {width:608px; height:auto;}



/* BREAKPOINT 640px */

@media only screen and (max-width: 640px) { 
	.affix {
	      top: 0;
	      width: 100%;
	}
	a.navbar-brand {display:block;}
    /* So nicht! ul.dropdown-menu {display:block;} */
	article {
	    max-width: 100%;
	}
    .typography .amountright, .amountright {
        text-align: left;
        width:100%;
        display:block;
        clear:both;
        border-bottom: 1px solid #fff;
    }
    .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
    #myNavbar {
        padding:0;overflow: unset;
        }
    .navbar-nav {
        margin: 0px;
        padding-bottom: 20px;
    }
    .dropdown-menu {
        position: static;
        top: 0;
        left: 0;
        z-index: 1000;
        display: block;
        float:none;
        clear:left;
        min-width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: left;
        background-color: none;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
        -webkit-background-clip:transparent;
        background-clip:transparent;
    }
}


/* Print Styles */

/* Based on HTML5 boilerplate print styles */
@media print {
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: none !important;
	}
	a,
	a:visited {
	    text-decoration: underline
	}
	a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

	thead {
	    display: table-header-group
	}
	tr,
	img {
	    page-break-inside: avoid
	}
	img {
	    max-width: 100% !important
	}
	pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Simple theme custom print styles */
	.header,
	.footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
	    display: none;
	}
}