body
{
    background: #e9e5da url(../images/body.gif) repeat-x 0 0;
    margin: 0;
    font-size: 11px;
    color: #797979;
    font-family: Tahoma,Verdana,Arial;
}

input,textarea
{
     font-family: Tahoma,Verdana,Arial;
     padding:4px;
     line-height:18px;
     font-size:11px;
}
textarea
{
    overflow:auto;
}
h1, h2, h3, form, ul
{
    margin: 0;
    padding: 0;
}
a
{
    text-decoration: none;
}
a img
{
    border-style: none;
}
#outer
{
    background: url(../images/outer7.jpg) no-repeat center 0;
}
#outer2 {

    background: #e9e5da url(../images/tasma.jpg) no-repeat right 87px;
    }
#container
{
    width: 986px;
    margin: 0 auto;
    overflow: hidden;
}

#pasja-pisania
{
    float: left;
    width: 210px;
    text-align: center;
    padding: 36px 0 0 0;
    height: 187px;
}

#top
{
    float: left;
    width: 776px;
    padding: 79px 0 0 0;
    height: 144px;
}

#top ul
{
    height: 55px;
    background: url(../images/ul.gif) no-repeat 81px 31px;
    list-style: none;
    padding: 0 0 0 31px;
}

#top ul li
{
    float: left;
    display: inline;
    padding: 0 0 1px 0;
}

#top ul li a
{
    float: left;
    padding: 0 0 15px 0;
}

#top ul li a:hover
{
    visibility: visible;
}

#top ul li a:hover img
{
    visibility: hidden;
}

#top ul li#m1
{
    background: url(../images/m1a.gif) no-repeat 0 0;
    margin: 0 37px 0 0;
}

#top ul li#m2
{
    background: url(../images/m2a.gif) no-repeat 0 0;
    margin: 0 35px 0 0;
}

#top ul li#m3
{
    background: url(../images/m3a.gif) no-repeat 0 0;
}

#logbox
{
    height: 85px;
    background: url(../images/lock.gif) no-repeat 19px 42px;
}

#logbox span#lperson
{
    float: left;
    display: inline;
    white-space: nowrap;
    margin: 55px 26px 0 55px;
}

#logbox label#llabel
{
    float: left;
    display: inline;
    white-space: nowrap;
    margin: 55px 5px 0 0px;
}

#logbox select.lselect
{
    float: left;
    display: inline;
    white-space: nowrap;
    color: #b5b5b5;
    font-size: 11px;
    width: 120px;
    margin: 52px 15px 0 0px;
    padding: 2px 2px 3px 5px;
}

#logbox a#la
{
    float: left;
    display: inline;
    background: url(../images/la.gif) no-repeat right 1px;
    white-space: nowrap;
    margin: 52px 5px 0 6px;
    padding: 3px 23px 6px 0;
    color: #797979;
}

#logbox a#la:hover
{
    color: #d8853b;
}

#left
{
    width: 210px;
    float: left;
}
#kategoriebox
{
    background: url(../images/kategorie.gif) no-repeat 17px 24px;
    padding: 50px 0 30px 0;
}


#excercises
{
    display: none;
}
#excercises li
{
    padding: 4px 0 5px 10px;
}
#excercises li a
{
    font-weight: normal;
    font-size: 10px;
    display:block;
    color: #585451;
    padding: 3px 0 5px 29px;
    background: url(../images/t0.gif) no-repeat 17px 7px;
}
#excercises li a:hover
{
    color: #D55C21;
}
#overalls li strong
{
     font-size: 10px;
    color: #696562;
    display:block;
    font-weight:lighter;padding:5px 0 5px 29px;
    text-decoration:line-through;
}
#excercises li span
{
       font-size: 10px;
   /* color: #696562;*/ color: #6b6657;
    display:block;
    font-weight:lighter;padding:5px 0 5px 29px;
    /*text-decoration:line-through;*/
   /* font-weight: normal;
    font-size: 10px;
    color: #585451;
    background: url(../images/t0.gif) no-repeat 17px 7px;
        padding: 5px 0 5px 29px;
   
    color: #6b6657;
   
    display: block;
    background: url(../images/t0.gif) no-repeat 17px 9px;
    cursor: pointer;
     font-weight:lighter;padding:5px 0 5px 29px;*/
    /*text-decoration:line-through;*/
}
#lessons li span
{
   font-size: 10px;
   /* color: #696562;*/ color: #6b6657;
    display:block;
    font-weight:lighter;padding:5px 0 5px 29px;
    /*text-decoration:line-through;*/
}
#overalls
{
      display: none;
}
#lessons
{
    display: none;
}
#overalls li
{
    padding: 4px 0 5px 10px;
}
#overalls li
{
    padding: 4px 0 5px 10px;
}
#lessons li
{
    padding: 4px 0 5px 10px;
}
.coursover
{
   border-bottom:1px solid #F0F0F0;
   padding-bottom:20px;
   margin-bottom:10px;
   
}

