body
{
    margin: 0;
    padding: 0;
    background: #fff url(../pics/header_bg.gif) repeat-x;
    font: normal 11px verdana, arial, sans-serif;
    line-height: 18px;
    color: #7F7C73;
    text-align: center;
}

body.popup
{
    margin: 0;
    padding: 0;
    background: #fff url(../pics/dots_h.gif) repeat-x;
    font: normal 11px verdana, arial, sans-serif;
    line-height: 18px;
    text-align: left;
}

a
{
    color: #637D8D;
    text-decoration: none;
}

a:hover
{
    color: red;
}

h1
{
    line-height: 28px;
    margin: 0;
    padding: 0;
}

h2
{
    font: bold 15px arial, verdana, sans-serif;
    text-transform: uppercase;
}

hr
{
    display: none;
}

p
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
}

.blind
{
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
}

.blind:active, .blind:focus
{
    position: absolute;
    overflow: visible;
    width: auto;
    height: auto;
}

#all
{
    width: 790px;
    text-align: left;
    border: 0;
    margin: 0 auto;
}

#header
{
    height: 120px;
}

#header ol
{
    margin: 0;
    padding: 0;
}

#header li
{
    display: block;
    float: left;
    width: 129px;
}

#header .navi
{
    display: block;
    float: left;
    width: 129px;
    height: 48px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font: bold 10px verdana, arial, sans-serif;
}

.navi strong
{
    display: block;
    padding: 26px 0 3px 8px;
    border-left: 1px solid #8B8E85;
}

#beratung a:hover
{
    background: url(../pics/navi_rot.gif) no-repeat;
}

#software a:hover
{
    background: url(../pics/navi_orange.gif) no-repeat;
}

#internet a:hover
{
    background: url(../pics/navi_gelb.gif) no-repeat;
}

#training a:hover
{
    background: url(../pics/navi_blau.gif) no-repeat;
}

#beratung .on
{
    background: url(../pics/navi_active_rot.gif) repeat-x;
}

#software .on
{
    background: url(../pics/navi_active_orange.gif) repeat-x;
}

#internet .on
{
    background: url(../pics/navi_active_gelb.gif) repeat-x;
}

#training .on
{
    background: url(../pics/navi_active_blau.gif) repeat-x;
}

#training .navi strong
{
    border-right: 1px solid #8B8E85;
}

.sub, .sub li
{
    clear: both;
    display: block;
    float: left;
    margin: 0;
}

.sub a
{
    color: #637D8D;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0 1px 0 8px;
}

.sub a:hover
{
    color: red;
}

#logo
{
    float: right;
    margin: 47px 5px 0 0;
    padding: 0;
}

#logo a
{
    width: 170px;
    height: 60px;
    display: block;
    background: url(../pics/mf_logo.gif) no-repeat;
}

#logo span
{
    display: none;
}

#vis_home
{
    border: 1px solid #fff;
}

#vis_alternativ
{
    height: 151px;
    background: #FFF url(../pics/mf_alternativ.jpg) 1px 1px no-repeat;
}

#vis_beratung
{
    height: 151px;
    background: #FFF url(../pics/mf_beratung.jpg) 1px 1px no-repeat;
}

#vis_software
{
    height: 151px;
    background: #FFF url(../pics/mf_software.jpg) 1px 1px no-repeat;

}

#vis_internet
{
    height: 151px;
    background: #FFF url(../pics/mf_internet.jpg) 1px 1px no-repeat;
}

#vis_training
{
    height: 151px;
    background: #FFF url(../pics/mf_training.jpg) 1px 1px no-repeat;
}

#tools
{
    display: block;
    width: 790px;
    height: 39px;
    font-size: 9px;
}

#tools fieldset
{
    border: solid 0 transparent;
    padding: 0;
}

#tools legend
{
    display: none;
}

#tools .pfad
{
    width: 500px;
    float: left;
    padding: 18px 0 0 14px;
    display: block;
    font: normal 12px verdana, arial, sans-serif;
}

#tools .styler
{
    width: 200px;
    float: right;
    padding: 21px 0 0 0;
    display: block;
}

#tools .styler a
{
    line-height: 12px;
    padding-left: 15px;
    display: block;
}

#basic
{
    width: 65px;
    background: url(../pics/basic.gif) no-repeat;
    float: left;
}

#xxl
{
    width: 80px;
    background: url(../pics/xxl.gif) no-repeat;
    float: left;
}

#hilfe
{
    width: 53px;
    background: url(../pics/hilfe.gif) no-repeat;
    float: right;
}

#basic a
{
    cursor: default;
}

#outer_content
{
    width: 790px;
    float: left;
    background: url(../pics/content_marker.gif) no-repeat;
}

#content
{
    clear: left;
    padding: 5px 13px 20px 13px;
}

#index_news
{
    float: left;
    padding: 65px 0;
    width: 183px;
    border: 0;
}

#beratung_news
{
    float: left;
    padding: 50px 0;
    width: 183px;
    border: 0;
    font: normal 11px Verdana, Arial, sans-serif;
    color: #637D8D;
}

#beratung_box1
{
    float: left;
    padding: 0;
    width: 183px;
    border: 0;
    background-color: #FBD2D3;
    margin: 2px 5px 2px 0px;
    padding: 5px;
}

