/* @group reset */

/* -- override browser default values -- */

* {
    margin: 0;
    padding: 0;
}

ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

:link, :visited {
    text-decoration: none;
}

/*a img, :link img, :visited img {
	border: none;
}*/

abbr, acronym, dfn {
    cursor: help;
}

ul,ol {
    list-style: none;
}

h1,h2,h3,h4,h5,h6,pre,code,p {
    font-weight: normal;
    font-size: 100%;
}

address {
    font-style: normal;
}

input {
    font-family: inherit;
}

#fckie { /* IE hack */
    clear: both;
    background: transparent;
    border: 0;
    height: 0;
    line-height: 0;
}

/* @end */

/* @group webfonts */

@font-face {
    font-family: "TheSansWeb";
    src: url(../eot/TheSansOfficeLF5_a.eot);
    src: local("☺"),
    url(../woff/TheSansOfficeLF5_a.woff) format("woff"),
    url(../svg/thesansofficelf5_a-webfont.svg#webfontJhseroNM) format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "TheSansWeb";
    src: url(../eot/TheSansOfficeLF7_a.eot);
    src: local("☺"),
    url(../woff/TheSansOfficeLF7_a.woff) format("woff"),
    url(../svg/thesansofficelf7_a-webfont.svg#webfontycAqrHc0) format("svg");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "TheSansWebLight";
    src: url(../eot/TheSansOfficeLF3l_a.eot);
    src: local("☺"),
    url(../woff/TheSansOfficeLF3l_a.woff) format("woff"),
    url(../svg/thesansofficelf3l_a-webfont.svg#webfontJhseroNM) format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "TheSansItalicWeb";
    src: url(../eot/TheSansOfficeLF5i_a.eot);
    src: local("☺"),
    url(../woff/TheSansOfficeLF5i_a.woff) format("woff"),
    url(../svg/thesansofficelf5i_a-webfont.svg#webfontxEWoYSSH) format("svg");
}

@font-face {
    font-family: "TheSansBoldItalicWeb";
    src: url(../eot/TheSansOfficeLF7i_a.eot);
    src: local("☺"),
    url(../woff/TheSansOfficeLF7i_a.woff) format("woff"),
    url(../svg/thesansofficelf7i_a-webfont.svg#webfontJsFX6njK) format("svg");
}



/* @end */

/* @group bolditalicfix */

b, strong {
    font-weight: bold;
}

i, em {
    font-family: "TheSansItalicWeb", Verdana, sans-serif !important;
    font-style: normal;
}

i b,
b i,
strong em,
em strong {
    font-family: "TheSansBoldItalicWeb", Verdana, sans-serif !important;
    font-weight: normal;
}




/* @end */

/* @group layout */

#outer-wrapper {
    background: transparent url(../gfx/outer-wrapper_bg.gif) no-repeat fixed right top;
}

#inner-wrapper {
    width: 973px;
}

/* --------- min-height hack for Mozilla/Safari/Opera */
*>#outer-wrapper {
    padding-top: 726px;
    min-height: 1px;
}
*>#outer-wrapper #inner-wrapper {
    margin-top: -726px;
}
/* ------------ for IE, with IE5/Mac backslash filter \*/
* html #outer-wrapper {
    height: 726px;
}
/* end filter */

#header {
    height: 35px;
    width: 100%;

}

#sidebar {
    float: left;
    width: 251px;
    margin: 0 36px 0 0;
    display: inline; /* IE Double Float-Margin Bug */
}

#footer {
    clear: both;
    padding: 9px 0 9px 288px;
    font-size: 11px;
}

#footer a {
    color: #666666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1px;
}

#footer a:hover {
    color: #d24c17;
    text-decoration: none;
    border-bottom: 1px solid #ff5c1c;

}

#pagebody {
    width: 973px;
}

#content {
    float: left;
    width: 685px;
}

/* @group wrapped */

.b_wrapper_transparent {
    float: left;
    width: 685px;
    margin-bottom: 18px;
}

.b_wrapper_transparent a:hover img{
    border: 1px solid #ff5c1c;
}

.b_wrapper_opaque {
    float: left;
    width: 683px;
    background-color: white;
    border: 1px solid #e5e5e5;
    padding-bottom: 17px;
    margin-bottom: 17px;
}

.b_100 {
    padding: 27px 36px 0 36px;
    width: 611px;
}

.b_100_nopadding {
    padding: 0;
    width: 611px;
}

.b_66-33 {
    float: left;
    width: 683px;
    padding-top: 36px;
}

.b_66-33 .head {
    padding: 0 0 0 36px;
}

.b_66-33 .left {
    float: left;
    width: 396px;
    padding: 0 0 0 36px;
}

.b_66-33 .right {
    float: right;
    width: 180px;
    padding: 0 36px 0 0;
}

.b_50-50 {
    width: 685px;
    clear: both;
}

.b_50-50 .left {
    float: left;
    width: 325px;
}

.b_50-50 .right {
    float: right;
    width: 325px;
}

.b_50-50 img {
    border: 1px solid #e5e5e5;
}

.b_50-50 p {
    padding-top: 9px;
}


.b_33-33-33 .head {
    padding: 0 0 18px 36px;
}

.b_33-33-33 {
    width: 683px;
    padding-top: 36px;

}