#overalls li a
{
    font-weight: normal;
    font-size: 10px;
    color: #585451;
    background: url(../images/t0.gif) no-repeat 17px 7px;
}
#lessons li a
{
    font-weight: normal;
    font-size: 10px;
    color: #585451;
    background: url(../images/t0.gif) no-repeat 17px 7px;
}

#lessons li a:hover
{
    color: #D55C21;
}
.kategorie
{
    list-style: none;
}

.kategorie li
{
    padding: 4px 0 5px 0;
}


.kategorie li a, .kategorie li strong
{
    padding: 3px 0 5px 29px;
    font-size: 12px;
    color: #5a5546;
    font-weight: bold;
    display: block;
    background: url(../images/t0.gif) no-repeat 17px 9px;
    cursor: pointer;
}
#lessons a:hover,#excercises a:hover
{
    padding-top:3px;
}
.kategorie li a:hover, .kategorie li strong:hover
{
    color: #ffffff ; 
    background: url(../images/t1.gif) no-repeat 0px 0px;
}

#q1, #q2
{
    display: block;
    height: 34px;
    color: #ffffff;
    padding: 37px 10px 0 67px;
    margin: 5px 0 0 0;
}

#q1
{
    background: url(../images/q1.gif) no-repeat 0px 0px;
}

#q2
{
    background: url(../images/q2.gif) no-repeat 0px 0px;
}

#right
{
    float: left;
    display: inline;
    width: 772px;
    margin: 0 0 0 1px;
    border: solid 1px #ffffff;
    background: #ffffff url(../images/gr1.jpg) repeat-x 0 46px;
}

#navbar
{
    height: 45px;
    padding: 0 0 0 30px;
    background: #ffffff url(../images/gr1.jpg) repeat-x 0 0;
    list-style: none;
}

#navbar li
{
    float: left;
    color: #555555;
    margin: 19px 5px 0 5px;
}
#navbar li#nav1
{
    font-weight: bold;
}
#navbar li a
{
    float: left;
    color: #555555;
    padding: 0 0 0 10px;
    background: url(../images/t0.gif) no-repeat 0px 5px;
}

#navbar li a:hover
{
    text-decoration: underline;
}

#aktualnosci
{
    background: url(../images/aktualnosci.gif) no-repeat 32px 20px;
    padding: 70px 30px 35px 35px;
    width: 684px;
    float: left;
    position: relative;
}

#aktualnosci h2
{
    background: url(../images/note.gif) no-repeat 0 2px;
}

#aktualnosci h2 a
{
    color: #cc5c21;
    display: block;
    font-size: 11px;
    padding: 0 80px 15px 18px;
}

#aktualnosci h2 a:hover
{
    text-decoration: underline;
}

#aktualnosci span
{
    position: absolute;
    top: 70px;
    right: 30px;
    color: #bbbbbb;
}

#aktualnosci p
{
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 15px;
}

#readmore
{
    display: block;
    color: #cc5c20;
    background: url(../images/t2.gif) no-repeat 0 5px;
    padding: 0 0 0 10px;
}
#readmore:hover
{
    text-decoration: underline;
}



.othercourses
{
    background: url(../images/courses.gif) no-repeat 0px 0px;
    padding: 70px 30px 25px 34px;
    width: 444px;
    float: left;
}

.course
{
    background: url(../images/pencil.gif) no-repeat 288px 0;
    height: 29px;
    margin-top: 7px;
    overflow: hidden;
}

.course strong
{
    float: left;
    width: 165px;
    padding: 13px 0 0px 0px;
}

.course span
{
    float: left;
    width: 122px;
    padding: 13px 0 0px 0px;
}

.course a
{
    color: #cc5c21;
    float: left;
    padding: 13px 0 3px 50px;
}

.course a:hover
{
    text-decoration: underline;
}

.helpinfo
{
    list-style: none;
    background: url(../images/helpful.gif) no-repeat 0px 0px;
    padding: 84px 30px 25px 5px;
    width: 228px;
    float: left;
}

.helpinfo li
{
    padding: 0 0 1px 0;
}

.helpinfo li a
{
    color: #cc5c21;
    display: block;
    background: url(../images/t3.gif) no-repeat 0 center;
    padding: 6px 5px 7px 10px;
    font-weight: bold;
}

#footer
{
    clear: both;
    display: block;
    height: 40px;
    padding: 20px 0 0 40px;
    background-color: #e9e5da;
}

#articleBody
{
    padding: 20px 10px;
}

.workArea
{
    background: #FFFFFF url(../images/gr1.jpg) repeat-x scroll 0 0;
    padding: 20px 34px;
}

.workArea h1
{
    position: relative;
    font-size: 20px;
    padding-top: 8px;
    font-weight: normal;
    color: #CB5A1E;
    height: 40px;
    padding-left: 40px;
}

