@charset "utf-8";
/********************************************************
=default - default styles, used by nearly every site
********************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;outline:none}
html {font-size:100.01%;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
html{overflow-y:scroll}
.systemError{display:block;background:#f00;color:#fff;text-align:center;padding:0 50px;height:40px;line-height:40px;position:absolute; top:0;left:0}
.clear, #footer, .separator, .hr{clear:both; float:none}
.clear, .hidden, .separator, .hr{font-size:0.01em; line-height:0.01em}
.hidden{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block}
span.hidden{width:0; height:0}
ul{list-style:none}
img{border:0; vertical-align:baseline}
p, td p.padding, #content-container ul{padding-bottom:18px; line-height:1.45em}
p.no-padding, #footer p, td p{padding-bottom:0}
.center{text-align:center}
.float-left{float:left}
.float-right {float:right}
iframe{border:0}
#content-container .no-margin, .no-margin{margin:0}
.separator{width:1px; height:15px}
.hr hr{display:none}


/*
=margins & =paddings - margin and padding classes from 5 to 25
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}

/*
=layout - individual layout styles
*/
html{background:#cacaca url(../images/bg-html.gif) center 0 repeat}
body{background:url(../images/bg-body.gif) center 0 repeat-x; font:62.5%/100.01% Arial, Helvetica, sans-serif; color:#000}
#bg-container, #container{margin:0 auto; width:860px; background:url(../images/bg-bg-container.gif) center 0 repeat-y}
#container{background:url(../images/bg-container.gif) center 0 no-repeat}
#header{height:261px; position:relative; background:url(../images/bg-header.jpg) center 107px no-repeat}

#kontakt-body #header, #kontakt-danke-body #header, #impressum-body #header{background-image:url(../images/bg-header-3.jpg)}
#schulungsraeume-body #header, #lehrmittel-body #header{background-image:url(../images/bg-header-2.jpg)}
#branding{background:url(../images/branding.gif); display:block; width:448px; height:111px; position:absolute; top:6px; left:16px}
#branding a{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block; width:448px; height:111px;}
#claim{display:block; width:240px; height:40px; position:absolute; top:57px; right:38px; font-family:Verdana, Geneva, sans-serif; color:#e71d2a; line-height:1.7em; font-size:1.1em; text-align:right}
#content-container{padding:0 0 15px 20px}
#content-sidebar{background:url(../images/bg-sidebar.jpg) 0 0 no-repeat; width:240px; float:left}
#content-main{width:543px; float:left; font-size:1.2em; padding-top:26px}
.column-left{float:left}
.column-right{float:right}
#footer{font-size:1.1em; color:#fff; line-height:1em; background:url(../images/bg-footer.gif); width:820px; height:80px; margin:0 auto; position:relative; margin-bottom:20px}

/*
=navigation - navigation styles
*/
#navi-top{position:absolute; width:180px; height:37px; position:absolute; top:0; right:30px}
#navi-top li{float:left; height:37px}
#navi-top a, #navi-top a:visited, #navi-top a:hover, #navi-top a:active{text-indent:-9999px; overflow:hidden; white-space:nowrap; float:left; background:url(../images/bg-navi-top.gif) 0 0 no-repeat; height:37px}
#navi-top .li-01 a, #navi-top .li-01 a:visited, #navi-top .li-01 a:hover, #navi-top .li-01 a:active{
background-position:0 0; width:82px}
#navi-top .li-01 a.active, #navi-top .li-01 a.active:visited, #navi-top .li-01 a:hover, #navi-top .li-01 a.active:active{
background-position:0 -37px}
#navi-top .li-02 a, #navi-top .li-02 a:visited, #navi-top .li-02 a:hover, #navi-top .li-02 a:active{
background-position:-82px 0; width:78px}
#navi-top .li-02 a.active, #navi-top .li-02 a.active:visited, #navi-top .li-02 a:hover, #navi-top .li-02 a.active:active{
background-position:-82px -37px}
#navi-top .li-03 a, #navi-top .li-03 a:visited, #navi-top .li-03 a:hover, #navi-top .li-03 a:active{
background-position:-160px 0; width:91px}
#navi-top .li-03 a.active, #navi-top .li-03 a.active:visited, #navi-top .li-03 a:hover, #navi-top .li-03 a.active:active{
background-position:-160px -37px}

#navi-main{padding:28px 20px 0}
#navi-main li{height:32px; line-height:32px}
#navi-main a, #navi-main a:visited, #navi-main a:hover, #navi-main a:active{color:#000; text-decoration:none; line-height:32px; display:block; height:32px; background:url(../images/bg-navi-main.gif) 0 0 no-repeat; font-weight:bold; font-size:1.2em; padding:0 0 0 28px}
#navi-main a.active, #navi-main a.active:visited, #navi-main a:hover, #navi-main a.active:active{background-position:0 -32px}


/*
=footer - footer content styles
*/
#footer a, #footer a:visited, #footer a:hover, #footer a:active{color:#c00; text-decoration:underline}
#footer a:hover{text-decoration:none}
address{font-style:normal}

#footer address{display:block; position:absolute; top:16px; left:28px}
#footer #address-harsefeld{left:420px; padding-left:20px; border-left:1px solid #ba5a61}
#footer span{padding:0 2px}
#footer p{line-height:1.8em}

/*
=headlines
*/
#content-main h1{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block; height:35px; padding-bottom:24px; background:0 0 no-repeat}
#index-body #content-main h1{background:url(../images/h1/index.gif) 0 0 no-repeat; height:60px}
#content-main h2, #content-main h3, #content-main h4, #content-main h5, #content-main h6{font-size:1.6em; line-height:1.3em; padding-bottom:18px}

/*
=content - individual content styles
*/
a,a:visited,a:hover,a:active{color:#d71a26; text-decoration:underline; font-weight:bold}
a:hover{text-decoration:none}

.highlight{font-weight:bold}
.image{padding:1px; border:1px solid #ddd}
.bold{font-weight:bold}

.hr{margin-bottom:25px; height:7px; border-bottom:1px solid #ccc; width:100%}

#euroweb{float:right}

#content-main ul{list-style:disc; padding-left:14px; color:#000}

.image-box{float:right; width:215px}