.b_33-33-33 .left {
    float: left;
    width: 180px;
    padding: 0 0 0 36px;
}

.b_33-33-33 .center {
    float: left;
    width: 180px;
    padding: 0 0 0 36px;
}

.b_33-33-33 .right {
    float: right;
    width: 180px;
    padding: 0 36px 0 0;

}





/* @end */

/* @end */

/* @group teaser */



.teaser-header {
    float: left;
    width: 100%;
    background-color: #ff5c1c;
}


.t_fontpage {
    float: left;
    width: 683px;
    background-color: white;
    border: 1px solid #e5e5e5;
    margin-bottom: 17px;
}

.t_fontpage .left {
    width: 304px;
    float: left;
    padding: 18px 9px 0 18px;
    margin: 0;
}

.t_fontpage img {
    float: right;
}

.t_fontpage .left ul {
    padding-bottom: 0;
}

/* @end */

/* @group general settings and basic typography */

body, html {
    background: white url(../gfx/bg_l1_01.gif) repeat;
    font: 13px/18px "TheSansWeb", Verdana, Arial, sans-serif;
    color: #666;
}

p {
    padding-bottom: 18px;
}

span.small {
    font-size: 11px;
}

span.caps {
    font-size: 12px;
    text-transform: uppercase;
}

span.smallcaps {
    font-size: 12px;
    text-transform: uppercase;
}

p.caption { /* Bildbeschriftung */
    font-size: 12px;
    color: #888;
    padding-bottom: 18px;
}

h2 {
    font-family: "TheSansWeb", Verdana, Arial, sans-serif;
    font-size: 27px;
    line-height: 36px;
    color: #888;
}

h3 {
    font-family: "TheSansWeb", Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 0;
    color: #888;
}


pre, code {
    font-family: "Consolas", "Courier New", Courier, mono;
    font-size: 13px;
}


pre {
    margin-bottom: 20px;
    overflow: auto;
    background-color: white;
    padding: 5px;

    -moz-box-shadow: 0px 0px 10px #ddd;
    -webkit-box-shadow: 0px 0px 10px #ddd;

}



/* @end */

/* @group links */

a:link {
    color: #ff5c1c;
}

a:visited {
    color: #d24c17;
    text-decoration: none;
}

a:hover {
    color: #d24c17;
    text-decoration: underline;
}


a:link img, a:visited img, a:hover img, a:active img {
    border: 0;
    text-decoration: none;
}

a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: .80;
}

/* @end */

/* @group logo */

#logo {
    float: left;
    width: 251px;
    height: 72px !important; /* important needed by IE*/
}

#logo a {
    padding-bottom: 0;
    border: none;
}


#logo h1 a {
    margin-top: 0;
    margin-left: 0;
    background: url(../gfx/logo.gif) top left no-repeat;
    display: block;
    float: left;
    width: 251px;
    height: 40px;
    outline: none; /*remove dotted line when links are klicked*/
}

#logo h1 a:hover {
    background: transparent url(../gfx/logo.gif) 0 -72px no-repeat;
}

#logo h1 a span {
    display: none;
}



/* @end */

/* @group navigation */

/* @group main navigation */

#nav {
    clear: left;
    padding: 0 0 0 36px;
}

#nav ul li {
    background: none;
    padding: 0 0 0 42px;
}

#nav ul li, #nav ul li a
{
    display: block;
    width: 173px;
    height: 36px;
}

#nav ul a  {
    border: none;
    color: #888888;
    font-family: "TheSansWebLight";
    font-size: 19px;
    padding: 9px 0 0;
    outline: none; /*remove dotted line when links are klicked*/
}
#nav ul a:hover  {
    color: #ff5c1c;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 0 2px #ff5c1c;

}

#nav ul li.act {
    background: #ff5c1c url(../gfx/bg_nav_l1.gif);
}

#nav ul li.act a {
    color: #fff;
}

#nav ul li.act a:hover {
    color: #fff;
    font-weight: normal;
}

#nav ul li.sub {
    padding: 9px 0;
    height: auto;
}

/* @group level2 */

#nav ul li.sub ul li {
    padding: 0 0 0 44px;
    height: auto;
    width: auto;
}

#nav ul li.sub ul li a {
    background: transparent;
    color: #888;
    font-size: 15px;
    font-family: "TheSansWeb";
    text-indent: 0;
    border: none;
    height: auto;
    width: auto;
}

#nav ul li.sub ul li a:hover {
    color: #ff5c1c;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
}


#nav ul li.sub ul li.act,
#nav ul li.sub ul li.act a {
    background: transparent;
    color: #ff5c1c;
    font-weight: bold;
    border: none;
}

/* @end */

/* @group level3 */

#nav ul li.sub ul li.subsub ul li {
    padding: 0 0 0 27px;
    height: auto;
    width: auto;
}

#nav ul li.sub ul li.subsub ul {
    padding: 0 0 0 0;
}


#nav ul li.subsub ul li a:link,
#nav ul li.subsub ul li a:visited{
    font-weight:normal;
    font-size: 15px;
    color: #888;
}
#nav ul li.subsub ul li a:hover,
#nav ul li.subsub ul li a:hover{
    font-weight:normal;
    color: #ff5c1c;
}
#nav ul li.subsub ul li.act a:link,
#nav ul li.subsub ul li.act a:visited{
    font-weight:normal;
    color: #ff5c1c;
}