#software_news
{
    float: left;
    padding: 50px 0;
    width: 183px;
    border: 0;
    font: normal 11px Verdana, Arial, sans-serif;
    color: #637D8D;
}

#software_box1
{
    float: left;
    padding: 0;
    width: 183px;
    border: 0;
    background-color: #FEE9C6;
    margin: 2px 5px 2px 0px;
    padding: 5px;
}

#internet_news
{
    float: left;
    padding: 50px 0;
    width: 183px;
    border: 0;
    font: normal 11px Verdana, Arial, sans-serif;
    color: #637D8D;
}

#internet_box1
{
    float: left;
    padding: 0;
    width: 183px;
    border: 0;
    background-color: #FEF6C5;
    margin: 2px 5px 2px 0px;
    padding: 5px;
}

#training_news
{
    float: left;
    padding: 50px 0;
    width: 183px;
    border: 0;
    font: normal 11px Verdana, Arial, sans-serif;
    color: #637D8D;
}

#training_box1
{
    float: left;
    padding: 0;
    width: 183px;
    border: 0;
    background-color: #BFDCEE;
    margin: 2px 5px 2px 0px;
    padding: 5px;
}

#channel
{
    float: right;
    width: 180px;
    padding: 50px 0;
    border: 0;
    background: url(../pics/dots_h.gif) 2px 50px repeat-x;
}

#channel img
{
    margin: 20px 0 20px 0;
}

#channel ul, #channel li
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#channel li
{
    background: url(../pics/dots_h.gif) bottom repeat-x;
    padding: 7px 0;
}

#channel a
{
    display: block;
    padding: 0;
    margin: 0;
    background: url(../pics/channel_dot.gif) 4px 5px no-repeat;
    text-transform: uppercase;
    font: bold 10px verdana, arial, sans-serif;
    line-height: 19px;
}

#channel a:hover
{
    background: #f5f5f5 url(../pics/channel_dot_on.gif) 4px 5px no-repeat;
}

#channel span
{
    padding: 0 0 0 21px;
    display: block;
}

#channel a.nodot
{
    display: block;
    background: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font: bold 10px verdana, arial, sans-serif;
    line-height: 19px;
}

#channel a.nodot:hover
{
    background: none;
}

#addthis
{
    margin-top: -50px;
    margin-left: 21px;
}

#text
{
    float: left;
    width: 550px;
    border: 0;
    background: url(../pics/dots_h.gif) 0 50px repeat-x;
    margin: 0;
    font: normal 14px tahoma verdana, arial, sans-serif;
    line-height: 20px;
}

#text img
{
    border: 0;
}

#text p
{
    margin: 0 0 10px 0;
}

#text h2
{
    margin: 14px 0 32px 0;
}

#text a
{
    text-decoration: underline;
}

#text h2 a
{
    text-decoration: none;
}

.beratung h2
{
    color: #ED1C24;
}

.software h2
{
    color: #FAA61A;
}

.internet h2
{
    color: #F8D200;
}

.training h2
{
    color: #0071BB;
}

#footer
{
    padding: 3px 0 0 0;
    margin: 0 5px 5px 13px;
    background: url(../pics/dots_h.gif) 0px 0px repeat-x;
    clear: both;
}

#footer ul, #footer li
{
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}

#footer ul
{
    display: block;
    float: left;
}

#footer li
{
    background: url(../pics/dots_v.gif) right top repeat-y;
}

#footer li
{
    margin: 0 3px 0 0;
    padding: 0;
}

html > body #footer li
{
    margin-right: 0px !important;
    padding-right: 4px !important;
}

#footer a
{
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px;
}

#footer a:hover
{
    background: #f5f5f5;
}

#footer .info
{
    width: 375px;
    float: right;
}

#footer .info a
{
    font-size: 9px;
}

#footer small
{
    font-size: 9px;
}

#footer .info a
{
    text-transform: none;
}

#footer .info a:hover
{
    background: #fff;
}

/*** k_forms ***/
.k_forms_row
{
    margin: 5px 0;
    padding: 5px;
    background-color: #F5F5F5;
}

.k_forms_error
{
    background-color: #EFF0EC;
    padding: 5px;
    margin: 5px 0 5px 0;
}

.k_forms_error p
{
    margin: 5px 0 0 100px;
    padding: 0 0 0 100px;
    font: normal 10px verdana, arial, sans-serif;
    clear: both;
}

.k_forms_error p em
{
    font-style: normal;
}

label
{
    width: 100px;
    display: block;
    float: left;
}

label:hover
{
    text-decoration: underline;
    cursor: pointer;
}

input, textarea
{
    font: normal 11px verdana, arial, sans-serif;
    color: #7F7C73;
    width: 296px !important;
    border: 1px solid #A8ABA2;
    padding: 2px;
    background-color: #fff;
}

textarea
{
    height: 200px;
    overflow: auto;
}

input:focus, textarea:focus
{
    border: 1px solid red;
}

button
{
    font: bold 11px verdana, arial, sans-serif;
    color: #637D8D;
    border: 0;
    background: #F5F5F5;
    padding: 0 15px;
    margin: 0 0 0 100px;
    background: url(../pics/channel_dot.gif) 0px 2px no-repeat;
    width: auto;
    text-align: left;
}

