/*
    author: markus schlegel (http://markus-schlegel.com/)
*/

*  {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

:focus  {
    outline: 0;
}

a:active  {
    position: relative;
    top: 1px;
}

body  {
    background-color: white;
    color: #171717;
    width: 100%;
    height: 100%;
    text-align: center;
}

#main  {
    width: 730px;
    min-height: 700px;
    margin: 80px auto 40px auto;
    position: relative;
}

/* Header */
#header  {
    width: 502px;
    height: 1px;
    background-color: white;
    position: absolute;
    right: 24px;
    top: 0;
    z-index: 1;
}

#actionwrapper  {
    width: 160px;
    float: left;
}

#logo  {
    width: 160px;
    height: 90px;
    background: white url(../../img_layout/header/logo.png) top left no-repeat;
}

/* Menu Settings */
#menu  {
    width: 160px;
    margin-top: 10px;
    font-size: 13px;
    /*float: left;*/
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #2670cc;
}

#menu strong  {
    font-weight: bold;
}

.menusection  {
    width: 160px;
    padding: 0.6em;
    color: #707070;
}

.menusection a  {
    text-decoration: none;
    color: #8e8e8e;
}

.menusection a:hover  {
    text-decoration: underline;
    color: #008ed4;
}

.menusection ul  {
    list-style-image: url(../../img_layout/list/default.gif);
}

.menusection li:hover  {
    list-style-image: url(../../img_layout/list/hovered.gif);
}

#language  {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 13px;
    margin-top: 14px;
    width: 160px;
    height: 28px;
    border: 1px solid #2670cc;
    color: #707070;
}

#language strong  {
    font-weight: bold;
}

#language a  {
    background: #2670cc;
    color: white;
    padding: 2px 4px;
    font-weight: bold;
}

#language a:hover  {
    background: #6eaeff;
    color: #2670cc;
}

#language #langchooser  {
    padding: 0.4em 0.6em 0.4em 0.6em;
}

#menu ul  {
    list-style-type: square;
    padding-left: 1em;
}

/*The Content*/
#contentwrapper  {
    width: 550px;
    border: 1px solid #2670cc;
    min-height: 500px;
    float: right;
    margin-bottom: 80px;
}

#content  {
    width: 500px;
    margin: 20px 25px 20px 25px;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #676767;
    line-height: 1.4em;
}

h1  {
    display: none;
}

#content h2  {
    font-size: 22px;
    font-family: Georgia, serif;
    font-weight: normal;
    margin: 30px 0 20px 20px;
    color: #0f386a;
    font-variant: small-caps;
}

h2#submainheading  {
    float: right;
    font-family: "Trebuchet MS", sans-serif;
    letter-spacing: 2px;
    font-size: 12px;
    color: #8f8f8f;
    font-weight: 100;
    position: relative;
    top: 4px;
    right: 4px;
    z-index: 99;
}

#content h3  {
    font-size: 17px;
    font-family: Georgia, serif;
    font-weight: normal;
    margin: 40px 0 14px 24px;
    color: #124380;
}

#content h4  {
    font-size: 15px;
    font-weight: bold;
    font-family: Georgia, serif;
    margin: 32px 0 8px 22px;
    color: #124380;
}

#content h5  {
    font-size: 13px;
    font-weight: bold;
    font-family: Georgia, serfi;
    margin: 22px 0 12px 20px;
    color: #124380;
}

/* Contents a, em, strong, abbr, acronym, etc */
#content em  {
    font-style: italic;    
}

#content a  {
    color: #004880;
    text-decoration: none;
}

#content a:hover  {
    color: #008ed4;
    text-decoration: underline;
}

/* The so called Impression bar */
#impression  {
    width: 620px;
    height: 80px;
    margin: 20px 5px 2px 5px;
}

/* The Footer */
#footer  {
    width: 502px;
    height: 50px;
    background-color: white;
    position: relative;
    left: 24px;
    top: 40px;
    font-size: 11px;
    font-style: italic;
    font-family: Georgia, serif;
    text-indent: 20px;
    color: #7b7b7b;
    text-align: center;
}

#footer a  {
    color: #004880;
}

#footer a:hover  {
    color: #008ed4;
    text-decoration: underline;
}

/* Misc */
.right  {
    display: block;
    float: right;
    margin-left: 6px;
}

img.classpic  {
    margin: 20px 0 20px 0;
}

/* Tables */

#content table  {
    width: 500px;
    margin: 30px auto 32px auto;
    border-collapse: collapse;
}

#content table td  {
    width: 240px;
}

#content table thead  {
    border-bottom: 1px solid #2670cc;
}

#content table thead th  {
    font-weight: bold;
}

#content table tfoot td  {
    font-weight: bold;
}



#content table.students  {
    width: 500px;
    margin: 60px auto 40px auto;
    border-collapse: collapse;
}

#content table.students td  {
    width: 240px;
}

#content table.students thead  {
    display: none;
}

#content table.students tfoot  {
    display: none;
}

#content table.students img  {
    display: block;
    padding: 2px;
    margin: 4px auto 4px auto;
    border: 1px solid #2670cc;
    background: url(../../img_content/students/sendnow.jpg) 2px 2px no-repeat;
}

#content table.students h4  {
    font-weight: bold;
    text-decoration: underline;
}

span.highlight  {
    color: #2670cc;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    text-decoration: inherit;
}

#content ol, #content ul  {
    margin: 30px 0 38px 0;
    padding-left: 40px;
}

#content li  {
    margin: 18px 0 4px 0;
}

#content p  {
    margin: 20px 0;
}

#content address  {
    margin: 20px;
    padding: 4px;
    border: 1px solid #2670cc;
    font-weight: bold;
}

#content blockquote  {
    margin: 42px 8px 20px 42px;
    border-left: 2px solid #2670cc;
    padding-left: 4px;
}