/* @end */

#nav_5 a {
    background-position: 0 0;
}

#nav_5.act a {
    background-position: -432px 0 !important;
}

#nav_5 a:hover {
    background-position: -216px 0;
}



#nav_57 a {
    background-position: 0 -36px;
}

#nav_57.act a {
    background-position: -432px -36px !important;
}

#nav_57 a:hover {
    background-position: -216px -36px;
}



#nav_58 a {
    background-position: 0 -72px;
}

#nav_58.act a {
    background-position: -432px -72px !important;
}

#nav_58 a:hover {
    background-position: -216px -72px;
}



#nav_59 a {
    background-position: 0 -108px;
}

#nav_59.act a {
    background-position: -432px -108px !important;
}

#nav_59 a:hover {
    background-position: -216px -108px;
}


#nav_60 a {
    background-position: 0 -144px;
}

#nav_60.act a {
    background-position: -432px -144px !important;
}

#nav_60 a:hover {
    background-position: -216px -144px;
}


#nav_61 a {
    background-position: 0 -180px;
}

#nav_61.act a {
    background-position: -432px -180px !important;
}

#nav_61 a:hover {
    background-position: -216px -180px;
}


#nav_62 a {
    background-position: 0 -216px;
}

#nav_62.act a {
    background-position: -432px -216px !important;
}

#nav_62 a:hover {
    background-position: -216px -216px;
}


#nav_31 a {
    background-position: 0 -252px;
}

#nav_31.act a {
    background-position: -432px -252px !important;
}

#nav_31 a:hover {
    background-position: -216px -252px;
}



/* @end */

#b_100_subnav {
    float: left;
    width: 100%;
    /*background: url(../gfx/subnav1_bg.gif) repeat-y left;*/
}


#subnav1 {
    display: none;
}


#subnav1 {
    float: left;
    width: 216px;
    padding: 18px 0;
}

#subnav1 li {
    background: none;
    padding-left: 0;
}

#subnav1 ul li a {
    border: none;
    color: #888;
    background:none;
    display: block;
    padding: 4px 0 4px 36px;

}

#subnav1 ul li a:hover {
    background-color: #e5e5e5;
    color: #ff5c1c;
    text-decoration: none;
}

#subnav1 ul li.act {
    background-color: white;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
}

#subnav1 ul li.act a {
    color: #ff5c1c;
    background-color: white;
}

#info1 {
    display: inline-block;
    /*float: left;*/
    padding: 18px 0 18px 36px;
}

#info1 form {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

#info1 div {
    float: left;
    width: auto;
}


#info1 p {
    padding: 0;
}


#subnav2 {
    float: left;
    clear: both;
    width: 100%;
    background-color: #eeeeee;
    border-top: 5px solid #c1c1c1;
}

#subnav2 ul li {
    display: inline;
    background: none;
    padding-left: 0;
}

#subnav2 ul li a {
    display: block;
    float: left;
    color: #888;
    height: 36px;
    border: none;
    background-image: url(../gfx/subnav2_slices.gif);
    background-repeat: no-repeat;
    text-indent: -5000px;
    overflow: hidden;
}


#sn2-overview a {
    width: 107px;
    background-position: 0 0;
}

#sn2-overview.act a {
    background-position: 0 -72px !important;
}

#sn2-overview a:hover {
    background-position: 0 -36px;
}


#sn2-styles a {
    width: 109px;
    background-position: -107px 0;
}

#sn2-styles.act a{
    background-position: -107px -72px !important;
}

#sn2-styles a:hover {
    background-position: -107px -36px;
}



#sn2-features a {
    width: 108px;
    background-position: -216px 0;
}

#sn2-features.act a {
    background-position: -216px -72px !important;
}

#sn2-features a:hover {
    background-position: -216px -36px;
}



#sn2-charset a {
    width: 144px;
    background-position: -324px 0;
}

#sn2-charset.act a {
    background-position: -324px -72px !important;
}

#sn2-charset a:hover {
    background-position: -324px -36px;
}



#sn2-languages a {
    width: 108px;
    background-position: -468px 0;
}

#sn2-languages.act a {
    background-position: -468px -72px !important;
}

#sn2-languages a:hover {
    background-position: -468px -36px;
}

#sn2-inuse a {
    width: 107px;
    background-position: -576px 0;
}

#sn2-inuse.act a {
    background-position: -576px -72px !important;
}

#sn2-inuse a:hover {
    background-position: -576px -36px;
}

#sn2-buy a {
    width: 107px;
    background-position: -685px 0;
}

#sn2-buy.act a {
    background-position: -685px -72px !important;
}

#sn2-buy a:hover {
    background-position: -685px -36px;
}


#info2 {
    clear: both;
}

#info2 .b_lightbox_gallery {
    padding-top: 18px;
}

/* @end */

/* @group lists and icons */


/* @group toggler */


.b_toggle .head {
    cursor: pointer;
    padding: 9px 36px 9px 36px;
    color:#ff5c1c;
    background: white url(../gfx/icon_arrowdown_l.gif) no-repeat 18px 11px;
    border-bottom: 0;

}

