html { height:100%; width:100%; padding:0; margin:0;} /* ****************************************************************************************** */ /* © 2011 MyArtside - Layout */ /* ****************************************************************************************** */ body.frontend { position:relative; width:100%; height:100%; min-width:960px; text-align:center; padding:0; margin:0; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:14px; } .mypage { position:relative; display:block; min-height:100%; margin:0 auto -615px auto !important; width:100%; text-align:left; } .mypage-center { width:1000px; margin: 0 auto; position: relative; } .mypage-footer { position:relative; width:100%; height:615px; min-width:960px; margin:0 auto -615px auto; } .mypage-footerspace { position:relative; clear:both; width:100%; height:615px; } body.frontend { background:#ffffff; } .content { position:relative; z-index: 100; text-align:left; color:#333333; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:14px; line-height:120%; } .content-pos { position:relative; float:left; margin:20px 0 20px 0; } .blue {color:#064C98 !important;} .white {color:#fff !important;} .content-produkte {position:relative; z-index: 100; text-align:left; color:#333333; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; font-size:14px; line-height:120%; width:680px; float:right; margin:20px 0 20px 0;} .sidebar {position:relative; width:245px; float:left; border-right:1px solid #064C98; top:15px; margin-bottom:25px;} .sidebar .sidebar-nav {position:relative; top:9px; width:215px; } .sidebar .sidebar-nav ul {position:relative; margin:0 0 40px 0; padding:0;} .sidebar .sidebar-nav ul li {padding:0; margin:0; list-style:none; line-height:120%;} .sidebar .sidebar-nav ul li a {color:#064C98; padding:0 0 10px 0; margin:0; font-size:14px; font-weight:bold;} .sidebar .sidebar-nav ul li ul {padding:0; margin:0 0 0 5px;} .sidebar .sidebar-nav ul li ul li {padding:4px 0 3px 4px; margin:0; border-bottom:1px solid #064C98;} .sidebar .sidebar-nav ul li ul li.last {border-bottom:none;} .sidebar .sidebar-nav ul li ul li a {padding:0; margin:0; font-weight:normal !important; font-size:13px;} .sidebar .sidebar-nav ul li ul li a:hover, .sidebar .sidebar-nav ul li ul li a.active {font-weight:bold !important;} .sidebar .sidebar-nav ul li ul li ul {padding:0; margin:0; display:block;} .sidebar .sidebar-nav ul li ul li ul li a.active ul {display:block !important;} .sidebar .sidebar-nav ul li ul li ul li {padding:1px 0 1px 8px; margin:0; border-bottom:none;} .sidebar .sidebar-nav ul li ul li ul li a {padding:0 0 0 0; margin:0; font-weight:normal;} .sidebar .sidebar-nav ul li ul li ul li:hover, .sidebar .sidebar-nav ul li ul li ul li.active {background:url(../images/produktseite-nav-li.png) 0 5px no-repeat;} .sidebar .sidebar-nav ul li ul li ul li a:hover, .sidebar .sidebar-nav ul li ul li ul li a.active {font-weight:normal !important; text-decoration:underline;} .mypage-header .mypage-center { position:absolute; top:0; left:50%; margin-left:-480px; height:100%;} .mypage-header { position:relative; padding-bottom:118px;} a#logo { position:absolute; left:0; top:31px; z-index:1000; } /*.nav { position:absolute; top:75px; right:0; z-index:1000;} .nav ul { position:relative; padding:0; margin:0; list-style:none; } .nav ul li { position:relative; padding:0 8px; margin:0; float:left; background:url(../images/nav-li.png) 0 3px no-repeat;} .nav ul li.last { padding-right:0;} .nav ul li.start { padding-left:0; background:none;} .nav ul li a, .nav ul li>span { display:block; padding:0; color:#064C98; font-size:15px; font-weight:normal; text-align:left; white-space: nowrap;} .nav ul li:hover a, .nav ul li a.active { color:#064C98; text-decoration:underline;} .nav ul li ul { display:none; margin-left:-20px; position:absolute; top:20px; z-index:10000; padding-top:25px;} .nav ul li:hover ul { display:block;} .nav ul li ul li{ position:relative; display:block; width:100%; padding:0; background:url(../images/bgnav.png);} .nav ul li ul li.start {background:url(../images/bgnav.png);} .nav ul li:hover ul li a { padding:0 20px; line-height:35px; font-size:15px; color:#064C98; font-weight:normal; border:none; text-decoration:none;} .nav ul li:hover ul li a:hover, .nav ul li:hover ul li a.active { color:#064C98; border:none; text-decoration:underline;} .nav ul li:hover ul li ul { display:none; } .nav ul li:hover ul li:hover ul { display:block; right:100%; top:0; margin-top:0; padding-top:0; padding-right:2px;} .nav ul li ul li a.hasChild { background:url(../images/pfeil.png) no-repeat 8px center; } .nav ul li ul li a.hasChild:hover, .nav ul li ul li a.hasChild.active { background:url(../images/pfeil.png) no-repeat 5px center !important; }*/ .rpicbox { position:relative; top:118px; left:0; border-bottom:2px solid #064C98; border-top:2px solid #064C98;} .rpicbox .img{ width:100% !important; z-index:0;} .mypage-center-slider { width:960px; margin: 0 auto; position:relative; z-index:100000; color:_COLOR5_;} .slider-txt-1 {font-size:20px; background:url(../images/slider-txt-1-bg.png) repeat; display:inline-block; color:#064C98; position:absolute; z-index:11; height:62px; line-height:54px; font-weight:bold; text-align:center; padding:0 65px 0 15px; right:0; bottom:140px;} .slider-txt-2 {font-size:15px; background:url(../images/slider-txt-2-bg.png) repeat; padding:20px 20px 15px 20px; display:inline-block; color:#fff; position:absolute; bottom:65px; z-index:10; right:0; width:500px;} .germany {position: absolute; background:url(../images/germany.png) no-repeat; width:107px; height:85px; bottom:50px; right:-45px; z-index:12;} .mypage-footer { background:url('../images/bg-footer.jpg') repeat-x;} .footer-style { text-align:left; height:100%; color:#fff; font-size:14px;} .footer-style a { color:#fff; } .footer-style a:hover, .footer-style a.active { color:#fff; text-decoration:underline;} .footer-line { position:relative; margin:20px 0 0 0; line-height:120%; } .footer-line p { display:inline-block; margin:0 0 0 80px; } ul.fnav { position:absolute; padding:0; left:0; margin:0; list-style:none; top:582px;} ul.fnav li { padding:0 6px 0 6px; margin:0; background: url('../images/footer-li.png') 0 center no-repeat; float:left;} ul.fnav li.start { background:none; padding-left:none; } .webcopy { position:absolute; right:0; top:575px; } .changeToMobil { position:absolute; left:300px; top:570px; z-index:1000; } .changeToMobil a { display:block; background: url('../images/icon-mobil.png'); height:40px; width:40px; } .partner ul {position:relative; padding:0; margin:0;} .partner ul li {float:left; background:none; list-style:none; padding:0 0 0 38px;} .partner ul li.start {padding-left:0;} .partner ul li a {display:block; text-indent:-10000px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; opacity:0.5;} .partner ul li a:hover {opacity:1;} .partner ul li a.partner-1 {background: url('../images/partner-1.png'); width:137px; height:27px; margin:6px 0 0 0;} .partner ul li a.partner-2 {background: url('../images/partner-2.png'); width:218px; height:20px; margin:8px 0 0 0;} .partner ul li a.partner-3 {background: url('../images/partner-3.png'); width:125px; height:34px;} .partner ul li a.partner-4 {background: url('../images/partner-4.png'); width:159px; height:29px; margin:2px 0 0 0;} .partner ul li a.partner-5 {background: url('../images/partner-5.png'); width:164px; height:37px;} .mypage-footer .footer-nav {position:relative; top:12px;} .mypage-footer .footer-nav ul {position:relative; margin:0; padding:0;} .mypage-footer .footer-nav ul li {padding:4px 0; margin:0; list-style:none; line-height:120%;} .mypage-footer .footer-nav ul li a {color:#064C98; padding:0; margin:0; font-size:12px; font-weight:bold;} .mypage-footer .footer-nav ul li ul {padding:0; margin:0 0 0 8px;} .mypage-footer .footer-nav ul li ul li {padding:0; margin:0;} .mypage-footer .footer-nav ul li ul li a {padding:0; margin:0; font-weight:normal !important;} .mypage-footer .footer-nav ul li ul li ul {padding:0; margin:0 0 0 8px;} .mypage-footer .footer-nav ul li ul li ul li {padding:0; margin:0;} .mypage-footer .footer-nav ul li ul li ul li a {padding:0; margin:0; font-weight:normal; font-style:italic;} .border-right {border-right:1px solid #064C98;} .mypage-footer .footer-nav .special li a {display:none;} .mypage-footer .footer-nav .special ul li a {display:block;} .box-style {position:relative; width:100%; height:100%; top:-40px !important; z-index:10 !important;} .box-bg {background:#064C98; height:169px; padding:15px; width:206px;} .box-bg h2 {padding:0 0 15px 0; margin:0; color:#fff; font-weight:bold;} .box-bg p {padding:0; margin:0; font-size:13px; color:#fff;} .box-shadow {background:url('../images/box-shadow.png') no-repeat; display:block; width:230px; height:15px; position:absolute; bottom:-15px; left:50%; margin-left:-115px;} .produktinfo {position:relative; width:100%; height:739px; background:url('../images/bg-produktinfo.jpg') repeat-x;} .startseitenbox { position:relative; } .startseitenbox ul { padding:0; margin:0; list-style:none; } .startseitenbox ul li { padding:0; margin:0 0px 0 0; float:left; background:none; width:20%; height:150px; text-align:center; } .startseitenbox ul li a { display:block; padding:160px 0px 0px 0px; font-size:16px; font-weight:bold; white-space:wrap; text-decoration:none; color:#fff;} .startseitenbox ul li.btn-startseite-1 { background:url(../images/btn-startseite-1.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-2 { background:url(../images/btn-startseite-2.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-3 { background:url(../images/btn-startseite-3.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-4 { background:url(../images/btn-startseite-4.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-5 { background:url(../images/btn-startseite-5.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-6 { background:url(../images/btn-startseite-6.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-7 { background:url(../images/btn-startseite-7.png) no-repeat center 0; background-size:150px;} .startseitenbox ul li.btn-startseite-8 { background:url(../images/btn-startseite-8.png) no-repeat center 0; background-size:150px;} .startseitenbox ul li.btn-startseite-9 { background:url(../images/btn-startseite-9.png) no-repeat center 0; background-size:150px;} .startseitenbox ul li.btn-startseite-10 { background:url(../images/btn-startseite-10.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-11 { background:url(../images/btn-startseite-11.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-12 { background:url(../images/btn-startseite-12.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-13 { background:url(../images/btn-startseite-13.png) no-repeat center 0; background-size:150px; } .startseitenbox ul li.btn-startseite-14 { background:url(../images/btn-startseite-14.png) no-repeat center 0; background-size:150px; } .startseitenbox .btn-startseite-mitte-1 a { display:block; padding:160px 0px 0px 0px; font-size:16px; font-weight:bold; text-decoration:none; color:#fff; text-align:center;} .startseitenbox .btn-startseite-mitte-2 a { display:block; padding:160px 0px 0px 0px; font-size:16px; font-weight:bold; text-decoration:none; color:#fff; text-align:center;} .btn-startseite-mitte-1 { background:url(../images/1kreis.png) no-repeat center 0; background-size:150px; } .btn-startseite-mitte-2 { background:url(../images/2kreis.png) no-repeat center 0; background-size:150px; } .startseitenbox .hovertxt { display:none; position:absolute; color:#064C98; width:596px !important; z-index:2000; height:259px; left:187px; top:267px; text-align:left; padding:20px 0 0 0; background:#fff;} .startseitenbox .hovertxt h3 {text-weight:bold; font-size:18px; margin-bottom:10px;} .startseitenbox .hovertxt .img {margin:auto !important;} .startseitenbox .txtbox {display:none;} .link-blue {background:url('../images/link-blue.png') no-repeat; display:block; text-indent:-10000px; width:26px; height:26px; position:relative; float:right; padding:0 !important; margin:0 !important;} .probtn {background:url(../images/bg-box.png); position:absolute; width:319px; height:38px; line-height:38px; bottom:0; z-index:1000; text-align:left; font-size:16px; font-weight:bold; color:#fff; margin:0; padding:0 0 0 15px; border-bottom:1px solid #064C98; border-left:1px solid #064C98; border-righ:1px solid #064C98;} .proboxbut {background:url(../images/bg-box.png); display:block; width:304px; position:absolute; bottom:38px; left:0; text-align:left; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; line-height:120%; z-index:10000; height:162px; padding:10px 15px; border-top:1px solid #064C98; border-left:1px solid #064C98; border-righ:1px solid #064C98;} .box-style-produkte {border:1px solid #064C98; color:#fff;} .box-style-produkte p {font-size:13px !important; line-height:120%; margin-bottom:10px !important;} .img-pos {margin:auto;} .box-style-produkte ul li {font-size:13px !important; background:url(../images/produkte-li.png) 0 7px no-repeat !important; padding:0 0 0 10px;} .justprint { display:none !important; } fieldset { position:relative; padding:0; margin: 0; clear:both; } fieldset label { clear:both; width: 29%; display:inline-block; float:left; padding:0; margin:0; } fieldset input { width:65%; display:inline-block; float:left; padding:0; margin:0; } fieldset textarea { width:65%; display:inline-block; float:left; padding:0; margin:0; } fieldset select { width:65%; display:inline-block; float:left; padding:0; margin:0; } fieldset fieldset.multifieldset { position:relative; clear:both; left:26%; padding:0; margin:0; border:none; width:100%; display:block; } fieldset fieldset.multifieldset input { position:relative; clear:both; float:left; width:4%; border:none; } fieldset fieldset.multifieldset label { clear:none; padding:0; line-height:150%; float:left; width:61%; } fieldset input.plz { float:left; width:18%; } fieldset input.ort { float:left; width:50%; } .frml_end .pfl { float:right; } .frml_end .button { position:relative; left:29%; margin:0; } fieldset fieldset legend { background-color:transparent; padding:0; margin:0; } fieldset .captcha img { position:relative; clear:both; display:block; left:29%; margin:0 20px; } fieldset .captcha input { position:relative; float:left; width:100px; } .ctab { position:relative; display:table; padding:0; margin:0; top:0; clear:left; width:100%; z-index:1100; } .space { position:relative; width:100%; height:20px; overflow:hidden; clear:both; } .col { position:relative; float:left; } .vspace { position:relative; float:left; display:block; width:20px; overflow:hidden; height:1px; } .offset { margin-right:20px;} .content-size { width:960px; } body.newscontent { width:960px; } .col_1, .content-size { width:960px; } .col_2 { width:470px; } .col_3 { width:306px; } .col_4 { width:225px; } .col_5 { width:176px; } .col_6 { width:143px; } .col_7 { width:120px; } .col_8 { width:102px; } .col_3-2 { width:632px; } .col_4-3 { width:715px; } .cowidth { width:1000px; } .full .col_1 { width:998px } .full .col_2 { width:489px } .full .col_3 { width:319px } .full .col_4 { width:234px } .full .col_5 { width:183px } .full .col_6 { width:149px } .full .col_7 { width:125px } .full .content-size { width:998px } .full .col_3-2 { width:658px } .full .col_4-3 { width:742px } .full .cowidth { width:1038px } .ui-dialog { z-index:999999999 !important; } .ui-datepicker { font-size:14px } .alignright { float: right; margin:0; margin-left:20px;} .alignleft { float: left; margin:0; margin-right:20px;} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft span.pic-txt { position:relative; float:left; display:block; clear:both;} .alignleft .alignleft { margin:0; padding:0;} .revert-pic-left { float:right; } .revert-pic-right { float:left; } .pic-left { float:left; overflow:hidden; margin-right:10px; } .pic-right { float:right; overflow:hidden; margin-left:10px; } .content h1, .content .hl1, .hl1 { position:relative; padding:0; margin:0 0 10px 0; font-size:18px; color:#064C98; font-weight:normal; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; } .content h2, .content .hl2, .hl2 { position:relative; padding:0; margin:10px 0; font-size:15px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; } .content h3, .content .hl3, .hl3 { position:relative; padding:0; margin:0 0 10px 0; font-size:14px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif } .content h4, .content .hl4, .hl4 { position:relative; padding:0; margin:0 0 10px 0; font-size:14px; color:#333333; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif } .content h5, .content .hl5, .hl5 { position:relative; padding:0; margin:0; font-size:14px; color:#333333; font-weight:normal; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif } .content h6, .content .hl6, .hl6 { position:relative; padding:0; margin:0; font-size:14px; color:#333333; font-weight:normal; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif } hr, .hr { position:relative; margin:15px 0; height:1px; background:#064C98; line-height:0; overflow:hidden; display:block; border:none; } a { text-decoration:none; color:#333333; cursor:pointer; } a:hover { color:#333333; text-decoration:none;} .content a { color:#064C98; } .content a:hover { color:#000000; } .pdf { background-image:url('../images/pdf.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; margin:5px 0; line-height:20px; } .file { background-image:url('../images/pdf.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; margin:5px 0; line-height:20px; } .doc { background-image:url('../images/doc.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; } .xls { background-image:url('../images/xls.gif'); background-repeat:no-repeat; display:inline-block; padding-left:25px; } ul li, ol li { text-align:left; } .content ul { margin:0 0 20px 0; padding:0; list-style:none; } .content ol { margin:0 0 20px 10px; padding:0 0 0 15px; } .content ul li, .li { margin-bottom:0; background:url(../images/li.png) no-repeat 0 11px; } .frontend ul li { font-size:14px; } .frontend ol li { font-size:14px; } .box { background-color:#ddd; padding:20px; border:1px solid #ccc; } .frontend address { margin:0 0 13px 0; font-size:14px; } .content address { font-style:normal; } .content address .title { font-weight:bold; } .content address .plz-ort { display:block; } .content p,.text, .txt { margin:0 0 15px 0; font-size:14px; text-align:justify; } #toTop { display:none; text-decoration:none; position:fixed; bottom:20px; right:20px; z-index:2000; overflow:hidden; width:18px; height:18px; border:none; text-indent:100%; background:url('../images/scroll.png') no-repeat left top;} #toTopHover { background:url('../images/scroll.png');width:18px;height:18px;display:block;overflow:hidden;float:left;opacity:0;} #toTop:active,#toTop:focus { outline:none; } .togglegroup { margin:0; } .toggleme_title { cursor:pointer; padding:0; background:#043a76 url(../images/toggle-bg.jpg) no-repeat right 0; font-size:16px; color:#fff; font-weight:bold; line-height:120%; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; height:38px;} .toggleme_title h2, .toggleme_title { margin:0 !important; display:block; font-weight:normal; line-height:38px; padding-left:15px;} .toggleme_title.active { background:#043a76 url(../images/toggle-bg-active.jpg) no-repeat right 0; } .togglec { display:none; background:#043a76 url(../images/bg-box.png) repeat-y right 0; padding:10px 15px 0 15px; position:relative; height:100%;} .togglec p {color:#fff;} .content table { position:relative; margin-bottom:0; border-collapse:collapse;} .content table.w100p { width:100%; } .content table tr td { padding:0 5px 0 0; vertical-align:top; font-size:14px; min-width:40px; } .content table tr td p { padding:0; margin:0; } .content table.border { border:1px solid #cccccc; } .content table.border tr td, .content table.border tr th { padding:4px 5px; border:1px solid #cccccc; } .content table tr.row1 td { background-color:#f9f9f9; padding:5px 5px; } .content table tr.row0 td { background-color:#f3f2ed; padding:5px 5px; } .content table tr.ohne td { background-color:transparent; } .content table tr.thl td { background:#333333; color:#fff; padding:5px 5px; text-align:left; } .content table tr.thl th { background:#333333; color:#fff; padding:5px 5px; text-align:left; } .rpicbox img { display:block; width:100%; } .flexslider { position:relative; margin:0; overflow:hidden; } .flexslider ul { position:relative; padding:0; margin:0; list-style:none; } .flexslider ul li { padding:0 !important; background-image:none; margin:0; list-style:none; } .flexslider img { display:block; } .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .flexslider .flex-direction-nav { position:absolute; top:60%; width:100%; z-index:1100; } .flexslider .flex-direction-nav a { display:inline-block; float:left; margin:0 10px; width:11px; height:38px; background:url(../images/arrows.png) no-repeat 0 0; text-indent:-100000px } .flexslider .flex-direction-nav .flex-next { float:right; background-position:right 0; } .flexslider .flex-control-paging { position:absolute; bottom:30px; padding:0; margin:0; list-style:none; z-index:1000; width:440px; margin-left:-220px; left:50%;} .flexslider .flex-control-paging li { float:left; } .flexslider .flex-control-paging li a { display:inline-block; cursor:pointer; text-indent:-10000px; z-index:1000; margin:0 4px; background:url('../images/paging.png') no-repeat right 0; height:2px; width:138px;} .flexslider .flex-control-paging li a.flex-active { background:url('../images/paging.png') no-repeat 0 0; } .content img { max-width:100%; width:auto; } .img { position:relative; overflow:hidden; max-width:100%; z-index:1000; } .img .zoom { position:absolute; display:block; z-index:100; top:0; right:0; left:0; bottom:0; } .img .zoom:hover { background:url('../images/popup.png') no-repeat center center; } .img img { width:100%; display:block; } .auto img { width:auto !important; height:auto !important; max-width:100%; max-height:100%; margin:0 auto; } .img-height-100 img { min-height:100%; width:auto; max-width:none; } .img a.lightbox { position:relative; display:block;} .auto a.lightbox { position:absolute; top:0; left:0; width:100%; height:100%; } .img a { background-image:none; } .content .img_caption { position:absolute; padding:5px 10px; bottom:0; left:0; right:0; color:#fff; background:url(../images/trans.png); font-size:12px; display:inline-block; margin:0; line-height:100%; text-align:center;} .content .pages { position:relative; left:-50%; text-align:left; float:right; } .content ul.pagination { padding:0; list-style:none; position:relative; width:auto; margin:10px 0; left:50%; } .content ul.pagination li { float:left; padding:0; margin:0 2px 0 0; background-image:none; } .content ul.pagination li a { display:block; width:20px; height:20px; text-align:center; line-height:19px; color:#333333 !important; text-decoration:none; } .content ul.pagination li a.active { background:#064C98; color:#ffffff !important; } .st { margin-top:20px !important; } .sb { margin-bottom:20px !important; } .newscimg { max-width:100% !important; width:auto; } .newscontent p { margin:0; } body.content { background:#ffffff ; background-image:none; } .button,.content a.button{ padding:5px 20px; background:#064C98; color:#ffffff; cursor:pointer; display:inline-block; border:none; font-weight:bold; font-family:"Oxygen","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; } .button:hover,.content a.button:hover{ background:#333333; color:#ffffff; } .gmap_canvas { width:100% !important; } .google fieldset input { width:60%; } fieldset input:focus { border:1px solid #574A77; } fieldset textarea:focus { border:1px solid #574A77; } fieldset select:focus { border:1px solid #574A77; } .frml_end { position:relative; margin:-21px 0 0 0; border:none; } fieldset { border:none; background-repeat:repeat-x; margin:0 0 20px 0; padding:0 0 10px 0; } fieldset legend { position:relative; margin:0 0 10px 0; padding:0; font-weight:bold; } fieldset label { margin:5px 0; padding:5px 0 2px 0; width:25%;} fieldset label span { font-size:14px; } fieldset input { border:1px solid #ccc; margin:5px 0; padding:7px 5px; width:73%; } fieldset textarea { border:1px solid #ccc; margin:5px 0; padding:7px 5px; height:100px; width:73%;} fieldset select { border:1px solid #ccc; margin:5px 0; padding:7px 5px; width:712px;} .frml_end .button { margin:5px 20px; width:auto; border:none; left:220px;} .frml_end .pfl { margin:5px 0px; padding:2px 20px; font-size:14px; } fieldset fieldset.multifieldset legend { color:#333333; padding:0 5px; } fieldset fieldset.multifieldset { margin:0 0; } fieldset p { padding:0 20px; } input.error { border:1px solid #d30000; background-color:#ffdddd; } input.text { border:1px solid #d30000; background-color:#ffdddd; } input.error { border:1px solid #d30000; background-color:#ffdddd; } textarea.error { border:1px solid #d30000; background-color:#ffdddd; } select.error { border:1px solid #d30000; background-color:#ffdddd; } .error p { border:1px solid #d30000; background-color:#ffdddd; padding:10px; color:#333; } img { border:0; outline:none;} a img { border:0; outline:none; } map { border:0; outline:none; } video { width: 100% !important; height: auto !important; } .videoc { width: 100% !important; height: 100% !important; } .clear { position:relative; height:1px; line-height:1px; overflow:hidden; clear:both; width:100%;} .clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .nowrap { white-space: nowrap; } address { font-style:normal; } .bold { font-weight:bold; } .nobold { font-weight:normal; } .italic { font-style:italic; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .kapi { font-variant:small-caps; } .text-justify, .justify { text-align:justify !important; } .text-justify p, .justify p { text-align:justify !important; } .text-underline, .underline { text-decoration: underline; } .text-normal { font-style:normal; } .center, .text-center, .center p, .text-center p { text-align:center !important; } .text-right, .right , .text-right p, .right p { text-align:right !important; } .text-left, .left , .text-left p, .left p { text-align:left !important; } .black { color:#000 !important; } .tel { margin-top:0; display:inline-block; } .color1 { color:#333333 !important; } .color2 { color:#064C98 !important; } .color3 { color:#fff !important; } .color4 { color:#fff !important; } .tab { white-space:pre-wrap; } ul.cleanul { padding:0; margin:0; list-style:none; } ul.cleanul li { padding:0; margin:0; list-style:none; background:none; } .cssck{ position:relative; display:inline-block; font-size:22px; } .htmlck{ position:relative; display:inline-block; font-size:22px; margin-right:10px; } .ui-state-hover { background-image:none !important; background-color:#f0f0e8!important; border:1px solid #f0f0e8!important; } .ui-widget-content { border:1px solid #f0f0e8!important; box-shadow:0 0 2px #ccc; } .nopdf { background-image:none; padding-left:0; } .box-blau-content {background-color:#004B98 !important; font-size:12px !important; padding:10px 10px 1px 10px; color:#fff; } .txt-weiss {color:#fff !important; font-size:12px !important; padding:10px 0 0 15px; height:110px} .box-blau {background-color:#004B98 !important;} .txt-blau {color: #004B98; font-size:11px !important; font-style:italic; } .width236{ width:236px !important; } .width250{ width:250px !important; } .width260{ width:260px !important; } .width134{ width:150px !important; } .width600{ width:600px !important; } .width445{ width:445px !important; } .width515{ width:515px !important; } .width174{ width:174px !important; } .width227{ width:227px !important; } .width282{ width:282px !important; } .width238{ width:238px !important; } .height250{ height:250px !important; } .height275{ height:275px !important; } .pt35{ padding-top:35px !important; } .pt80{ padding-top:80px !important; } .pt20{ padding-top:20px !important; } .pb40{ padding-bottom:40px !important; } .ptb20{ padding-top:20px !important; padding-bottom:20px !important; } .ml5{ margin-left:5px !important; } .ml25{ margin-left:25px !important; } .ml20{ margin-left:20px !important; } .ml35{ margin-left:35px !important; } .ml12{ margin-left:12px !important; } .mt15{ margin-top:15px !important; } .mt33{ margin-top:33px !important; } .mt50{ margin-top:50px !important; } .mt70{ margin-top:70px !important; } .mt45{ margin-top:45px !important; } .mt18{ margin-top:18px !important; } .mb0{ margin-bottom:15px !important; } .space7{ position:relative; width:100%; height:7px; overflow:hidden; } .fs15{ font-size:15px !important; } .fs20{ font-size:20px !important; } .fs16{ font-size:16px !important; } .fl{ float:left; } .fr{ float:right; } .overflow-v{ overflow:visible !important; } .width330{ width:330px !important; } .width65{ width:65px !important; } .width170{ width:170px !important; } .width104{ width:104px !important; } .ml15{ margin-left:15px !important; } .mt20{ margin-top:20px !important; } .space15{ position:relative; width:100%; height:15px; overflow:hidden; } .mb20{ margin-bottom:20px !important; } .width80{ width:80px !important; } .mb21{ margin-bottom:21px !important; } .mb31{ margin-bottom:31px !important; } .mb38{ margin-bottom:38px !important; } .mb5{ margin-bottom:5px !important; } .space30{ position:relative; width:100%; height:30px; overflow:hidden; } .inline-block{ display:inline-block !important; } .mt40{ margin-top:40px !important; } .overflow-h{ overflow:hidden !important; } .width190{ width:190px !important; } .ml8{ margin-left:8px !important; } .width60{ width:60px !important; } .width200{ width:200px !important; } .mr20{ margin-right:20px !important; } .mb50{ margin-bottom:50px !important; } .width70{ width:70px !important; } .ib{ display:inline-block !important; } .width160{ width:160px !important; } .width75{ width:75px !important; } .mt10{ margin-top:10px !important; } .mb10{ margin-bottom:10px !important; } .mt30{ margin-top:30px !important; }/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; font-family:arial; } #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/overlay.png) repeat 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;} #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;} #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;} #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;} #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;} #cboxContent{background:#fff;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:0px; font-size:12px; left:0; text-align:left; width:100%; color:#949494; background:#fff; padding-top:2px;} #cboxCurrent{position:absolute; top:-13px; left:0px; color:#949494; font-size:9px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious, #cboxNext {border:0; padding:0; margin:0; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious { position:absolute; top:0px; left:10px; z-index:100000; height:100%; width:45%; text-indent:-10000px; } #cboxPrevious:hover {background:url('../images/prevlabel.png') left 45% no-repeat !important; } #cboxNext { position:absolute; top:0px; right:10px; z-index:10000; height:100%; width:45%; text-indent:-10000px; } #cboxNext:hover {background:url('../images/nextlabel.png') right 45% no-repeat !important;} #cboxClose{position:absolute; bottom:0px; right:0px; z-index:100000; background-image:url('../images/closelabel.png'); height:11px; width:10px; text-indent:-10000px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }*/.box_shadow_white { position:relative; overflow:hidden; width:100%; } .box_shadow_white div.boxc { position:relative; z-index:100; margin:9px; padding:0; background:url("../images/bgc.png") repeat 0 0; overflow:hidden; } .box_shadow_white .tl { position:absolute; height:12px; width:12px; left:0; top:0; background:url("../images/layer.png") no-repeat 0 0; } .box_shadow_white .t { position:absolute; height:12px; left:12px; right:12px; top:0; background:url("../images/layer2.png") repeat-x 0 0; } .box_shadow_white .tr { position:absolute; height:12px; width:12px; right:0; top:0; background:url("../images/layer.png") no-repeat -12px 0; } .box_shadow_white .b { position:absolute; height:12px; left:12px; right:12px; bottom:0; background:url("../images/layer2.png") repeat-x 0 bottom; } .box_shadow_white .bl { position:absolute; height:12px; width:12px; left:0; bottom:0; background:url("../images/layer.png") no-repeat 0 -12px; } .box_shadow_white .br { position:absolute; height:12px; width:12px; right:0; bottom:0; background:url("../images/layer.png") no-repeat -12px -12px; } .box_shadow_white .r { position:absolute; top:12px; bottom:12px; right:0; width:12px; background:url("../images/layer.png") repeat-y -36px 0; } .box_shadow_white .l { position:absolute; top:12px; bottom:12px; left:0; width:12px; background:url("../images/layer.png") repeat-y -24px 0; }.box_shadow_white { position:relative; overflow:hidden; width:100%; max-width:100% !important; } .box_shadow_white div.boxc { position:relative; z-index:100; margin:0; padding:0; border:1px solid #999; overflow:hidden; } .mobile .box_shadow_white { width:100% !important; } .mobile .box_shadow_white .img { width:100% !important; } .mobile .box_shadow_white .img img { width:100% !important; } .mobile .myslidebox .box_shadow_white { display:inline-block; width:100% !important; max-width:100%; margin:0 0 20px 0; } .mobile .myslidebox .shadow_only_bottom .img { height:100% !important; } .mobile .myslidebox .box_shadow_white { width:100% !important; } .mobile .myslidebox .box_shadow_white .img img { display:block; width:auto; } .thin {font-weight:normal !important;} .content table tr th {padding-bottom:3px; font-size:13px; } .content table tr td {padding-bottom:2px !important; padding-top:2px !important; border-bottom:1px solid #fff; font-size:13px !important;} .content .box-team {width:100%; height:125px; padding:15px 0 0 10px;} .content .box-team a {font-size:12px; color:#fff !important;} .content .box-team p {font-size:12px;} .link-white {background:url('../images/link-white.png') no-repeat; display:block; text-indent:-10000px; width:20px; height:20px; position:relative; float:right; } #mylang { position:absolute; top:40px; padding:0; right:0; z-index:30000; } #mylang .translation-links { padding:0; margin:0; list-style:none; } #mylang .translation-links li { float:left; margin:0 2px; } #mylang .translation-links li a { display:block; width:25px; height:16px; text-indent:-100000px; } #mylang .translation-links li a.de { background:url('../images/de.jpg'); } #mylang .translation-links li a.en { background:url('../images/en.jpg'); } #mylang .translation-links li a.cs { background:url('../images/cz.jpg'); } #mylang .translation-links li a.be { background:url('../images/be.jpg'); } #mylang .translation-links li a.nl { background:url('../images/nl.jpg'); } #mylang .translation-links li a.es { background:url('../images/es.jpg'); } #mylang .translation-links li a.it { background:url('../images/it.jpg'); } #mylang .translation-links li a.fr { background:url('../images/fr.jpg'); float:none; } #google_translate_element { display:none; }