/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: inherit; font-style: inherit; font-family: inherit; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /*:focus { outline: none; } */ ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }


html, body, input, select, textarea { font-size: 12px; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "Arial", "Tahoma", "Trebuchet MS", "Helvetica", "Geneva", sans-serif; }

html, body { background-color: #f5f5ed; }
body.pageTypeIndex, body.pageTypeContent { background: #f5f5ed url('../images/external/fading.png') repeat-x; }


div.pageElement { width: 950px; margin: 0 auto; }

#pageContainer { width: 100%; min-width: 970px; background: transparent url('../images/external/back.png') no-repeat top center; }

#pageFooter { clear: both; background: url('../images/external/sprite02.png') no-repeat -1900px 0; padding: 30px 0 30px 0; overflow: hidden; }

#pageContent { position: relative; overflow: hidden; padding: 0 10px; }


#pageBox { position: relative; width: 620px; margin: 100px auto 20px auto; background: #fff url('../images/external/sprite02.png') repeat-y -3474px 0; }
#pageBox #pageFooter { background: #f5f5ed url('../images/external/sprite02.png') no-repeat -2854px 0; padding: 40px 0 0 0; width: 620px; }
#pageBoxContent { clear: both; background: url('../images/external/sprite02.png') no-repeat -4094px -20px; padding: 130px 50px 30px 50px; overflow:hidden; width: 520px; }



#topStripe { position: absolute; top: 0; right: 34px; font-size: 10px; color: #c0d2e1; z-index: 100; height: 31px; overflow: hidden; }
#topStripe li { float: left; height: 31px; }
#topStripe a { color: #fff; text-decoration: none; }
#topStripe a span { cursor: pointer; }
#topStripe a, #topStripe form { float: left; padding: 0 0 0 12px; background: url('../images/external/sprite01.png') no-repeat 0 -866px; }
#topStripe a span, #topStripe form div { float: left; padding: 9px 12px 11px 0; background: url('../images/external/sprite01.png') no-repeat 100% -897px; white-space: nowrap; }
#topStripe form div { padding-top: 5px; }

#topStripe a:hover { background-position: 0 -928px; }
#topStripe a:hover span { background-position: 100% -959px; }

#topStripe #topStripeRegister a { background-position: 0 -742px; padding-left: 31px; }
#topStripe #topStripeRegister a span { background-position: 100% -773px; }
#topStripe #topStripeRegister a:hover { background-position: 0 -804px; }
#topStripe #topStripeRegister a:hover span { background-position: 100% -835px; }

#topStripe label { display: none; }
#topStripe input { border: #2f5a73 1px solid; border-bottom-color: #597b8f; background-color: #295873; padding: 0 3px; width: 94px; color: #c0d2e1; margin: 0; height: 14px; font-size: 11px; }
#topStripe input#loginFormPass { margin-left: 6px; }
#topStripe button { border: none; background: url('../images/external/sprite01.png') no-repeat 6px -1247px; width: 19px; height: 16px; overflow: hidden; margin: 0; padding: 0 0 0 6px; vertical-align: top; }
#topStripe button:hover { background-position: 6px -1262px; cursor: pointer; }
#topStripe button span { display: block; padding: 0 0 0 13px; width: 0px; height: 16px; overflow: hidden; }



h1 { position: absolute; top: 26px; left: 37px; height: 62px; width: 333px; overflow: hidden; font-size: 9px; z-index: 80; font-family: arial, sans-serif; }
h1 a { width: 100%; height: 50px; padding: 200px 0 0 0; display: block; position: relative; }
h1 a img { position: absolute; top: 0; left: 0; }
body.pageTypeContent h1 { height: 72px; top: 28px; left: 34px; width: 296px; }

#pageBoxContent h1 { height: 52px; top: 40px; left: 50px; width: 272px; }

#navMenu { font-size: 14px; line-height: 14px; position: absolute; top: 44px; right: 17px; z-index: 90; }
#navMenu li { float: left; height: 70px; }
#navMenu li.currentContext { background: url('../images/external/sprite01.png') no-repeat 50% -1760px; }

#navMenu a { float: left; color: #013655; padding: 0 0 3px 0; text-decoration: none; background: url('../images/external/sprite01.png') no-repeat 50% -1832px; }
#navMenu span { float: left; padding: 9px 16px 10px 16px; cursor: pointer; border-left: 1px solid #c7d5e3; cursor: pointer; }
#navMenu li.first span { border-left: none; }
#navMenu li a.current, #navMenu a:hover { background-position: 50% -1868px; }
#navMenu li.first a { background-position: 0 -1832px; padding-left: 3px; }
#navMenu li.first a.current, #navMenu li.first a:hover { background-position: 0 -1868px; }
#navMenu li.last a { background-position: 100% -1832px; padding-right: 3px; }
#navMenu li.last a.current, #navMenu li.last a:hover { background-position: 100% -1868px; }




#subMenu , .contentLeftColumnWidget  { margin: 0; width: 190px; overflow: hidden; float: left; padding: 0; display: inline; }
.contentLeftColumnWidget  { padding: 0 0 32px 0; }

ul#subMenu, #subMenu ul { padding-bottom: 30px; }
#subMenu li { margin: 0; padding: 0; font-size: 14px; line-height: 14px; background: url('../images/external/sprite02.png') repeat-y -4714px 0; }
#subMenu li.current { background: #accade; }
#subMenu li, #subMenu li.hasSubs.current { background: url('../images/external/sprite02.png') repeat-y -4714px 0; }

#subMenu ul.sub { padding-bottom: 8px; }
#subMenu ul.sub li { font-size: 11px; line-height: 11px; background: none; padding-left: 0; }
#subMenu a { text-decoration: none; padding: 8px 0 8px 15px; display: block; border-top: 1px solid #abc8db; color: #0a3d5a; }
#subMenu a:hover { text-decoration: none; color: #0a3d5a; background: #accade; }
#subMenu ul.sub li.current a { background-color: #accade; }
#subMenu li.last a, #subMenu li.last.hasSubs { border-bottom: 1px solid #abc8db; }
#subMenu ul.sub a { text-transform: none; padding: 4px 0 4px 35px; border: none; background: url('../images/external/list-arrow.png') no-repeat 20px 50%;  }
#subMenu ul.sub a:hover { background-color: #accade; }
#subMenu li.last.hasSubs a { border-bottom: none; }


#landingCanvas, #contentCanvas { float: left; margin-top: 114px; background: transparent url('../images/external/sprite02.png') repeat-y 0 0; }

#landingCanvas { width: 930px; padding: 0px 10px 0 10px; }

#contentCanvas { width: 640px; padding: 50px 60px 50px 250px; background-position:-950px 0; }
.contentCanvas { font-size: 13px; line-height: 125%; color: #555; }
#contentLeftColumn { margin: -50px 0 0 -240px; width: 190px; float: left; display: inline; background:url('../images/external/column.png') no-repeat 0 0; padding: 8px 0 0 0; position: relative; }
#contentLeftColumn.hasNoColumnImages { height: 830px; }
#contentLeftColumn.contentLeftColumnNoSign { padding-top: 60px; }
#contentMainColumn { width: 640px; float: left; }


#contentLeftColumn h2.leftColumnSign { display: block; margin: 0 -30px 0 -20px; padding: 32px 0 0 27px; width: 213px; height: 80px; background: url('../images/external/sprite01.png') no-repeat 0 -1665px; }
#contentLeftColumn h2.leftColumnSign a { display: block; margin: 0; width: 176px; padding: 22px 0 0 0; height: 0; overflow: hidden; background: url('../images/external/sprite04.png') no-repeat 176px 0; }
#contentLeftColumn h2#leftColumnSignReasons a { background-position: 0 -143px; }
#contentLeftColumn h2#leftColumnSignFeatures a { background-position: -176px -143px; }
#contentLeftColumn h2#leftColumnSignVideo a { background-position: -352px -143px; }
#contentLeftColumn h2#leftColumnSignDocs a { background-position: -528px -143px; }
#contentLeftColumn h2#leftColumnSignBlog a { background-position: -704px -143px; }
#contentLeftColumn h2#leftColumnSignAbout a { background-position: 0 -165px; }

#columnImages { display: block; clear: left; width: 190px; padding: 70px 0 0 0; background: url('../images/external/sprite01.png') no-repeat 0 -1930px; }

.contentCanvas h2, .contentCanvas h3, .contentCanvas h4, .contentCanvas h5 { line-height: 125%; color: #13578c; }
.contentCanvas h2 { margin: 7px 0 30px 0; font-size: 21px; }
.contentCanvas h3 { margin: 40px 0 20px 0; font-size: 18px; }
.contentCanvas h4 { margin: 20px 0 10px 0; font-size: 15px; }
.contentCanvas h5 { margin: 20px 0 10px 0; font-size: 13px; }
.contentCanvas p { margin: 1em 0; }
.contentCanvas ol { padding: 0; margin: 20px 0; }
.contentCanvas ol li { margin: 0 0 0 20px; padding: 0; }
.contentCanvas a { text-decoration: underline; }
.contentCanvas embed { margin: 20px 0; }


#landingDeck { float: left; width: 930px; height: 566px; border-bottom: 1px solid #aac2ce; background: url('../images/external/sprite03.png') no-repeat 0 240px #c4d7e6; margin-bottom: 12px; position: relative; }
#landingDeck h2 { margin: 291px 0 17px 0; height: 0px; padding: 24px 0 0 0; overflow: hidden; width: 100%; background: transparent url('../images/external/sprite04.png') no-repeat 25px 0px; }

#landingDeck .deckKV { position: absolute; background: transparent url('../images/external/sprite03.png') no-repeat; }

#landingDeck #deckKVnav { width: 232px; height: 233px; padding: 40px 0 0 18px; top: -1px; left: -20px; background-position: -936px -5px; }
#deckKVnav li { height: 45px; margin: 0 0 -4px 0; display: block; }
#deckKVnav li a { padding: 5px 0 5px 15px; height: 35px; width: 190px; background: transparent url('../images/external/sprite01.png') no-repeat 0px -652px; display: block; }
#deckKVnav li a:hover, #deckKVnav li a.hover, #deckKVnav li.current a.current { background-position: 0 -697px; }

#deckKVnav li a span { padding: 35px 0 0 0; height: 0; width: 130px; overflow: hidden; background: transparent url('../images/external/sprite04.png') no-repeat; display: block; }

li#deckKVnav_ausbildung     { margin-left: 1px; }
li#deckKVnav_familie        { margin-left: 2px; }
li#deckKVnav_hausbau        { margin-left: 3px; }
li#deckKVnav_ruhestand { margin-left: 4px; }

li#deckKVnav_finanzen a span { background-position: -236px -52px; }
li#deckKVnav_finanzen a:hover span, li#deckKVnav_finanzen.current a span { background-position: -236px -97px; }
li#deckKVnav_ausbildung a span { background-position: -371px -52px; }
li#deckKVnav_ausbildung a:hover span, li#deckKVnav_ausbildung.current a span { background-position: -371px -97px; }
li#deckKVnav_familie a span { background-position: -526px -52px; }
li#deckKVnav_familie a:hover span, li#deckKVnav_familie.current a span { background-position: -526px -97px; }
li#deckKVnav_hausbau a span { background-position: -668px -52px; }
li#deckKVnav_hausbau a:hover span, li#deckKVnav_hausbau.current a span { background-position: -668px -97px; }
li#deckKVnav_ruhestand a span { background-position: -811px -52px; }
li#deckKVnav_ruhestand a:hover span, li#deckKVnav_ruhestand.current a span { background-position: -811px -97px; }

#landingDeck #deckKVimg { width: 415px; height: 291px; top: -26px; left: 193px; background-position: -1189px -2px; padding: 22px 0 0 19px; }
#landingDeck #deckKVimgCanvas { width: 396px; height: 266px; display: block; background: white url('../images/external/sprite05.jpg') 0 0; }
#landingDeck #deckKVimgElement { width: 396px; height: 266px; display: block; background: white url('../images/external/sprite05.jpg') 0 0; }

#landingDeck.deck_finanzen   #deckKVimgElement { background-position: 0 0; }
#landingDeck.deck_ausbildung #deckKVimgElement { background-position: 0 -266px; }
#landingDeck.deck_familie    #deckKVimgElement { background-position: 0 -532px; }
#landingDeck.deck_hausbau    #deckKVimgElement { background-position: 0 -798px; }
#landingDeck.deck_ruhestand  #deckKVimgElement { background-position: 0 -1064px; }

#deckKVimgCtrl { position: absolute; top: 264px; left: 30px; height: 16px; width: 16px; background: transparent url('../images/external/sprite01.png') -231px -708px no-repeat; cursor: pointer; }
#deckKVimgCtrl.playing { background-position: -214px -708px; }
#deckKVimgCtrl:hover { background-position: -231px -725px; }
#deckKVimgCtrl.playing:hover { background-position: -214px -725px; }

#landingDeck #deckKVinfo { width: 337px; height: 234px; right: -20px; top: -2px; background-position: -1630px -14px; padding: 31px 0 0 29px; }
#deckKVinfoTxt { width: 307px; height: 0px; padding: 142px 0 0 0; overflow: hidden; background: transparent url('../images/external/sprite04.png') 0 -344px no-repeat; }

#landingDeck.deck_finanzen   #deckKVinfoTxt { background-position: 0 -202px; }
#landingDeck.deck_ausbildung #deckKVinfoTxt { background-position: -307px -202px; }
#landingDeck.deck_familie    #deckKVinfoTxt { background-position: 0 -344px; }
#landingDeck.deck_hausbau    #deckKVinfoTxt { background-position: -307px -344px; }
#landingDeck.deck_ruhestand  #deckKVinfoTxt { background-position: 0 -486px; }

#deckKVinfoRegister, #deckKVinfoTour { width: 143px; height: 0px; padding: 44px 0 0 0; float: left; background: transparent url('../images/external/sprite01.png') 300px 0 no-repeat; overflow: hidden; }
#deckKVinfoRegister { background-position: 0 -476px; margin: 0 0 0 5px; }
#deckKVinfoRegister:hover { background-position: 0 -520px; }
#deckKVinfoTour { background-position: 0 -564px; margin: 3px 0 0 10px; }
#deckKVinfoTour:hover { background-position: 0 -608px; }

a.deckFeature { float: left; width: 210px; margin: 0 0 24px 18px; color: #43525a; font-size: 11px; line-height: 120%; }
a.deckFeature:hover { text-decoration: none; }
a.deckFeature h3 { height: 0px; padding: 17px 0 0 0; margin: 0 0 140px 0; overflow: hidden; width: 100%; background: transparent url('../images/external/sprite04.png') no-repeat; }
a.deckFeature p { margin: 0 0 0 0; }


#deckFeatureSecurity h3 { background-position: 15px -24px; }
#deckFeatureAggregation h3 { background-position: -213px -24px; }
#deckFeatureAnalytics h3 { background-position: -442px -24px; }
#deckFeaturePlanning h3 { background-position: -669px -24px; }


.frontButtons { display: block; height: 0px; padding: 40px 0 0 0; width: 237px; background: url('../images/external/sprite01.png') no-repeat; overflow: hidden; position: absolute; right: 50px; }
.contentButtons { display: block; height: 0px; padding: 40px 0 0 0; width: 237px; background: url('../images/external/sprite01.png') no-repeat; overflow: hidden; margin: 20px 0 0px 10px; float: right; }
.contentButtonsTop { margin-top: 0px; }
.registerButton { background-position: 0 -1076px; top: 350px; }
.registerButton:hover { background-position: 0 -1116px; }
.tourButton { background-position: 0 -1156px; top: 395px; }
.tourButton:hover { background-position: 0 -1196px; }


.frontIcons { font-size: 10px; line-height: 125%; float: left; display: inline; margin: 15px 18px 15px 20px; color: #999999; }
#securityInfo { width: 148px; background: url('../images/external/sprite03.png') no-repeat -593px 8px; padding: 15px 0 0 122px;}
#bankIcons { width: 580px; background: url('../images/external/sprite03.png') no-repeat 0 0; padding-top: 40px; }

.frontBoxLine, .blogBoxLine { background: #d8e1e5 url('../images/external/sprite02.png') no-repeat -2850px 0; float: left; margin: 0; width: 1px; overflow: hidden; border-left: 1px solid #fff; }
.frontBoxLine div, .blogBoxLine div { background: transparent url('../images/external/sprite02.png') no-repeat -2852px 100%; height: 100%; float: left; width: 1px; }
.frontBoxLineIcons { height: 100px; }
.frontBoxLineTeasers { height: 300px; }
.frontBoxRow, .blogBoxRow  { clear: both; display: block; height: 0px; overflow: hidden; }


.frontTeaserBox { float: left; display: inline; margin: 15px 18px 15px 20px; font-size: 12px; line-height: 125%; width: 270px; color: #444444; }
.frontTeaserBox h2 { color: #13578c; font-size: 18px; line-height: 120%; margin-bottom: 15px; }
#supportedBanks { clear: left; }
#supportedBanks img { float: left; padding: 0 15px 40px 0; }

#blogPosts li { padding-left: 50px; margin-bottom: 8px; overflow: hidden; clear: left; }
#blogPosts li a { padding-left: 5px; border-left: 1px solid #ddd; float: left; }
#blogPosts span.date { font-size: 10px; float: left; margin-left: -50px;  width: 48px; }
#blogPosts p.deepLink { padding-left: 55px; clear: left; }

#frontTestimonials { clear: both; float: left; margin: 10px 0 0 0; padding: 20px 0; width: 100%; background: #f1f6f9; border-top: 1px solid #ecf0f3; }
#frontTestimonials .frontBoxLine { height: 80px; }
#frontTestimonials blockquote { padding-left: 25px; margin: 0 15px; overflow: hidden; background: url('../images/external/sprite01.png') no-repeat -23px -1248px; display: inline; float: left; width: 255px; }
#frontTestimonials blockquote p { line-height: 125%; font-size: 12px; color: #444; }
#frontTestimonials blockquote .source { text-align: right; font-size: 11px; margin: 0; }

a { color: #13578c; text-decoration: none; outline: none; }
a:hover { color: #033958; text-decoration: underline; }

p { margin: 0 0 10px 0;}
b, strong { letter-spacing: -0.04em; font-weight: bold; }

.pageGroupFeatures  .contentCanvas h2 { width: 400px; }
.contentCanvas p.teaser, .contentCanvas .feature p.featureTeaser, .contentCanvas div.blogTeaser p { font-size: 15px; color: #333; line-height: 125%; }
.contentCanvas .feature h3 { margin-top: 0px; }
.featureLeft, .featureRight { width: 310px; position: relative; }
.featureLeft { padding-right: 330px; }
.featureRight { padding-left: 330px; }
.feature p.featureTeaser img { position: relative; display: inline; min-height:0; }
.featureLeft p.featureTeaser img { float: right; margin: -30px -330px 0 20px; }
.featureRight p.featureTeaser img { float: left; margin: -30px 0 0 -330px; }

.featureOverview { background-color: #ecf2f6; margin: 30px 0; overflow:hidden; padding: 15px 15px 15px 255px; position: relative; width: 365px; }
.featureOverview img { float: left; margin: -25px 0 0 -235px; }


.contentBoxLine { clear: both; background: #d8e1e5 url('../images/external/sprite01.png') no-repeat 0 -990px; margin: 0 30px; height: 1px; overflow: hidden; border-color: #fff; border-width: 30px 0; border-style: solid; }
.contentBoxLine div { background: transparent url('../images/external/sprite01.png') no-repeat 100% -992px; height: 1px; }

#tour { padding: 30px 0px; }
.reasonBlockHide p { display: none; }
.reasonBlockJS p { padding-left: 22px; }
.contentCanvas .reasonBlock { margin-bottom: 40px; }
.contentCanvas .reasonBlockHide { margin-bottom: 0; }
.contentCanvas .reasonBlockJS h3 { background: url('../images/external/sprite01.png') no-repeat -236px -1152px; padding-left: 22px; }
.contentCanvas .reasonBlock h3 { margin: 20px 0; cursor: pointer; }
.contentCanvas .reasonBlockHide h3 { margin: 20px 0; background-position: -238px -1117px; }

.oprit, .narkit { display: none; }
.impressumLabel { float: left; width: 70px; }
.impressumAddr { padding-left: 70px; }

.google { font-size: 9px; line-height: 125%; color:#aaa; padding-top: 50px; }






/*Forms*/
fieldset {
    border:0;
    padding:0;
    margin:0;
}

fieldset.multiSetUpper { margin-bottom: 7px; }

fieldset.multiSetUpper legend,
fieldset.multiSetLast legend {
    padding: 0 0 13px 0;
}
fieldset.multiSetUpper .SignupBlock,
fieldset.multiSetLast .SignupBlock {
    margin-bottom: 13px;
}
fieldset.multiSetUpper .SignupLabel,
fieldset.multiSetLast .SignupLabel {
    margin: 0;
}

legend {
    font-size: 16px;
/*    padding: 20px 0 0 0;*/
    margin: 0;
    color: #13578C;
}
* html legend, *:first-child+html legend { margin-left: -0.55em; }
* html legend { margin-left: -0.45em; display: block; }

.form_field, .form_field2 {
    background: url('../images/form_field_bg.png') repeat-x scroll 0px -475px;
    border:1px solid #e3f4F3;
    border-bottom: 1px solid #83a9c8;
    font-size: 13px; 
    color: #033958;
    width:240px;
    padding: 3px 0 0 5px;
}
input.form_field, input.form_field2 { height: 22px !important; }
* html .form_field { margin: -1px 0 0 -3px; }
.form_fieldPassword {
    font-size:11px;
}

.form_field:focus, .form_field2:focus, 
.form_field:hover, .form_field2:hover {
    background-position: 0px -975px;
    cursor:text;
    border:1px solid #D3E4F3;
    border-bottom: 1px solid #336988;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus { outline: none; }

.hasErrors .form_field2,
.hasErrors .form_field,
.form_field2_error {
    border: 1px solid #FFE0E0;
    background-position: 0px -1975px;
    cursor:text;
    border-bottom: 1px solid #F1A0A0;
    color: #a10000;
}
.form_field2_disabled {
    border:1px solid #E6E6E6;
    background-position: 0px -1475px;
}

select.form_field {
    width: 247px;
    height: auto;
    padding: 0;
}

select.form_field option {
    font-size: 12px;
    background-color:#D1E1EE;
}

textarea.form_field {
    background-position: 0px -350px;
    line-height: 15px;
    height: 147px;
    width: 358px;
    resize: none;
}
textarea.form_field:hover, textarea.form_field:focus { 
    background-position: 0px -850px;
}
.hasErrors textarea.form_field:hover, textarea.form_field_error { 
    background-position: 0px -1850px;
}

.SignupLabel, .fakeField {
    display:block;
    clear:left;
    padding:0;
    margin-top:13px;
    line-height: 125%;
}
.SignupLabel span, .fakeFieldLabel {
    display:block;
    float:left;
    width:138px;
    padding-top:6px;
    line-height:125%;
    font-size:12px;
}
.SignupLabel span.checkbox {
    width:270px;
    line-height:13px;
}
.TextareaLabel span { padding-top: 0; padding-bottom: 3px;  }
.CheckboxLabel {
    display:block;
    clear:left;
    width:245px;
    line-height:13px;
    font-size:11px;
    margin:16px 0 0 95px;
}
.CheckboxLabel span {
    padding-left:10px;
}

.hasErrors,
.hasErrors label,
.hasErrors label span { color: #a10000; }

.checkBoxFullLabel {
    padding-left: 20px;
}
.checkBoxFullLabel input {
    margin-left: -20px;
    float: left;
}

.error_message {
    width:310px;
    margin:10px 0 0 0;
    padding:0 0 6px 20px;
    font-size:11px;
    color:#a10000;
    background:url('../images/error_icon_red01.png') no-repeat 0 3px;
}
.errorFields {
    width:225px;
    margin: 6px 0 0 138px;
}
.fieldErrorMessage {
    margin: 5px 0 0 138px;
    padding: 1px 0 1px 16px;
    font-size: 11px;
    color: #a10000;
    line-height: 125%;
    background: url('../images/error_icon_red01.png') no-repeat 0 2px;
}
.errorFields {
    width:225px;
    margin: 6px 0 0 138px;
}

.fakeField { font-size: 13px; padding: 10px 0 6px 128px; color: #033958; }
.fakeFieldLabel { width: 128px; float: left; margin: -5px 0 0 -128px; display: inline; color: #555;}

select.form_field, select.form_field2 {
    width: auto;
    height: auto;
    background-color: #f9fbfd;
    background-image: none;
    margin: 0;
}

select.form_field option, select.form_field2 option {
    background-color:#D1E1EE;
    font-size: 12px;
}



/*.fieldRequired {}*/

.indicator { background: url('../images/required.png') no-repeat 0px 0px; width: 10px; height: 10px; vertical-align: bottom; overflow: hidden; text-indent: 10px; position: absolute; margin: 0 0 5px 2px; }
*:first-child+html .indicator { margin-top: 2px; display: inline-block; position: static; }
.requiredFootNote { color: #999; font-size: 11px; padding: 6px 0 0 14px; }
.requiredFootNote .indicator { margin-left: -14px; float: left; }

form .left { float:left; font-size:10px; color:#999999; line-height:11px; padding:19px 0 0 0; }
form .right { float:right; padding:20px 0 0 0; }


input.hiddensubmit, input.hideSubmit { position: absolute; top: -10000px; z-index: -999; padding: 0; border: 0; margin: 0; height: 0; width: 0; overflow: hidden; display: inline; }

div.message {
    font-size: 14px;
    line-height: 135%;
    margin: 10px 0;
    padding: 5px 0 5px 32px;
    background: no-repeat 0 2px;
}
div.message.success {
    color: #207D03;
    background-image: url('../images/success_icon_big.png');
}
div.message.info {
    color: #1C5D85;
    background-image: url('../images/info_icon_big.png');
}
div.message.error {
    color: #a10000;
    background-image: url('../images/error_icon_big.png');
}


div.pwStrengthIndicator { padding: 1px 0 0 138px; width: 247px; height: 5px; overflow: hidden; display: none; }
.hasFocus div.pwStrengthIndicator { display: block; }
div.pwStrengthIndicator div.pwStrengthScale { display: block; height: 5px; background: url('../images/sprite01.png') no-repeat 0 -643px; width: 0; padding: 0; margin: 0; }

.fieldHint { display: none; font-size: 10px; color: #999; padding: 5px 0 0 138px; width: 247px;  line-height: 125%; float: none; }
.hasFocus .fieldHint { display: block; }

.formHintsCanvas { overflow: hidden; }
.formHintsCanvasMinHeight { float: right;  height: 28.5em; width: 1px; margin-right: -1px; overflow: hidden; }


#registrationForm { width: 385px; float: left; }
#registrationRightColumn { float: left; width: 205px; padding-left: 50px; }


.contentCanvas div.smallContentBox h2 { margin: 0; font-size: 16px; }
.contentCanvas div.smallContentBox { margin-bottom: 20px; float: left; width: 100%; font-size: 12px; }


#pageBoxContent div.message { margin: 0 0 30px 0;}
#pageBoxColLeft div.message { margin-bottom: 10px; }
#pageBoxContent h2 { font-size: 18px; line-height: 125%; margin: 0px 0 30px; }
#pageBoxContent h2.error { color: #a10000; padding: 3px 0 3px 32px; background: url('../images/error_icon_big.png') no-repeat 0 2px; }
#pageBoxContent p.goodbye { padding-left: 31px; }

#browserlist li { padding-left: 100px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; border-right: 1px solid #fff;}
#browserlist h3 { font-size: 14px; margin: 30px 0 10px 0; }
#browserlist p { line-height: 125%; margin: 10px 0; }
#browserFirefox { background-image: url('../images/browsers/firefox.jpg'); }
#browserIE { background-image: url('../images/browsers/ie.jpg'); }
#browserChrome { background-image: url('../images/browsers/googlechrome.jpg'); }


#pageBoxColLeft { float: left; width: 335px; overflow: hidden;}
#pageBoxColRight { float: left; width: 145px; margin: -13px 0 0 40px; overflow: hidden; font-size: 11px; line-height: 125%; }

#pageBoxColLeft .form_field2, #pageBoxColLeft .form_field { width: 200px; }
#pageBoxColLeft .SignupLabel span { width: 128px; }
#pageBoxColLeft fieldset { margin-top: -13px; }

a.loginLink { display: block; padding: 48px 0 0 0; height: 0px; width: 145px; overflow: hidden; margin: 13px 0 0 0; background: url('../images/sprite01.png') no-repeat; }
a#loginLinkTour { background-position: 0 -1021px; }
a#loginLinkTour:hover { background-position: -145px -1021px; }
a#loginLinkRegister { background-position: 0 -1069px; }
a#loginLinkRegister:hover { background-position: -145px -1069px; }

#pageBoxColRight h4 { margin-top: 0; }
#pageBoxColRight li { margin-top: 5px; padding-left: 10px; background: url('../images/external/list-arrow.png') no-repeat 0 2px; }

#pageBoxColRight.blogPosts { margin-top: -90px; }
#pageBoxColRight.blogPosts li { padding: 0 0 5px 0; background: transparent; border-bottom: 1px solid #eee; }
#pageBoxColRight.blogPosts li.last { border-bottom: none; padding-bottom: 0; }
#pageBoxColRight.blogPosts li a { text-decoration: none; }
#pageBoxColRight.blogPosts li a:hover { text-decoration: underline; }
#pageBoxColRight.blogPosts span.date { display: none; }

.actionButtons { margin-right: 0; }


.contentCanvas h2 a, .contentCanvas h3 a { text-decoration: none; color: inherit; }
.contentCanvas h2 a:hover, .contentCanvas h3 a:hover { text-decoration: underline; color: inherit; }
.blogContentLead { float: left; width: 300px; overflow: hidden; }
.blogContentLeadRight { margin-left: 40px; }
.contentCanvas h2.blogHasMeta, .contentCanvas h3.blogHasMeta { margin: 0px; }
.contentCanvas h2.blogHasPostMeta, .contentCanvas h3.blogHasPostMeta { margin: 40px 0 0 0; }
.contentCanvas p.blogMeta { font-size: 10px; color: #777; }
.contentCanvas p.blogMetaPre { margin: 10px 0 5px 0; font-size: 12px; }
.contentCanvas p.blogMetaPost { margin: 0 0 20px 0; }
.contentCanvas .blogContentCategory p.blogMetaPost { margin: 0 0 10px 0; }
.contentCanvas .blogMetaCategory { float: right; }
.blogBoxLine { margin: 0 20px 0 18px; height: 320px; }
.contentCanvas p.blogMeta a.blogCategory { text-decoration: none; }
.contentCanvas p.blogMeta a.blogCategory:hover { text-decoration: underline; }

.contentCanvas .blogContentCategory h2 { margin: 40px 0 10px 0; }
.contentCanvas .blogContentCategory h2 a { color: #777; }
.contentCanvas .blogContentCategory h2 a:hover { color: #13578C; }
.blogContentCategory li { font-size: 11px; margin-bottom: 5px; }
.blogContentCategory li .blogDate { color: #777; float: left; width: 60px; }

.contentCanvas .excerptSmallTeaser { margin: 1em 0; }
.contentCanvas .excerptSmallTeaser p { display: inline; margin: 0; }
.contentCanvas .excerptSmallTeaser p.blogMore { }

#blogCommentForm textarea { width: 490px; }
.blogContentSingleBoxLine { border-bottom: 10px; }

.blogContentSingle ul li, .blogContentSingle ul ul li:first-child { margin-top: 9px; clear: both; padding: 0 0 0 20px; background: url('../images/external/list-block.png') no-repeat 7px 6px; }
.blogContentSingle ul li:first-child { margin-top: 0; }
.blogContentSingle em, .blogContentSingle i { font-style: italic; }


#blogComments ol { list-style: decimal outside;}
#blogComments ol li.blogComment { margin: 10px 0 40px 40px; }
.contentCanvas p.blogCommentMeta { color: #999; font-size: 10px; margin: 0 0 1em 0; }
.contentCanvas p.blogCommentMeta .commentAuthor { color: #555; }
a.blogCommentAddComment { float: right; }

.blogNavigation { float: right; }
#blogNavigationTop { margin-top: -50px; }
#blogNavigationBottom { margin-top: 40px; }
.contentCanvas .blogNavigation a { text-decoration: none; margin-left: 1em; }
.contentCanvas .blogNavigation a:hover { text-decoration: underline; }


body.pageFormatEmbedded, html.pageEmbedded { background-color: #fff; }

#videoElement { margin-top: 40px; }
#videoPlaylist { width: 100%; overflow: auto; }
#videoPlaylist li { width: 160px; float: left; }
#videoPlaylist li a { display: block; padding: 9px; text-decoration: none; }
#videoPlaylist li a:hover { background-color: #eff4f7; }
#videoPlaylist li.current a, .videoPlaylist li.current a:hover { background-color: #e2ecf2; }
#videoPlaylist li img { border: 1px solid #ccc; margin: 9px 0 3px 0; }
#videoPlaylist li span.captionLabel { color: #999; font-size: 80%; display: block; }
#videoCanvas { background-color: #e2ecf2; padding: 9px; }
#videoContainer { border: 1px solid #ccc; background-color: #F5F5ED; height: 430px; }

.jobsList { }
.jobsList li, .jobsList ul li:first-child { margin-top: 9px; clear: both; width: 620px; padding: 0 0 0 20px; background: url('../images/external/list-block.png') no-repeat 7px 6px; }
.jobsList li:first-child { margin-top: 0; }
.jobsList .type { color: #777; font-size: 11px; float: right; width: 200px; }

.pressList li { margin-top: 12px; clear: both; overflow: hidden; width: 620px; padding: 0 0 0 20px; background: url('../images/external/icon-default.png') no-repeat 0 0; }
.pressList li.link { background-image: url('../images/external/icon-link.png'); }
.pressList li.pdf { background-image: url('../images/external/icon-pdf.png'); }

.pressList li:first-child { margin-top: 0; }
.pressList .meta, .pressList .title { float: left; margin-right: 5px; }
.pressList .meta { color: #777; font-size: 11px; margin-right: 0; }
.pressList2colShort .title { width: 515px; }
.pressList2colLong .title { width: 415px; }
.pressList2colShort .meta { width: 100px; }
.pressList2colLong .meta { width: 200px; margin-right: 0; }

.pressLogo { padding-left: 230px; }
.pressLogo img { float: left; margin-left: -230px; }

.contentCanvas p.pressScreens { margin-top: 20px; }
.pressScreens img { margin-bottom: 10px; border: 1px solid #ccc; }

.faq ul { list-style: square; padding-left: 2em; }

.registrationStrip { margin: 0 0 30px 0; }



#pageBox #pagingLoaderOverlay { position: absolute; top: 10px; left: 10px; width: 600px; height: 300px; z-index: 1000; background-color: #fff; -moz-opacity: 0.8; opacity: .8; filter: alpha(opacity=80); }
#pageBox #pagingLoaderOverlay img { position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -33px; }


.contentCanvas blockquote { padding: 0 0 25px 40px; margin: 1em 0; background: #f1f6f9 url('../images/external/quotes.png') no-repeat -40px 100%; border: 1px solid #ECF0F3; width: 590px; }
.contentCanvas blockquote > div { padding: 20px 40px 0 0; background: url('../images/external/quotes.png') no-repeat 558px 0px; }
.contentCanvas blockquote p { line-height: 125%; font-size: 12px; color: #444; }