.b_toggle .content {
    background-color: #e5e5e5;
    padding: 18px 36px 0 36px;
}


.b_toggle:hover .head {
    color:#d24c17;
    background: url(../gfx/icon_arrowdown_h.gif) no-repeat 18px 11px;
    border-bottom: 0;
}

.b_toggle .head:hover {
    background-color: #efefef;
}
.b_toggle.opened .head {
    color:#ff5c1c;
    background: url(../gfx/icon_arrowup_l.gif) no-repeat 18px 11px;
    border-bottom: 0;
    background-color: #efefef;

}

.b_toggle.opened .head:hover {
    background: #efefef url(../gfx/icon_arrowup_h.gif) no-repeat 18px 11px;
    border-bottom: 0;
}


/* @end */

ul li {
    padding-left: 14px;
    background: url(../gfx/bullet.gif) no-repeat 0 9px;
}

ol {
    list-style-type: decimal;
    padding-left: 22px;
}

ul.linklist {
    padding-bottom: 18px;
}

ul.linklist li {
    padding-left: 0;
    background: none;
}

a.go {
    padding-left: 14px;
    background: url(../gfx/icon_arrowright_l.gif) no-repeat 0 center;
}

a.go:hover {
    padding-left: 14px;
    background: url(../gfx/icon_arrowright_h.gif) no-repeat 0 center;
}

a.more {
    padding-right: 14px;
    background: url(../gfx/icon_arrowright_l.gif) no-repeat right center;
}

a.more:hover {
    padding-right: 14px;
    background: url(../gfx/icon_arrowright_h.gif) no-repeat right center;
}

a.next, a span.next {
    padding-right: 14px;
    background: url(../gfx/icon_arrowright_l.gif) no-repeat right center;
}

a.next:hover, a:hover span.next {
    padding-right: 14px;
    background: url(../gfx/icon_arrowright_h.gif) no-repeat right center;
}

a.back, a span.previous {
    padding-left: 14px;
    background: url(../gfx/icon_arrowleft_l.gif) no-repeat 0 center;
}

a.back:hover, a:hover span.previous {
    padding-left: 14px;
    background: url(../gfx/icon_arrowleft_h.gif) no-repeat 0 center;
}

a.top {
    padding-left: 14px;
    background: url(../gfx/icon_arrowup_l.gif) no-repeat 0 center;
}

a.top:hover {
    padding-left: 14px;
    background: url(../gfx/icon_arrowup_h.gif) no-repeat 0 center;
}

a.down {
    padding-left: 14px;
    background: url(../gfx/icon_arrowdown_l.gif) no-repeat 0 4px;
}

a.down:hover {
    padding-left: 14px;
    background: url(../gfx/icon_arrowdown_h.gif) no-repeat 0 center;
}

a.pdf {
    padding-left: 14px;
    background: url(../gfx/icon_pdf_l.gif) no-repeat 0 center;
}

a.pdf:hover {
    padding-left: 14px;
    background: url(../gfx/icon_pdf_h.gif) no-repeat 0 center;
}


a.download {
    padding-left: 14px;
    background: url(../gfx/icon_download_l.gif) no-repeat 0 center;
}

a.download:hover {
    padding-left: 14px;
    background: url(../gfx/icon_download_h.gif) no-repeat 0 center;
}

a.external-link,
a.external-link-new-window,
a.ext {
    padding-right: 18px;
    background: url(../gfx/icon_external_l.gif) no-repeat right center;
}

a.external-link:hover,
a.external-link-new-window:hover,
a.ext:hover {
    padding-right: 18px;
    background: url(../gfx/icon_external_h.gif) no-repeat right center;
}

a.email,
a.mail {
    padding-right: 14px;
    background: url(../gfx/icon_email_l.gif) no-repeat right center;
}

a.email:hover,
a.mail:hover {
    padding-right: 14px;
    background: url(../gfx/icon_email_h.gif) no-repeat right center;
}

/* @group page browser */

ul.pagebrowser {
    display: block;
    padding: 0 36px;
}

ul.pagebrowser li {
    padding-left: 0;
    background: none;
}

ul.pagebrowser li.back {
    float: left;
    list-style-type: none;

}

ul.pagebrowser li.next {
    float: right;
}

ul.pagebrowser li.next a {
    padding-right: 14px;
    background: url(../gfx/icon_arrowright_l.gif) no-repeat right 2px;
}

ul.pagebrowser li.next a:hover {
    padding-right: 14px;
    background: url(../gfx/icon_arrowright_h.gif) no-repeat right 2px;
}

ul.pagebrowser li.back a{
    padding-left: 14px;
    background: url(../gfx/icon_arrowleft_l.gif) no-repeat 0 3px;
}

ul.pagebrowser li.back a:hover {
    padding-left: 14px;
    background: url(../gfx/icon_arrowleft_h.gif) no-repeat 0 3px;
}

/* @end */

.logo {
    padding-left: 12px;
    background: url(../gfx/logo_mini.gif) no-repeat 1px center;
}

/* @end */

/* @group buttons and forms */



button {
    float: left;
    margin-right: 10px;
    font:inherit;
    line-height: 1;
    cursor: pointer;
    color: white;
    height: 39px;
    width: 126px;
    border: 3px solid #d24c17;
    background: #ff5c1c url(../gfx/button_bg.gif) repeat-x;
}



