@media all {* {margin:0; padding: 0 }
option {padding-left: 0.4em }
* html body * {overflow:visible }
* html iframe, * html frame {overflow:auto }
* html frameset {overflow:hidden }
html {height: 100% }
body {min-height: 101%; font-size: 100.01%; color: #000; background: #fff; text-align: left}
fieldset, img {border: 0 solid}
ul, ol, dl {margin: 0 0 1em 1em }
li {margin-left: 1.5em; line-height: 1.5em}
dt {font-weight: bold}
dd {margin: 0 0 1em 2em}
blockquote, cite {margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
#header {position:relative }
#footer {clear:both; display:block }
#col1 {z-index: 3}
#col2 {z-index: 5}
#col3 {z-index: 1}
#col1_content {z-index: 4}
#col2_content {z-index: 6}
#col3_content {z-index: 2}
#col1_content, #col2_content, #col3_content {position:relative }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix {display: block }
.floatbox {overflow:hidden }
#ie_clearing {display: none }
.subcolumns, .subcolumns_oldgecko {width: 100%; overflow:hidden}
.subcolumns_oldgecko {float:left }
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px}
.c25l, .c25r {width: 25% }
.c33l, .c33r {width: 33.333% }
.c50l, .c50r {width: 50% }
.c66l, .c66r {width: 66.666% }
.c75l, .c75r {width: 75% }
.c38l, .c38r {width: 38.2% }
.c62l, .c62r {width: 61.8% }
.subc {padding: 0 0.5em }
.subcl {padding: 0 1em 0 0 }
.subcr {padding: 0 0 0 1em }
.skip, .hideme, .print {position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px}
.skip:focus, .skip:active {position: static; top: 0; left: 0; height: auto; width: auto}
}
@media all {#submenu {width: 100%; overflow: hidden; list-style-type: none}
#submenu ul {list-style-type: none; margin: .2em 0; padding:0}
#submenu li {float:left; width: 100%; margin:0; padding: 0 }
#submenu a, #submenu span {font-size: .8em; line-height: normal; display:block; width: 100%; padding: 1px 0px 5px 20px; text-decoration: none; color: #555}
#submenu li.active {background:url(/images/icons_frontend/menu_pfeil.gif) no-repeat}
#submenu li.active span {font-weight: bold; color: #333;}
#submenu li a, #submenu li span {padding-left: 20px}
#submenu li a:focus, #submenu li a:hover, #submenu li a:active {background:url(/images/icons_frontend/menu_pfeil.gif) no-repeat}
#submenu li ul {margin-top: 0}
#submenu li ul li.active {background:url(/images/icons_frontend/menu_pfeil.gif) no-repeat 2em}
#submenu li ul li.active span {font-weight: bold; color: #555;}
#submenu li ul li a, #submenu li ul li span {font-size: .9em; width: 80%; padding-left: 40px}
#submenu li.active ul li a {font-size: .9em; color: #333; font-weight: normal;}
#submenu li ul li a:focus, #submenu li ul li a:hover, #submenu li ul li a:active {background:url(/images/icons_frontend/menu_pfeil.gif) no-repeat 2em}
#footermenu {width: 100%; height: 2em; overflow: hidden; list-style-type: none}
#footermenu ul {list-style-type: none; margin: 1em 0; padding: 0}
#footermenu li {float:left; margin:0; padding: 0; border-right: 1px solid #aaa}
#footermenu ul li:last-child {border: none;}
#footermenu a, #footermenu span {font-size: .8em; line-height: normal; display:block; padding: 0 .8em 0 .8em; text-decoration: none; color: #333}
#footermenu li.active span {font-weight: bold; color: #666;}
#footermenu li a {}
#footermenu li a:focus, #footermenu li a:hover, #footermenu li a:active {color: #333; text-decoration: none;}
}
@media all {body {background-color: #fdfdfd}
#page_bg {background: url(/images/arti_claim.gif) 10px 30px no-repeat fixed;}
#page_margins {width: auto; min-width: 915px; max-width: 68em}
#page {}
#footer {padding: 10px 52px }
#col1 {float: right; width: 15em; margin:0 }
#col2 {float: right; width: 11em; margin:0 }
#col3 {width: auto; margin: 0 26em 0 0}
#col1_content {padding: 0 20px 0 0 }
#col2_content {padding: 50px 0 0 0}
#col3_content {padding: 180px 10px 0 120px }
div#flag_en {text-align:right; height: 100px; padding: 25px}
}
@media all {html * {font-size: 100.01% }
body,pre {font-family: 'Lucida sans', "Lucida Grande", Helvetica, Arial, sans-serif}
h1,h2{ font-family: 'Georgia', Palatino, Times, "Times New Roman", serif; font-size: 166.67%; font-weight:lighter; margin: 0 0 0.6em 0; color:#70B11B}
h3{ font-family: 'Georgia', Palatino, Times, "Times New Roman", serif; font-size: 1.3em; font-weight:lighter; margin: 0 0 0.3em 0; padding: 14px 0 14px 55px; color:#444}
h3.no_icon {padding-left:0;}
h4,h5,h6{ font-weight:normal; margin: 0 0 0.6em 0; color:#444}
p,pre {font-size: .85em; line-height: 1.5em; margin: 0 0 .5em 0; color:#444;}
ul, ol, dl {line-height: 1.5em; margin: 0 0 1em 1em }
li {font-size: .85em; margin-left: 0; line-height: 1.5em; color:#333}
dt {font-weight: bold }
dd {margin: 0 0 1em 2em; color:#333}
cite, blockquote {font-style:italic }
blockquote {margin: 0 0 1em 1.5em }
strong,b {font-weight: bold; color:#333}
p.small {font-size: .72em;}
em,i {font-style: italic; font-weight:bold; color:#60B100}
pre {white-space:pre-wrap;}
code {font-size: 1.1em}
acronym, abbr {letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help}
.warning {padding: .8em; margin:.3em 0; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.error {color: #AE2654; padding: .8em; margin:.3em 0; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.float_left {float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em}
.float_right {float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em}
.center {text-align:center; margin: 0.5em auto }
a {color: #333; text-decoration:underline;}
a:focus, a:hover, a:active {color: #60B100;text-decoration:underline;}
table {width: auto; border-collapse:collapse; margin-bottom: 0.5em}
table.full {width: 100%}
table.fixed {table-layout:fixed }
th,td {padding: 0.5em}
thead th {color: #fff }
tbody th {color: #333 }
tbody th.sub {color: #333 }
hr {color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px dotted #888}
p.link2top, p.link_back {margin-left: 50px; font-size: .65em; padding: .1em 0 2em 20px ; line-height: 1em}
p.link2top a, p.link_back a{text-decoration:none;}
p.link2top {background:url(/images/icons_frontend/top.gif) 0 .05em no-repeat}
p.link_back {background:url(/images/icons_frontend/back.gif) 0 .05em no-repeat}
p.distance {padding-bottom: 1.5em;}
ul.toc {list-style-type: none; padding: 0 0 2em 0; margin:0}
ul.toc li {margin:0; font-weight:bold; font-size:75%; padding: .2em 0 .4em 20px ; line-height: 1.35em; background:url(/images/icons_frontend/menu_pfeil.gif) 0 .2em no-repeat}
ul.toc li a{ text-decoration: none}
h3.achtung {background:url(/images/icons_frontend/icon_achtung.gif) 0 0 no-repeat}
h3.beispiel {background:url(/images/icons_frontend/icon_beispiel.gif) 0 0 no-repeat}
h3.definition {background:url(/images/icons_frontend/icon_definition.gif) 0 0 no-repeat}
h3.kontakt {background:url(/images/icons_frontend/icon_kontakt.gif) 0 0 no-repeat}
h3.material {background:url(/images/icons_frontend/icon_material.gif) 0 0 no-repeat}
h3.sponsor {background:url(/images/icons_frontend/icon_sponsor.gif) 0 0 no-repeat}
h3.technik {background:url(/images/icons_frontend/icon_technik.gif) 0 0 no-repeat}
h3.verweis {background:url(/images/icons_frontend/icon_verweis.gif) 0 0 no-repeat}
h3.vorteil {background:url(/images/icons_frontend/icon_vorteil.gif) 0 0 no-repeat}
p.gruen {color:#60B100;font-weight:bold;}
a {border:none;}
}
@media all {fieldset p {clear: left;}
fieldset label {font-weight: bold; width:10em; float:left}
fieldset input, fieldset select, fieldset textarea {padding:.18em; margin-bottom:0.5em; border: 1px solid #aaa; color: #666}
fieldset input[type=image] {border: none}
fieldset textarea {font-size:1.2em;}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {background: #f8f8f8; color: #000}
fieldset label.above {font-weight: bold; width:auto; float:none}
fieldset label.normal {font-weight: normal}
fieldset label.radio {font-weight: normal;width:auto;padding: .1em 1.9em .4em .7em;}
fieldset input.radio {float:left; margin:.4em 0 1em 0;}
fieldset input.short {float:left; width:4em;margin-right:.3em;}
fieldset input.long {float:left; width:10em;margin-right:.3em;}
div#errorDisplay h4 {color: #AE2654;}
div#errorDisplay p.error_msg {color: #AE2654;}
fieldset span.fieldWithErrors input {border: 1px solid #AE2654;}
fieldset span.fieldWithErrors textarea {border: 1px solid #AE2654;}
fieldset p.formError {font-size:.9em;padding: .3em 0 0 9.5em; color: #AE2654;}
fieldset p.formError_left {font-size:.9em;padding: .3em 0 0 0; color: #AE2654;}
span.error_index {font-size: 90%;}
p#login_error, p#signup_error, span.fieldWithErrors {color: #AE2654;}
div.scrolltext {width:90%; height:6em; overflow:auto; font-size:80%; padding: .8em; margin: .6em 0 3em; border:1px solid #ddd}
}
@media all{ ul.toc li.active {color:#60B100}
a.change {font-size: .8em; padding: 0 0px 0 20px; background:url(/images/icons_frontend/menu_pfeil.gif) no-repeat; text-decoration:none}
.login_or_register {margin-top:1em}
.subcols {width: 100%; overflow:hidden}
.panel_left {width: 46%; float: left; margin-right: .5em;}
.panel_right {width: 46%; float: left; margin-right: 2px;}
.panel {padding: .5em .4em}
.shadow_div1{ border:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background-color: #fff}
.shadow_div2{ background-color: #b8b8b8; padding:0 2px 2px 0; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; -moz-border-radius:4px}
.login_or_register h2 {margin:0;padding:0;}
.login_or_register p{margin:0;padding:0 0 .4em 0;}
.login_or_register label{font-weight:bold;}
.login_or_register input.text {width:95%;}
.login_or_register p.links a {text-decoration:underline;}
div#mini_cart h4, div#mini_cart p, div#mini_cart td{ font-size: .65em; color:#888}
div#mini_cart h4, div#mini_cart p, div#mini_cart table, div#mini_cart table tr, div#mini_cart table td{ margin:0;padding:0}
div#mini_cart h4{ font-weight: bold}
div#mini_cart table{ margin: .3em 0}
div#mini_cart table td{ padding: .2em 0; vertical-align:top}
div#mini_cart table tr.total {padding-top: .3em; border-top: 1px dotted #888}
div#shopping_cart table {color:#888; font-size: 90%}
div#shopping_cart table tr.title {padding-top: 1.5em; border-bottom: 1px dotted #888}
div#shopping_cart table tr.total {padding-bottom: 1.5em; border-top: 1px dotted #888}
div#shopping_cart table tr th {padding: .8em .5em; color:#888}
div#shopping_cart table tr td{ padding: .4em .5em; vertical-align:top}
.list_item {}
.list_item p, .list_item h3 {margin:0;padding:0;line-height:1.1em;}
.list_item h3 a{font-size:.85em; font-weight:bold;text-decoration: none;}
.list_item p.small {padding:.5em 0;}
.cl {float: left;width: 75% }
.cr {float: right; margin-left: -5px; text-align:right;width: 25%}
.workshop_list .list_item {padding-left: 50px;}
.workshop_list .day_0 {background: #fff url(/images/icons_frontend/days/day_0.gif) no-repeat 0 3px;}
.workshop_list .day_1 {background: #fff url(/images/icons_frontend/days/day_1.gif) no-repeat 0 3px;}
.workshop_list .day_2 {background: #fff url(/images/icons_frontend/days/day_2.gif) no-repeat 0 3px;}
.workshop_list .day_3 {background: #fff url(/images/icons_frontend/days/day_3.gif) no-repeat 0 3px;}
.workshop_list .day_4 {background: #fff url(/images/icons_frontend/days/day_4.gif) no-repeat 0 3px;}
.workshop_list .day_5 {background: #fff url(/images/icons_frontend/days/day_5.gif) no-repeat 0 3px;}
.workshop_list .day_6 {background: #fff url(/images/icons_frontend/days/day_6.gif) no-repeat 0 3px;}
.course_list h3 {margin: 0 0 0.3em 0; padding: 5px 0 1px 0}
.product_list .list_item, .material_list .list_item {padding-left: 105px; min-height: 100px; background-repeat:no-repeat; background-position: 0 5px}
.product_list .list_item .cl p , .material_list .list_item .cl p {padding-top:1.5em}
.gallery_thumbs {width: 100%; padding:1em 0; clear: both}
.gallery_thumbs div.thumb{ float:left; margin: 0 18px 14px 0; height:130px; width:92px; overflow: hidden}
.gallery_thumbs div.thumb a.img{ height:90px; width:90px; border:1px solid #A9A9A9; display:block; text-align:center; cursor: -webkit-zoom-in; cursor: -moz-zoom-in}
.gallery_thumbs div.thumb a.img:hover{ border:1px solid #444; background: #f5f5f5}
.gallery_thumbs div.thumb a.img img{ font-size:.65em; margin: auto}
.gallery_thumbs div.thumb h4{ padding: 6px 0 0 0; font-size:.65em; font-weight:bold; line-height:.8em; color: #444}
.gallery_thumbs div.thumb p{ padding: 0 0 0 0; font-size:.65em; line-height:.8em; color: #333}
.gallery_pattern_thumbs {width: 600px;}
.gallery_pattern_thumbs a.img {display: block; width: 40px; height: 40px; background-position: -20px -20px}
.gallery_pattern_thumbs div.row{ clear:both; height: 40px}
.gallery_pattern_thumbs div.thumb{ float:left}
.gallery_thumbs div.admin{ height:170px}
a.lightbox_image {margin:5px 10px 5px 0}
h3.my_arti {padding: .6em 0; border-top: 1px dotted #888; border-bottom: 1px dotted #888}
table.my_arti{ width: 100%}
table.my_arti tr{ padding:0;margin:0; border-bottom: 1px dotted #888}
table.my_arti td{ font-size: .9em; font-weight: bold; padding:0;margin:0}
table.my_arti tr td a{ text-decoration:none}
div#voucher {}
div#voucher div.inside {margin: 1em 0; padding: 1em 0; border-top: 1px dotted #888; border-bottom: 1px dotted #888}
div#startseite{ height: 280px}
div#startseite a#kurs_kinder {position:absolute; top: 365px; left:300px; width: 60px; height: 60px}
div#startseite a#kurs_kinder div{ height: 1px; width: 1px; overflow:hidden}
div#startseite a#kurs_erwachsene {position:absolute; top: 325px; left:360px; width: 95px; height: 95px}
div#startseite a#kurs_erwachsene div{ height: 1px; width: 1px; overflow:hidden}
div#startseite a#en {}
div#startseite a#de {}
div#news h3 {margin:.5em 0;; padding: .3em 0; border-top: 1px dotted #888; border-bottom: 1px dotted #888}
div#news ul {list-style-type: none;margin:0;}
div#news ul li {}
div#news ul li span.date{font-size:80%;}
div#news ul li a.title{font-weight:bold;text-decoration:none;padding:0 .5em;}
div#news ul li a.more{ color:#70B11B; font-size:80%; text-decoration:none}
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #f5f5f5; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff}
body div#toolTip {position:absolute;z-index:1000;background:#efefef;border:1px solid #BABFBF;text-align:left;padding:3px 5px;min-height:1em}
body div#toolTip p {margin:0;padding:0;color:#444;font:11px/12px verdana,arial,sans-serif; line-height:130%}
body div#toolTip p em {display:none}
body div#toolTip p em span {font-weight:normal;color:#575757;}