html, body{height:100%}

body {
    margin: 0px;
    padding: 0px;
    background-color: #F9F9F9;
    background-repeat: repeat-x;
    font-size: 11px;
    font-family: 'Lucida Grande', Helvetica, Verdana, Arial;
    color: #000000;
}

.main {
    background-color: #FFFFFF;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.main_content_wn {
    padding-top: 15px;
}

.main_content_won {
    padding: 30px;
}

.start_login {
    background-color: #F0F0F0;
    padding: 20px;
    padding-top: 0px;
}

a {color: #2575C5; text-decoration: none;}
a:hover {text-decoration: none;}

:link:focus, :visited:focus { -moz-outline: 0px dotted; }
img {border: 0;}

h1 {font-size: 16px; margin: 0; color: #000000; font-weight: bold; line-height: 34px;}
h2 {font-size: 14px; margin: 0; color: #000000; font-weight: bold; line-height: 34px;}
h3 {font-size: 13px; margin: 0; color: #000000; font-weight: bold; line-height: 34px;}
h4 {font-size: 12px; margin: 0; color: #000000; font-weight: bold; line-height: 34px;}
small {font-size: 10px; color: #8B8B8B;}
.annotation {color: #8B8B8B;}

#CMSLayer { font-size:9px; position: absolute; top: 50px; width: 100%; text-align: right; display: block; color:#000000;}
#CMSLayer a{ color:#555555;}
#CMSLayer a:hover { color:#808080;}

#content{
    text-align: left; 
}

#content h1 {font: 30px 'Lucida Grande', Helvetica, Verdana, Arial; font-weight: bolder; color: #191919;}
#content h2 {font: 20px 'Lucida Grande', Helvetica, Verdana, Arial; font-weight: bolder; color: #8B8B8B;}
#content h3 {font: 16px 'Lucida Grande', Helvetica, Verdana, Arial; font-weight: bolder; color: #828282;}
#content h4 {font: 12px 'Lucida Grande', Helvetica, Verdana, Arial; font-weight: bolder; color: #000000;}
#content p {font: 14px 'Lucida Grande', Helvetica, Verdana, Arial; line-height: 24px; }
#content div.pageintro h2 { font-size: 23px; font-weight: bold; color: #000; line-height: 24px; margin: 0; padding: 0; }
#content div.pageintro p{ font-size: 14px;  font-weight: bold; color: #8B8B8B; line-height: 24px; margin: 0; margin-bottom: 5px; padding: 4px 0 8px 0; }
#content div.pageintro div{ font-size: 14px;  font-weight: bold; color: #8B8B8B; line-height: 24px; margin: 0; margin-bottom: 5px; padding: 4px 0 8px 0; }
#content div.pageintro img { margin-bottom: 14px; }

#content ul li {font-size: 14px; font-family: 'Lucida Grande', Helvetica, Verdana, Arial; line-height: 24px; color: #000000;}
#content ol li {font-size: 14px; font-family: 'Lucida Grande', Helvetica, Verdana, Arial; line-height: 24px; color: #000000;}

#content .leftimg img { padding: 0 12px 5px 0; display: inline; }
#content .rightimg img { padding: 0 0 5px 12px; display: inline; }

.colorboxitem h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
.colorboxitem h2 { font-size: 11px; font-weight: bold; margin-bottom: 2px; }
.colorboxitemtext { padding: 0px; margin: 0px; font-size: 11px; line-height: 1.3em; }
.linkcolorsky a { color: #013298; }
.colorboxitem {  width: 243px; padding: 0; margin: 0; margin-bottom: 10px; }
.colorboxitem div.colorboxcontent { padding: 10px 10px 12px 10px; background: url(/cms_components/media/template/colorbox/corner_bottom.png) no-repeat 0% 100%; }
.colorboxitem div.colorboxcontent p { padding: 0px; margin: 0px; }
.colorboxitem div.colorboxcontent div.leftimg img { padding-right: 8px; padding-bottom: 3px; }
.colorboxitem div.colorboxcontent div.rightimg img { padding-left: 8px; padding-bottom: 3px; }

.contentitem span.headline { font-weight: bold; color: #000000; font-size: 20px; line-height: 26px; }
.contentitem span.faq_headline { font-weight: bold; color: #000000; font-size: 16px; line-height: 22px; }

.contentitem p { padding: 0; margin-top: 2px; color: #000000; font-size: 14px; line-height: 24px;}

.mainlist {
    margin-top: -25px;
}

li { color: #000000; font-size: 14px; line-height: 24px; margin-left: -10px; }

.w_headline {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    font-family: 'Lucida Grande', Helvetica, Verdana, Arial;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: -1px;
}

.w_headline_2 {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    font-family: 'Lucida Grande', Helvetica, Verdana, Arial;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -1px;
}

#content  .fancyitem_general ul  {
	color: #568D08;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Marker Felt','Comic Sans MS Wide','Comic Sans MS','Comic Sans','Lucida Grande',Helvetica, Verdana, Arial;
	list-style-type: none;
	list-style-position: outside;
	margin-left: -10px;
}

#content  .fancyitem_general ol  {
	color: #568D08;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Marker Felt','Comic Sans MS Wide','Comic Sans MS','Comic Sans','Lucida Grande',Helvetica, Verdana, Arial;
	list-style-type: none;
	list-style-position: outside;
	margin-left: -15px;
	margin-top: 0px;
}

#content  .fancyitem_general li  {
	color: #568D08;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Marker Felt','Comic Sans MS Wide','Comic Sans MS','Comic Sans','Lucida Grande',Helvetica, Verdana, Arial;
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 5px;
}

#content  .fancyitem_gradient_general ul  {
	list-style-position: outside;
	margin-left: 15px;
}

#content  .fancyitem_gradient_general li  {
	list-style-position: outside;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

.contentleftcol .cmscontentimage img {
    margin-left: -40px;
    margin-right: -30px;
}

.contentrightcol .cmscontentimage img {
    margin-left: -30px;
    margin-right: -40px;
}

.legal_footer_text {
    padding-left: 0px;
    padding-right: 0px;
    color: #9A9A9A;
}

.language_sel {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial;
	color: #9B9B9B;
	font-size: 11px;
}
    
.language_sel_act {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial;
	color: #595959;
	font-size: 11px;
}

.buttontext {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: bold;
        -webkit-text-shadow: 0px -1px 1px #000000;
        text-shadow: #000000 0px -1px 1px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        text-decoration: none;
}

.buttontext_inside {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: bold;
        -webkit-text-shadow: 0px -1px 1px #000000;
        text-shadow: #000000 0px -1px 1px;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
        text-decoration: none;
}

.buttontext_inside_big {
	font-family: 'Lucida Grande', Verdana, Arial;
	color: #FFFFFF;
        font-size: 17px;
        font-weight: bold;
        -webkit-text-shadow: 0px -1px 1px #000000;
        text-shadow: #000000 0px -1px 1px;
        text-align: center;
        text-decoration: none;
}

.desctd {
        padding-top: 6px;
        padding-bottom: 3px;
	text-align: right;
}

.desctext {
        padding-right: 10px;
        color: #4E4E4E;
        font-size: 13px;
        font-weight: bold;
}

.inputtd {
        padding-top: 3px;
        padding-bottom: 3px;
}

.inputfield {
        border: 1px solid #D8DBDE;
        background-color: #FFFFFF;
        color: #000000;
        font-size: 12px;
        padding: 5px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        outline: none;
}

.selectfield {
        border: 1px solid #D8DBDE;
        background-color: #FFFFFF;
        color: #000000;
        font-size: 12px;
        padding: 5px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
}

.tooltip_box {
        display: none;
        position: absolute;
        left: -15px;
        width: 182px;
        padding: 0px;
        margin: 0px;
}

.tooltip_inner_bubble {
        background-image: url(/cms_components/media/bubble-scale.png);
        background-repeat: repeat-y;
}

.tooltip_text {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 10px;
        color: #72532E;
}

.tooltip_text b {
        color: #72532E;
}

.tooltip_error {
        font-size: 10px;
        font-weight: bold;
        color: #AA0000;
}

.generic_error {
        font-weight: bold;
        font-size: 12px;
        color: #CD504C;
}

.inputfielderror {
        border: 2px solid #DE605D;
        background-color: #FFF8F4;
        color: #000000;
        font-size: 12px;
        padding: 5px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
         box-shadow: 0px 0px 10px rgba(220, 0, 0, 0.4);
         -moz-box-shadow: 0px 0px 10px rgba(220, 0, 0, 0.4);
         -webkit-box-shadow: 0px 0px 10px rgba(220, 0, 0, 0.4);
         outline: none;
}

.checkboxfielderror {
        padding-bottom: 1px;
        border: 2px solid #DE605D;
        background-color: #FFF8F4;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
         box-shadow: 0px 0px 10px rgba(220, 0, 0, 0.4);
         -moz-box-shadow: 0px 0px 10px rgba(220, 0, 0, 0.4);
         -webkit-box-shadow: 0px 0px 10px rgba(220, 0, 0, 0.4);
         outline: none;
}

.loginerror {
        padding-top: 7px;
        font-weight: bold;
        font-size: 12px;
        color: #CC0000;
}

.registererror {
        padding-top: 7px;
        font-weight: bold;
        font-size: 12px;
        color: #CC0000;
}

.notice {
    line-height: 18px;
}

.portal_title {
    font-family: Arial, 'Lucida Grande', Helvetica, Verdana;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
}

.portal_subtitle {
    font-family: Arial, 'Lucida Grande', Helvetica, Verdana;
    font-size: 33px;
    font-weight: normal;
    color: #000000;
}

.pp_company {
    margin-top: 25px;
    padding: 5px;
    line-height: 24px;
    font-size: 24px;
    color: #333333;
}

.pp_company_entry {
    padding: 8px;
    line-height: 20px;
    font-size: 20px;
    color: #555555;
}

.pp_company_entry_name {
    padding: 4px;
    line-height: 17px;
    font-size: 17px;
    color: #555555;
}

.pp_company_entry_address {
    padding: 4px;
    line-height: 13px;
    font-size: 13px;
    color: #666666;
}

.language_selected {
    font-family: 'Lucida Grande', Verdana, Arial;
    color: #797979;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.language_selected a {
    color: #797979;
    text-decoration: none;
}

.language_selector {
    background-color: #F0F0F0;
    border: 1px solid #E0E0E0;
}

.nav_main {
    font-family: 'Lucida Grande', Verdana, Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    padding-left: 23px;
    height: 51px;
    width: 165px;
    background-repeat: no-repeat;
}

.nav_main_active {
    background-image: url(/cms_components/media/nav_main_active.png);
}

.nav_main_inactive {
    background-image: url(/cms_components/media/nav_main_inactive.png);
}

.nav_main_content {
    padding-top: 15px;
}

.nav_main_content a {
    color: #333333;
}

.nav_sub {
    font-family: 'Lucida Grande', Verdana, Arial;
    font-weight: bold;
    font-size: 12px;
    margin-left: 9px;
    height: 29px;
    width: 133px;
    background-repeat: no-repeat;
}

.nav_sub_active {
    color: #FFFFFF;
    background-image: url(/cms_components/media/nav_sub_active.png);
}

.nav_sub_inactive {
    color: #404040;
    background-image: url(/cms_components/media/nav_sub_inactive.png);
}

.nav_sub_content {
    padding-top: 8px;
    padding-left: 13px;
}

.nav_sub_active a {
    color: #FFFFFF;
}

.nav_sub_inactive a {
    color: #333333;
}

.activationstep {
    font-family: 'Lucida Grande', Verdana, Arial;
    color: #AAAAAA;
    font-weight: bold;
    background-color: #EFEFEF;
    font-size: 11px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 7px;
    margin-right: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.activationstep_active {
    font-family: 'Lucida Grande', Verdana, Arial;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    background-color: #CCCCCC;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 7px;
    margin-right: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.infotext {
    font-weight: normal;
    font-size: 10px;
}

.desctdsmall {
        padding-top: 6px;
        padding-bottom: 3px;
	text-align: right;
	padding-right: 10px;
}

.desctextsmall {
    color: #4E4E4E;
    font-size: 11px;
    font-weight: bold;
}

.inputtext {
    font-size: 13px;
    font-weight: normal;
}

.form_list_headline {
    padding-top: 7px;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 14px;
}

.registration_main_header {
    margin-top: -45px;
    margin-bottom: 40px;
    font-weight: normal;
    font-size: 32px;
    color: #AAAAAA;
}


.benefits_table {
    font-size: 11px;
    height: 40px;
    color: #000000;
}

.benefits_td_header {
    font-size: 12px;
    font-weight: bold;    
    color: #000000;
}