a.button_alt:link, a.button_alt:visited {
    color: #666;
    float: left;
    padding: 8px 6px 11px 12px;
    height: 15px;
    width: 126px;
    border: 3px solid #c1c1c1;
    background: #e5e5e5 url(../gfx/button_alt_bg.gif) repeat-x;
    text-decoration: none;
}

a.button_alt:hover {
    border: 3px solid #d5d5d5;
    background: #c1c1c1 url(../gfx/button_alt_bg_h.gif) repeat-x;
}

a.button_alt:active {
    color: white;
    border: 3px solid #e5e5e5;
    background: #c1c1c1 url(../gfx/button_alt_bg_d.gif) repeat-x;
}





a.button:link, a.button:visited {
    cursor: pointer;
    color: white;
    padding: 9px;
    line-height: 45px;
    height: 24px;
    width: 108px;
    border: 3px solid #d24c17;
    background: #ff5c1c url(../gfx/button_bg.gif) repeat-x;
    text-decoration: none;
}

button:hover, a.button:hover {
    border: 3px solid #ff5c1c;
    background: #d24c17 url(../gfx/button_bg_h.gif) repeat-x;
}

button:active, a.button:active {
    border: 3px solid #ff5c1c;
    background: #d24c17 url(../gfx/button_bg_d.gif) repeat-x;
}


#info2 div._buybutton p {
    padding: 0;
}

#info2 form.buybotton {
    padding: 0 0 23px 0 !important;
    margin: 0 !important;
}

#info2 form.buybotton button {
    border: none;
    line-height: 0;
    padding: 0;
    text-indent: -5000px;
    overflow: hidden;
    background: #d24c17 url(../gfx/button_order.gif) no-repeat;
    width: 88px;
    height: 27px;
}

input.button, input.button:focus {
    cursor: pointer;
    color: white;
    padding: 9px;
    width: 108px;
    height: auto;
    border: 3px solid #d24c17;
    background: #ff5c1c url(../gfx/button_bg.gif) repeat-x;
    text-decoration: none;
}

input.button:hover {
    color: white;
    padding: 9px;
    width: 108px;
    height: auto;
    border: 3px solid #ff5c1c;
    background: #d24c17 url(../gfx/button_bg_h.gif) repeat-x;
}

input.button:active  {
    color: white;
    padding: 9px;
    width: 108px;
    height: auto;
    border: 3px solid #ff5c1c;
    background: #d24c17 url(../gfx/button_bg_d.gif) repeat-x;
}

/* @group button_buybutton */



/* @end */



/* @end */

/* @group forms */

/* FORMS */

#pagebody form {
    float: left;
    margin: 0 0 18px 0;
    border: 0;
    padding: 18px 0 0 0;
    width: 100%;
}

fieldset {
    float: left;
    margin: 0;
    border: 0;
    padding: 0 0 18px 0;
    width: 100%;
}

legend {
    margin: 0 0 5px 0;
    border: 0;
    padding: 5px 0 0 0;
    font-weight: bold;
}
* html legend {
    margin: 0 0 5px -7px;
}
*+html legend{
    margin: 0 0 5px -7px;
}

div.row {
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
}

div.rowerror, div.rowerrorerror, div.rowerrorerrorerror {
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
    color: #ff5c1c;
}

div.rowerror span.label, div.rowerror span.labelreq, div.rowerrorerror span.label, div.rowerrorerror span.labelreq, div.rowerrorerrorerror span.label, div.rowerrorerrorerror span.labelreq {
    background: url(../gfx/icon_error.gif) no-repeat left;
}

span.label {
    display: block;
    float: left;
    margin: 0 9px 0 0;
    border: 0;
    padding: 4px 0 0 0;
    width: 180px;
    text-align: right;
}

.ondigoform label[for=newsletter_0] {
    max-width : 562px;
}

.ondigoform #row-contact-city span.labelreq {
    width: 50px;
}

.ondigoform .row.postalcode {
    float: left
}
.ondigoform .row.postalcode input {
    width: 50px
}

.ondigoform  #contact-city {
    width : 351px;
}

span.labelreq {
    display: block;
    float: left;
    margin: 0 9px 0 0;
    border: 0;
    padding: 4px 0 0 0;
    width: 180px;
    text-align: right;
}

span.labelreq label {
    margin: 0;
    border: 0;
    padding: 0;
    color: #555;
}

span.form {
    display: block;
    float: left;
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    width: 496px;
}

span.form-nolabel {
    display: block;
    clear: both;
    margin: 0 0 1em 160px;
    border: 0;
    padding: 0;
}

label {
    margin: 0;
    border: 0;
    padding: 0;
}

span.button {
    display: block;
    clear: both;
    margin: 0 0 1em 190px;
    border: 0;
    border-top: 10px solid #fff;
    padding: 0;
}

label, select, input, textarea {
    font: 12px/18px "TheSansWeb", Verdana, sans-serif;
}

input {
    background: #fff;
    margin: 0;
    border: 1px solid #aaa;
    color: #404040;
    width: 496px; /* Falscher Wert fuer IE4-5.x/Win */
    /*height: 22px;*/
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 486px; /* Richtiger Wert fuer konforme Browser */
    height: 18px;
}

