*                             { margin:0; padding:0; }

html,body                     {
  text-align:center;
  font-family:'Arial',Verdana,Serif;
  color:#000; font-size:0.8em;
  height:100%;
  background-color:#F7F7F7; 
/*  background-image: url(http://www.fischer-academy.de/static/academy/hg_body.gif); */
/*  background-repeat:repeat-y; */
/*  background-position:top center; */
}

a:link                        {color:#DA251E; text-decoration:none}
a:visited                     {color:#DA251E; text-decoration:none}
a:active                      {color:#DA251E; text-decoration:none}
a:focus                       {outline:none;}
a:hover                       {color:#DA251E; text-decoration:none}

ul                            { list-style:none; }

hr                            { margin-top:10px; margin-bottom:10px; }

#kopfzeile                     {
  background-image: url(../images/pnp_hg.png);
  background-repeat:repeat-x;
  background-position:top;
}
#wrap1                         { margin:0 auto; text-align:left; width:1000px; }
#wrap2                         { margin:0 auto; text-align:center; width:1000px; background-color:#F7F7F7; }

#head                         { margin-bottom:13px; }
#pnp_logo                     { padding-left:60px; padding-top:25px; }
#hotline                      { float:right; margin-right:40px; padding-top:18px; }
#nav                          { background-image: url(../images/hg_nav.gif); background-repeat:repeat-x; height:24px; padding-left:28px; }
#nav a:link                   { color:#000; text-decoration:none; }
#nav a:visited                { color:#000; text-decoration:none; }
#nav a:active                 { color:#000; text-decoration:none; }
#nav a:focus                  { outline:none; }
#nav a:hover                  { color:#DA251E; text-decoration:none; }
#nav .navlinks li             { float:left; padding-right:34px; padding-left:34px; padding-top:4px; font-size:1.2em; }


#fusszeile                    {
  background-image: url(../images/hg_nav.gif);
  background-repeat:repeat-x;
  height:24px;
}

#fusszeile ul {
  padding-left:60px;
  height:24px;
}
/* #fusszeile                    { background-image: url(http://www.fischer-academy.de/static/academy/hg_fusszeile.png); background-repeat:no-repeat; background-position:top center; height:25px; padding-left:120px; background-color:#F0F0F0; padding-bottom:50px;} */
#fusszeile a:link             {color:#000; text-decoration:none}
#fusszeile a:visited          {color:#000; text-decoration:none}
#fusszeile a:active           {color:#000; text-decoration:none}
#fusszeile a:focus            {outline:none;}
#fusszeile a:hover            {color:#DA251E; text-decoration:none}

#fusszeile .navlinks li       { float:left; padding-right:48px; padding-top:4px; font-size:1.2em; }

.clear                        { clear:both; }
 
.float-right { padding:10px 20px; float:right; }

/* Login */
#login_box {
    background-image: url(../images/hg_login2.png); background-repeat:no-repeat; width:334px;
    height:222px; text-align:center; padding-top:5px; margin-left:150px; margin-top: 30px;
}
#login_head {
    font-size: 250%; text-align: center; padding-top: 10px; width: 325px; color:#fff;
}
#login_content { padding-left: 13px; font-size: 150%; text-align: left; }
#benutzer      { margin-top:30px; margin-bottom:6px; }
#pwdvergessen  { float:left; font-size: 70%;  font-weight: bold; text-align: center;}
#login         { float:right; margin-top:10px; padding-right:25px; }
#eingeloggt    { margin-top:45px; text-align: center; font-size:150%; }
#login_error{
    background-image: url(../images/hg_error.png);  background-repeat: no-repeat;
    width: 325px; height: 67px; font-size:150%; float:left;
}

