/* @override http://www.abicalc.fm/css/abicalc.css */

/* 
    Document   : abicalc.css
    Created on : 19.07.2009, 17:52:17
    Author     : bjoernr
    Description:
        Purpose of the stylesheet follows.
*/

#barleft {
    display:block;
    margin:0px 20px 10px 0px;
}

#content {
    float:none;
    margin: 0px;
    width:96%;
    min-width: 800px;
    max-width: 1300px;
}


/* Debugger */
.ac_debug {
    background:#fff;
    border-top:1px dotted #ccc;
    padding:5px 10px 10px 10px;
    margin:10px 0px 0px 0px;
    color:#333;
    font-family: monospace;
    font-size: 11px;
}
.ac_debug hr {
    border:none;
    border-top:1px dotted #ccc;
    clear:both;
}
.ac_debug fieldset {
    border: 1px dotted #222;
}
.ac_debug fieldset legend {
    font-weight:bold;
}
.ac_debug ul {
    list-style:none;
    clear:both;
    margin:0px;
    padding:0px;
}
.ac_debug ul li {
    display:block;
    float:left;
    width:33%;
    height:1.2em;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
.ac_debug ul li:hover {
    background:#eee;
    width:33%;
    height:1.2em;
}
.ac_debug ul li:hover .ac_debug_inner {
    position:absolute;
    font-size:1.8em;
    background:white;
    background:rgba(255,255,255,0.8);
    padding:10px;
    margin:40px 0px 0px 0px;
    border: 1px solid #000;
}
.ac_debug .ac_debug_hidden {
    display:none;
}
.ac_debug ul li:hover .ac_debug_hidden {
    display:block;
    font-size:0.5em;
    border-top:1px dotted #ccc;
}

.ac_test {
    border-top:1px solid #000;
}
.ac_test p {
    font-family: monospace;
    font-size: 11px;
    margin:0px 10px;
    padding:2px;
}
.ac_test_punkte, .ac_test_comment, .ac_test_open {
    float:left;
}
.ac_test_punkte {
    width:200px;
}
.ac_test_comment {
    width:350px;
    
}

.ac_interface {
    padding:30px 0px 10px 0px;
    margin:0px 0px 0px 0px;
    min-width:850px;
    clear:both;
}

.ac_interface_form {
    float:left;
    display:block;
    width:820px;
    margin:0px 0px 30px 0px;
}
.ac_interface_options, .ac_result_options {
    float:left;
    display:block;
    width:26%;
    max-width:400px;
    min-width:270px;
    padding-right:30px;
}
.ac_interface_options {
	margin:0px 0px 40px 0px;
}
.ac_interface_options p {
    margin:10px 0px 10px 0px;
}
#content .ac_interface_options h3 {
	margin: 0px;
}

/*
.ac_interface p, .ac_result_options p {
    font:normal 0.9em/1.3em Cambria, Georgia, Times, "Times New Roman", serif;
    color:#222;
}
.ac_interface p a, .ac_result_options a {
    color:#44e;
    text-decoration:underline;
}
.ac_interface p a:visited, .ac_result_options p a:visited {
    color:#666;
}
.ac_interface p a:hover, .ac_result_options p a:hover {
    text-decoration:none;
    cursor:pointer;
}
*/
.ac_interface .ac_go_big {
    font:italic 1.4em/1.0em Cambria, Georgia, Times, "Times New Roman", serif;
    display:block;
    color:#000;
    background:#ccc;
    cursor:pointer;
    border:2px solid #888;
    padding:5px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.ac_interface .ac_go_big:hover {
    color:#050;
    border-color:#090;
    background:#eee;
}

/* Announces */
.ac_announce {
	margin: 30px 0px 10px 0px;
	padding: 10px 20px;
	background: #eeeeee;
}
.ac_announce_header {
	font: bold 1.2em "Century Gothic", "Apple Gothic", sans-serif;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	display: block;
	color: #900;
}
.ac_announce_text {
	font: 0.9em/1.3em Cambria, Georgia, Times, "Times New Roman", serif;
	padding: 0px;
	margin: 0px;
	display: block;
	color: #222;
}

.ac_sgf {
	height: 130px;
	margin: 40px 60px 20px 40px;
	border: 5px solid #38529d;
}
.sgf_logo {
	float: left;
	margin: -20px 10px -20px -10px;
        border:none;
        background: none;
}
.ac_sgf_header {
	font: bold 1.5em "Century Gothic", "Apple Gothic", sans-serif;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	display: block;
	color: #222;
}
.ac_sgf_text {
	font: 0.9em/1.3em Cambria, Georgia, Times, "Times New Roman", serif;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	display: block;
	color: #222;
}
.ac_sgf_text a {
	color: #38529d;
	text-decoration: underline;
}



/* Fehler */
div.ac_error {
    background:url(http://img.abicalc.net/abicalc/errorbg.png) repeat top left;
    border:4px solid #900;
    padding:10px;
    margin:0px 0px 10px 0px;
}
#content h4.ac_error {
    color:#900 !important;
    margin:20px 0px 0px 0px;
    padding:0px;
}
#content h4.ac_error small {
	color: #555;
	font-size: 0.7em;
	font-family: Geneva,Arial,Helvetica,sans-serif;
}
.ac_error ul {
    font:normal 0.9em/1.3em Geneva,Arial,Helvetica,sans-serif;
    color:#900;
    background:#fff;
    list-style:none;
    margin:0px;
    padding:0px 0px 0px 15px;
}
.ac_error li {
    margin:0px;
    padding:5px;
    
}