html>body input {
    width: 486px; /* Und nochmal fuer Opera */
    /*height: 18px;*/
}

input.disabled {
    background: #ddd;
}

textarea {
    background: #fff;
    margin: 0;
    border: 1px solid #aaa;
    padding: 4px 4px 0 4px;
    color: #404040;
    width: 496px; /* Falscher Wert fuer IE4-5.x/Win */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 486px; /* Richtiger Wert fuer konforme Browser */
}
html>body textarea {
    width: 486px; /* Und nochmal fuer Opera */
}

select {
    margin: 0 1px 0 0;
    border: 1px solid #404040;
    /*padding: 3px 0 0 0;*/
    background: #fff;
    color: #404040;
    width: 249px; /* Falscher Wert fuer IE4-5.x/Win */
    /*height: 25px;*/
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 249px; /* Richtiger Wert fuer konforme Browser */
    /*height: 22px;*/
}
html>body select {
    width: 249px; /* Und nochmal fuer Opera */
    /*height: 22px;*/
}

input.checkbox {
    background: #fff;
    margin: 6px 2px 0 0;
    border: 0;
    width: auto;
    height: auto;
}

.rowerror input, .rowerror textarea, .rowerrorerror input, .rowerrorerror textarea, .rowerrorerrorerror input, .rowerrorerrorerror textarea {
    border: 1px solid #ff5c1c;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid #999999;
    color: #000;
}


.errorwrapper {
    float: left;
    margin: 0 0 1em 0;
    border: 1px solid #ff5c1c;
    padding: 0;
    color: #ff5c1c;
    width: 100%; /* -> ie.css */
}

.error {
    margin: 0;
    border: 0;
    padding: 18px;
}

.error ul {
    list-style-type: none;
    margin: 0;
    border: 0;
}

.error ul li {
    margin: 0 0 0.5em 0;
    background: url(../gfx/icon_error.gif) no-repeat 0 2px;
    border: 0;
    padding: 0 0 0 16px;
}

/* @group GMAP */

/* GMAP */

.gmapDir {
    clear: both;
    margin: 0 0 1em 0;
    border: 0;
    padding: 0;
    width: auto;
}

.gmapTextBox, .gmapTextBox:focus {
    background-color: white !important;
    width: 270px;
}
.gmapDirButton {
    cursor: pointer;
    color: white;
    padding: 9px;
    width: 108px;
    height: auto;
    border: 3px solid #d24c17;
    background: #ff5c1c url(../gfx/button_bg.gif) repeat-x;
    text-decoration: none;
}

.gmapDirButton:hover, .gmapDirButton:focus {
    color: white;
    padding: 9px;
    width: 108px;
    height: auto;
    border: 3px solid #ff5c1c;
    background: #d24c17 url(../gfx/button_bg_h.gif) repeat-x;
}

/* @end */

#special span.label, #special span.labelreq {
    width: 112px;
}

#special span.form {
    width: 250px;
}

#special span.form-nolabel {
    margin: 0 0 1em 122px;
}

#special span.button {
    margin: 0 0 1em 120px;
}

/* @end */

/* @group shopping-cart */

#shoppingcart {
    position: absolute;
    top: 0;
    left: 431px;
    width: 108px;
    height: 27px;
    overflow: hidden;
}

#shoppingcart button {
    cursor: pointer !important;
    width: 108px;
    height: 27px;
    display: block;
    color: #888;
    line-height: 0;
    text-indent: -5000px;
    overflow: hidden;
    background: transparent url(../gfx/shopping-cart.gif) no-repeat 0 0;
    outline: none; /*remove dotted line when klicked*/
    border: none ;
}

#shoppingcart button:hover {
    background-position: 0 -27px;
}

#shoppingcart button:focus {
    outline: none; /*remove dotted line when klicked*/
}


/* @end */

/* @group supersize-optout */

#supersize-toggle {
    position: absolute;
    top: 0;
    left: 288px;
    width: 126px;
    height: 27px;
}

#supersize-toggle a {
    cursor: pointer !important;
    width: 126px;
    height: 26px;
    display: block;
    color: #888;
    text-indent: -5000px;
    overflow: hidden;
    background: transparent url(../gfx/supersize_toggle.gif) no-repeat 0 -54px;
    outline: none; /*remove dotted line when klicked*/
}

#supersize-toggle a:hover {
    background-position: 0 -81px;
}


#supersize-toggle a.disabled {
    background-position: 0 0;
}

#supersize-toggle a.disabled:hover {
    background-position: 0 -27px;
}


/* @end */

/* @group globalsearch */

#globalsearch {
    position: absolute;
    padding: 0 3px;
    width: 210px;
    height: 26px;
    left: 539px;
    background-color: #f5f5f5;
    color: #888;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}


#globalsearch button {
    float: right;
    font-size: 11px;
    height: 19px;
    width: 56px;
    background: transparent url(../gfx/button_search_l.gif) 0 0 no-repeat;
    text-indent: -5000px;
    overflow: hidden;
    border: none;

}

#globalsearch button:hover {
    background: transparent url(../gfx/button_search_h.gif) 0 0 no-repeat;
}