/* Inhalt */
#inhalt_header       { text-align: center; padding-top:22px; font-size:200%; }
#inhalt_head         { background-image: url(../images/hg_head_index.png); background-repeat:no-repeat;
                       width: 630px; height: 70px; padding-top:6px; padding-left: 10px; padding-right:10px;
                       float:left; font-size:120%;
}
.text_head           { text-align: left; }
#head_ma-kat         { float:left; }
#maNameundKat        { padding-top: 14px; margin-left:5px; }
#head_logout         { background-image: url(../images/btn_logout.png); background-repeat:no-repeat;
                       text-align:right; float:right; width:80px; height:28px; margin-top: 26px; }
.logout_link         { padding-top:6px; text-align:center; width:80px; font-size:110%; }
.abstand_top         { margin-top:20px; }
#wrapper             { width:905px; margin:0 auto; }
#wrapper_moabr       { width:755px; margin:0 auto; }
#inhalt              { width:650px; text-align: left; font-size: 120%; margin:0 auto; }
#inhalt_login        { width:650px; text-align:center; font-size: 120%; margin:0 auto; }
#inhalt_moabr        { width:500px; text-align: left; font-size: 120%; margin:0 auto; }
.td_maliste1         { width: 300px; height:30px; padding-left:5px; padding-right:5px; }
.td_maliste2         { width: 130px; height:30px; padding-left:5px; padding-right:5px; }
.td_maliste3         { width: 130px; height:30px; padding-left:5px; padding-right:5px; }
.td_maliste4         { width:  60px; height:30px; padding-left:5px; padding-right:5px; }

.td_ortgliste1         { width: 170px; height:30px; padding-left:5px; padding-right:5px; }
.td_ortgliste1-1       { width: 130px; height:30px; padding-left:5px; padding-right:5px; }
.td_ortgliste2         { width: 130px; height:30px; padding-left:5px; padding-right:5px; }
.td_ortgliste3         { width: 130px; height:30px; padding-left:5px; padding-right:5px; }
.td_ortgliste4         { width:  60px; height:30px; padding-left:5px; padding-right:5px; }


