/* ######### GLOBAL ELEMENTS ######## */ body{text-align:center;background-color:#102E4A;padding:0px;margin:0px;font-family:arial,sans-serif} td {vertical-align:top;padding:0px;padding:0px} table{border-collapse:collapse} h1,h2,h3,h4 {font-family:"Trebuchet MS";font-size:24px;font-weight:normal;color:#04A4BC} /*margin:12px 0px 24px;line-height:26px;}*/ h1 {line-height:26px;} h2 {font-size:20px;} h3 {font-size:16px;color:black;margin-bottom:2px;font-weight:bold} .magenta {color:#FF0066;} .logo {width:200px; height:100px; cursor:pointer; } .printlogo {display:none;} /* ######### Backend compatible ######## */ #visual-portal-wrapper {text-align:left;background-color:white;} /* ######### LINKS ######## */ a {outline: none;text-decoration:none;} #content a, #right-panel a {font-weight:bold;} #content .inline:hover{color:#4C555C} #content .inline{color:#00D8FF} .jump a{display:block;background-image:url(./link_arrow.gif);background-position:right center;background-repeat:no-repeat;height:30px} #content .jump2 a{display:block;float:right;color:white;padding:2px;padding-left:12px;background-color:#00D8FF;width:42px;background-image:url(./link_arrow2.gif);background-repeat:no-repeat;background-position:left center;color:white;font-weight:bold;font-size:11px;margin:10px 0px} .link-style2{color:white;display:block;float:right;padding:10px 15px;background-color:#00D8FF;background-image:url(./link_arrow3.gif);background-repeat:no-repeat;background-position:0px 10px;color:#102E49;margin-left:15px;margin-right:-15px} #content img {border:0px;} /* ######### FORM ELEMENTS ######## */ .label {font-size:12px;text-align:right;padding:4px} /* ######### SEPARATORS ######## */ .separator-blue{border-bottom:#102E49 solid 10px;} .separator-line{border-bottom:#B2E3E8 solid 1px;margin:0 20px;} .separator-arrow{background-image:url(./header_bottom.gif);background-repeat:no-repeat;background-position:bottom;border:none;margin-bottom:-10px;height:21px;} /* ######### SITE CONTAINERS ######## */ #portal-container{width:980px;margin:0px auto;background-image:url(./head_bg.jpg);background-repeat:no-repeat;background-position:right top;text-align:left} #header{height:284px;} #content{float:left;background-color:white;width:720px;min-height:240px;color:#4C555C;font-size:12px;line-height:17px;} #right-panel{float:left;width:250px;height:200px;margin-left:10px;} #footer{height:200px;padding-top:10px;margin-top:0px;width:720px;background-color:#102E4A;} #navigation{float:left;width:720px;} #head-right{float:left;width:250px;margin-left:10px;} /* ######### HEAD ######## */ .head-sitelinks{background-image:url(./layer_transparent_white.png);padding:4px 0px 6px 9px;line-height:10px;} .head-sitelinks a{font-size:11px;color:#A3A5E2;text-decoration:none;margin-right:9px;} .head-eyecatcher{background-image:url(./head_eyecatcher_bg.gif);background-repeat:no-repeat;width:212px;height:162px;margin-top:82px;text-align:center;float:right;margin-right:15px} .head-eyecatcher img{} /* ######### ABOVE CONTENT ######## */ .abovecontent{font-family:"Trebuchet MS";border-top:#00B3D4 solid 8px;} /* ######### TIMELINE ######## */ iframe{border:none;padding:0px;width:980px;height:77px;overflow:hidden;margin-bottom:6px;margin-top:2px;} html* iframe{margin-bottom:10px;margin-top:3px;} /* ######### GALLERY ######## */ .gallery{font-family:"Trebuchet MS";border-top:#00B3D4 solid 8px;} .strip{height:auto;background-color:#00B3D4;background-repeat:no-repeat;background-position:0px 8px;border-bottom:#102E49 solid 10px} .heading{background-color:#00B3D4;height:80px;background-image:url(./header_bottom.gif);background-repeat:no-repeat;background-position:bottom;border:none} .heading-text{font-size:20px;background-color:#FF0066;color:white;line-height:17px;float:left;padding:15px 13px 14px;margin:13px 0px 0px 15px} .roof{background-color:#FF0066;height:165px;background-image:url(./header_bottom.gif);background-repeat:no-repeat;background-position:bottom;border:none;padding-top:15px;} .roof h1 {font-size:24px;line-height:26px;font-weight:normal;display:block;float:none;margin-bottom:5px;} .roof h2 {font-size:13px;line-height:18px;font-weight:normal;padding-left:30px;color:white;display:block} .gallery-content{height:220px;padding:5px 15px;} .darkblue{background-color:#102E49;float:left;width:auto;padding:0px 15px;padding-bottom:0px;color:#03A2C9} .darkblue h3{color:white;text-transform:uppercase;margin:0px;font-weight:normal;font-size:17px;margin-top:7px;} .darkblue h4{color:#FF0066;margin:0px;font-size:12px;} .darkblue div{margin-top:6px;margin-bottom:6px;font-size:11px;line-height:12px;width:390px} .darkblue.top{margin-top:159px} .darkblue.bottom{clear:left;font-family:arial,sans-serif;width:400px } .darkblue.bottom div {display:inline} /* ######### NAVIGATION ######## */ #navigation {margin-top:22px;} #navigation ul {list-style-type:none;margin:0px;padding:0px;} #navigation li {cursor:pointer} #navigation .level1.open, #navigation .level2.open {display:block} #navigation .hidden {display:none} #navigation .level0 {background-color:#00D8FF;padding-left:10px;width:200px;position:relative;height:173px; background-image:url(./bg_navlevel0.gif);background-repeat:no-repeat;background-position:right bottom;} #navigation .level0 li{background-color:#00B3D4;text-align:right;margin-bottom:0px;border-bottom:1px solid #00D8FF;} #navigation .level0 li a{color:#78F1FF;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;display:block;padding-top:3px;padding-bottom:2px;padding-right:15px;line-height:18px;} #navigation .level0 li a:hover{background-color:#00D8FF;color:white;font-size:12px;} #navigation .level0 .current { background-image:url(./navigation_current.gif); background-color:#00D8FF; background-repeat:no-repeat; background-position:left; font-size:15px; font-weight:bold; padding-right:15px; padding-top:6px; padding-bottom:5px; color:white } #navigation .level0 .current:hover{font-size:15px;} #navigation .level0.toplevel {background-color:#00D8FF;padding-left:10px;width:200px;position:relative;} #navigation .level0.toplevel li{background-color:#00B3D4;text-align:right;margin-bottom:1px;} #navigation .level0.toplevel li a{color:#9ADFEF;text-decoration:none;font-size:15px;font-weight:bold;text-transform:uppercase;display:block;padding-top:6px;padding-bottom:5px;padding-right:15px;} #navigation .level0.toplevel li a:hover{background-color:#00D8FF;color:white;font-size:15px;} #navigation .level0.toplevel .current{background-image:url(./navigation_current.gif);background-repeat:no-repeat;background-position:left;font-size:15px;font-weight:bold;padding-right:15px;color:white} #navigation .level1 {background-image:url(./layer_transparent.png);width:177px;position:absolute;left:210px;top:0px;height:163px;padding-top:10px;display:none} #navigation .level1 li{background-color:transparent;padding:0px;padding-left:36px;text-align:left;border-bottom:none;} #navigation .level1 li a{font-size:12px; font-weight:normal !important;text-transform:none;color:#00D8FF;padding:0px;padding-left:4px} #navigation .level1 .current{background-image:none;background-color:#FF0066;font-size:12px;font-weight:bold !important;color:white;line-height:10px;padding:4px 0px;width:100px;padding-left:4px} html* #navigation .level1 .current{line-height:14px;padding-top:2px;padding-bottom:0px} #navigation .level1 .open, #navigation .level1 li a:hover {background-color:transparent;color:white;font-weight:bold !important;} #navigation .level1 .current:hover{font-size:12px;background-color:#FF0066} #navigation .level2 {background-image:url(./layer_transparent2.png);width:333px;position:absolute;left:177px;top:0px;height:163px;padding-top:10px;display:none} #navigation .level2 li{background-color:transparent;padding:0px;padding-left:36px;text-align:left;border-bottom:none;} #navigation .level2 li a{font-size:11px; font-weight:normal !important;text-transform:none;color:#00D8FF;padding:2px 0px !important;line-height:12px;padding-left:4px !important} #navigation .level2 .current{background-image:none;background-color:#00B3D4;font-size:11px;color:white;line-height:12px;font-weight:normal !important;width:100px;padding-left:4px !important;padding-left:4px} #navigation .level2 .open, #navigation .level2 li a:hover {background-color:transparent;color:white;font-size:11px;font-weight:normal !important;} #navigation .level2 .current:hover{font-size:11px;background-color:#00B3D4} #navigation .right{float:right;clear:right;margin-right:50px;width:100px} #navigation .column2 {position:absolute;background:none;left:140px;top:10px} /* ######### TEASERBOX LIST ######## */ .teaserbox {border-bottom:#B2E3E8 solid 1px;padding-top:20px;margin-right:20px;} .teaserbox .teaser-image{float:left;margin-right:20px;} .teaserbox .teaser-image img{border:#E6EDF5 solid 6px;} .teaserbox .teaser-text h2{margin:0px;margin-bottom:8px;color:#04A4BE;font-size:18px;font-family:"Trebuchet MS";font-weight:normal} /* ######### NEWS LIST ######## */ .newsbox {border-bottom:#B2E3E8 solid 1px;padding-top:20px;margin-right:20px;} .newsbox .news-image{float:left;margin-right:20px;} .newsbox .news-image img{border:#E6EDF5 solid 6px;} .newsbox .news-text h3{margin:0px;margin-bottom:2px;color:black;font-size:13px;font-family:arial;font-weight:bold} .newsbox small{color:#FF0066;font-size:11px;} /* ######### CITE ######## */ .cite{float:right;width:200px;background-color:#ECF1F4;padding:85px 5px;margin-left:25px;color:black} .cite h3{color:#444;padding:5px 5px;font-size:13px;} .cite .quoted{background-image:url(./cite_start.gif);background-repeat:no-repeat;background-position:10px 0px;font-family:"Trebuchet MS";color:#888;font-size:15px;font-style:italic;padding:15px;line-height:20px;margin-top:20px} .cite small{font-size:11px} .cite .author{padding-left:15px} /* ######### SEARCH PORTLET ######### */ #portal-searchbox .hiddenStructure {font-size:14px;font-weight:bold} .searchSection label{font-size:12px;} #portal-advanced-search a{color:white;font-size:12px;width:150px !important} /* ######### PERSONALS PORTLET ######## */ #personals-portlet{border-bottom:#00ADCD solid 10px;margin-bottom:8px} #personals-portlet #personals-tabstrip {background-image:url(./personals_sprite.gif);height:29px;} #personals-portlet a{float:left;width:82px;height:29px;cursor:pointer;} #personals-portlet b{font-size:14px;font-weight:bold} #personals-portlet input, #personals-portlet select{background-color:#C7F6FF;border:none;margin:0px} #personals-portlet input.button, .searchButton{background-image:url(./button_bg.gif);border:0px solid white;color:#2392AE;font-weight:bold;font-size:11px;height:20px;} .button2 {background-image:url(./button_bg2.gif)!important; cursor:pointer;} .button3 {background-image:url(./button_bg3.gif)!important;cursor:pointer;} .strip-newsletter{background-position:0px 0px;} .strip-suchen{background-position:0px -29px;} .strip-kontakt{background-position:0px -58px;} a.newsletter{background-image:url(./newsletter_sprite.gif);background-repeat:no-repeat;background-position:0px -29px;} a.newsletter:hover, .strip-newsletter a.newsletter{background-image:url(./newsletter_sprite.gif);background-repeat:no-repeat;background-position:0px 0px;} a.suchen{background-image:url(./suchen_sprite.gif);background-repeat:no-repeat;background-position:14px -29px;} a.suchen:hover, .strip-suchen a.suchen{background-image:url(./suchen_sprite.gif);background-repeat:no-repeat;background-position:14px 0px;} a.kontakt{background-image:url(./kontakt_sprite.gif);background-repeat:no-repeat;background-position:12px -29px;} a.kontakt:hover, .strip-kontakt a.kontakt{background-image:url(./kontakt_sprite.gif);background-repeat:no-repeat;background-position:12px 0px;} /* ######### PERSONALS PORTLET ENGLISCH ######## */ .en a.suchen{background-image:url(./search_sprite.gif);background-repeat:no-repeat;background-position:14px -29px;} .en a.suchen:hover, .en .strip-suchen a.suchen{background-image:url(./search_sprite.gif);background-repeat:no-repeat;background-position:14px 0px;} .en a.kontakt{background-image:url(./contact_sprite.gif);background-repeat:no-repeat;background-position:12px -29px;} .en a.kontakt:hover, .en .strip-kontakt a.kontakt{background-image:url(./contact_sprite.gif);background-repeat:no-repeat;background-position:12px 0px;} .tabpage-newsletter{height:200px;background-color:#00D8FF;display:none;padding:10px;} .tabpage-suchen{height:150px;background-color:#01BCDF;display:none;padding:10px;} .tabpage-kontakt{height:150px;background-color:#038CA8;display:none;padding:10px;font-size:12px;color:silver;} #personals-portlet .tabpage-kontakt a {width:auto;float:none; color:#00D8FF;} /* ######### TWITTER PORTLET ######## */ #twitter-portlet{border-bottom:#102E4A solid 10px;margin-bottom:0px;} #twitter-portlet #twitter-tabstrip{background-image:url(./bg_sprite.gif);height:50px;} #twitter-portlet #twitter-tabstrip a{float:left;width:82px;height:50px;} #twitter-portlet #twitter-tabstrip p a{padding-top:12px;padding-left:20px;} #twitter_update_list li a,#twitter_update_list li span {font-family:arial,sans-serif;font-size:12px;color:white; } #twitter_div{padding-top:20px} #twitter_div ul {padding:0px 5px 0px 10px; list-style-type:none;margin:0px; } #twitter_div li {margin-left:0px;padding-left:0px;padding-bottom:10px;list-style-type:none; } #twitter_update_list li a {display:block;font-size:12px !important;color:#00D8FF;} #twitter_update_list li span a {display:inline;font-size:12px;color:#00D8FF;} .tabpage-twitter{height:auto;background-color:#22728D;display:none;margin-bottom:10px;} .tabpage-blog{height:auto;background-color:#1D5B72;display:none;padding:12px;font-size:12px;color:white;} .tabpage-blog span {font-size:14px;font-weight:bold} .tabpage-blog a {color:#00D8FF} .tabpage-rss{height:auto;background-color:#16495A;display:none;padding:12px;font-size:12px} .tabpage-rss span {color:white;font-size:14px;font-weight:bold} .tabpage-rss a {color:#00D8FF} .strip-twitter{background-position:0px 0px;} .strip-blog{background-position:0px -50px;} .strip-rss{background-position:0px -100px;} a.twitter{background-image:url(./twitter_sprite.gif);background-repeat:no-repeat;background-position:0px -50px;} a.twitter:hover, .strip-twit a.twitter{background-image:url(./twitter_sprite.gif);background-repeat:no-repeat;background-position:0px 0px;} a.blog{background-image:url(./blog_sprite.gif);background-repeat:no-repeat;background-position:3px -50px;} a.blog:hover, .strip-blog a.blog{background-image:url(./blog_sprite.gif);background-repeat:no-repeat;background-position:3px -0px;} a.rss{background-image:url(./xing_sprite.gif);background-repeat:no-repeat;background-position:8px -50px;} a.rss:hover, .strip-rss a.rss{background-image:url(./xing_sprite.gif);background-repeat:no-repeat;background-position:8px -0px;} .en a.rss{background-image:url(./xing_en_sprite.gif);background-repeat:no-repeat;background-position:8px -50px;} .en a.rss:hover, en .strip-rss a.rss{background-image:url(./xing_en_sprite.gif);background-repeat:no-repeat;background-position:8px -0px;} /* ######### PARTNER PORTLET ######## */ #partner-portlet{background-color:#D0D5DB;padding:1px 15px 10px;} #partner-portlet h3{padding:0px 0px 10px;color:#666A6D;font-size:11px;margin:5px 0 0 2px; } /* ######### IMAGE CONTAINER ######## */ .image-container{margin:7px 0px;} .image-container div{text-align:left;padding-left:10px;font-size:11px} .columimage {background-color:#ECF2F4;width:205px;} .columtext {padding-right:30px;overflow:hidden;} .dmhpbox table {margin:20px 0px;} .dmhpbox table h1, h2, h3, h4 {margin-top:0px;} .content_right{width:210px;text-align:center;} /* ######### TEASERBOX VERTICAL ######## */ .vertical-teaser{padding:10px 0px 0px 0px;} .teaserbox-vertical {width:210px;background-color:#00B3D4;padding-bottom:0px;text-align:left;} .teaserbox-vertical .block{padding:5px 10px;border-bottom:#57E8FF solid 1px;color:white;margin-bottom:10px;line-height:15px;height:110px; background-image:url(./link_arrow.gif); background-position:190px 90px; background-repeat:no-repeat; cursor:pointer;} .teaserbox-vertical .block.first{padding-top:5px;} .teaserbox-vertical .block.last{border:none;margin:0px;} .teaserbox-vertical .block h3{color:white;font-weight:normal;font-family:"Trebuchet MS";margin:10px 0px;font-size:18px;} .teaserbox-vertical .block span{font-size:12px;color:white;font-weight:normal;} /* ######### TEASERBOX HORIZONTAL ######## */ .teaserbox-horizontal {width:auto;background-color:#00B3D4;padding:10px;padding-bottom:0px;margin-left:0px;padding-bottom:10px;} .teaserbox-horizontal .block{width:212px;float:left;padding:5px 10px;color:white;line-height:14px;border-right:#66D1E5 solid 1px;} .teaserbox-horizontal .block.last{border:none;margin:0px;} .teaserbox-horizontal .block h3{color:white;font-weight:normal;font-family:"Trebuchet MS";color:white;margin-bottom:10px;margin-top:0px;font-size:18px;} .teaserbox-horizontal .block a{font-size:12px;color:white;} .teaserbox-horizontal .block .jump{} .teaserbox-horizontal .block .jump a{height:20px} /* TRIPLETEASERBOXWITHTEXT */ .dmhpbox {margin-left:30px;width:670px} /* ######### MAGENTA HOMEPAGEBOX ######## */ .magenta-hpbox {padding:10px;background-color:#FF0066;width:700px;} .magenta-hpbox h1{font-size:22px;line-height:24px;margin:5px} .magenta-hpbox .image{float:left;width:490px;overflow:hidden} .magenta-hpbox .text{float:left;width:190px;padding:10px;font-size:18px;color:white;line-height:20px;} .magenta-hpbox .small{color:white;margin-left:20px;margin-bottom:15px} /* ######### OTHER ######## */ .clear{clear:both;height:0px;} /* ######### JQUERY CAROUSEL ####### */ .absolute{position:absolute;} .jcarousel-control {position:absolute; z-index:1000; bottom:15px;right:15px;text-align: center;} .jcarousel-control a, .jcarousel-control a big{color:white !important} .jcarousel-control a {font-size: 14px;text-decoration: none;padding: 0px 6px;margin-right:2px;color: #eee;background-color: #00B3D4;font-weight: bold;} .jcarousel-control a.current{background-color:#FF0066;} .jcarousel-control a:focus, .jcarousel-control a:active {outline: none;} .control-link {position:absolute; z-index:1000; bottom:15px;right:15px;text-align: center;} .control-link a, .control-link a big{color:white !important} .control-link a {font-size: 14px;text-decoration: none;padding: 0px 6px;margin-right:2px;color: #eee;background-color: #00B3D4;font-weight: bold;} .control-link a.current{background-color:#FF0066;} .control-link a:focus, .control-link a:active {outline: none;} .toplinks .control-link {width:200px;bottom:0px;right:-2px;text-align:left;} .toplinks .control-link a{color:#AF0148;display:block;border-bottom:#AF0148 solid 1px;height:69px;background-color:#FF0066;padding-top:20px;font-size:13px;} .toplinks .control-link a.current {color:white} .toplinks .control-link a big {font-size:22px;display:block;font-family:"Trebuchet MS";font-weight:bold;margin-bottom:2px;} .jcarousel-scroll {margin-top: 10px;text-align: center;} .jcarousel-scroll form {margin: 0;padding: 0;} .jcarousel-scroll select {font-size: 75%;} .jcarousel-clip{width:700px !important;} #mycarousel-next, #mycarousel-prev {cursor: pointer;margin-bottom: -10px;text-decoration: underline;font-size: 11px;} .toplinks {background-color:#FF0066;padding:10px;} .toplinks .jcarousel-control {width:200px;bottom:0px;right:-2px;text-align:left;} .toplinks .jcarousel-control a{color:#AF0148;display:block;border-bottom:#AF0148 solid 1px;height:69px;background-color:#FF0066;padding-top:20px;font-size:13px;} .toplinks .jcarousel-control a.current {color:white} .toplinks .jcarousel-control a big {font-size:22px;display:block;font-family:"Trebuchet MS";font-weight:bold;margin-bottom:2px;} .toplinks .jcarousel-list li{height:270px} .toplinks #firstlink{height:70px} .toplinks .gallery-content .darkblue.top{margin-top:190px} .gallery .jcarousel-clip{width:720px !important;height:240px} /* ######### FORM ELEMENTS ######## */ input, select {border:none;background-color:#C7F6FF;} /* ######### CONTENT ######## */ .plone_content {padding:20px;width:680px !important;} .printfooter {padding:20px;width:680px !important;} .plone_content #footer {margin-left:-20px;margin-right:-20px;} .plone_content a {color:#04A4BC;} .internal-link, .external-link, .internal, .external {color:#04A4BC;} /* ######### IE6 HACKS ######## */ * html .toplinks .jcarousel-control {width:205px;top:0px;left:500px;text-align:left;} * html .jcarousel-clip{width:700px;} * html .jcarousel-control {top:210px;left:445px;text-align:right;width:260px;} * html .jcarousel-control {top:210px;left:445px;text-align:right;width:260px;} * html .toplinks .control-link {width:205px;top:0px;left:500px;text-align:left;} * html .control-link {top:210px;left:445px;text-align:right;width:260px;} * html .control-link {top:210px;left:445px;text-align:right;width:260px;} * html #personals-portlet #personals-tabstrip{height:29px;margin:0px;padding:0px;} * html #personals-portlet a {height:29px;margin:0px;padding:0px;display:block;} * html #navigation li a{margin:0px;height:10px;padding:0px;line-height:10px;} * html #navigation .level1, * html #navigation .level2 {background-image:url(./ie6_navbg.gif);} * html #navigation ul.level0{position:relative} * html #navigation ul.level1 li {overflow:hidden;height:16px;} * html #navigation .level2 {} * html .head-sitelinks{background-image:url(./ie6_navbg.gif);} * html iframe {margin-top:-8px} * html .clear {height:0px;line-height:0px;font-size:0px}