#globalsearch input#s {
    float: left;
    font-size: 11px;
    margin-left: 4px;
    margin-top: 4px;
    width: 116px;
    height: 12px;
    padding: 2px;
    border: 1px solid #e5e5e5;
    color: #666;
    background-color: #fbfbfb;
}




#globalsearch #s:hover {
    background-color: white;
    border-color: #ddd;
}

/* @end */

/* @group droplist */

div#droplist {
    position: absolute;
    top: 0;
    left: 756px;
}


#dropul {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 150;
}

#dropul li {
    background: none;
    padding-left: 0;
}

li a.jumpnavbtn {
    width: 214px;
    height: 26px;
    cursor: default;
    display: block;
    color: #888;
    text-indent: -5000px;
    overflow: hidden;
    background: #ebebeb url(../gfx/jumpnav_bg_l.gif) no-repeat top left;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5 !important;
}

li a.jumpnavbtn:hover {
    background: #f5f5f5 url(../gfx/jumpnav_bg_h.gif) no-repeat top left;
}

#dropul li {
    font-size: 11px;
}


#droplist ul li span {
    display: none;
    /*display: block;*/
    /*text-indent: -18px;*/
    /*color: #666;*/
}

#dropul li ul li {
    display: inline;
}

#dropul ul li a:link, #dropul ul li a:visited {
    cursor: pointer !important;
    color: #888;
    display: block;
    width: 187px;
    padding: 0 0 0 27px;
    border: none;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    text-decoration: none;
}

#dropul li a:hover, #dropul li a:hover span {
    color: white !important;
    background-color: #ff5c1c;
}

#dropul li ul { /* hide dropdown by default*/
    width: 216px;
    display: none;
    position: absolute;
    background-color: #eee;
    filter:alpha(opacity=95);
    opacity:.95;
    -moz-opacity:.95;
    -khtml-opacity: 0.95;
    border-bottom: 1px solid #e5e5e5;

}

#dropul li:hover ul, #dropul li.over ul { /* show dropdown*/
    display: inline !important;
    z-index: 150;
}



/* @end */

/* @group TypeShow overrides */
.ts_typeshow {
    font: inherit !important;
}

.ts_typeshow input[type=text] {
    margin-left:  18px !important;
    margin-right:  18px !important;
    height: 24px !important;
    font-size: 16px !important;
}

.ts_typeshow select {
    /*padding-top: 18px !important;*/
    height: 24px !important;
    float: none !important;
}


.ts_typeshow .ts_fonts {
    padding-left: 18px !important;
}

.ts_typeshow .ts_themes {
    padding-right: 18px !important;
}

.ts_typeshow .ts_font_info {
    margin-left: 18px;
    width: 80%;
}


/* ONDIGOFORM */

.ondigoform {
    margin-left: 86px;
}

.ondigoform span.label,
.ondigoform span.labelreq{
    width: 126px;
}

.ondigoform input[type=text] ,
.ondigoform select,
.ondigoform textarea {
    color: #424242;
    outline: none;
    font: 11px/16px verdana, sans-serif !important
}

.ondigoform #row-newsletter p {
    font-size: 85%;
}
.ondigoform input,
.ondigoform select {
    border: 1px solid silver;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    moz-box-sizing: border-box;
    height: 22px;
    width: 460px;
    padding: 4px 4px 0 4px
}

.ondigoform input:hover,
.ondigoform input:focus,
.ondigoform select:hover,
.ondigoform select:focus {
    border: 1px solid #00396b
}
.ondigoform label {
    display: block;
    max-width: 362px;
    font: 11px/16px verdana, sans-serif
}
.ondigoform legend {
    font-size: 18px;
    padding-bottom: 10px;
    display: none
}
.ondigoform textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid silver;
    box-sizing: border-box;
    moz-box-sizing: border-box;
    width: 460px;
    height: 90px
}

.ondigoform .row {
    padding-bottom: 7px;
}

.ondigoform button {
    clear: both;
    margin-left: 135px;
}

.ondigoform .errorWrapper {
    margin-left: 116px;
}

/* Error Handling */
.ondigoform .error {
    color: red;
    font: 11px/16px verdana, sans-serif !important;
    margin-top: 3px;
    padding : 0 0 0 18px;
}
.ondigoform .infoText {
    margin-bottom: 25px
}

