/*default settings*/ a:link, a:visited { color: #003f5b; text-decoration: none; outline: none; } a:hover, a:active { color: #003f5b; text-decoration: none; outline: none; } @font-face { font-family:"Myriad"; src: url("../font/Myriad Pro/MyriadPro-Regular.otf"); font-weight:normal; /* IE9 */} @font-face { font-family:"Trebuchet MS"; src: url("../font/Myriad Pro/Trebuchet MS.ttf@") format(‘embedded-opentype’);font-weight:normal; /* IE9 */} body {font-family: "Myriad", "Trebuchet MS";} img {max-width: 100%;height: auto;border:0;} body { margin:0; padding: 0;} div.clear {clear:both;} /*general settings*/ /*home*/ #home {width: 100%; height: auto;margin: 0 auto; } #home #container-top {width: 100%; height:418px;background:url("../img/FNB_home img-21.png") no-repeat scroll center 0 transparent; /*background:url("../img/FNB_changes-21.png") no-repeat scroll center 0 transparent;*/ float: left;} #home #page-top {position: relative;} #home #page-top img {display: none; /*position: absolute; top: 0; left: 0;*/} /*header*/ #container-header {width: 100%; height: 85px; border-top: 4px solid #003f5b; margin: 0 auto;} #page-header {width: 902px; height: 100%; margin: 0 auto;} #logo {width:250px; height: 45px; float: left; padding-top: 18px;} #meta-navigation {width: 140px; height: 40px; float: right;} #meta-navigation ul {margin: 0; padding: 7px 0 0 0; float: right; color: #808080; width: auto; height: 100%;} #meta-navigation ul li {display: inline-block; margin-left:10px; text-transform: uppercase; font-size: 12px; width: 18px; height: 18px; line-height: 20px; text-align: center; } #meta-navigation ul li a:link, #meta-navigation ul li a:visited {color: #808080; display: block; width: 100%; height: 100%; /*border: 2px solid #808080;*/} #meta-navigation ul li a:hover, #meta-navigation ul li a:active {color: #003f5b; display: block; width: 100%; height: 100%; border: 2px solid #003f5b;} #meta-navigation ul li.lang-act a:link, #meta-navigation ul li.lang-act a:visited, #meta-navigation ul li.lang-act a:active, #meta-navigation ul li.lang-act a:hover {color: #003f5b; display: block; width: 100%; height: 100%; border: 2px solid #003f5b;} #meta-navigation ul li.lang-act-last a:link, #meta-navigation ul li.lang-act-last a:visited, #meta-navigation ul li.lang-act-last a:active, #meta-navigation ul li.lang-act-last a:hover {color: #003f5b; display: block; width: 100%; height: 100%; border: 2px solid #003f5b;} #main-navigation {width: 600px; height: 40px; float: right;} #main-navigation ul { margin:0; width: :100%; padding: 10px 0 0 0; float:right; font-size: 18px;} #main-navigation ul li {display: inline; margin-left: 16px; float: left; font-size: 18px; text-transform: uppercase;} #main-navigation ul li a {color: #003f5b;} #main-navigation ul li a:hover, #navigation ul li a:active {text-decoration:none; color:#75b0ca; !important;} #main-navigation ul li.act a:link, #main-navigation ul li.act a:visited, #main-navigation ul li.act a:active, #navigation ul li.act a:hover {text-decoration:none; color:#75b0ca; !important;} #main-navigation img {margin-bottom: 3px;} #main-navigation ul li.sub {padding-right:15px; background:url("../img/FNB_arrow_down-08.png") no-repeat scroll right center transparent;} #main-navigation ul li.sub:hover {padding-right:15px; background:url("../img/arrow_down_light-23.png") no-repeat scroll right center transparent; color:#75b0ca !important;} #main-navigation ul li.act-sub a:link, #main-navigation ul li.act-sub a:visited, #main-navigation ul li.act-sub a:active, #main-navigation ul li.act-sub a:hover {padding-right:15px; background:url("../img/arrow_down_light-23.png") no-repeat scroll right center transparent; color:#75b0ca;} #main-navigation ul li.act-sub ul.submenu a:link, #main-navigation ul li.act-sub ul.submenu a:visited, #main-navigation ul li.act-sub ul.submenu a:hover, #main-navigation ul li.act-sub ul.submenu a:active {background: none;} /*pageTopHomeNews*/ #lawyers-news {bottom: 32px;height: 170px;left: 74px;padding-top: 3px;position: absolute;width: 157px;} #lawyers-info {position: relative; z-index: 100; width: 100%; height: 100%;} #home #lawyers-01 h2, #home #lawyers-02 h2, #home #lawyers-03 h2, #home #lawyers-04 h2 {width:auto;padding: 0; font-size: 15px; text-indent: 0px; position: relative; z-index: 100; float: left;} #home #lawyers-01 h2 a, #home #lawyers-02 h2 a, #home #lawyers-03 h2 a, #home #lawyers-04 h2 a {color: #ffffff; position: relative; z-index: 100; line-height: 16px;} #home #lawyers-01 p, #home #lawyers-02 p, #home #lawyers-03 p, #home #lawyers-04 p {height:20px; color: #ffffff; font-size: 11px; text-indent: 0px; position: relative; z-index: 100; width: auto;} #home #lawyers-01, #home #lawyers-02, #home #lawyers-03, #home #lawyers-04 {width: auto; height: 47px;} #home #lawyers-01 img, #home #lawyers-02 img, #home #lawyers-03 img, #home #lawyers-04 img {float: left; margin: 4px 0 0 5px; display: block ;} #home #lawyers-01, #home #lawyers-02, #home #lawyers-03, #home #lawyers-04 { width: 148px; margin-left: 4px; padding-top: 14px; height: 27px;} #home #lawyers-01, #home #lawyers-02, #home #lawyers-03 { border-bottom: 1px solid #ffffff;} /*menuDividers*/ .menu-first {float: left;height: 40px;width: auto;} .menu-second {float: right;height: 40px;width: auto;} /*submenu*/ #main-navigation li:hover ul { /*color:#003f5b;position: absolute; z-index: 100; display: inline; list-style: none; width: 500px; background: none repeat scroll 0 0 transparent; margin: 24px -214px 0; float: left; padding: 0;}*/ display: block; height: auto; width: 160px; position: absolute; z-index: 100; margin: 0 auto; padding-bottom:6px;} #main-navigation li:hover ul li { height: 24px; margin: 0px 0 0px 0px; width: 160px; font-size: 18px;} #main-navigation .submenu {display: none; background-color: #003f5b;} #main-navigation ul.submenu {padding: 0;} #main-navigation ul.submenu li a:link, #main-navigation ul.submenu li a:visited { color:#ffffff; /*color:#003f5b;*/ text-transform: none; padding: 7px 3px 3px 6px; font-size: 16px; width: 160px; line-height: 34px;} #main-navigation ul.submenu li a:active, #main-navigation ul.submenu li a:hover {text-decoration:none; color:#75b0ca;/*color:#003f5b;*/ text-transform: none; padding: 7px 3px 3px 6px; font-size: 16px; width: 160px; line-height: 34px;} #main-navigation .submenu ul li {width: 80px; font-size: 15px;} #main-navigation ul.submenu li.first { border-bottom: 1px solid #0a4761; border-top: none; padding-top: 0px;} #main-navigation ul.submenu li.first-act { border-bottom: 1px solid #0a4761; border-top: none; padding-top: 0px;} #main-navigation ul.submenu li.last {border-top: 1px solid #003244; border-bottom: none;} #main-navigation ul.submenu li {border-top: 1px solid #003244; border-bottom: 1px solid #0a4761; padding-bottom: 0px; padding-top: 0px;} #main-navigation ul li.act-sub ul.submenu { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: list-item;float: left;list-style: none outside none; margin: 12px -63px 0; position: absolute;width: 450px;z-index: 100;} #main-navigation .act-sub { width: 137px;} #main-navigation ul li.act-sub ul.submenu li a:link, #main-navigation ul li.act-sub ul.submenu li a:visited, #main-navigation ul li.act-sub ul.submenu li a:active { text-transform: uppercase; color: #003f5b; font-size: 13px;} #main-navigation ul li.act-sub ul.submenu li a:hover { text-transform: uppercase; color: #75b0ca; font-size: 13px;} #main-navigation ul li.act-sub ul.submenu li {border: none; padding: 0;} #main-navigation ul li.act-sub ul.submenu li.first-act {margin-top: 0px;} #main-navigation li.act-sub:hover ul {display: none;} #main-navigation ul li.act-sub:hover ul.submenu {} #main-navigation li.act-sub:hover ul li {width: auto; margin: 0 0 0 16px;} #main-navigation ul li.act-sub ul.submenu li.act a:active, #main-navigation ul li.act-sub ul.submenu li.act a:visited, #main-navigation ul li.act-sub ul.submenu li.act a:link, #main-navigation ul li.act-sub ul.submenu li.act a:hover {color: #75b0ca;} #main-navigation ul li.act-sub ul.submenu li.first-act a:active, #main-navigation ul li.act-sub ul.submenu li.first-act a:visited, #main-navigation ul li.act-sub ul.submenu li.first-act a:link, #main-navigation ul li.act-sub ul.submenu li.first-act a:hover {color: #75b0ca;} #main-navigation ul li.act-sub ul.submenu li.last-act a:active, #main-navigation ul li.act-sub ul.submenu li.last-act a:visited, #main-navigation ul li.act-sub ul.submenu li.last-act a:link, #main-navigation ul li.act-sub ul.submenu li.last-act a:hover {color: #75b0ca;} /*home-column-center*/ #home #container-column-center {width: 100%;} #home #container-column-center #column-center {width: 902px; margin: 0 auto;} #home #page-bottom {padding: 0;} #home #container-column-left {height: 17px;} /*frames*/ .csc-frame-frame1 {border-bottom: 1px solid #808080;float: left;padding-bottom: 13px;width: 100%;} #content .csc-frame-frame1 {border-bottom: 1px solid #808080;float: left;padding-bottom: 8px;width: 100%;} .csc-frame-frame2 { border-bottom: 1px solid #808080; padding-bottom: 10px;border-top: 2px solid #808080; padding-bottom: 10px;} .csc-frame-indent {border-bottom: 1px solid #808080;float: left;padding-bottom: 20px;width: 100%;} .transparency {background-color: #003f5b;height: 100%;left: 0;opacity: 0.6;position: absolute;top: 0;width: 100%;} #content #page-top .csc-frame-frame2 {display: none;} #content #page-middle .csc-frame-frame2 {display: none;} /*page-top*/ /*#container-top { width: 100%; height:622px; background:url("../img/slider image_home.png") no-repeat scroll center 0 transparent; float: left; }*/ #page-top {width: 902px; height: auto; margin: 0 auto; position:relative;} #home #page-top {width: 902px; height: 100%; margin: 0 auto; position:relative;} #content-top {width: auto; height: auto; position: absolute; bottom: 53px; left: 0; padding: 0 10px 10px 0; } #transparency { background-color: #003f5b; opacity: 0.8;position: absolute;top: 0;left: 0;width: 100%; height: 100%; filter:"alpha(opacity=80)"; -ms-filter:"alpha(opacity=80)"; /* old ie */} .employee-info {width: 100%; height: auto; position: relative; z-index: 10; opacity: 1;} h1 {font-size: 18px; color: #003f5b; text-align: left; margin: 3px 0; text-transform: none; font-weight: normal; display: inline-block;} .employee-info p {color: #ffffff; font-size: 11px; margin: 0 0 0 9px;} .separator {height: 2px; background-color: #ffffff; width: 90%; position: relative; z-index: 10; opacity: 1; margin: 4px auto 0;} /*page-bottom*/ #container-bottom {width: 100%; height: auto; float: left;} #page-bottom {width: 902px; height: auto; margin: 0 auto; /*border-bottom: 2px solid #808080;*/ padding-bottom: 36px;} #home h2 {padding:0px 0 10px 0 ; } #home p {font-size: 16px; color: #808080; text-align: left; margin:12px 0 0 0; line-height: 20px; display: inline-block; } h2 {color:#003f5b; margin: 0; padding:14px 0 0 0; font-size: 18px; text-align: left; text-transform: uppercase; font-weight: normal; display: inline-block; } #page-bottom p {font-size: 16px; color: #808080; text-indent: 0px; text-align: left; margin:12px 0 0 0; line-height: 21px; display: inline-block; } #contact #container-bottom {height: 1px;} /*footer*/ #container-footer {width: 100%; height: 120px; float: left;} #page-footer {width: 902px; height: 100%; margin: 0 auto;} #contact-info {width: 800px; height: 40px; margin: 0 auto; } #page-footer p {color:#808080; font-size: 11px; text-align: center; margin: 0 auto; width: auto; float: left; padding: 12px 7px 0 0; } #copyright {width: 420px; height: 40px; color: #808080; margin: 0 auto; font-size: 16px; text-align: center; padding-top: 14px;} .info { color:#003f5b; padding:18px 0 0 68px; width: auto;} .info-1, .info-2, .info-3 { font-size: 14px;} .info-1 {width: 370px; float: left; padding-left: 14px;} .info-2, .info-3 {width: 132px; float: left; padding-left: 40px;} #design-info { float: right; height: 50px; padding-top: 6px;} #design-info a:link, #design-info a:hover, #design-info a:active, #design-info a:visited { font-size: 11px;} /*column-center/contact*/ #container-column-center {width: 100%; height: auto;} #column-center {width: 100%; height: 100%; margin: 0 auto; /*border-bottom: 2px solid #808080;*/ position: relative;} #column-center img { position: absolute; top: 49px; right:0;} #contact-description {height: 80px; width:460px; float: left; color: #808080; margin-top:49px;} #column-center p {font-size: 16px; margin: 0; line-height: 20px;} #column-center br {line-height: 12px;} #column-center ul {width: auto;} .directions {width: 460px; height: auto; float: left;} h3 {color: #808080; font-size: 18px; margin: 0; padding-top: 18px; font-weight: normal; width: 412px;} #column-center ul {color: #808080; margin: 0;padding: 0 0 0 12px;text-align: left; font-size: 17px;} #column-center ul li {height: 23px;} /*page-cv*/ #content #container-middle {width: 100%; height: auto; float: left; padding-top: 5px; } #page-middle {width: 902px; height: auto; margin: 0 auto;} #page-middle p {color: #808080; display: inline-block; margin: 0; font-size: 16px; text-align: left;} #page-middle ul li {color: #808080;} #general-info {width: 100%; height: 501px; border-bottom: 2px solid #808080;} #employee { height: auto; width:700px; float: left;} h4 {display:inline-block;font-size: 18px; color:#003f5b; text-align: left; margin: 0; padding:23px 0 0 0; font-weight: normal; } #page-middle #employee p {display:inline-block; font-size: 16px; color: #808080; text-align: left; padding:3px 0 0 0; margin: 0;} #employee-2 {width: auto; height: auto; float: right;} #employee-2 ul { float: right; margin: 0; padding: 0;} #employee-2 ul li { display: inline-block; margin: 47px 0 0 20px;padding: 0; font-size: 14px;} #employee-2 ul li a {color: #808080;} #employee-2 ul li p {font-size: 16px;} #page-middle ul li img {margin: 0 3px 0 0; float: left;} #page-middle ul li p {margin: 0; float: left;} #page-middle img {margin-top:0px;} #employee-3 {width: 440px; height: auto; float: left; padding-top: 20px;} #employee-4 {width: 245px; height: auto; float: left; padding-top: 20px;} #employee-5 {width: auto; height: auto; float: right; padding-top: 31px;} #employee-5 a {color:#003f5b; font-size: 20px; display: inline-block; } #Tatigkeitsgebiete {width: 100%; height: auto; float: left; border-bottom: 2px solid #808080; padding-bottom: 10px;} .right {width: 480px; float: right; height: auto;} h5 {display: inline-block; width: 423px;height: auto;color:#003f5b; font-size: 17px; font-weight: normal; margin:0; float: left; padding-top: 2px; } .headline { padding-top: 7px;} #page-middle .headline p {margin: 0 0 0 10px;} .content ul { display: none; /*margin:0;padding: 0 0 0 14px;text-align: left;*/} .content ul li { display: none; /*font-size: 18px; color: #808080; line-height: 35px;*/} #Sprachen {float: left; height: auto; width: 100%; border-bottom: 2px solid #808080;} #Sprachen .right ul {height: 53px;margin: 10px 0 0;padding: 0 0 0 14px;width: auto;} #Sprachen .right ul li {float: left;font-size: 16px; width: 90px;} #Werdegang {float: left; height: auto; width: 100%; border-bottom: 2px solid #808080;} #Mitgliedschaften {float: left; height: auto; width: 100%; border-bottom: 2px solid #808080;} /*bulletlist*/ ul.csc-bulletlist li {display: inline-block;} /*ul*/ #page-middle ul {padding: 0 0 2px 14px; display: inline-block; width: 440px; /*margin: 0 0 0 23px;*/ line-height: 26px; list-style-image: url("../img/bulletin.3.png");list-style-type: disc; margin: 0; float: right;} #page-middle ul img {margin-bottom: 2px;} #home #container-middle {padding-top: 0px;} #container-bottom {height: auto;} #page-top p {font-size: 16px; margin: 0; line-height: 20px; color: #808080;} #page-top br {line-height: 8px;} #content #container-top {height: auto;} /*cv*/ h4 { text-indent: 3px;} #page-top p {color: #808080;display: inline-block;font-size: 16px;margin: 0;padding: 3px 0 0;text-align: left; width: 350px; float: left;} #content #page-top img {margin-top:0px; display: block;} table {width: 100%; color:#808080; font-size: 14px;} #page-top .td-last {text-align: right;} tr {height: 19px;} td {width: 50px;} /*faQ*/ .tx-irfaq-pi1 dd { line-height: 26px; } .tx-irfaq-pi1 dd ul {margin-left:0px !important; line-height: 26px; } .tx-irfaq-pi1 {width: 455px; float: right;} .tx-irfaq-pi1 dd p {padding-bottom: 11px; padding-left:18px;} .tx-irfaq-pi1 .additional-info {display:none;} .tx-irfaq-pi1 dl { margin:0px 0 0 0;} .tx-irfaq-dynheader {line-height: 26px; padding-bottom: 0px;} .csc-bulletlist { float: left; height: 22px; line-height: 25px !important;} .csc-bulletlist li {float: left; width: auto; margin-right: 36px;} ul.csc-bulletlist li {display: list-item; padding-bottom: 16px;} #page-middle .tx-irfaq-pi1 .tx-irfaq-dynans-visible ul {display: block; list-style-image: none !important; padding-bottom: 20px; width: 420px; padding-left: 32px; float: left;} #page-middle .tx-irfaq-pi1 ul {display: block; list-style-image: none !important;} #column-right ul {list-style-image: none;} /*slider*/ ul.slides {margin: 0 !important;} ul.slides li {display: none;} .slider { width: 100%; height: 343px; position: relative;} .flexslider { overflow: hidden; height: 100%;} #page-middle ul.slides { width: 100%; padding: 0; height: 100%;} .slider-area { width: 100%; height: 343px;} .text-box {} .slides:after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;} .slides, .flex-control-nav, .flex-direction-nav {list-style: none outside none;margin: 0; padding: 0; text-indent: -9999px;} #page-middle .flex-control-nav li a { padding: 0 0 0 20px; background: url("../img/FNB_slide_dots.png") no-repeat scroll 0 -24px transparent;cursor: pointer; width: 20px; height: 20px; text-indent: -9999px; display: block;} #content #page-middle .flex-control-nav {background: none repeat scroll 0 0 transparent;color: rgba(0, 0, 0, 0);float: right;font-size: 1;height: 20px;margin-top: 312px; margin-left: 424px;opacity: 1;position: absolute;text-align: right;width: 50px;z-index: 1001;} #content #page-middle .flex-control-nav li a:hover {background-position: 0px 2px; padding: 0 0 0 20px; } #content #page-middle .flex-control-nav li a.active {background-position: 0px 2px; padding: 0 0 0 20px; } #content #page-middle .flex-control-nav li { display: inline-block; height: 20px; width: 20px; margin-left: 4px; overflow: hidden;} .box-subheader {display: none;} #page-middle .flex-direction-nav ul {display: none;} /*slider*/ ul.slides {margin: 0 !important;} ul.slides li {display: none;} .slider { width: 100%; height: 343px; position: relative;} .flexslider {} #page-top ul.slides { width: 100%; padding: 0; height: 100%;} .slider-area { width: 100%; height: 343px;} .text-box {} .slides:after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;} .slides, .flex-control-nav, .flex-direction-nav {list-style: none outside none;margin: 0; padding: 0; text-indent: -9999px;} #page-top .flex-control-nav li a { padding: 0 0 0 20px; background: url("../img/FNB_slide_dots.png") no-repeat scroll 0 -24px transparent;cursor: pointer; width: 20px; height: 20px; text-indent: -9999px; display: block;} #content #page-top .flex-control-nav {background: none repeat scroll 0 0 transparent;color: rgba(0, 0, 0, 0);float: right;font-size: 1;height: 20px;margin-top: -29px; margin-left: 424px;opacity: 1;position: absolute;text-align: right;width: 50px;z-index: 1001;} #content #page-top .flex-control-nav li a:hover {background-position: 0px 2px; padding: 0 0 0 20px; } #content #page-top .flex-control-nav li a.active {background-position: 0px 2px; padding: 0 0 0 20px; } #content #page-top .flex-control-nav li { display: inline-block; height: 20px; width: 20px; margin-left: 4px; overflow: hidden;} .box-subheader {display: none;} /*#content {width: 100%; height: 1900px;margin: 0 auto; background:url("../img/FNB-kontakt.png") no-repeat scroll center 0 transparent;}*/ /*Tatigkeitsgebiete*/ #page-bottom ul { color: #003f5b; height: 167px; margin: 19px 0 0 78px; padding: 0; width: 373px; float: left;} #page-bottom ul li { font-size: 18px; display: list-item; width: 70px; float: left; font-weight: bold; line-height: 31px; width: 100%; } /*Contact*/ #contact #container-top {width: 100%; height: auto;} #contact #container-top #page-top {width: 902px; height: 400px; margin: 0 auto; background: url("../img/maps/map-04.png") no-repeat scroll 0 50px transparent;} #contact #container-top #page-top .right {width: 400px; float: right;} #contact #container-top #page-top .left {width: 400px; float: left;} #contact #container-top #page-top h1 {margin: 7px 0 0 0;} #contact #container-top #page-top p {float: right; width: auto;} #contact #container-column-left {width: 400px; height: 2px; float: left; } #container-column-center {width: 400px; height: auto;float: right;} #container-column-center p { float: right;font-size: 14px;margin: 10px 0 0;} #contact #container-top #page-top p {padding: 10px 0 0 0;} #home #container-column-center p { float: right;font-size: 16px;margin: 0;} #container-column-right {width: 902px; height: auto; float: left;} #contact #container-column-right {width: 902px; height: auto; float: left; border-bottom: 1px solid #808080;} #container-column-right p {font-size: 18px; padding-top: 16px; float: left;} #contact #container-column-right p {font-size:16px; padding-bottom: 19px;} #container-column-right b {font-size: 16px;} #container-column-right ul { float: right; width: 390px;} #container-column-right ul li {} #container-column-right h1 {font-size: 16px; font-weight: bold; text-transform: none; color:#808080; width: 404px; float: right; margin: 0; padding-top: 18px;} #content #page-bottom {padding: 0;} #content #page-header, #contact #page-header {border-bottom: 1px solid #808080;} #contact #page-top img {float: left;} #contact DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI {overflow: hidden; float: left;} #contact .left a:link, #contact .left a:visited, #contact .left a:active, #contact .left a:hover { color: #808080; line-height: 24px; font-size: 16px;} #contact #page-top img {display: none;} #contact #column-right img {width: 8px; height: 11px;} /*left-right*/ #container-column-right #left-right-content .right ul { line-height: 18px;} #container-column-right #left-right-content .right .csc-frame-frame1 { float: right; width: 902px;} #page-bottom .right, #column-right .right { width: 296px;} #page-bottom .left, #column-right .right {width: 404px;} #page-bottom .right ul.csc-bulletlist { width: auto; margin-left: 12px;} #page-bottom ul.csc-bulletlist li {padding-bottom: 0;} /*vcard*/ #page-top td a.vcard:link, #page-top td a.vcard:active, #page-top td a.vcard:visited, #page-top td a.vcard:hover {color: #808080;} #page-top a.vcard img {width: 17px !important; height: 17px !important; margin: 0 4px 0 0 !important;} #page-top #print img, {width: 17px !important; height: 17px; margin: 0 4px 0 0 !important;} #contact #page-top #print img {margin: 6px 0 1px 9px !important; display: block; } #print { width: 70px; float: right; cursor: pointer;} #contact #print { text-align: right;} #vcard { width: 70px; float: right;} #page-top #print p,#page-top #vcard p { width: auto; text-align: left; font-size: 14px; line-height: 12px; float: right; float: left; margin-left: 4px;} #page-top #print img,#page-top #vcard img {width: 17px !important; height: 17px !important; margin: 0 0 0 10px !important; float: left;} #content #page-top .td-last img {width: 8px; display: inline;} /*urlRedirection*/ #contact #page-top table {margin: 0 auto; float: left;} #contact #page-top #url {width: 100%; height: 368px; cursor: pointer; position: relative; border-bottom: 1px solid #808080; padding-bottom: 24px;} #contact #page-top #url p { position: absolute; color:#003f5b; font-size: 14px; bottom: 16px; right:7px; padding: 13px 0 0;} #contact #page-top #url img {position: absolute; bottom: 22px; right: 0px; display: block;} .print-image {display: none;} /*imageResizing*/ .csc-textpic .csc-textpic-imagewrap img {width: 100%;} /* iPads (portrait and landscape) ----------- */ @media only screen and (min-width: 768px) and (max-width: 1024px) { #page-header, #page-top, #home #container-column-center #column-center, #page-footer, #page-middle, #page-bottom, #container-column-right, #contact #container-top #page-top, #contact #container-column-right, #home #page-top {width: 700px;} #container-column-center, #container-column-left {width: 350px;} /*home*/ #home #container-top {background: url("../img/1 Home image 768.png") no-repeat scroll center 0 transparent;height: 431px;} #home #container-top {height: 431px;} #home #container-column-left {height: 16px;} /*header*/ #container-header {height: 123px;} #meta-navigation ul {padding: 44px 0 0;} #main-navigation {float: left; padding: 14px 0 0; width: 100%;} .menu-first, .menu-second {width: auto;} #main-navigation .menu-second li {} #main-navigation .menu-first li {} #main-navigation ul {margin: 0 118px 0 0;} /*footer*/ .info {padding: 20px 0 0;} .info-1 {padding-left: 23px;} .info-2, .info-3 {width: 118px; padding-left: 30px;} /*cv*/ h5 {width: 245px;} #page-middle ul {width: 410px;} #page-middle .tx-irfaq-pi1 {width: 427px;} #content .csc-frame-frame1 {padding-bottom: 5px;} /*slider*/ #page-bottom ul li {font-size: 17px;} #page-bottom ul {width: 318px; margin: 17px 0 0 28px; width: 318px; height: 165px; } #content #page-middle .flex-control-nav {margin-left: 324px; margin-top: 234px;} .slider {height: 280px;} /*slider*/ #page-top ul li {font-size: 17px;} #page-top ul {width: 318px; margin: 17px 0 0 28px; width: 318px; height: 165px; } #content #page-top .flex-control-nav {margin-left: 324px;} .slider {height: 264px;} .flex-direction-nav {display: none;} /*contact*/ #contact #container-top #page-top {background: url("../img/maps/map-05.png") no-repeat scroll 0 46px transparent; height: 396px;} #contact #container-top #page-top .right {width: 340px; float: right;} #contact #container-top #page-top .left {width: 340px; float: left;} #contact #container-top #page-top p {padding: 10px 0 0 0;} #container-column-right #left-right-content .right .csc-frame-frame1 { width: 700px;} #page-bottom .right, #column-right .right { width: 296px;} #page-bottom .left, #column-right .right {width: 370px;} #container-column-right #left-right-content .right ul {width: 260px; padding-bottom: 10px;} #container-column-right h1 {width: 274px; padding-top: 20px;} #container-column-right p {padding-top: 25px;} #page-bottom .right ul.csc-bulletlist { margin-left: 58px;} #main-navigation ul li.act-sub ul.submenu { position: absolute; z-index: 100; display: list-item; list-style: none; width: 500px; background: none repeat scroll 0 0 transparent; margin: 12px -64px 0; float: left;} #main-navigation .act-sub { width: 137px;} #main-navigation ul li.act-sub ul.submenu li a:link, #main-navigation ul li.act-sub ul.submenu li a:visited, #main-navigation ul li.act-sub ul.submenu li a:active { text-transform: uppercase; color: #003f5b; font-size: 13px;} #main-navigation ul li.act-sub ul.submenu li a:hover { text-transform: uppercase; color: #75b0ca; font-size: 13px;} #main-navigation ul li.act-sub ul.submenu li {border: none; padding: 0;} #main-navigation ul li.act-sub ul.submenu li.first-act {margin-top: 0px;} #main-navigation li.act-sub:hover ul {display: none;} #main-navigation ul li.act-sub:hover ul.submenu {} #main-navigation li.act-sub:hover ul li {width: auto; margin: 0 0 0 16px;} #main-navigation ul li.act-sub ul.submenu li.act a:active, #main-navigation ul li.act-sub ul.submenu li.act a:visited, #main-navigation ul li.act-sub ul.submenu li.act a:link, #main-navigation ul li.act-sub ul.submenu li.act a:hover {color: #75b0ca;} #main-navigation ul li.act-sub ul.submenu li.first-act a:active, #main-navigation ul li.act-sub ul.submenu li.first-act a:visited, #main-navigation ul li.act-sub ul.submenu li.first-act a:link, #main-navigation ul li.act-sub ul.submenu li.first-act a:hover {color: #75b0ca;} #main-navigation ul li.act-sub ul.submenu li.last-act a:active, #main-navigation ul li.act-sub ul.submenu li.last-act a:visited, #main-navigation ul li.act-sub ul.submenu li.last-act a:link, #main-navigation ul li.act-sub ul.submenu li.last-act a:hover {color: #75b0ca;} /*newsLawyersHome*/ #lawyers-news {display: none;} #page-middle .tx-irfaq-pi1 .tx-irfaq-dynans-visible ul {width: 410px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #page-header, #page-top, #home #container-column-center #column-center, #page-footer, #page-middle, #page-bottom, #container-column-right, #contact #container-top #page-top, #contact #container-column-right, #home #page-top {width: 440px;} #home #container-column-center p, #page-middle p, #page-middle ul li, #container-bottom p, #container-column-right h1, #contact #container-top #page-top p {font-size: 14px; line-height: 19px;} #home h2, #main-navigation ul li, #main-navigation ul.submenu li a, h4, h5, #contact #container-top #page-top h1, #page-middle h1 {font-size: 16px;} h5{width: 170px;} .info-1, .info-2, .info-3, table {font-size: 12px;} #home h2 {padding: 0 0 3px;} #home #container-column-left {height: 19px;} /*header*/ #container-header { height: 103px;} #logo {width: 216px;} #main-navigation ul li {margin-left: 22px; margin-top: 5px;} .menu-first {float: left;height: 40px;width: auto;} .menu-second {float: right;height: 40px;width: auto;} #main-navigation .menu-second li {float: left;} #main-navigation .menu-first li {float: left;} #main-navigation ul li {margin-left: 17px;} #meta-navigation ul li {font-size: 10px; height: 15px; width: 16px; line-height: 16px; } #meta-navigation ul {padding: 41px 0 0;} #meta-navigation ul li a:link, #meta-navigation ul li a:visited {/*border: 1px solid #808080;*/} #meta-navigation ul li a:hover, #meta-navigation ul li a:active {border: 1px solid #003f5b;} #meta-navigation ul li.lang-act a:link, #meta-navigation ul li.lang-act a:visited, #meta-navigation ul li.lang-act a:active, #meta-navigation ul li.lang-act a:hover { border: 1px solid #003f5b;} #meta-navigation ul li.lang-act-last a:link, #meta-navigation ul li.lang-act-last a:visited, #meta-navigation ul li.lang-act-last a:active, #meta-navigation ul li.lang-act-last a:hover { border: 1px solid #003f5b;} /*page-top*/ #home #container-top {background: url("../img/2 Home image 480.png") no-repeat scroll center 0 transparent;height: 279px;} #home #container-top {height: 279px;} #contact #container-top #page-top p {padding: 10px 0 0 0;} #contact #container-top #page-top h1 {margin: 7px 0;} /*footer*/ .info {padding:11px 0 0 19px;} .info-2 {padding-left:35px; width: 111px; float: left;} .info-3 { padding-left: 20px; float: left; width: 111px;} /*cv*/ h5 {width: 176px;} #page-middle ul {width: 224px; height: auto;} #page-middle .tx-irfaq-pi1 {width: 241px;} td.td-1 {width: auto;} td {width: auto;} dt.tx-irfaq-dynheader p {display: inline;} #page-middle .tx-irfaq-pi1 p {display: inline-block; width: 91%; float: left;} #page-middle .tx-irfaq-pi1 img {float: left; padding-right: 4px;} ul.csc-bulletlist li {padding-bottom: 0px; margin-top: 3px;} /*slider*/ #left-right-content .left , #left-right-content .right {width: 440px; } #contact #left-right-content .right {padding-bottom: 20px;} #left-right-content .left ul.csc-bulletlist li , #left-right-content .right ul.csc-bulletlist li {font-size: 16px; margin:0; line-height: 25px;} #left-right-content .left ul.csc-bulletlist li {padding-left: 12px;} #content #page-middle .flex-control-nav {margin-left: 199px; margin-top: 140px;} #page-bottom ul.csc-bulletlist {margin: 5px 0 0 14px; height: 120px;} #page-bottom ul.csc-bulletlist li { padding: 0;} #left-right-content .left ul.csc-bulletlist li { padding-left: 0;} .slider {height: 186px;} /*slider*/ #content #page-top .flex-control-nav {margin-left: 199px;} .slider {height: 167px;} .flex-direction-nav {display: none;} #content #page-top .csc-frame-frame1 {padding-bottom: 8px; } /*contact*/ #contact #container-top #page-top {background: url("../img/maps/map-06.png") no-repeat scroll 0 46px transparent; height: 298px;} #contact #container-top #page-top .right {width: 200px; float: right; padding: 0;} #contact #container-top #page-top .left {width: 200px; float: left;} #container-column-right h1 {float: left; padding-top: 14px;} #container-column-right #left-right-content .right .csc-frame-frame1 { width: 440px;} #left-right-content ul.left, #left-right-content ul.right {float: left;} #container-column-right #left-right-content .right ul {float: left;line-height: 18px;padding: 0;} #content #container-column-center {width: 100px;} #content #container-column-left {width: 300px;} #main-navigation ul li.act-sub ul.submenu { position: absolute; z-index: 100; display: list-item; list-style: none; width: 440px; background: none repeat scroll 0 0 transparent; margin: 2px -73px 0; float: left;} #main-navigation .act-sub { width: 137px;} #main-navigation ul li.act-sub ul.submenu li a:link, #main-navigation ul li.act-sub ul.submenu li a:visited, #main-navigation ul li.act-sub ul.submenu li a:active { text-transform: uppercase; color: #003f5b; font-size: 12px;} #main-navigation ul li.act-sub ul.submenu li a:hover { text-transform: uppercase; color: #75b0ca; font-size: 12px;} #main-navigation ul li.act-sub ul.submenu li {border: none; padding: 0;} #main-navigation ul li.act-sub ul.submenu li.first-act {margin-top: 0px;} #main-navigation li.act-sub:hover ul {display: none;} #main-navigation ul li.act-sub:hover ul.submenu {} #main-navigation li.act-sub:hover ul li {width: auto; margin: 0 0 0 18px;} #main-navigation ul li.act-sub ul.submenu li {margin: 0 0 0 18px; } #main-navigation ul li.act-sub ul.submenu li.act a:active, #main-navigation ul li.act-sub ul.submenu li.act a:visited, #main-navigation ul li.act-sub ul.submenu li.act a:link, #main-navigation ul li.act-sub ul.submenu li.act a:hover {color: #75b0ca;} #main-navigation ul li.act-sub ul.submenu li.first-act a:active, #main-navigation ul li.act-sub ul.submenu li.first-act a:visited, #main-navigation ul li.act-sub ul.submenu li.first-act a:link, #main-navigation ul li.act-sub ul.submenu li.first-act a:hover {color: #75b0ca;} #main-navigation ul li.act-sub ul.submenu li.last-act a:active, #main-navigation ul li.act-sub ul.submenu li.last-act a:visited, #main-navigation ul li.act-sub ul.submenu li.last-act a:link, #main-navigation ul li.act-sub ul.submenu li.last-act a:hover {color: #75b0ca;} /*urlContact*/ #contact #page-top #url {height: 270px; } /*newsLawyersHome*/ #lawyers-news {display: none;} #page-middle .tx-irfaq-pi1 .tx-irfaq-dynans-visible ul {width: 210px;} .csc-bulletlist li {margin-right: 36px;width: 70px;} } @media only screen and (min-width:320px) and (max-width: 479px) { #content {width: 100%; height:auto; float: left;} #page-header, #page-top, #home #container-column-center #column-center, #page-footer, #page-middle, #page-bottom, #container-column-right, #contact #container-top #page-top, #contact #container-column-right, #home #page-top {width: 292px;} #home #container-column-center p, #page-middle p, #page-middle ul li, #container-bottom p, #container-column-right h1, #contact #container-top #page-top p {font-size: 13px; line-height: 17px;} #home h2, #main-navigation ul li, #main-navigation ul.submenu li a, h4, h5, #contact #container-top #page-top h1, #page-middle h1 {font-size: 15px;} /*header*/ #container-header {height: 106px;} #page-header {width: 292px;} #logo {width: 184px; padding-top: 14px;} #meta-navigation { width: 106px; height: 30px; } #meta-navigation ul {padding: 33px 0 0 0;} #meta-navigation ul li {height: 14px; line-height: 18px; width: 14px; font-size: 10px; margin-left: 8px;} #meta-navigation ul li a:link, #meta-navigation ul li a:visited {/*border: 1px solid #808080;*/} #meta-navigation ul li a:hover, #meta-navigation ul li a:active {border: 1px solid #003f5b;} #meta-navigation ul li.lang-act a:link, #meta-navigation ul li.lang-act a:visited, #meta-navigation ul li.lang-act a:active, #meta-navigation ul li.lang-act a:hover { border: 1px solid #003f5b;} #meta-navigation ul li.lang-act-last a:link, #meta-navigation ul li.lang-act-last a:visited, #meta-navigation ul li.lang-act-last a:active, #meta-navigation ul li.lang-act-last a:hover { border: 1px solid #003f5b;} #main-navigation {width: 292px;} #main-navigation ul {padding: 3px 0 0 0; width: 100%} .menu-first {float: left;height: 45px;width: 102px;} #main-navigation .menu-first li {margin-left: 0; line-height: 20px; width: auto; display: list-item; list-style: none;} .menu-second {float: right;height: 40px;width: 152px;} #main-navigation .menu-second li {float: right; line-height: 20px; width: 126px; text-align: right;} /*page-top*/ #home #container-top {background: url("../img/3 Home image 320.png") no-repeat scroll center 0 transparent;height: 279px;} #home #container-top {height: 221px;} #contact #container-top #page-top p {padding: 10px 0 0 0;} #home #container-column-left {height: 10px;} #home h2 {padding: 0 0 8px;} #content #page-top .td-0 { /*width: 194px;*/ width: auto;} td {width: auto; float: left;} #page-top .td-last {float: right;} #content #page-top .td-last img {width: 6px;} #content #page-top .csc-frame-frame1 {padding-bottom: 0px; } /*footer*/ .info-1, .info-2, .info-3, table {font-size: 11px;} .info {padding: 12px 0 0 12px;} .info-1 { padding-left: 0; width: auto;} .info-2, .info-3 {width: 100px; padding:6px 0 0 20px;} #page-footer p {font-size: 8px;} #design-info { width: 109px; padding-top: 0; height: 31px;} /*cv*/ h5, .tx-irfaq-pi1, #page-middle ul {width: 260px; float: left; height: auto;} /*#page-middle ul.csc-bulletlist {width: 150px; float: right;}*/ /*slider*/ .slider {height: 128px;} #content #page-middle .flex-control-nav {margin-left: 118px; margin-top: 85px;} #contact .right {padding-bottom: 10px;} #page-bottom .right, #column-right .right, #page-bottom .left, #column-right .left {width: 270px; height: auto;} #page-bottom .right ul.csc-bulletlist li, #page-bottom .left ul.csc-bulletlist li {font-size: 15px; margin-left: 10px;} #page-bottom .left ul.csc-bulletlist {width: 244px; margin-left: 12px; height: auto;} #page-bottom .right ul.csc-bulletlist {margin-left: 12px; height: auto; margin-top:0; } .flex-direction-nav {display: none;} .right {float: left;} ul.csc-bulletlist li {padding-bottom: 5px;} #page-top #print p,#page-top #vcard p { width: auto; text-align: right; font-size: 11px; line-height: 12px; float: right;} #contact #page-top #print img, #page-top #print img,#page-top #vcard img {width: 11px !important; height: 11px !important; margin: 1px 3px 0 8px !important; float: left;} #page-top #print ,#page-top #vcard { width: auto; } #contact #page-top #print p { padding: 5px 0 0; margin: 0 0 0 3px;} #contact #page-top #print img { margin: 8px 0 0 55px !important;} #contact #print {float: right;} /*slider*/ .slider {height: 114px;} #content #page-top .flex-control-nav {margin-left: 118px;} .csc-space-after-14 { margin-bottom: 0;} /*contact*/ #contact #container-top #page-top {background: url("../img/maps/map-07.png") no-repeat scroll 0 41px transparent; height: 236px;} #contact #container-top #page-top .right {width: 100px; float: right; padding: 0;} #contact #container-top #page-top .left {width: 100px; float: left;} h1 {margin: 5px 0 0 0;} #container-column-left, #container-column-center {width: 100px;} #container-column-right h1 { width: 270px; padding-top: 10px;} #container-column-right #left-right-content .right .csc-frame-frame1 {width: 292px; float: left;} #container-column-right #left-right-content .right ul, #container-column-right #left-right-content .left ul {float: left;line-height: 18px;padding: 6px 0 0; margin-left: 6px;} #main-navigation ul li.act-sub ul.submenu { position: absolute; z-index: 100; display: list-item; list-style: none; width: 292px; background: none repeat scroll 0 0 transparent; margin: 0px -2px 0; float: left;} #main-navigation .act-sub { width: 137px;} #main-navigation ul li.act-sub ul.submenu li a:link, #main-navigation ul li.act-sub ul.submenu li a:visited, #main-navigation ul li.act-sub ul.submenu li a:active { text-transform: uppercase; color: #003f5b; font-size: 9px; padding: 7px 3px 3px 2px;} #main-navigation ul li.act-sub ul.submenu li a:hover { text-transform: uppercase; color: #75b0ca; font-size: 9px; padding: 7px 3px 3px 2px;} #main-navigation ul li.act-sub ul.submenu li {border: none; padding: 0;} #main-navigation ul li.act-sub ul.submenu li.first-act {margin-top: 0px;} #main-navigation li.act-sub:hover ul {display: none;} #main-navigation ul li.act-sub:hover ul.submenu {} #main-navigation li.act-sub:hover ul li {width: auto; margin: 0 0 0 0px;} #main-navigation ul li.act-sub ul.submenu li {margin: 0 0 0 0px; } #main-navigation ul li.act-sub ul.submenu li.act a:active, #main-navigation ul li.act-sub ul.submenu li.act a:visited, #main-navigation ul li.act-sub ul.submenu li.act a:link, #main-navigation ul li.act-sub ul.submenu li.act a:hover {color: #75b0ca; padding: 7px 3px 3px 2px;} #main-navigation ul li.act-sub ul.submenu li.first-act a:active, #main-navigation ul li.act-sub ul.submenu li.first-act a:visited, #main-navigation ul li.act-sub ul.submenu li.first-act a:link, #main-navigation ul li.act-sub ul.submenu li.first-act a:hover {color: #75b0ca; padding: 7px 3px 3px 2px;} #main-navigation ul li.act-sub ul.submenu li.last-act a:active, #main-navigation ul li.act-sub ul.submenu li.last-act a:visited, #main-navigation ul li.act-sub ul.submenu li.last-act a:link, #main-navigation ul li.act-sub ul.submenu li.last-act a:hover {color: #75b0ca; padding: 7px 3px 3px 2px;} /*newsLawyersHome*/ #lawyers-news {display: none;} #page-top a.vcard img {width: 8px !important; height: 8px !important; margin: 0 4px 0 0 !important;} #print { width: 40px; float: right;} #vcard { width: 40px; float: right;} /*urlContact*/ #contact #page-top #url {height: 212px; width: 288px; } #page-middle .tx-irfaq-pi1 .tx-irfaq-dynans-visible ul {width: 240px;} }