/* Connector-Fehler */
ul.COE {
    list-style:none;
    clear:both;
    margin:0px;
    padding:0px;
}
ul.COE > li {
    width:24%;
}
ul.COE > li.OR {
    float:left;
    background:green;
    clear:none;
}
ul.COE > li.AND {
    float:left;
    background: url(http://img.abicalc.net/und.png) no-repeat left;
    padding:0px 2px 2px 102px;
    clear:none;
    text-align:center;
    font-size:0.9em;
}
ul.COE > li.OR {
    float:left;
    background:url(http://img.abicalc.net/oder.png) no-repeat left;
    padding:2px 2px 2px 102px;
    clear:none;
    text-align:center;
    font-size:0.9em;
}

ul.COE > li > ul > li.OR {
    background:url(http://img.abicalc.net/oderklein.png) no-repeat left;
    padding:0px 2px 0px 52px;
    clear:none;
}
ul.COE > li > ul > li.AND {
    background:url(http://img.abicalc.net/undklein.png) no-repeat left;
    padding:0px 2px 0px 52px;
    clear:none;
}

ul.COE > li.AND:first-child, ul.COE > li.OR:first-child {
    background-image:none;
    padding-left:2px;
}

/* Notice */
div.ac_notice {
    font:italic 0.8em/1.3em Geneva,Arial,Helvetica,sans-serif;
    color:#666;
    margin: 0px 0px 10px 0px;
    border:4px solid #999;
    padding:10px;
}
#content h4.ac_notice {
    color:#666 !important;
    margin:20px 0px 0px 0px;
    padding:0px;
}
.ac_notice ul {
    background:#fff;
    list-style:none;
    margin:0px;
    padding:0px 0px 0px 15px;
}
.ac_notice li {
    padding:5px;
}

/* Erklärungen beim ersten Besuch */
.ac_firsttime {
    padding-top:30px;
}
.ac_firsttime ul {
    margin:0px;
    padding:0px;
}
.ac_firsttime ul li {
    list-style: none;
    float:left;
    width:32%;
    padding-right: 10px;
}
.ac_firsttime span.ac_firsttime_number {
    display:block;
    float:left;
    font:normal 3em/.8em Baskerville, Times, "Times New Roman", serif;
    color:#335c85;
    letter-spacing: -6px;
    margin:0px 14px 0px 3px;
}
.ac_firsttime span.ac_firsttime_text {
    font: normal 0.9em/1.4em Cambria, Georgia, Times, "Times New Roman", serif;
    color:#333;
}


/* AbiLink-Absatz */
div.ac_abilink {
    background:url(http://img.abicalc.net/abicalc/abilinkbg.png) repeat top left;
    border:4px solid #335c85;
    padding:10px 20px;
    margin:50px 0px 20px 0px;
}
div.ac_abilink_small {
	margin: 0px;
	border: 1px solid #335c85;
	background: none;
	padding: 0px;
}
p.ac_abilink {
    font:normal 1.3em/1.4em Baskerville, Times, "Times New Roman", serif;
    font-size:1.1em !important;
    margin:0px;
    padding:8px 10px;
    text-align:center;
    background:#fff;
}
p.ac_abilink_small {
	font:normal 0.9em/1.4em Baskerville, Times, "Times New Roman", serif;
    font-size:0.9em !important;
    margin:0px;
    padding:3px 5px;
    text-align:center;
}
p.ac_abilink a,
p.ac_abilink_small a  {
    letter-spacing:-1px;
    text-decoration:none;
    color:#000;
}
p.ac_abilink a:hover {
    text-decoration:underline;
}

/* Ergebnis */
.ac_result {
    padding:0px;
    width:500px;
    float:left;
}
.ac_result_options.first {
    width:290px;
}

.ac_result ul {
    margin:0px;
    padding:5px 10px;
}
.ac_result > ul > li {
    list-style:none;
    float:left;
}
.ac_result > ul > li > ul > li {
    list-style:none;
}
.ac_result li.ac_result_this {
    text-align:center;
}
.ac_result li.this_schnitt {
    font:6em/1em Baskerville, Times, "Times New Roman", serif;
    padding:0px 0px 0px 0px;
    margin:0px;
}
.ac_result li.this_punkte {
    font:normal 0.9em/1.3em Cambria, Georgia, Times, "Times New Roman", serif;
    padding:0px 0px 0px 0px;
    margin:0px;
}
.ac_result li.this_legal {
    font:normal 0.6em/1.3em Arial, sans-serif;
    padding:0px 0px 0px 0px;
    margin:0px;
}
.ac_result li.ac_result_next, .ac_result li.ac_result_prev {
    font:normal 0.9em/1.3em Cambria, Georgia, Times, "Times New Roman", serif;
    padding:30px 0px 0px 0px;
    text-align:center;
}
.ac_result .prev_schnitt, .ac_result .next_schnitt {
    font:2em/1em Baskerville, Times, "Times New Roman", serif;
}

/* Aufbau */
.ac_interface ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

.ac_interface .hidden {
    display:block;
    clear:both;
}
.ac_interface .zeile {
    clear:both;
    padding:0px;
    margin:0px;
}
.ac_interface li.fach, .ac_interface li.kurs {
    float:left;
    display:block;
    padding:5px 5px;
    min-width:84px;
    background:#fff;
}
.ac_interface li.fach {
    padding-right:20px;
}
.ac_interface li.fach select {
	width: 210px;
}
.ac_interface li.kurs.lernleistung,
.ac_interface li.kurs.facharbeit {
    margin-left:94px;
}
.ac_interface li.kurs label,
.ac_interface li.fach label {
    display:block;
    font:normal 0.6em/1em Geneva,Arial,Helvetica,sans-serif;
    color:#999;
    text-align:left;
    margin:0px;
    padding:2px 0px 1px 10px;
}
.ac_interface li.zeile label {
	color: #fff;
}
.ac_interface li.lernleistung label,
.ac_interface li.facharbeit label,
.ac_interface li.rest label,
.ac_interface li.fach label,
.ac_interface li.abweichung label {
	color: #999;
}

/* Optische Akzente bei Mausüberfahren */
.ac_interface li.zeile:hover label {
    color:#666;
}
.ac_interface li.kurs:hover label, .ac_interface li.fach:hover label {
    color:#333;
}
/*
.ac_interface li.zeile:hover li.gk, .ac_interface li.zeile:hover li.fach {
    -webkit-transition: background 0.3s linear;
    background:rgba(100,100,100,0.2);
}
.ac_interface li.zeile:hover li.lk, .ac_interface li.zeile:hover li.fach.f1, .ac_interface li.zeile:hover li.fach.f2 {
    -webkit-transition: background 0.3s linear;
    background:rgba(100,100,255,0.2);
}
.ac_interface li.zeile:hover li.abi {
    -webkit-transition: background 0.3s linear;
    background:rgba(220,200,0,0.2);
}
.ac_interface li.zeile:hover li.abweichung {
    -webkit-transition: background 0.3s linear;
    background:rgba(255,0,0,0.2);
}
.ac_interface li.zeile:hover li.lernleistung,
.ac_interface li.zeile:hover li.facharbeit,
.ac_interface li.zeile:hover li.rest{
    -webkit-transition: background 0.3s linear;
    background:rgba(255,0,255,0.2);
}
*/

/* Runde Ecken-Fraktion */
/*
.ac_interface li.zeile:hover li.gk.k4,
.ac_interface li.zeile:hover li.abi.abweichung,
.ac_interface li.zeile:hover li.abi.f4.pruefung,
.ac_interface li.zeile:hover li.lernleistung,
.ac_interface li.zeile:hover li.facharbeit,
.ac_interface li.zeile:hover li.rest{
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
}
.ac_interface li.zeile:hover li.lernleistung,
.ac_interface li.zeile:hover li.facharbeit,
.ac_interface li.zeile:hover li.fach,
.ac_interface li.zeile:hover li.rest {
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
}
*/
.ac_bubble {
    display:inline-block;
    padding:1px 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* Tooltips */
.ac_tt {
    display:block;
    font:normal 0.9em/1.3em Cambria, Georgia, Times, "Times New Roman", serif;
    padding:6px 12px;
    border:1px solid #000;
    background:rgba(255,255,255,0.8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    max-width:350px;
}
.ac_tt .moreinfo {
    border-top:1px dotted #aaa;
    font-size:0.8em;
}


/* Allg. Schriftgrößen etc für Dropdowns */
.ac_interface select {
    font-size:12px;
    color:#222;
    border:2px solid #fff;
    background:#fff;
}

/* Farben Fächer-Dropdowns */
.ac_interface .fach select {
    font:13px Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif;
    background:#fff;
    border-color:#ccc;
}

/* Farben Noten-Dropdowns */

.ac_interface .kurs .gk select {
    border-color:#999;
    color:#444;
}
.ac_interface li.zeile:hover .kurs .gk select {
    background:#eee;
}

.ac_interface .kurs .count select {
    border-color:#999;
    background:#ddd;
    color:#444;
}
.ac_interface li.zeile:hover .kurs .count select {
    background:#ddd;
}
.ac_bubble_gk {
    background:#ddd;
}


.ac_interface .kurs .lk select {
    border-color:#8388b7;
    background:#b8c0ff;
}
.ac_interface li.zeile:hover .kurs .lk select {
    background:#b8c0ff;
}
.ac_bubble_lk {
    background:#b8c0ff;
}


.ac_interface .kurs .abi select {
    border-color:#b6b073;
    background:#fff6a1;
}
.ac_interface li.zeile:hover .kurs .abi select {
    background:#fff6a1;
}
.ac_bubble_abi {
    background:#fff6a1;
}


.ac_interface .kurs .abweichung select {
    border-color:#b65b45;
    background:#ff8260;
}
.ac_interface li.zeile:hover .kurs .abweichung select {
    background:#ff8260;
}

.ac_interface .kurs .lernleistung select,
.ac_interface .kurs .facharbeit select,
.ac_interface .kurs .rest select {
    border-color:#8e3d94;
    background:#f56dff;
}
.ac_interface li.zeile:hover .kurs .lernleistung select,
.ac_interface li.zeile:hover .kurs .facharbeit select,
.ac_interface li.zeile:hover .kurs .rest select {
    background:#f56dff;
}
.ac_interface li.lernleistung:hover select,
.ac_interface li.facharbeit:hover select{
    background:#f56dff !important;
}

/* Defizite */
.ac_interface .kurs .count.pkte0 select, .ac_interface .kurs .lk.pkte0 select {
    background:#e00;
    border-color:#900;
}

.ac_interface .kurs .count.pkte1 select, .ac_interface .kurs .count.pkte2 select,
.ac_interface .kurs .count.pkte3 select, .ac_interface .kurs .count.pkte4 select {
    border-color:#c00;
}

.ac_interface .kurs.hidden {
    display:none;
}

/*
* UNTER DEN RECHNERN
*/
.ac_below_left {
	float: left;
	width: 45%;
}
.ac_below_right {
	float: left;
	width: 45%;
	margin-left: 30px;
}

/* Anzeigen - gerne durch Benutzerstylesheets einfach ausblenden! */
.ac_google {
        margin:15px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ac_google_header {
	font: 9px "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666;
}

.c {
    clear:both;
}