.ondigoform #row-contact-message {
    margin-bottom: 5px;
}
.ondigoform .invalid input,
.ondigoform .invalid select {
    border: 1px solid red;
    animation: borderToInvalid .4s;
    -webkit-animation: borderToInvalid .4s
}
.ondigoform .invalid .selectOverflow {
    border-right: 1px solid red;
    animation: borderRightToInvalid .4s;
    -webkit-animation: borderRightToInvalid .4s
}
.ondigoform .invalid .error {
    max-height: 100px;
    opacity: 1;
    animation: fadeInError .4s;
    -webkit-animation: fadeInError .4s
}
.ondigoform .valid input,
.ondigoform .valid select {
    border: 1px solid silver;
    animation: borderToValid .4s;
    -webkit-animation: borderToValid .4s
}
.ondigoform .valid .selectOverflow {
    animation: borderRightToValid .4s;
    -webkit-animation: borderRightToValid .4s
}
.ondigoform .valid .selectOverflow:hover,
.ondigoform .valid .selectOverflow.hasFocus {
    border-right: 1px solid #00396b
}
.ondigoform .valid .selectOverflow:hover select,
.ondigoform .valid .selectOverflow.hasFocus select {
    border: 1px solid #00396b
}
.ondigoform .valid .error {
    max-height: 0;
    opacity: 0;
    animation: fadeOutError .4s;
    -webkit-animation: fadeOutError .4s
}
@-moz-keyframes borderToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-webkit-keyframes borderToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-o-keyframes borderToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-ms-keyframes borderToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-khtml-keyframes borderToInvalid {
0% {
    border: 1px solid silver;
}
100% {
    border: 1px solid red;
}
}
@keyframes borderToInvalid {
    0% {
        border: 1px solid silver;
    }
    100% {
        border: 1px solid red;
    }
}
@-moz-keyframes borderRightToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-webkit-keyframes borderRightToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-o-keyframes borderRightToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-ms-keyframes borderRightToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-khtml-keyframes borderRightToInvalid {
0% {
    border: 1px solid silver
}
100% {
    border: 1px solid red
}
}
@keyframes borderRightToInvalid {
    0% {
        border: 1px solid silver
    }
    100% {
        border: 1px solid red
    }
}
@-moz-keyframes borderRightToInvalid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-webkit-keyframes borderToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-o-keyframes borderToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-ms-keyframes borderToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-khtml-keyframes borderToValid {
0% {
    border: 1px solid red
}
80% {
    border: 1px solid lime
}
100% {
    border: 1px solid silver
}
}
@keyframes borderToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-moz-keyframes borderRightToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-webkit-keyframes borderRightToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-o-keyframes borderRightToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-ms-keyframes borderRightToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-khtml-keyframes borderRightToValid {
0% {
    border: 1px solid red
}
80% {
    border: 1px solid lime
}
100% {
    border: 1px solid silver
}
}
@keyframes borderRightToValid {
    0% {
        border: 1px solid red
    }
    80% {
        border: 1px solid lime
    }
    100% {
        border: 1px solid silver
    }
}
@-moz-keyframes fadeInError {
    0% {
        opacity: 0;
        max-height: 0
    }
    100% {
        opacity: 1;
        max-height: 100px
    }
}
@-webkit-keyframes fadeInError {
    0% {
        opacity: 0;
        max-height: 0
    }
    100% {
        opacity: 1;
        max-height: 100px
    }
}
@-o-keyframes fadeInError {
    0% {
        opacity: 0;
        max-height: 0
    }
    100% {
        opacity: 1;
        max-height: 100px
    }
}
@-ms-keyframes fadeInError {
    0% {
        opacity: 0;
        max-height: 0
    }
    100% {
        opacity: 1;
        max-height: 100px
    }
}
@-khtml-keyframes fadeInError {
0% {
    opacity: 0;
    max-height: 0
}
100% {
    opacity: 1;
    max-height: 100px
}
}
@keyframes fadeInError {
    0% {
        opacity: 0;
        max-height: 0
    }
    100% {
        opacity: 1;
        max-height: 100px
    }
}
@-moz-keyframes fadeOutError {
    0% {
        opacity: 1;
        color: red;
        max-height: 100px
    }
    100% {
        opacity: 0;
        color: lime;
        max-height: 0
    }
}
@-webkit-keyframes fadeOutError {
    0% {
        opacity: 1;
        color: red;
        max-height: 100px
    }
    100% {
        opacity: 0;
        color: lime;
        max-height: 0
    }
}
@-o-keyframes fadeOutError {
    0% {
        opacity: 1;
        color: red;
        max-height: 100px
    }
    100% {
        opacity: 0;
        color: lime;
        max-height: 0
    }
}
@-ms-keyframes fadeOutError {
    0% {
        opacity: 1;
        color: red;
        max-height: 100px
    }
    100% {
        opacity: 0;
        color: lime;
        max-height: 0
    }
}
@-khtml-keyframes fadeOutError {
0% {
    opacity: 1;
    color: red;
    max-height: 100px
}
100% {
    opacity: 0;
    color: lime;
    max-height: 0
}
}
@keyframes fadeOutError {
    0% {
        opacity: 1;
        color: red;
        max-height: 100px
    }
    100% {
        opacity: 0;
        color: lime;
        max-height: 0
    }
}

.ondigoform input[type=checkbox] {
    width: 20px;
    position: relative;
    -webkit-appearance : normal !important;
    float: left;
    /* vertical-align: top; */
    margin-top: 0px;
}

.ondigoform .packageOption {
    width: 596px;
}

#registration-distributor {
    width: 260px;
}

.ondigoform #row-package .packageOption select,
.ondigoform #row-custom-package .packageOption input{
    width: 240px;
}


.ondigoform #licence {
    width: 600px;
}

.ondigoform #licence label {
    line-height: 22px;
}

.ondigoform #licence_1 {
    margin-left: 135px;
}

.ondigoform #workstation_0 {
    width: 20px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.ondigoform label[for=licence_1],
.ondigoform label[for=workstation_0],
#row-licence .errorWrapper,
#row-custom-package .errorWrapper{
    float : left;
}


.ondigoform input.ondigoRadio {
    width: 20px !important;
    float: left;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}
/* @end */