#head_right          { background-image: url(../images/hg_head_nav_rechts.png); background-repeat:no-repeat;
                       width: 245px; height: 75px; margin-left:8px; float:left;
}
#text_head_right     { font-size: 130%; padding-top: 16px; text-align: center;}
#inhalt_rechts       { float:left; margin-left: 8px; width:245px; text-align: center; }
.table_nav a:link    { color:#fff; }
.table_nav a:active  { color:#fff; }
.table_nav a:hover   { color:#fff; }
.table_nav a:visited { color:#fff; }
.table_nav_punkt     { background-image: url(../images/btn_navigation.png); background-repeat:no-repeat;
                       width: 245px; height: 55px; color:#fff; text-align: center; font-size:160%;
                       font-weight: bold;
}
.table_nav_head      { height: 5px; }
.table_nav_bottom    { height: 5px; }
.hg_nav              { width: 245px;
}
.datum               { background-image: url(../images/hg_head_nav_rechts.png);
                       background-repeat:no-repeat; width: 245px; height: 75px; }
.datum_text          { font-size: 160%; font-weight: bold; padding-top:20px; }
.navi                { display: block; background-image: url(../images/btn_navigation.png); background-repeat:no-repeat;
                       width: 245px; height: 37px; color:#fff; text-align: center; font-size:160%;
                       font-weight: bold; padding-top:18px; margin-bottom: 10px;}
.navi_fal            { font-size: 70%; color: #E7E7E7; }
a.navi:link    { color:#fff; }
a.navi:active  { color:#fff; }
a.navi:hover   { color:#fff; }
a.navi:visited { color:#fff; }

#ausw_titel    {color:#fff; text-align: center; font-size:160%; font-weight: bold; text-decoration:underline;}
.ausw_link     {color:#fff; text-align: center; font-size:160%; font-weight: bold; padding-top:7px; padding-bottom:7px; }
.ausw_link a:link    { color:#fff; }
.ausw_link a:active  { color:#fff; }
.ausw_link a:hover   { color:#fff; }
.ausw_link a:visited { color:#fff; }

#zur_anmeldung       { background-image: url(../images/btn_zAnmeldung.png); background-repeat:no-repeat;
                       width: 175px; height: 28px; text-align: center; float: left; margin-top: 25px;
                       font-size: 170%; padding-top:2px;
}

.ausw_text           { height:22px; padding: 3px; }
.ausw_int            { height:22px; padding: 3px; text-align:center; }

/* Nachrichten */
.nachrichten_status  { font-size: 120%; padding-top:18px; float:left; margin-left:70px; font-size: 100%; }
.td_naliste1         { width: 130px; height:30px; padding-left: 3px; }
.td_naliste2         { width: 150px; height:30px; padding-left: 3px; }
.td_naliste3         { width: 250px; height:30px; padding-left: 3px; }
#nachricht_an        { margin-bottom:10px; }

#nachricht_head      { background-image: url(../images/naricht_head.png); background-repeat:no-repeat;
                       width:650px; height:13px;
}
#nachricht_body      { background-image: url(../images/naricht_body.png); background-repeat:no-repeat;
                       background-position: bottom; background-color: #E1E0E0; width:650px;
}
#nachricht_body_inhalt { padding-left:10px; padding-right:10px; width:640px; }
#nachricht_erstellen_inhalt { padding-left:10px; padding-right:10px; width:640px; height: 550px; }
#nachricht_bottom    { background-image: url(../images/naricht_bottom.png); background-repeat:no-repeat;
                       width:650px; height:13px;
}
#status_naricht    { background-image: url(../images/hg_error.png);  background-repeat: no-repeat;
                     width: 325px; height: 57px; padding-top:10px; font-weight: bold;
                     font-size:170%; margin-left:162px; margin-bottom:10px;
                     text-align: center;
}
#status_naricht_long { background-image: url(../images/hg_error.png);  background-repeat: no-repeat;
                       width: 325px; height: 54px; padding-top:13px; font-weight: bold;
                       font-size:150%; margin-left:162px; margin-bottom:10px;
                       text-align: center;
}

/* Grafik elemente */
.nachricht_linie     { background-color: #ACACAB; width: 615px; height:2px;
                       margin-top: 3px; margin-bottom: 3px;
}
.ruler900px          { width:903px; height:2px; background-color:#474747;
                       margin-top:10px; margin-bottom:10px; float:left;
}
.ruler650px          { width:650px; height:2px; background-color:#474747;
                       margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto;
}


/* Formulare */
.feld_links  { margin-top:5px; margin-bottom: 5px; }
/* Moabr */
.fl       { width:300px; float:left; margin-bottom:10px; padding-top:3px;}
.fr       { float:left; }
.tf250    { width:86px; }
.tf30     { width:30px; text-align:center; margin-left:2px; margin-right:2px; }
.ta250    { width:250px; height:100px; }
fieldset  { width: 430px; margin-bottom:5px; padding-left:10px;}
legend    { font-weight: bold; color:#FE0000; }
#moabr_gespeichert { background-image: url(../images/hg_error.png);  background-repeat: no-repeat;
                     width: 325px; height: 42px; padding-top:25px; font-weight: bold;
                     font-size:170%; margin-left:60px; margin-bottom:5px;
                     text-align: center;
}
/* Idee */
.Ifl       { width:190px; float:left; margin-bottom:10px; padding-top:3px;}
.Ifr       { float:left; }
.Itf250    { width:86px; }
.Itf30     { width:150px; text-align:left; margin-left:2px; margin-right:2px; float:left; margin-bottom: 5px;}
.Itfcb     { width:50px; text-align:left; margin-left:2px; margin-right:2px; float:left; margin-bottom: 5px;}
.Ita250    { width:415px; height:100px; margin-bottom: 8px; margin-top: 3px; }
/* ORTG (Spinne)*/
.eigenschaft      { margin-bottom:10px; }
.bezeichner_links { float:left; width:210px; text-align:left; }
.radio_btn_zahl1  { float:left; width:35px; text-align:center; color:#14a807; }
.radio_btn_zahl2  { float:left; width:35px; text-align:center; color:#83de04; }
.radio_btn_zahl3  { float:left; width:35px; text-align:center; color:#dffc01; }
.radio_btn_zahl4  { float:left; width:35px; text-align:center; color:#ffea00; }
.radio_btn_zahl5  { float:left; width:35px; text-align:center; color:#ff8d00; }
.radio_btn_zahl6  { float:left; width:35px; text-align:center; color:#FE0000; }
.radio_btn        { float:left; width:35px; text-align:center; }
.noten            { float:left; }
.rtbNote          { width:25px; height:25px; }
/* ORTG (Offene Fragen)*/
.Ofl       { width:190px; float:left; margin-bottom:10px; padding-top:3px;}
.Ofr       { float:left; }
.Otf250    { width:86px; }
.Otf30     { width:150px; text-align:left; margin-left:2px; margin-right:2px; float:left; margin-bottom: 5px;}
.Otfcb     { width:50px; text-align:left; margin-left:2px; margin-right:2px; float:left; margin-bottom: 5px;}
.Ota250    { width:415px; height:100px; margin-bottom: 8px; margin-top: 3px; }
.Ota138    { width:138px; height:200px; margin-bottom: 8px; margin-top: 3px; }
#idee_gespeichert { background-image: url(../images/hg_error.png);  background-repeat: no-repeat;
                     width: 325px; height: 42px; padding-top:25px; font-weight: bold;
                     font-size:170%;  margin-left:60px; margin-bottom:5px;
                     text-align: center;
}


.legendColorBox {padding-left:0px;}

/* JZP*/
.frage            { margin-bottom:10px; }
.psysfrage        { float:left; width:280px; text-align:left; }
.psys1            { float:left; width:40px; text-align:center; }
.psys2            { float:left; width:40px; text-align:center; }
.psys3            { float:left; width:40px; text-align:center; }
.psys4            { float:left; width:40px; text-align:center; }
.psys5            { float:left; width:40px; text-align:center; }
.psys6            { float:left; width:40px; text-align:center; }
.psysradio        { float:left; width:40px; text-align:center; }
.PunkteSystem     { float:left; }
.rtbPunkteSys     { width:25px; height:25px; }
.fsjzp            { width:530px; }

#selMA            { margin-bottom:15px; display:none; }
.selMaFields      { float:left; width:160px; }
#umsatz           { margin-top:10px; }


/* ---------- Navi Tabbed --------*/


#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:245px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {

}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#DA251E;
	color:#fff;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #DA251E;
}
ul.tabs li a:hover {
	background-color:#DA251E;
	border-color:#DA251E;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #DA251E;
	border-bottom: 1px solid #ffffff;
	background-image:url(../images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #DA251E;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
        text-align:left;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}


/* ---------- Auswerung JZP --------*/
.rahmenDiagram{
    border: 1px solid black;
    height:15px;
    width:230px;
    margin-top:5px;
}
.psysfragea        { float:left; width:280px; text-align:left; padding-top:2px; margin-right:5px; margin-top:5px;}

.diaBar{
    font-size:11px;
    padding-top:1px;
    color:white;
    text-align:center;
}
/* ---------- ENDE Auswerung JZP --------*/


/* --START-- Styles für Tooltips mit und ohne Bild */
#preview{ position:absolute; border:1px solid #111; background:#eee;
	  padding:5px; display:none; color:#000;
}
/* ohne Bild normaler Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
        text-align: left;
}
#tooltip h3, #tooltip div { margin: 0; }
/* --ENDE-- Styles für Tooltips mit und ohne Bild */