/******************************Main-Classes********************************/ body{ margin:0; padding:0; font-family: Arial, Calibri, sans-serif; color: #333333; width: 100%; background-color: #FBF4E7; } #header, #content, #pageFooter{ width: 970px; margin-left: auto; margin-right: auto; } a { color: #218026; text-decoration: none; } a:link,a:visited,a:hover,a:active,a:focus{} /*IE6 Reverse Tab-Hack*/ img{ border: none; padding: 0; margin: 0; } p{ margin-top:0; } .underline{ text-decoration: underline; } .hidden{ display: none; } .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /******************************Wrapper-Classes********************************/ #headerWrap{ background-image: url("../images/header_background_shadow.png"); background-position: top; background-repeat: repeat-x; } #loginWrap{ background-image: url("../images/login_background.gif"); background-repeat: repeat-x; background-color: #a4c624; } #contentWrap{ background-image: url("../images/content_background_shadow.gif"); background-repeat: repeat-x; background-color: #f9f4e7; background-position:bottom; min-height: 460px; } ##contentWrap{ /*IE6*/ /* height: 460px; */ } #blueTeaserWrap { background-image: url("../images/news_header.gif"); background-repeat:no-repeat; margin-left:auto; margin-right:auto; width:954px; float:left; } #blueTeaser { width:237px; float:left; } #blueTeaser .blueTeaserHeader { /* background-color:#E0C4A3; */ padding:5px 10px 5px 20px; color:#448831; font-weight: bold; font-size: 11px; } #blueTeaser .blueTeaserContent { padding:5px 10px 5px 20px; color:#003300; font-size: 11px; } #blueTeaser .blueTeaserContent a { color:#218026; font-size: 11px; } #footerWrap{ background-color:#fbf6ea; height: 5.5em; } #placeHolderWeihnacht { height:140px; width:954px; float:left; background-image: url("../images/weihnacht_bg.png"); background-repeat:no-repeat; } /******************************Header********************************/ #header{ position: relative; font-size: 12px; background-image: url("../images/header_background_v3.png"); background-repeat: no-repeat; background-position: top; padding-bottom:5px; min-height:155px; } ##header{ height:155px; } #login{ padding-bottom: 3px; font-size: 12px; color: #2d340b; width: 978px; margin-left:auto; margin-right:auto; } #login .left{ float: left; padding-left: 38px; padding-top: 12px; } #login .right{ float: right; padding-top: 8px; } #login .label{ float: left; margin-right: 10px; padding-top: 3px; display: inline; /*IE6 Double Margin Bug*/ } #login .loginInput{ float: left; display: inline; /*IE6 Double Margin Bug*/ margin-right: 15px; padding-top:3px; } ##login .loginInput{ padding-top:1px; } #login .loginInput input{ border: 0px; color: #000000; background-color: #f2fdbc; height: 13px; width: 8em; display: inline; /*IE6 Double Margin Bug*/ } @media screen and (min-width: 0px){ #login .loginInput input { padding-top: 0px; }} /*Opera Hack*/ #login .editProfile{ float: left; display: inline; /*IE6 Double Margin Bug*/ margin-right: 30px; margin-top:3px; } #login .editProfile a{ cursor:pointer; font-weight: bold; color: #345f3c; } #login a:link, a:visited, a:hover, a:active, a:focus .editProfile{ } #login .loginButton{ float: left; display: inline; /*IE6 Double Margin Bug*/ margin-right: 30px; margin-top:3px; } #login .loginButton .login_Button{ background-image: url("../images/loginbutton_bg.png"); border: none; cursor: pointer; color:#FFFFFF; height: 16px; width: 44px; padding: 0px 3px 2px 3px; } ##login .loginButton .login_Button{ background-image: url("../images/loginbutton_bg.gif"); } #login .loginButton .button:hover .login_Button{ background-image: url("../images/logoutbutton_bg_hover.png"); } #logoWrapper { display:block; float:left; width:160px; height:130px; cursor:pointer; } #header .navigation{ padding-top:98px; padding-left:35px; font-size: 12px; width:670px; float:left; } ##header .navigation{ padding-top:90px; } #header .subnav, #header .subnav_info{ font-size: 13px; font-weight:normal; color: #2d340b; } #header .nav{ color: #1b4b0b; font-weight: bold; } #header .navigation .nav{ float: left; height: 1.7em; padding-right: 15px; } ##header .navigation .nav{ /*IE6*/ margin-bottom: 0px; } #header .navigation .left, #header .navigation .right{ width: 9px; height: 100%; float: left; display: block; padding-top:1px; display:inline /*IE6 Double Margin Bug*/ } ##header .navigation .nav .left, ##header .navigation .nav .right{ margin-top:10px; } #header .navigation .nav .center{ height: 100%; float: left; padding-top: 3px; display: block; cursor: pointer; } ##header .navigation .nav .center{ margin-top: 10px; } #header .nav:active .left, #header .nav:hover .left, #header .nav:focus .left{ background-image: url("../images/tab_background_left_hover.gif"); background-repeat: no-repeat; background-position: left top; } #header .nav:active .right, #header .nav:hover .right, #header .nav:focus .right{ background-image: url("../images/tab_background_right_hover.gif"); background-repeat: no-repeat; background-position: left top; } #header .nav:active .center, #header .nav:hover .center, #header .nav:focus .center{ background-image: url("../images/tab_background_center_hover.gif"); background-repeat: repeat-x; } #header .selected .left{ background-image: url("../images/tab_background_left_hover.gif"); background-repeat: no-repeat; background-position: left top; } #header .selected .right{ background-image: url("../images/tab_background_right_hover.gif"); background-repeat: no-repeat; background-position: left top; } #header .selected .center{ background-image: url("../images/tab_background_center_hover.gif"); background-repeat: repeat-x; } #header .nav:active, #header .nav:hover, #header .nav:focus{ border: 0px none; } ##header .navigation .subnav .left, ##header .navigation .subnav .right{ margin-top:10px; } #header .subnav:active .left, #header .subnav:hover .left, #header .subnav:focus .left{ background-image: url("../images/participate_topnav_left_hover.gif"); background-repeat: no-repeat; background-position: left top; } #header .subnav:active .right, #header .subnav:hover .right, #header .subnav:focus .right{ background-image: url("../images/participate_topnav_right_hover.gif"); background-repeat: no-repeat; background-position: left top; } #header .subnav:active .center, #header .subnav:hover .center, #header .subnav:focus .center{ background-image: url("../images/participate_topnav_center_hover.gif"); background-repeat: repeat-x; } #header .subnav:active, #header .subnav:hover, #header .subnav:focus{ border: 0px none; } #participateTopNav .selected .left{ background-image: url("../images/participate_topnav_left_hover.gif"); background-repeat: no-repeat; background-position: left top; } #participateTopNav .selected .right{ background-image: url("../images/participate_topnav_right_hover.gif"); background-repeat: no-repeat; background-position: left top; } #participateTopNav .selected .center{ background-image: url("../images/participate_topnav_center_hover.gif"); background-repeat: repeat-x; background-position: top left; } #header .navigation .title{ font-size: 17px; margin-top: 10px; margin-bottom: 2px; display: block; } #header .navigation .subtitle{ display: block; } /******************************JWP 2nd level navigation********************************/ #infoTopNav .navigation { } #infoTopNav .navigation .vNav{ } #infoTopNav .navigation .vNav .vNav1{ font-size:12px; float: left; height: 2.4em; margin-right:20px; display:inline; } #infoTopNav .navigation .vNav .vNav1 .navLink{ } #infoTopNav .navigation .vNav .vNav1 .navLink .left, #infoTopNav .navigation .vNav .vNav1 .navLink .right{ width: 9px; height: 2.4em; float: left; display: block; display:inline /*IE6 Double Margin Bug*/ } #infoTopNav .navigation .vNav .vNav1 .navLink .center{ color:#333333; height: 100%; float: left; padding-top: 3px; padding-bottom: 3px; display: block; cursor: pointer; padding-top:4px; text-align:center; } #infoTopNav .navigation .vNav a:hover, #infoTopNav .navigation .vNav a:active, #infoTopNav .navigation .vNav a:focus { display:block; } #infoTopNav .navigation .vNav .vNav1 .navLink:active .left, #infoTopNav .navigation .vNav .vNav1 .navLink:hover .left, #infoTopNav .navigation .vNav .vNav1 .navLink:focus .left{ background-image: url("../images/participate_topnav_left_hover.gif"); background-repeat: no-repeat; background-position: left top; } #infoTopNav .navigation .vNav .vNav1 .navLink:active .right, #infoTopNav .navigation .vNav .vNav1 .navLink:hover .right, #infoTopNav .navigation .vNav .vNav1 .navLink:focus .right{ background-image: url("../images/participate_topnav_right_hover.gif"); background-repeat: no-repeat; background-position: left top; } #infoTopNav .navigation .vNav .vNav1 .navLink:active .center, #infoTopNav .navigation .vNav .vNav1 .navLink:hover .center, #infoTopNav .navigation .vNav .vNav1 .navLink:focus .center{ background-image: url("../images/participate_topnav_center_hover.gif"); background-repeat: repeat-x; } #infoTopNav .navigation .vNav .vNav1 .active .navLink .left{ background-image: url("../images/participate_topnav_left_hover.gif"); background-repeat: no-repeat; background-position: left top; } #infoTopNav .navigation .vNav .vNav1 .active .navLink .right{ background-image: url("../images/participate_topnav_right_hover.gif"); background-repeat: no-repeat; background-position: left top; } #infoTopNav .navigation .vNav .vNav1 .active .navLink .center{ background-image: url("../images/participate_topnav_center_hover.gif"); background-repeat: repeat-x; background-position: top left; } /******************************Content********************************/ #content{ background-image: url("../images/content_background.gif"); background-position: bottom; background-repeat: no-repeat; min-height: 460px; padding-left: 28px; width:925px; height: 100%; padding-bottom: 3px; } ##content{ /* height: 480px; */ } .start{ padding-top: 20px; } #contentTop .left{ float: left; padding-left: 10px; width:555px; } #contentTop .right{ float: left; margin-left: 56px; display:inline; /*IE6 Double Margin Bug*/ width: 19em; margin-top:-10px; } #contentTop .search_inputfield{ height: 1.8em; width: 20.9em; margin-bottom: 4px; } #contentTop .searchinput_textfield { background-color:#ffffff; background-repeat:repeat-x; border:1px solid #b1c839; display:inline;/*IE6 Double Margin Bug*/ float:left; margin-top:10px; padding-left:5px; position:absolute; width:13em; } #contentTop .searchinput_textfield input{ border: none; background-color: transparent; float: left; font-size: 12px; width: 83%; color:#adc53b; z-index: 50; padding-left:1px; } #contentTop .dropdown1, #contentTop .dropdown2{ margin-top: 10px; margin-left: 0px; width: 13.6em; font-size:12px; color:#ADC53B; border:1px solid #B1C839; display:inline; } ##contentTop .dropdown2{ margin-top: 3px; } #contentTop .searchButton{ position:absolute; z-index:1; float:left; right:110px; bottom: 128px; width:21px; height:21px; background-color: transparent; border: none; background-image: url("../images/searchinput_button.gif"); background-repeat: no-repeat; cursor: pointer; } ##contentTop .searchButton{ bottom: 125x; } #contentTop .button:hover .searchButton{ background-image: url("../images/searchinput_button_selected.gif"); } #contentTop .SearchTeaserHeader{ color:#218026; font-weight: bold; } #contentTop .teaser_pic{ margin-left: -8px; } ##contentTop .dropdown2{ margin-top: 3px; } #contentTop .movie{ width: 535px; height: 305px; background-image: url("../images/movie.png"); background-repeat: no-repeat; } #contentTop .movie .video{ padding-left: 7px; padding-top: 8px; } #contentTop .active_button .activeButton{ float: left; margin-left: 90px; margin-top: 38px; display:inline; /*IE6 Double Margin Bug*/ background-color: transparent; border: none; background-image: url("../images/button_active.png"); background-repeat: no-repeat; height: 23px; width: 332px; cursor: pointer; } #contentTop .button:focus .activeButton, #contentTop .button:active .activeButton, #contentTop .button:hover .activeButton { background-image: url("../images/button_active_hover.png"); } #contentTop .button:active, #contentTop .button:hover, #contentTop .button:focus{ border:0px none; } #contentTop .bottom .text{ font-size:12px; color:#2B511D; } #contentTop .text{ font-size:12px; } #contentTop .bold{ font-weight: bold; } #contentTop .teaser{ color: #758524; font-weight: bold; font-size:15px; width: 75%; margin-bottom: 20px; } #contentTop .right .top{ position: relative; font-size:12px; color:#2B511D; } #contentTop .right .bottom{ margin-top: 3px; z-index:1; } #contentTop .text .left{ float: left; width: 240px; padding-left: 0px; } #contentTop .startButtonImage, #searchCenter .startButtonImage{ background-color:transparent; background-image: url("../images/content_start_button.png"); background-repeat:no-repeat; border:medium none; cursor:pointer; display:inline; float:left; height:47px; width:203px; } #contentTop .button:hover .startButtonImage, #searchCenter .button:hover .startButtonImage{ background-image: url("../images/content_start_button_hover.png"); } #contentTop .dziLogo{ float: left; width: 41px; margin-top: 105px; margin-left: 5px; display:inline; /*IE6 Double Margin Bug*/ } ##contentTop .dziLogo{ margin-top: 112px; } /******************************Participate********************************/ #participateTopNav{ font-size: 12px; margin-left:55px; margin-top:130px; float:left; width:650px; position:absolute; } ##participateTopNav{ margin-top:-2px; } #participateTopNav .navigation, #infoTopNav .navigation{ padding-top: 3px; padding-left: 3px; padding-bottom:4px; } ##participateTopNav .navigation, ##infoTopNav .navigation{ padding-bottom:0px; } #participateTopNav .subnav, #infoTopNav .subnav_info{ float: left; height: 2.4em; margin-right: 35px; display:inline; } #participateTopNav .subnav_info, #infoTopNav .subnav_info{ float: left; height: 2.4em; margin-right: 52px; display:inline; } #header .subnav_info:active .left, #header .subnav_info:hover .left, #header .subnav_info:focus .left { background-image:url(../images/participate_topnav_left_hover.gif); background-position:left top; background-repeat:no-repeat; } #header .subnav_info:active .center, #header .subnav_info:hover .center, #header .subnav_info:focus .center { background-image:url(../images/participate_topnav_center_hover.gif); background-repeat:repeat-x; } #header .subnav_info:active .right, #header .subnav_info:hover .right, #header .subnav_info:focus .right { background-image:url(../images/participate_topnav_right_hover.gif); background-position:left top; background-repeat:no-repeat; } #header .subnav_info:active, #header .subnav_info:hover, #header .subnav_info:focus{ border: 0px none; } #participateTopNav .left, #infoTopNav .left{ width: 10px; height: 100%; float: left; } #participateTopNav .right, #infoTopNav .right{ width: 34px; height: 100%; float: left; } #participateTopNav .subnav .center, #infoTopNav .subnav_info .center{ cursor:pointer; display:block; float:left; height:100%; padding-left:3px; padding-right:0; padding-top:4px; text-align:center; } #participateTopNav .subnav .centerBlank { display:block; float:left; height:100%; padding-left:3px; padding-right:0; padding-top:4px; text-align:center; } ##participateTopNav .centerBlank{ margin-top:10px; } ##participateTopNav .center{ margin-top:10px; } #participateHeadline{ padding-left: 21px; font-size: 12px; font-weight: bold; color: #448831; } #participateCenter{ min-height:17em; padding-top: 10px; } ##participateCenter{ height:17em; } #participateContent{ margin-left: 14px; margin-right: 14px; font-size:12px; } #participateContentWhite{ background-color: #f9f4e7; height: 502px; } #participateContent .startColumn0{ float:left; padding:15px 0px 0px 0px; } #participateContent .startColumn1, #participateContent .startColumn2{ float:left; padding:15px 0px 0px 0px; } #participateContent .startColumn3{ float:left; padding:15px 15px 0px 0px; } #participateContent .startArrow{ width: 50px; height: 32px; background-image:url("../images/content_arrow.png"); background-repeat:no-repeat; float:left; margin: 90px 2px 0px 2px; } ##participateContent .startArrow{ background-image:url("../images/content_arrow_ie6.gif"); } #participateContent .startLine0{ font-weight:bold; font-size: 12px; padding-bottom:5px; padding-left:5px; color: #2d340b; width:165px; } #participateContent .startLine1{ width: 165px; height: 132px; background-repeat:no-repeat; padding-bottom:10px; } #participateContent .startColumn0 .startLine1{ background-image: url(../images/sogehts1.png); } #participateContent .startColumn1 .startLine1{ background-image: url(../images/sogehts2.png); } #participateContent .startColumn2 .startLine1{ background-image: url(../images/sogehts3.png); } #participateContent .startColumn3 .startLine1{ background-image: url(../images/sogehts4.png); } #participateContent .startLine2{ font-size:12px; padding-left:5px; width: 160px; color: #2b511d; text-align: center; } #participateContent .URLFormLine0, #participateContent .URLFormLine1, #participateContent .URLFormLine2, #participateContent .URLFormLine3, #participateContent .URLFormLine4{ width: 100%; height:1.6em; padding-left:30px; } #participateContent .URLFormLine0{ padding-top:13px; padding-bottom:15px; } #participateContent .URLFormLine2, #participateContent .URLFormLine3{ padding-bottom:10px; } #participateContent .URLFormLine4{ padding-bottom:13px; } #participateContent .URLFormLine5 { padding:0px; } #participateContent .URLFormLine1 { visibility:hidden; height:auto; } #participateContent .URLFormColumn0 { float:left; font-weight:bold; width:21.5em; } #participateContent .URLFormColumn1 { float:left; font-weight:bold; width:12em; } #participateContent .URLFormColumn1 input{ font-weight:bold; font-size:12px; font-family: Calibri, Arial, sans-serif; height:1.4em; background-image:url("../images/URLforminput_bg.png"); background-repeat:repeat-x; border:solid; border-color:#929292; border-width:1px; padding-left: 2px; margin-top:-4px; } #participateContent .URLFormColumn2 { float:left; font-weight:bold; width:7.9em; } #participateContent .URLFormColumn3 { float:left; font-weight:bold; color:#c6c6c6; width:13.6em; } #participateContent .URLFormColumn4 { float:left; font-weight:bold; width:12.6em; margin-top:-3px; display:inline; } #participateContent .URLFormColumn4 input{ background-image:url("../images/URLformbutton_bg.png"); background-repeat:repeat-x; border:solid; border-color:#929292; border-width:1px; padding-left: 2px; } #participateContent .URLFormColumn5 { float:left; font-weight:bold; width:6.2em; } #participateContent .URLFormColumn6 { float:left; } #participateContent .URLFormColumn6 input{ font-size:12px; font-weight:bold; font-family: Calibri, Arial, sans-serif; height:1.4em; background-image:url("../images/URLforminput_bg.png"); background-repeat:repeat-x; border:solid; border-color:#929292; border-width:1px; padding-left: 2px; margin-top:-4px; width:28.5em; } #participateContent .URLFormColumn7 { float:left; } #participateContent .URLFormColumn7 input{ border:solid; border-color:#929292; border-width:1px; margin-left:0; } #participateContent .URLFormColumn8 { float:left; font-weight:bold; padding-left: 5px; padding-right: 5px; } #participateContent .URLFormColumn9 { float:left; font-weight:bold; } #participateContent .URLFormColumn9 input{ font-size:12px; font-weight:bold; font-family: Calibri, Arial, sans-serif; height:1.4em; background-image:url("../images/URLforminput_bg.png"); background-repeat:repeat-x; border:solid; border-color:#929292; border-width:1px; padding-left: 2px; margin-top:-4px; width:6.5em; text-align:right; padding-right:10px; } #participateContent .URLFormColumn10 { float:left; padding-left: 5px; font-weight:bold; } /******************************ThemeSelection********************************/ #themeSelection_left{ float: left; padding-left: 12px; width: 590px; } #themeSelection_right{ float: left; width: 257px; position: relative; /*height: 24.5em;*/ padding-left: 27px; padding-bottom: 50px; } ##themeSelection_right{ width: 242px; } #themeSelection_left .left{ float: left; padding-right: 15px; } #themeSelection_left .right{ /* float: left; */ } #themeSelection_left .top{ margin-bottom: 13px; } #themeSelection_right .text{ background-image: url(../images/themeSelection_headline.png); background-repeat: no-repeat; background-position: top left; padding-top: 50px; margin-left: 8px; margin-right: 13px; color: #2b511d; font-size: 12px; } #themeSelectionNavigation{ bottom: 0; width: 100%; } #themeSelectionNavigation .button{ float: left; padding-top: 2px; background-image: url(../images/button_start.png); background-repeat: no-repeat; width: 119px; height: 23px; text-align: center; color: #FFFFFF; } #themeSelectionNavigation .back_button{ float: left; } #themeSelectionNavigation .next_button{ float: right; } #themeSelectionNavigation .button:focus, #themeSelectionNavigation .button:active, #themeSelectionNavigation .button:hover{ background-image: url(../images/button_start_hover.png); } /******************************Participate********************************/ #configCenter{ margin-top: 30px; } #configCenter .configLeft{ margin-left: 15px; float:left; display:inline; } #configCenter .configRight{ float:left; margin-left:30px; width:270px; height: 20em; position:relative; } #configCenter .configRight .configRightTop{ font-size: 12px; color:#003300; margin-left:21px; } #configCenter .configRight .configRightMiddle{ margin-top:60px; } #configCenter .configRight .configRightBottom{ margin-left:24px; position: absolute; width: 100%; bottom: 0; } #configCenter .configSection_defineProject{ color:#003300; margin-bottom:21px; margin-left: 21px; } #configCenter .configSection_defineProject span{ font-size:12px } #configCenter .configSection_birthdate{ color:#003300; margin-bottom:8px; margin-left: 21px; font-size: 12px; } #configCenter .configSection_collectFor, #configCenter .configSection_collectUntil{ color:#003300; margin-bottom:8px; margin-left: 15px; } #configCenter .radioText input{ vertical-align: middle; margin-right:3px; } #configCenter .radioText span{ vertical-align: middle; padding-top: 2px; font-size: 12px; } #configCenter .dropdown, #configCenter .dropdown1{ margin-top: 5px; margin-left: 21px; width: 13em; color:#ADC53B; border:1px solid #B1C839; display:inline; font-size: 12px; } #configCenter .configSection_defineProject .dropdown1, #configCenter .configSection_birthdate .dropdown1{ margin-left: 15px; } ##configCenter .dropdown{ margin-top: 3px; } #configCenter .first_input, #configCenter .second_input, #configCenter .third_input, #configCenter .first_input, #configCenter .second_input, #configCenter .third_input{ background-color:#FFFFFF; background-repeat:repeat-x; border:1px solid #B1C839; color:#ADC53B; display:inline; float:left; font-size: 12px; text-align:center; margin-top:6px; display:inline; } #configCenter .first_input, #configCenter .first_input{ margin-left:21px; width:2.5em; } #configCenter .first_input, #configCenter .first_input{ margin-left:8px! } #configCenter .second_input, #configCenter .second_input{ margin-left:10px; width:2.5em; } #configCenter .third_input, #configCenter .third_input{ margin-left:10px; width:5em; } #configCenter .searchinput_textfield { background-color:#ffffff; background-repeat:repeat-x; border:1px solid #b1c839; display:inline;/*IE6 Double Margin Bug*/ float:left; margin-top:6px; margin-left: 15px; padding-left:5px; width:11em; } #configCenter .searchinput_textfield input{ border: none; background-color: transparent; float: left; font-size: 12px; width: 93%; color:#adc53b; z-index: 50; padding-left:1px; } .back_button .backButton{ height: 25px; width: 95px; float: left; background-color: transparent; border: none; color: #FFFFFF; padding-left:37px; padding-top:1px; background-image: url("../images/button_start.png"); background-repeat: no-repeat; font-weight:normal; font-size: 12px; } .button:focus .backButton, .button:active .backButton, .button:hover .backButton{ background-image: url("../images/button_start_hover.png"); } .button:hover, .button:active, .button:focus{ border:0px none; } .continue_button .continueButton{ height: 25px; width: 95px; float: right; background-color: transparent; border: none; color: #FFFFFF; padding-left:37px; padding-top:1px; background-image: url("../images/button_start.png"); background-repeat: no-repeat; font-weight:normal; font-size: 12px; } .button:focus .continueButton, .button:active .continueButton, .button:hover .continueButton{ background-image: url("../images/button_start_hover.png"); } .button:hover, .button:active, .button:focus{ border:0px none; } /******************************Finalize********************************/ #finalizeCenter{ position: relative; padding-bottom: 200px; margin-left: 12px; margin-top: 9px; background-image: url("../images/finalize_bg.png"); background-repeat: no-repeat; background-position: 560px top; } #finalizeCenter .finalizeFooterNav{ position: absolute; bottom: 75px; right: 4px; width: 264px; } ##finalizeCenter .finalizeFooterNav{ bottom: 110px; } #finalizeCenter .row{ color: #2d340b; font-size: 12px; margin-bottom: 8px; } #finalizeCenter .left{ float: left; width: 12.15em; text-align: right; padding-right: 10px; padding-top: 3px; } #finalizeCenter .right{ float: left; } #finalizeCenter .dropdown, #finalizeCenter .textfield, #finalizeCenter .textfield_plz, #finalizeCenter .textfield_city, #finalizeCenter .first_input, #finalizeCenter .second_input, #finalizeCenter .third_input{ border:1px solid #B1C839; color:#ADC53B; display:inline; width:11.5em; float: left; margin-right: 6px; } #finalizeCenter .textfield_plz{ width: 4em } #finalizeCenter .textfield_city{ width: 6.9em } #finalizeCenter .mandatory{ background-color: #f2fdbc; } #finalizeCenter .first_input, #finalizeCenter .second_input{ width:2.5em; margin-right: 4px; } #finalizeCenter .third_input{ width:3.5em; } #finalizeCenter .checkbox{ margin-top: 0; } #finalizeCenter .privacy{ margin-left: 196px; font-size: 11px; width: 390px; } #finalizeCenter .legend{ padding-left: 31px; background-image: url("../images/mandatory.gif"); background-repeat: no-repeat; background-position: left center; font-size: 12px; } #finalizeCenter .check_button{ float: left; font-size: 16px; margin-left: 22px; display: inline; } #finalizeCenter .checkResult_pos{ font-size:12px; margin-bottom:8px; margin-left: 9px; font-weight: bold; background-color: #cfedbb; border-top: 1px solid #B1C839; border-bottom: 1px solid #B1C839; width: 610px; padding-left: 10px; } #finalizeCenter .checkResult_neg{ font-size:12px; margin-bottom:8px; margin-left: 9px; font-weight: bold; background-color: #fedabe; border-top: 1px solid #b42b00; border-bottom: 1px solid #b42b00; width: 610px; padding-left: 10px; } .online_button .continueButton{ height: 25px; width: 105px; float: right; background-color: transparent; border: none; color: #FFFFFF; padding-left:18px; padding-top:1px; background-image: url("../images/button_start.png"); background-repeat: no-repeat; font-weight:normal; font-size: 12px; } .button .disabled{ background-image: url("../images/button_start_disabled.png") !important; } /******************************search********************************/ #searchPageNavigation .page{ font-size:17px; font-weight:bold; color:#b42b00; padding-left:6px; padding-right:6px; text-decoration: underline; } #searchPageNavigation a:hover .page{ font-size:17px; font-weight:bold; color:#771b02; padding-left:6px; padding-right:6px; text-decoration: underline; } #searchPageNavigation .selected { font-size:17px; font-weight:bold; color:#771b02; padding-left:6px; padding-right:6px; text-decoration: none; } #searchPageNavigation .leftArrow{ width:13px; height:18px; background-image: url("../images/leftArrow.png"); background-repeat:no-repeat; margin-right:10px; margin-top:3px; } #searchPageNavigation .rightArrow{ width:13px; height:18px; padding-right:12px; background-image: url("../images/rightArrow.png"); background-repeat:no-repeat; margin-left:10px; margin-top:3px; } /******************************meinSOS: uebersicht********************************/ #informationLeft .left .content .row_even{ background-color: #f2fdbc; } #informationLeft .left .content .row_odd{ background-color: #c9d7b3; } #informationLeft .left .content .rowImageWrapper{ padding: 5px 3px 3px 3px; border-bottom:4px solid #FAF4E8; } #informationLeft .left .content .rowInfoWrapper{ padding: 3px 3px 3px 3px; width:100%; border-bottom:4px solid #FAF4E8; } #informationLeft .left .content .rowStatusWrapper{ width: 7em; padding-top: 0px; border-bottom:4px solid #FAF4E8; } #informationLeft .left .content .name, #informationLeft .left .content .donations, #informationLeft .left .content .valid { font-size:12px!important; } #informationLeft .left .content .image{ border:2px solid #A7B553; cursor: pointer; } #informationLeft .left .content .name a{ font-size: 12px!important; color: #448831; font-weight: bold; text-decoration: underline; } #informationLeft .left .content .donations{ } #informationLeft .left .content .valid a { color: #448831; } #informationLeft .left .content .editActivist { } #informationLeft .left .content .button:focus , #informationLeft .left .content .button:active , #informationLeft .left .content .button:hover { background-image:url(../images/button_oddline_hover.png); } #informationLeft .left .content .button { background-color:transparent; background-image:url(../images/button_oddline.png); background-repeat:no-repeat; border:medium none; color:#2d340b; float:left; font-weight:normal; height:19px; padding-left:22px; width:55px; margin-bottom: 5px; margin-left: 1px; display:inline; padding-top: 0px; padding-right: 10px; } /******************************BIG FRAME********************************/ #bigFrameWrapper { width:892px; display:inline; float:left; margin-top: 30px; } #bigFrameWrapper .bigFrame_00, #bigFrameWrapper .bigFrame_01, #bigFrameWrapper .bigFrame_0105, #bigFrameWrapper .bigFrame_02, #bigFrameWrapper .bigFrame_0203, #bigFrameWrapper .bigFrame_03, #bigFrameWrapper .bigFrame_04{ background-image:url(../images/bigFrameContent_birthday.png); background-repeat:repeat-y; width:100%; } #bigFrameWrapper .bigFrame_02{ background-image:url(../images/bigFrameContent_sport.png); } #bigFrameWrapper .bigFrame_0203{ background-image:url(../images/bigFrameContent_0203.png); } #bigFrameWrapper .bigFrame_04{ background-image:url(../images/bigFrameContent_ownidea.png); } #bigFrameWrapper .bigFrame_01{ background-image:url(../images/bigFrameContent_birthday.png); } #bigFrameWrapper .bigFrame_0105{ background-image:url(../images/bigFrameContent_christmas.png); } #bigFrameWrapper .bigFrame_03{ background-image:url(../images/bigFrameContent_memory.png); } #bigFrameWrapper .frameTop{ background-image:url(../images/bigFrameTop.gif); background-repeat:no-repeat; background-position: left bottom; width:892px; height:15px; float:left; display:inline; margin-top:-6px; } #bigFrameWrapper .frameBottom{ background-image:url(../images/bigFrameBottom.png); background-repeat:no-repeat; width:892px; height:15px; float:left; display:inline; } #bigFrameWrapper .frameContent { border-left:6px solid #AFBB50; border-right:5px solid #AFBB50; margin-right:0; width:788px; padding-left:80px; float:left; display:inline; } #bigFrameWrapper .smallfont{ font-size:10px; } #bigFrameWrapper .check_button .checkButton{ width: 130px; padding-left:9px; padding-right:12px; padding-bottom:3px; padding-top:1px; background-color: transparent; border: none; background-image: url("../images/button_check.gif"); background-repeat: no-repeat; background-position: left top; font-size: 12px; color: #000000; float: left; } #bigFrameWrapper .button:focus .checkButton, #bigFrameWrapper .button:active .checkButton, #bigFrameWrapper .button:hover .checkButton{ background-image: url("../images/button_check_hover.gif"); } #bigFrameWrapper .upload_button { height:18px; } #bigFrameWrapper .uploadButton{ padding-left:16px; padding-right:16px; padding-bottom:3px; padding-top:1px; background-color: transparent; border: none; background-image: url("../images/button_check_small.gif"); background-repeat: no-repeat; background-position: left top; font-size: 12px; color: #000000; /*float: left;*/ } #bigFrameWrapper .button:focus .uploadButton, #bigFrameWrapper .button:active .uploadButton, #bigFrameWrapper .button:hover .uploadButton{ background-image: url("../images/button_check_small_hover.gif"); } #bigFrameWrapper .button:hover, #bigFrameWrapper .button:active, #bigFrameWrapper .button:focus{ border:0px none; } /* ----------------------- navigation --------------------------------- */ #bigFrameWrapper .section_navigation{ display:none; } #bigFrameWrapper .organizeTab{ z-index:0 !important; } #bigFrameWrapper .organizeTabPreview{ float: left; width: 78px; height: 41px; background-image: url("../images/preview.png"); background-repeat: no-repeat; background-position: left top; margin-left:-10px; display:inline; } #bigFrameWrapper .organizeTabPreview a{ float: left; width: 78px; height: 41px; } #bigFrameWrapper .organizeTabPreviewSelected{ float: left; width: 100px; height: 41px; background-image: url("../images/preview_selected.png"); background-repeat: no-repeat; background-position: left top; margin-left:-3px; display:inline; } #bigFrameWrapper .organizeTabPreviewSelected a{ float: left; width: 100px; height: 41px; } #bigFrameWrapper .organizeTabEditSelected{ float: left; width: 124px; height: 41px; background-image: url("../images/edit_selected.png"); background-repeat: no-repeat; background-position: left top; margin-left:7px; display:inline; } #bigFrameWrapper .organizeTabEditSelected a{ width: 124px; height: 41px; float: left; } #bigFrameWrapper .organizeTabEdit{ float: left; width: 90px; height: 41px; background-image: url("../images/edit.png"); background-repeat: no-repeat; background-position: center center; margin-left:5px; display:inline; } #bigFrameWrapper .organizeTabEdit a{ float: left; width: 90px; height: 41px; } /* -----------------------section one *--------------------------------- */ #bigFrameWrapper .section_one{ margin-top:41px; } #bigFrameWrapper .section_one .column_left{ float:left; width:320px; } #bigFrameWrapper .section_one .column_middle { width:130px; height:55px; float:left; } #bigFrameWrapper .section_one .column_right{ width:300px; float: left; } #bigFrameWrapper .section_one h1{ font-size: 12px; margin-right: 70px; color: #003300; margin-bottom: 19px; margin-top: 0px; } #bigFrameWrapper .section_one .reason{ color: #768912; font-size: 2em; text-align: center; width: 280px; background-position:left top; background-repeat:no-repeat; padding-top: 22px; background-image:url(../images/preview_grund.png); } #bigFrameWrapper .section_one .aim{ color: #881d00; font-size: 2em; text-align: center; width: 280px; background-position:29px top; background-repeat:no-repeat; padding-top: 22px; background-image:url(../images/preview_aim.png); } /* -----------------------section two *--------------------------------- */ #bigFrameWrapper .section_two{ margin-top:12px; margin-bottom: 10px; } #bigFrameWrapper .section_two .column_left{ float:left; width:271px; margin-right:15px; margin-top:0px; display:inline; position: relative; } #bigFrameWrapper .section_two .column_middle{ float:left; width:145px; padding-top:10px; } #bigFrameWrapper .frameContent_memory .section_two .column_middle img { display: none !important; } #bigFrameWrapper .section_two .column_right{ background-image: url("../images/gestalten_right_bg.png"); background-repeat:no-repeat; margin-top:10px; margin-bottom:30px; float:left; width:271px; margin-left:15px; display:inline; height:206px; } #bigFrameWrapper .section_two .frame{ position: absolute; top: 0px; } #bigFrameWrapper .section_two .user_input{ border:0px; background:transparent; width:94%; font-weight:bold; font-family:Arial,Calibri,sans-serif; font-size:12px; margin-left:10px; margin-top:10px; color:#2B511D; height:190px; overflow:auto; } #bigFrameWrapper .section_two .formHolder .user_input{ border:0px; background:transparent; width:96%; font-weight:bold; font-family:Arial,Calibri,sans-serif; font-size:12px; margin-left:0px; margin-top:0px; color:#2B511D; height:190px; overflow:auto; } /* -----------------------section three *--------------------------------- */ #bigFrameWrapper .section_three{ margin-bottom: 25px; } #bigFrameWrapper .section_three .column_left{ float:left; width:325px; } #bigFrameWrapper .section_three .column_right{ float:left; margin-left:15px; display:inline; height:326px; margin-bottom: 5px; width:398px; overflow:auto; } #bigFrameWrapper .section_three .about_sos{ background-position:left top; background-repeat:no-repeat; color:#2b511d; font-size:12px; margin-left:8px; margin-right:13px; padding-top:34px; background-image:url(../images/about_sos.png); } #bigFrameWrapper .section_three .column_right .donationTable{ height: 190px; margin-bottom: 5px; width:398px; overflow:auto; } #bigFrameWrapper .section_three .visible_data{ border:1px solid #a7b553; font-size:12px; width: 100%; text-align:center; table-layout:auto; border-spacing: 0px; border-collapse: collapse! } ##bigFrameWrapper .section_three .visible_data{ width:95.5%; border-collapse: collapse; border-spacing: 2px 2px; } #bigFrameWrapper .section_three .visible_data input{ margin-top: 0px; margin-bottom: 2px; vertical-align: middle; } #bigFrameWrapper .section_three .visible_data th{ background-color:#bdd15a; border-left:1px solid; border-right:1px solid; border-color:#a7b553; } #bigFrameWrapper .section_three .visible_data td{ font-size:12px; border-left:1px solid; border-right:1px solid; border-color:#a7b553; } ##bigFrameWrapper .section_three .visible_data th, ##bigFrameWrapper .section_three .visible_data td{ border-left:2px solid; border-right:2px solid; border-color:#a7b553; } #bigFrameWrapper .section_three .visible_data .column1{ width:24%; } #bigFrameWrapper .section_three .visible_data .column2{ width:19%; } #bigFrameWrapper .section_three .visible_data .column3{ width:24%; } #bigFrameWrapper .section_three .visible_data .column4{ width:100%; } #bigFrameWrapper .section_three .visible_data .odd_line{ background-color:#f2fdbc; } #bigFrameWrapper .section_three .visible_data .even_line{ background-color:#c9d7b3; } /* -----------------------section four *--------------------------------- */ #bigFrameWrapper .section_four{ margin-bottom: 5px; } #bigFrameWrapper .section_four .column_left{ float:left; width:325px; } #bigFrameWrapper .section_four .column_right{ float:left; margin-left:15px; display:inline; width:398px; } /****************************** TOP10 ********************************/ #bigFrameWrapper .bigFrame_top10 .frameContent{ border-left:6px solid #AFBB50; border-right:5px solid #AFBB50; margin-right:0; width:858px; padding-left:10px; float:left; display:inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_one{ float:left; margin-top:22px; display:inline; width: 100%; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_one .column_left{ float:left; padding-top:4px; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_one .column_left .column_left_title{ font-size:30px; color:#768913; overflow:hidden; width:550px; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_one .column_left .column_left_subtitle{ font-weight:bold; color:#b42b00; padding-top:1px; font-size:12px; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_one .column_right{ float:right; margin-right: 20px; display:inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two{ float:left; margin-top:25px; display:inline; width: 100%; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_left{ float:left; width:72%; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_left .longtext{ color:#768913; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_left .top10info{ background-image: url("../images/top10_specialfonts_top10.png"); background-repeat: no-repeat; height:26px; display:block; float:left; width:300px; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_left .top10link{ height:21px; display:block; margin-top:5px; text-align:right; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_left .top10info_selected{ background-image: url("../images/top10_specialfonts.png"); background-repeat: no-repeat; height:26px; display:block; float:left; width:300px; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_left img{ margin-bottom:7px; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_right{ float:left; margin-top:15px; margin-left:40px; display:inline; position: relative; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_two .column_right img{ float:left; width:167px; height:128px; display: inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_three{ float:left; margin-top:40px; display:inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .line_four{ float:left; margin-top:0.1em; display:inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction{ float:left; position:relative; width:167px; margin-right:2px; display:inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .thumb{ float:left; width:167px; height:128px; display: inline; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .thumb_frame{ background-image: url("../images/top10_placeholder128.gif"); background-repeat: no-repeat; position: absolute; width: 167px; height: 128px; left:0px; top:0px; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .thumb_frame_selected{ background-image: url("../images/top10_placeholderselected128.gif"); background-repeat: no-repeat; position: absolute; width: 167px; height: 128px; left:0px; top:0px; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .button:hover .thumb_frame{ background-image: url("../images/top10_placeholderselected128.gif"); } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .banner{ background-color:#FFFFFF; display:block; height:32px; left:5px; opacity:0.7; position:absolute; top:90px; width:159px; filter:Alpha(opacity=70); -moz-opacity:0.7; opacity:0.70; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .banner_texts{ display:block; position:absolute; width:158px; height:32px; top:90px; left:5px; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .banner_texts .big_text_black{ color:#2D340B; display:block; font-size:30px; font-weight:bold; left:3px; position:absolute; top:0; } #bigFrameWrapper .bigFrame_top10 .frameContent .topAction .banner_texts .text_red{ display:block; position:absolute; left:40px; top:9px; font-size:12px; font-weight:bold; color:#b42b00; height: 15px; overflow: hidden; width:120px; } /******************************TAB NAVIGATION********************************/ #tabNavigation{ margin-left:0px; } #tabNavigation .tab, #tabNavigation .tabselected{ float: left; margin-left:10px; display:inline; position: relative; z-index: 10; } ##tabNavigation .tab, ##tabNavigation .tabselected{ margin-left:10px; } #tabNavigation .tab a, #tabNavigation .tabselected a{ float: left; height: 43px; cursor: pointer; } #tabNavigation .tab a .title, #tabNavigation .tabselected a .title{ color:#1B4B0B; float:left; font-size:12px; font-weight:bold; margin-top:7px; text-align:center; } #tabNavigation .tab .left, #tabNavigation .tabselected .left{ float: left; width: 13px; height: 43px; background-image: url("../images/tab1_left.gif"); background-repeat: no-repeat; background-position: left top; } #tabNavigation .tab .center, #tabNavigation .tabselected .center{ float: left; height:27px; margin-top:7px; display: inline; border-top: 2px solid #acbc48; border-bottom: 2px solid #acbc48; background-color: #eefdb9; } #tabNavigation .tab .right, #tabNavigation .tabselected .right{ float: left; width: 16px; height: 43px; background-image: url("../images/tab1_right.gif"); background-repeat: no-repeat; background-position: left top; } #tabNavigation .tabselected{ z-index: 50 !important; } #tabNavigation .tabselected a .title{ margin-top:9px; } #tabNavigation .tabselected .left{ width: 11px; background-image: url("../images/tab1_selected_left.gif"); } #tabNavigation .tabselected .center{ height:33px; margin-top:1px; background-color: #c1d8b2; } #tabNavigation .tabselected .right{ width: 15px; background-image: url("../images/tab1_selected_right.gif"); } #tabNavigation .second, #tabNavigation .third, #tabNavigation .fourth, #tabNavigation .fifth, #tabNavigation .sixth, #tabNavigation .seventh, #tabNavigation .eighth{ margin-left: -12px; } #tabNavigation .second{ z-index: 9; } #tabNavigation .third{ z-index: 8; } #tabNavigation .fourth{ z-index: 7; } #tabNavigation .fifth{ z-index: 6; } #tabNavigation .sixth{ z-index: 5; } #tabNavigation .seventh{ z-index: 4; } #tabNavigation .eighth{ z-index: 3; } /******************************Information********************************/ #informationLeft{ margin-top: 0px; float:left; width: 600px; } #informationRight{ margin-top: 0px; margin-bottom: 30px; float:right; } #infoTopNav{ font-size: 12px; margin-left:55px; width:650px; } #informationLeft .left{ /*background-image:url(../images/information_left_bg.png); background-repeat:no-repeat; width:48.7em; */ width:54.7em; font-size:12px; color:#2d2c2a; /*padding-left:57px;*/ } #informationLeft .left .top_bg{ background-image:url(../images/information_left_top_bg.png); background-repeat:no-repeat; width:639px; height:11px; float:left; display:inline; } #informationLeft .left .bottom_bg{ background-image:url(../images/information_left_bottom_bg.png); background-repeat:no-repeat; width:639px; height:11px; float:left; display:inline; margin-bottom:0px; } #informationLeft .left .content{ border-left:4px solid #AFBB50; border-right:4px solid #AFBB50; margin-left:1px; padding-left:57px; width:572px; float:left; display:inline; } ##informationLeft .left .content{ margin-top:-5px; } #informationRight .right{ width: 16.6em; font-size: 12px; margin-top:5px; margin-left:0px; display:inline; } #informationLeft .left h1 { color:#72B04D; font-size:17px; margin-bottom:20px; margin-left:5px; margin-left: 0px; } ##informationLeft .left h1 { padding-top:10px; } #informationLeft .left h2{ font-size:15px; padding-top:10px; } #informationLeft #ctl00_PlaceHolderMain_divIntroduction{ width:89%; } #informationLeft .PageContentSpace{ width:92%; } #informationLeft .imageContainerRight, #informationLeft .rightimage { float:right; /* width:268px; */ /* margin:0 0px 5px 5px; */ padding: 5px 5px 5px 5px; } #informationLeft .imageContainerRight img{ border-right:0px solid; border-top:0px solid; border-left:0px solid; border-bottom:0px solid; } #informationLeft .imageCaption { display:block; font-size:12px; font-style:normal; font-weight:normal; margin-left:10px; margin-bottom:10px; } #informationLeft .PageContentSpace{ margin-top:15px; } #informationLeft .left .ab12{ font-weight:bold; width:100%; vertical-align:top; } #informationRight .rightTop{ margin-bottom:30px; } #informationRight .rightBottom{ margin-top:7px; margin-bottom: 50px; } #informationRight .rightTop .line_one, #informationRight .rightTop .line_three, #informationRight .rightTop .line_five{ background-color:#d8ecfd; width:197px; padding-left:10px; font-weight:bold; padding-top:2px; font-size:15px; margin-left:1.2em 1px; } #informationRight .rightTop .line_one{ height: 20px; background-image:url(../images/information_marginal_frame_top.png); background-repeat:no-repeat; background-position: left top; padding-top: 8px; margin-left: 0px; } #informationRight .rightTop .line_ten{ height: 7px; background-image: url(../images/mySOS_marginal_frame_bottom.png); background-position: left top; background-repeat: no-repeat; } #informationRight .rightTop .line_three, #informationRight .rightTop .line_five{ border-left:3px solid #abbc45; border-right:3px solid #abbc45; margin-left: 0px; width: 191px; } #informationRight .rightTop .line_two, #informationRight .rightTop .line_four{ background-color:#CFEDBB; color:#2D340B; font-size:12px; line-height:20px; padding-top:8px; padding-left: 5px; padding-bottom: 5px; text-align:left; width:196px; font-weight: bold; border-left:3px solid #abbc45; border-right:3px solid #abbc45; } #informationRight .rightTop .line_four{ width: 196px; } #informationRight .rightTop .line_six, #informationRight .rightTop .line_seven, #informationRight .rightTop .line_eight, #informationRight .rightTop .line_nine{ padding-top:8px; border-left:3px solid #abbc45; border-right:3px solid #abbc45; padding-left:0px; width: 201px; } #informationRight .rightTop .line_nine{ padding-bottom: 5px; } #informationRight .rightTop .left_column{ margin-left:10px; float:left; display:inline; width:3.4em; } #informationRight .rightTop .line_six .left_column{ margin-top:5px; } #informationRight .rightTop .line_seven .left_column{ margin-top:3px; } #informationRight .rightTop .line_nine .left_column{ margin-top:3px; margin-left:11px; } #informationRight .rightTop .right_column{ margin-left:10px; float:left; font-size:12px; width: 61%; display:inline; } #informationRight .button:focus .startButtonImage, #informationRight .button:active .startButtonImage, #informationRight .button:hover .startButtonImage { background-image:url(../images/content_start_button_hover.png); } #informationRight .start_button .startButtonImage { background-color:transparent; background-image:url(../images/content_start_button.png); background-repeat:no-repeat; border:medium none; color:#ffffff; float:left; font-weight:normal; height:47px; padding-left:20px; padding-top:2px; width:206px; margin-bottom: 5px; margin-left: 4px; display:inline; } /******************************Footer********************************/ #pageFooter{ font-size: 10px; padding-top: 9px; padding-left: 12px; } #pageFooter ul{ list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } #pageFooter ul li{ float:left; padding-left:5px; padding-right:9px; } #pageFooter ul li a{ color:#333333; } #pageFooter ul .first{ padding-left: 15px; } #pageFooter .copyright{ padding: 0; padding-right: 70px; float: right; } #pageFooter .spacer{ background-image:url(../images/spacer.gif); background-position:right 3px; background-repeat:no-repeat; } .placeholder{ height:60px; width:200px; float: left; } /****************************** Invite a friend ********************************/ .AdressBookPanel { background-color:white; border:solid 1px #B1C839; margin-bottom:3px; padding: 2px; color: #B1C839; } .AdressBookPanel .AddressBookEmailCheckbox input { border:0px; } .InviteAFriendTopPanel { color: red; } .InviteAFriendLeftPanel { margin: 5px; } .InviteAFriendRightPanel { margin-top:20px; float:left; width:370px; } /****************************** JWP forms ********************************/ /****************************** JWP forms ********************************/ /****************************** JWP forms ********************************/ table.formHolder a { text-decoration:underline; } table.formHolder { font-family: Arial, Calibri, sans-serif; border-collapse:collapse; width:100%; } table.formHolder * { font-size:12px; } table.formHolder tr td { padding:3px 5px 2px 9px; height:5px; vertical-align:top; } table.formHolder tr td span.sosFormText { padding-top:4px; /* display:block; */ } table.formHolder tr.white td { padding:3px 0px 4px 0px; } table.formHolder tr.white { } table.formHolder tr th { background-color:#CFEDBB; font-size:14px; padding:7px 6px 7px 10px; text-align:left; } table.formHolder tr td.leftFormCol { text-align:right; padding-right:10px; } table.formHolder tr.topFormRowPadding td { padding-top:7px; } table.formHolder tr.bottomFormRowPadding td { padding-bottom:7px; } table.formHolder tr.bottomFormRowPaddingBig td { padding-bottom:16px; } table.formHolder tr.formSpacer td { height:8px; padding:0px!important; } table.formHolder tr td.leftCheck { padding:0px 0px 0px 0px; } table.formHolder tr td.rightCheck { padding-top:0px; padding-bottom:0px; } table.formHolder tr td input, table.formHolder tr td textarea{ background-color:#ffffff; background-repeat:repeat-x; border:1px solid #b1c839; margin-left:0px; /* float: left; */ color:#adc53b; padding-left:1px; } table.formHolder tr td input.inputText { width:194px; padding:0px 0px 0px 0px; } table.formHolder tr td .radioText input { background-color:transparent; border:0px; vertical-align: middle; margin-right:3px; } #content .greenLongButton:focus , #content .greenLongButton:active , #content .greenLongButton:hover { background-image:url(../images/button_greenLong.gif); } #content .greenLongButton { background-color:transparent; background-image:url(../images/button_greenLong.gif); background-repeat:no-repeat; border:medium none; color:#2d340b!IMPORTANT; font-weight:bold; font-size:12px; height:23px; width:331px; margin-bottom: 5px; margin-left: 1px; display:block; padding-top: 3px; text-align: center; } #content .greenButton:focus , #content .greenButton:active , #content .greenButton:hover { background-image:url(../images/button_oddline_hover.png); } #content .greenButton { background-color:transparent; background-image:url(../images/button_oddline.png); background-repeat:no-repeat; border:medium none; color:#2d340b!IMPORTANT; float:left; font-weight:normal; font-size:12px; height:19px; width:80px; margin-bottom: 5px; margin-left: 1px; display:inline; padding-top: 0px; text-align: center; } #content .greenButton a { color:#FFFFFF!IMPORTANT; } #content .greyButton { background-color:transparent; background-image:url(../images/button_disabled.png); background-repeat:no-repeat; border:medium none; color:#2d340b!IMPORTANT; float:left; font-weight:normal; font-size:12px; height:19px; width:80px; margin-bottom: 5px; margin-left: 1px; display:inline; padding-top: 0px; text-align: center; cursor: default; } #content .redButton:focus , #content .redButton:active , #content .redButton:visited , #content .redButton:hover { background-image:url(../images/button_red_hover.png); } #content .redButton { background-color:transparent; background-image:url(../images/button_red.png); background-repeat:no-repeat; border:medium none; color:#FFFFFF!IMPORTANT; float:left; font-weight:normal; font-size:12px; height:19px; width:80px; margin-bottom: 5px; margin-left: 1px; display:inline; padding-top: 0px; text-align: center; } #content .redButton a { color:#FFFFFF!IMPORTANT; } .jwpButton{ height: 25px; width: 120px; float: left; background-color: transparent; border: none; color: #FFFFFF!IMPORTANT; padding-top:1px; background-image: url("../images/button_start.png"); background-repeat: no-repeat; font-weight:normal; font-size: 12px; text-align: center; } .jwpButton:focus, .jwpButton:active, .jwpButton:hover{ background-image: url("../images/button_start_hover.png"); color: #FFFFFF!IMPORTANT; } .jwpButton a:focus, .jwpButton a:active, .jwpButton a:hover{ background-image: url("../images/button_start_hover.png"); color: #FFFFFF!IMPORTANT; } .jwpButton:link, .jwpButton:visited{ color: #FFFFFF!important; } .submitButton { height: 25px; width: 120px; float: left; background-color: transparent; border: none; color: #FFFFFF!IMPORTANT; padding-top:1px; background-image: url("../images/button_start.png"); background-repeat: no-repeat; font-weight:normal; font-size: 12px; text-align: center; } .submitButton .button { background-image:url(../images/button_start.png); background-repeat:no-repeat; color:#FFFFFF!IMPORTANT; float:left; height:23px; padding-top:2px; text-align:center; width: 120px; } .submitButton a, .submitButton a:link, .submitButton a:visited, .submitButton a:hover, .submitButton a:active, .submitButton a:focus{ color: #FFFFFF!IMPORTANT; text-decoration: none; } table.formHolder tr td .inputSelect { color:#ADC53B; border:1px solid #B1C839; } .ValidatorMessageClass { color:red; } .ms-WPBody, .ms-WPBody *, .ms-WPTitle, .ms-WPTitle *, .ms-WPBorder, .ms-WPBorder * { font-family: Arial, Calibri, sans-serif; font-size:12px; } .ms-long { width:150px; } #footer { width: 100%!important; } .skip { display: none; } /* ******************************** editorial toolbox ************************************** */ #articleToolBox { background-color:#AFBB50; height:30px; margin-bottom:0px; margin-top:10px; overflow:hidden; position:relative; width:639px; font-family:Arial,Calibri,sans-serif; font-size:12px; } #articleToolBoxContent { background-color:#CFEDBB; height:22px; margin:1px; overflow:hidden; padding:6px 10px 0; } ##articleToolBoxContent { height:23px; } #articleToolBoxContent .toolboxLink img { float:left; margin:1px 5px 0 0; } #articleToolBox .toolboxLink { float:left; } #articleToolBox .boxCornersBottom { width:100%; height:1px; clear:both; position:absolute; background-color: #AFBB50; bottom:0; overflow: hidden; } #articleToolBox .boxCornersTop { width:100%; height:1px; clear:both; position:absolute; background-color: #AFBB50; top: 0px; overflow: hidden; } ##articleToolBox .boxCornersTop { margin-left: -1px; } #articleToolBox .boxLeftCorner { width:1px; height:1px; background-color:#ffffff; float:left; } #articleToolBox .boxRightCorner { width:1px; height:1px; background-color:#ffffff; float:right; } /* used for preloading pics */ .hiddenPic {display:none;} .ms-WPBody div.listModule img.floatLeft { float:left; margin:0px 15px 5px 0px; } .ms-WPBody div.listModule img.floatRight { float:right; margin:0px 0px 5px 15px; } .ms-WPBody div.listModule h1 { color:#448831; font-size:17px; margin-bottom:20px; } .ms-WPBody div.listModule a { color:#448831!important; } .ms-WPBody div.mainSeparator { background-color:#72B04D; height:1px; margin: 10px 0px; width:100%; overflow:hidden; clear:both; } /* TEASERAD SPECIFIC STYLES */ #informationRight .box .boxHeader, #informationRight table .ms-WPHeader { } #informationRight .box .boxHeaderContent { background-image:url(../images/icon_teaserad.gif); background-color:#ABBC45; background-position:5px 4px; background-repeat:no-repeat; clear:both; font-size:14px; font-weight:bold; padding-bottom:2px; padding-left:25px; padding-top:4px; } #informationRight .box .boxContent { padding:4px 0px 10px; } #contactpoint { padding-right:15px; padding-left:15px; color:#333333; font-size:12px; } #contactpoint a { color:#f00; } .slm-layout-main a { font-size:12px!important; font-weight:700; color:#448831!important; } .ms-WPHeader td { border-color: #448831; } .ms-WPBody a:hover { color:#000000; text-decoration:none; } .ms-WPBody a:link, .ms-WPBody a:visited { color: #218026; text-decoration: none; } /* slideshow */ div.slideShow { font-size:12px; width:840px; height:464px; padding:17px; background-color:#FFF; overflow:hidden; color:#323232; } div.slideShow img { border:0; } div.slideShow div.slideShowHeader { height:43px; background-color:#ececec; overflow:hidden; margin-bottom:10px; } div.slideShow div.slideShowHeader h1 { font-size:16px; margin-top:0px; /*line-height:250%;*/ padding-left:11px; padding-top:13px; float:left; color:#323232; } div.slideShow div.slideShowHeader div.slideShowNavigation { margin:0px 6px 0px 6px; height:22px; width:288px; padding-top:14px; float:right; } div.slideShow div.slideShowHeader div.slideShowNavigation div.prevSlide { float:left; display:inline; margin-left:18px; background-image:url(../images/slideshow_prev.gif); background-position:left center; background-repeat:no-repeat; } div.slideShow div.slideShowHeader div.slideShowNavigation div.prevSlide a { padding-left:26px; text-decoration:none; color:#0E8C1E; } div.slideShow div.slideShowHeader div.slideShowNavigation div.imageCount { text-align:center; } div.slideShow div.slideShowHeader div.slideShowNavigation div.nextSlide { float:right; display:inline; margin-right:18px; background-image:url(../images/slideshow_next.gif); background-position:right center; background-repeat:no-repeat; } div.slideShow div.slideShowHeader div.slideShowNavigation div.nextSlide a { padding-right:26px; text-decoration:none; color:#0E8C1E; } div.slideShow div.slideShowMain { background-color:#ececec; margin-bottom:8px; width:840px; height:404px; } div.slideShow div.slideShowMain div.imageContainer { float:left; width:538px; height:404px; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat; } div.slideShow div.slideShowMain div.textContainer { float:left; height:404px; width:300px; } div.slideShow div.slideShowMain div.textContainer #tdDesc { padding:15px 18px 15px 18px; height:335px; overflow:hidden; } div.slideShow div.slideShowFooter { height:18px; padding-top:4px; background-color:#f7f7f7; } div.slideShow div.slideShowFooter span.author { float:left; display:inline; margin-left:11px; color:#979999; } div.slideShow div.slideShowFooter div.recommend { float:left; display:inline; height:18px; margin-left:18px; background-image:url(../images/recommend.gif); background-position:left center; background-repeat:no-repeat; } div.slideShow div.slideShowFooter div.recommend a, div.slideShow div.slideShowFooter div.recommend a:visited { padding-left:23px; color:#323232; text-decoration:none; } div.slideShow div.slideShowFooter div.recommend a:hover, div.slideShow div.slideShowFooter div.recommend a:focus, div.slideShow div.slideShowFooter div.recommend a:active { color:#0E8C1E; } div.slideShow div.slideShowFooter div.copyright { float:right; display:inline; margin-right:11px; }