.workArea h1.ico1
{
    background: #FFFFFF url(../images/ico1.png) no-repeat scroll 0 0;
}
.workArea h1.ico2
{
    background: #FFFFFF url(../images/ico2.png) no-repeat scroll -3px 5px;
}
.workArea h1.ico3
{
    background: #FFFFFF url(../images/ico3.png) no-repeat scroll -3px 5px;
}
.workArea h1.ico4
{
    background: #FFFFFF url(../images/ico4.png) no-repeat scroll -3px 7px;
}
.workArea span.print
{
    cursor: pointer;
    background: #FFFFFF url(../images/print.png) no-repeat scroll 0 0;
    padding-left: 25px;
    position: absolute;
    right: 70px;
    top: 11px;
    color: #757575;
    font-weight: normal;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.workArea span.down
{
    background: #FFFFFF url(../images/arrowDown.png) no-repeat scroll 0 0;
    position: absolute;
    right: 3px;
    top: 13px;
    display: block;
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.workArea span.up
{
    cursor: pointer;
    background: #FFFFFF url(../images/arrowUp.png) no-repeat scroll 0 0;
    position: absolute;
    right: 23px;
    top: 13px;
    display: block;
    height: 16px;
    width: 16px;
}


.content h2
{
    background: #FFFFFF url(../images/infoIco.png) no-repeat scroll 0 3px;
    padding: 5px 0px 5px 15px;
    color: #CB5A1E;
    font-size: 12px;
}


.shoutArea
{
    background-color: #F1F1F1;
    width: 710px;
    height: 95px;
    border: solid 1px #BBBCAA;
    padding:5px;
     font-family: Tahoma,Verdana,Arial;
     font-size:11px;
}
.saveButton
{
       background: #FFFFFF url(../images/sendBck.png) no-repeat scroll 0 0px;
    display: block;
    height: 20px;
    padding-top: 5px;
    width: 73px;
    color: White;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}
.shoutSend
{
    background: #FFFFFF url(../images/sendBck.png) no-repeat scroll 0 0px;
    display: block;
    height: 20px;
    padding-top: 5px;
    width: 73px;
    color: White;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}
.shoutSend2
{
    background: #FFFFFF url(../images/sendBck.png) no-repeat scroll 0 0px;
    display: block;
    float:right;
    height: 20px;
    padding-top: 5px;
    width: 73px;
    color: White;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}
.shoutBox 
{
    overflow:hidden;
    margin-bottom:20px;
        margin-top:10px;
}
.shoutBox h3 
{
    color:#C46024;
    font-size:11px;
    clear:both;
    margin-bottom:10px;
   
}
.shoutBox h3  a
{ 
    color:#C46024;
}
.shoutBox h3  a em
{ 
    color:Red;
    font-style:normal;
    font-size:12px;
}
.shoutBox div
{
     border:solid 1px #BFB9AB;
     float:left;
     width:90px;
     height:90px;
     padding:5px;
     margin-right:10px;
     background-color:#F1F2EC;
}
.shoutBox p
{
    margin:0;
    padding:0px;
    float:left;
    width:580px;
    line-height:15px;
  
}

.myClass div
{
    border-bottom:solid 1px #F0F0F0;
}
.myClass div
{
 
 margin-bottom:20px;   
 height:90px;
 clear:both;
 margin-top:10px;
}


.myClass div div
{
    float:left;
    width:100px;
    height:100px;margin:0;
    margin-right:10px; border-bottom:solid 0px #F0F0F0;
}

.myClass div h2
{color:#CB5A1E;
}.myClass div h3
{color:#CB5A1E;
 font-weight:normal;
}

.mTableStyle

{
    border-collapse: collapse;
    border:solid 1px #EFEFEF;
    margin-top:10px;
    margin-bottom:40px;

}

.mTableStyle td
{
    border:solid 1px #EFEFEF;
}

.mTableStyle td.td1
{
    height:39px;
     background: #FFFFFF url(../images/td1.png) repeat-x 0 0px;
     padding-left:10px;
     color:#585858; font-weight:bold;
}

.mTableStyle td.td2
{
    color:#C6353A;
    font-weight:bold;
    height:39px;
     background: #FFFFFF url(../images/td1.png) repeat-x 0 0px;
}

.mTableStyle td a
{
    display:block;
    text-align:center;
    font-weight:bold;
    color:#FDFEFF;
    padding-top:12px;
    width:100%;
    height:27px;
   
}
.mTableStyle td a:hover
{
    text-decoration:underline;
}


.mTableStyle td a.a1
{
    background-color:Green;
}

.mTableStyle td a.a2
{
    background-color:Red;

}

.mTableStyle td a.a3
{
    background-color:Blue;
}

.mTableStyle td a.a4
{
    background-color:#FE7C19;
}
.legend
{
    width:100px;
    height:50px;
    color:#565656;
    margin-right:20px;
}
.legend1{ background-color:Green;}
.legend2{ background-color:Red;}
.legend3{ background-color:Blue;}
.legend4{  background-color:#FE7C19;}
.myClass div h3 em
{
    color:Red;
    font-style:normal;
    font-weight:bold;
}

.pager
{
    text-align:left;
}

.pager a
{
    font-size:12px;
}

.pager a.unselected
{
    color:#555555;
}

.pager a.selected
{
    color:#C46024;
    font-weight:bold;
}
.content
{
    font-size: 12px;
}
.content table 
{
    
   border-collapse:collapse;
}
.content table td
{
 border:solid 1px #FF691F;
 padding:3px;
}