/* {thomsta} -Studio f�r visuelle Identit�t CSS */ /*Styles highlighter*/ /* SyntaxHighlighter 3.0.83 (C) 2004-2010 Alex Gorbatchev http://alexgorbatchev.com/SyntaxHighlighter */ .syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0!important;-webkit-border-radius:0 0 0 0!important;background:none!important;border:0!important;bottom:auto!important;float:none!important;height:auto!important;left:auto!important;line-height:1.1em!important;margin:0!important;outline:0!important;overflow:visible!important;padding:0!important;position:static!important;right:auto!important;text-align:left!important;top:auto!important;vertical-align:baseline!important;width:auto!important;box-sizing:content-box!important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;font-weight:normal!important;font-style:normal!important;font-size:1em!important;min-height:inherit!important;min-height:auto!important}.syntaxhighlighter{width:100%!important;margin:1em 0 1em 0!important;position:relative!important;overflow:auto!important;font-size:1em!important}.syntaxhighlighter.source{overflow:hidden!important}.syntaxhighlighter .bold{font-weight:bold!important}.syntaxhighlighter .italic{font-style:italic!important}.syntaxhighlighter .line{white-space:pre!important}.syntaxhighlighter table{width:100%!important}.syntaxhighlighter table caption{text-align:left!important;padding:.5em 0 .5em 1em!important}.syntaxhighlighter table td.code{width:100%!important}.syntaxhighlighter table td.code .container{position:relative!important}.syntaxhighlighter table td.code .container textarea{box-sizing:border-box!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;border:none!important;background:white!important;padding-left:1em!important;overflow:hidden!important;white-space:pre!important}.syntaxhighlighter table td.gutter .line{text-align:right!important;padding:0 .5em 0 1em!important}.syntaxhighlighter table td.code .line{padding:0 1em!important}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0!important}.syntaxhighlighter.show{display:block!important}.syntaxhighlighter.collapsed table{display:none!important}.syntaxhighlighter.collapsed .toolbar{padding:.1em .8em 0 .8em!important;font-size:1em!important;position:static!important;width:auto!important;height:auto!important}.syntaxhighlighter.collapsed .toolbar span{display:inline!important;margin-right:1em!important}.syntaxhighlighter.collapsed .toolbar span a{padding:0!important;display:none!important}.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline!important}.syntaxhighlighter .toolbar{position:absolute!important;right:1px!important;top:1px!important;width:11px!important;height:11px!important;font-size:10px!important;z-index:10!important}.syntaxhighlighter .toolbar span.title{display:inline!important}.syntaxhighlighter .toolbar a{display:block!important;text-align:center!important;text-decoration:none!important;padding-top:1px!important}.syntaxhighlighter .toolbar a.expandSource{display:none!important}.syntaxhighlighter.ie{font-size:.9em!important;padding:1px 0 1px 0!important}.syntaxhighlighter.ie .toolbar{line-height:8px!important}.syntaxhighlighter.ie .toolbar a{padding-top:0!important}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none!important}.syntaxhighlighter.printing .line .number{color:#bbb!important}.syntaxhighlighter.printing .line .content{color:black!important}.syntaxhighlighter.printing .toolbar{display:none!important}.syntaxhighlighter.printing a{text-decoration:none!important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black!important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200!important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue!important}.syntaxhighlighter.printing .keyword{color:#069!important;font-weight:bold!important}.syntaxhighlighter.printing .preprocessor{color:gray!important}.syntaxhighlighter.printing .variable{color:#a70!important}.syntaxhighlighter.printing .value{color:#090!important}.syntaxhighlighter.printing .functions{color:#ff1493!important}.syntaxhighlighter.printing .constants{color:#06c!important}.syntaxhighlighter.printing .script{font-weight:bold!important}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray!important}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493!important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red!important}.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black!important}.syntaxhighlighter{margin:0!important;background-color:#eee!important}.syntaxhighlighter .line{line-height:1.25!important}.syntaxhighlighter .line.alt1{background-color:#fff!important}.syntaxhighlighter .line.alt2{background-color:#fcfcfc!important}.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#ffc!important}.syntaxhighlighter .line.highlighted.number{color:black!important}.syntaxhighlighter table caption{color:black!important}.syntaxhighlighter .gutter{color:#afafaf!important}.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c!important}.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c!important;color:white!important}.syntaxhighlighter.printing .line .content{border:none!important}.syntaxhighlighter.collapsed{overflow:visible!important}.syntaxhighlighter.collapsed .toolbar{color:blue!important;background:white!important;border:1px solid #6ce26c!important}.syntaxhighlighter.collapsed .toolbar a{color:blue!important}.syntaxhighlighter.collapsed .toolbar a:hover{color:red!important}.syntaxhighlighter .toolbar{color:white!important;background:#6ce26c!important;border:none!important}.syntaxhighlighter .toolbar a{color:white!important}.syntaxhighlighter .toolbar a:hover{color:black!important}.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#000!important}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#808080!important}.syntaxhighlighter .string,.syntaxhighlighter .string a{color:#008200!important}.syntaxhighlighter .keyword{color:#069!important}.syntaxhighlighter .preprocessor{color:gray!important}.syntaxhighlighter .variable{color:#700!important}.syntaxhighlighter .value{color:#090!important}.syntaxhighlighter .functions{color:#000!important}.syntaxhighlighter .constants{color:#069!important}.syntaxhighlighter .script{font-weight:bold!important;color:#069!important;background-color:none!important}.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:#808080!important}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#909!important}.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:#909!important}.syntaxhighlighter .keyword{font-weight:bold!important} /*End Styles highlighter*/ /* Styles MenuMatic */ #nav a{float:left;margin:0} .subMenuParentBtn{} .subMenuParentBtnFocused{} .mainMenuParentBtn{} .mainMenuParentBtnFocused{} .smOW{position:absolute;overflow:hidden;display:none;margin:0 0 0 -2px;/*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden padding:0 2px;*/} #nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{margin:0;padding:0;line-height:1em;list-style: none} #nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{line-height:1em} #nav li{position:relative;float:left;/*great place to use a background image as a divider*/ display:block;list-style:none} #nav{position:absolute;display:block;margin:0;text-align:center;list-style:none;z-index:5} #subMenusContainer{width:100%;height:0;top:0;left:0;position:absolute;overflow:visible;display:block;z-index:1000000000} #nav li li{float:none} #nav li li a{float:none;/* Just submenu links*/ position:relative} #nav li ul{width:10em;margin-left:-1000em;/* second-level lists */ position: absolute;/* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-top:2.2em} #nav li ul ul{margin:-1em 0 0 -1000em} #nav li:hover ul ul{margin-left:-1000em} #nav li:hover ul{margin-left:0} #nav li li:hover ul{margin-top:-2.5em;margin-left:10em} #nav li a:focus + ul{margin-top:2.2em;margin-left:0} #nav li li a:focus + ul{left:0;margin-top:-2.2em;margin-left:1010em} #nav li li a:focus{width:10em;left:0;margin-top:0;margin-left:1000em} #nav li li li a:focus{width:10em;left:0;margin-top:-1em;margin-left:2010em} #nav li:hover a:focus{margin-left:0} #nav li li:hover a:focus + ul{margin-left:10em} /*Ende Styles MenuMatic*/ /*Styles Basic*/ .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{float:left;display:inline;margin-right:10px;margin-left:10px} .g1{width:60px} .g2{width:140px} .g3{width:220px} .g4{width:300px} .g5{width:380px} .g6{width:460px} .g7{width:540px} .g8{width:620px} .g9{width:700px} .g10{width:780px} .g11{width:860px} .g12{width:940px} .g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block{margin-right:0;margin-left:0} .gr{margin-right:20px !important} @font-face{font-family:'TitilliumText22LRegular';font-weight:normal;src: url('/tl_files/thomsta_2011/fonts/TitilliumText22L003-webfont.eot');src: url('/tl_files/thomsta_2011/fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'), url('/tl_files/thomsta_2011/fonts/TitilliumText22L003-webfont.woff') format('woff'), url('/tl_files/thomsta_2011/fonts/TitilliumText22L003-webfont.ttf') format('truetype'), url('/tl_files/thomsta_2011/fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');font-style: normal} @font-face{font-family:'TitilliumText22LMedium';font-weight:normal;src: url('/tl_files/thomsta_2011/fonts/TitilliumText22L004-webfont.eot');src: url('/tl_files/thomsta_2011/fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'), url('/tl_files/thomsta_2011/fonts/TitilliumText22L004-webfont.woff') format('woff'), url('/tl_files/thomsta_2011/fonts/TitilliumText22L004-webfont.ttf') format('truetype'), url('/tl_files/thomsta_2011/fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');font-style: normal} *{margin:0;padding:0} html,body{height:100%} body{font-family:'TitilliumText22LRegular',Arial,sans-serif;line-height:18px;color:#666;background: url(/tl_files/thomsta_2011/layoutIMGs/pageBG.jpg) repeat} a{text-decoration:none;color:#009EE3;-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;-ms-transition: color 0.5s ease;transition: color 0.5s ease} a:hover,li.active a{color:#666} p,.ce_list ul{margin-bottom:18px} h1.ce_headline,h1{margin-bottom:10px;font-weight:normal;color:#666;font:16px "TitilliumText22LMedium",Arial,sans-serif} h1.ce_headline span.headlineBorder,h1.news_headline span.headlineBorder,#right h2 span.headlineBorder,#left h2 span.headlineBorder,div.ce_comments h2 span.headlineBorder,.mod_newsarchive span.headlineBorder{width:100%;height:0px;display:block;margin-top:4px;border-top:1px solid #B3B3B3;border-bottom: 1px solid #FFF} h2{margin-bottom:10px;padding-top:4px;font-weight:normal;color:#666;letter-spacing:0.05em;font:14px "TitilliumText22LMedium",Arial,sans-serif} #right h2,#left h2{padding-top:0;font:16px "TitilliumText22LMedium",Arial,sans-serif} h3{margin-top:10px;margin-bottom:10px;padding-top:4px;font-weight:normal;color:#666;letter-spacing:0.05em;font:13px "TitilliumText22LRegular",Arial,sans-serif} #right h3{margin-top:0;font:13px "TitilliumText22LMedium",Arial,sans-serif} .pdf_link{width:38px;float:right} #page{height:100%;min-height:100%;position:relative;margin:0 auto -75px;height: auto !important} #wrapper,#subHeader,#footer .inside{min-width:685px;max-width:1200px;margin:0 auto} #wrapper{display:block;font-weight:normal;font:12px "TitilliumText22LRegular",Arial,sans-serif} #header{padding-top:13px} #main{min-width:209px;margin-right:241px;margin-left:256px;padding-right:64px} #right{max-width:192px;margin-right:64px;margin-bottom:10px} #left{width:192px;padding:0 64px 0 0} #logo{width:127px;height:56px;float:left;margin-left:260px;background-repeat:no-repeat;background:url("/tl_files/thomsta_2011/layoutIMGs/sprite.png");background-position: -27px -68px} #logo a{width:127px;height:46px;display:block;text-indent:-5000px;box-shadow: 0 0 5px 1px #888888;-webkit-transition: box-shadow 0.5s ease;-moz-transition: box-shadow 0.5s ease;-o-transition: box-shadow 0.5s ease;-ms-transition: box-shadow 0.5s ease;transition: box-shadow 0.5s ease} #logo a:hover{box-shadow: 0 0 5px 2px #FFF} #subHeaderBox{width:100%;height:290px;left:0;position:absolute;box-shadow: 1px 2px 10px -1px #888888;background: url(/tl_files/thomsta_2011/layoutIMGs/pattern2.jpg) repeat} #subHeaderBox .custom{height:290px;background: -moz-radial-gradient(50% -207% , ellipse farthest-corner, transparent 36%, #000000 100%) repeat scroll 0 0 transparent;background: -webkit-radial-gradient(50% -207%, transparent, #000000);ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/* internet explorer 8 */} #subHeader .inside{width:685px;height:328px;margin-left:238px;padding-top:13px;padding-left:27px;background: url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") no-repeat scroll 0 0 transparent} #container{margin:350px 0 10px} #footer{position:relative;margin:0 auto;background:#000} #footer,.push{height:75px} #main .inside{text-align:justify} .top{margin-top:10px} .slideshow-images{position:relative;float:left;margin:0 auto 20px;z-index:1} .slideshow-captions{background: #424242;height: 30px !important} .slideshow-captions p{text-align:center;margin:5px 0 0;font:18px 'TitilliumText22LRegular'} .mod_slideshow2.block{width:631px;height:277px;position:absolute;overflow:visible;margin-top:8px;background-color:#000;z-index:1} .slideshow-thumbnails{overflow:visible} .slideshow-thumbnails img{display:none} .slideshow-thumbnails ul{width:200px;height:20px;overflow:hidden;float:left;padding:0;margin:25px auto 0;position:relative !important;left:44% !important} .slideshow-thumbnails li a{width:7px;height:7px;display:inline-block;background: url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") -27px -21px} #nav a,#subMenusContainer a{color:#009EE3;-webkit-transition:color 0.5s ease;-moz-transition:color 0.5s ease;-o-transition:color 0.5s ease;-ms-transition:color 0.5s ease;transition: color 0.5s ease} #nav a:hover,#subMenusContainer a:hover{text-decoration:none;color:#FFF} #subMenusContainer a:hover{color:#666} #mainNavi{height:67px} #mainNavi ul.level_1{width:512px;height:34px;border-bottom:2px solid #FFF;background:none repeat scroll 0 0 #000000;box-shadow:1px 2px 5px 1px #888888} #mainNavi li,div#mainNavi li li{display:inline-block} #mainNavi li.first{margin-left:150px} #nav li a{float:none;display:block;padding:7px 10px 0;font:14px "TitilliumText22LMedium",Arial,sans-serif} #nav li:hover span.mainNaviSubIcon,#mainNavi #nav li.active span.mainNaviSubIcon,#mainNavi #nav li.submenu.trail span.mainNaviSubIcon{width:12px;height:8px;position:absolute;display:block;background: url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") no-repeat scroll -27px -28px transparent;margin:3px 0 0 48%} .ie9 #mainNavi #nav li:hover span.mainNaviSubIcon,.ie9 #mainNavi #nav li.active span.mainNaviSubIcon,.ie9 #mainNavi #nav li.submenu.trail span.mainNaviSubIcon,.chrome #nav li:hover span.mainNaviSubIcon{margin:4px 0 0 48%} .chrome #mainNavi #nav li.active span.mainNaviSubIcon{margin:4px 0 0 48%} #subMenusContainer li{display:inline-block;list-style: none outside none} #subMenusContainer a,#nav li li a{display:inline-block;text-align:left;padding:3px 5px;font:12px "TitilliumText22LRegular",Arial,sans-serif} #subMenusContainer span.mainNaviIcon{width:5px;height:4px;display:inline-block;margin-right:5px;vertical-align:middle;background: url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") no-repeat scroll -27px -37px transparent} #subMenusContainer span.mainNaviIcon.first{width:0;margin-right:0} #subMenusContainer span.mainNaviIcon.last{margin-right:0} .ce_image.imageBorder{float:left} .image_container{position:relative;float:left;margin:8px auto 20px} .image_container a:before,.image_container a:after{width:34%;height:11%;max-width:430px;left:8px;position:absolute;-moz-transform:skew(-12deg) rotate(-3deg);box-shadow:0 3px 9px rgba(0,0,0,0.2);content:"";top: 89%;z-index: -3} .image_container a:after{left:auto;right:8px;-moz-transform: skew(12deg) rotate(3deg)} .firefox .image_container img{max-width:100%;display:block} .image_container a{display:block;padding:6px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;behavior:url('plugins/css3pie/PIE.htc');background: none repeat scroll 0 0 #FFFEF9;box-shadow:0 -1px 10px rgba(0,0,0,0.2);z-index:1;-webkit-transition: background 0.5s ease;-moz-transition:background 0.5s ease;-o-transition: background 0.5s ease;-ms-transition:background 0.5s ease;transition:background 0.5s ease} .ie9 .image_container a,.chrome .image_container a,.safari .image_container a{padding:6px 6px 0} .ie8 .image_container a{display:inline-block} .image_container a:hover{background: #e2f5fd} .ce_image.g3{margin-left:0;padding-left:10px} #left div.mod_navigation{margin-bottom:20px} .twitterBox{margin-top:18px} .tweet{padding:15px;background-repeat:repeat;background-color:rgba(0, 158, 227, 0.1);/*background: url("/tl_files/thomsta_2011/layoutIMGs/twitterBG.png") scroll 0 0 transparent*/} .tweetBottom,span.tweetBottom{width:25px;height:15px;margin:0 0 10px 16px;background:url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") no-repeat scroll -226px -21px transparent} span.tweetBottom{display:block} span.tweetMessage,span.tweetDate{display:block} span.tweetDate{font-size:11px} span.shareTwitter,span.shareFacebook{width:16px;height:16px;display:inline-block;background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -43px -52px} span.shareTwitter:hover{background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -27px -52px} span.shareFacebook{background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -75px -52px} span.shareFacebook:hover{background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -59px -52px} .shareGoogle{width:24px;height:15px;position:absolute;display:inline-block;margin-left:3px;background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -115px -52px !important;z-index:10000} div.shareGoogle:hover{display:inline-block;background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -91px -52px !important;z-index:1000000 !important;position:absolute !important} .mod_googleplus1button{position:absolute;background:none !important} #footerNavi,div.socialMedia{margin-top:10px;font-weight:normal;font:12px "TitilliumText22LRegular",Arial,sans-serif} #footerNavi{float:right;margin-top:19px;margin-right:33px} .socialMedia{float:left;width:250px} #footerNavi ul li{float:left;margin-right:10px;list-style-type:none} #footerNavi a{color:#666} #footerNavi a:hover{text-decoration:none;color:#009EE3} #footerNavi span.active{color:#009EE3} .socialMedia .twitter{height:31px;display:inline-block;float:left} #twitterIcon{width:25px;height:18px;display:inline-block;margin-right:5px;vertical-align:text-bottom;background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -128px -21px;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-o-transition:background 0.5s ease;-ms-transition: background 0.5s ease;transition:background 0.5s ease} .socialMedia .twitter:hover #twitterIcon{background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -103px -21px} .socialMedia .googleplus{height:31px;float:left} #googleplusIcon{width:17px;height:18px;display:inline-block;margin-right:5px;vertical-align:text-bottom;background: url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -269px -21px;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-o-transition: background 0.5s ease;-ms-transition: background 0.5s ease;transition: background 0.5s ease} .socialMedia .googleplus:hover #googleplusIcon{background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -252px -21px} #xingIcon{width:43px;height:18px;display:inline-block;margin-right:5px;vertical-align:text-bottom;background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -329px -21px;-webkit-transition:background 0.5s ease;-moz-transition: background 0.5s ease;-o-transition: background 0.5s ease;-ms-transition: background 0.5s ease;transition:background 0.5s ease} .socialMedia .xing{height:31px;float:left} .socialMedia .xing:hover #xingIcon{background:url(/tl_files/thomsta_2011/layoutIMGs/sprite.png) no-repeat -286px -21px} .socialMedia .googleplus a,.socialMedia .twitter a,.socialMedia .xing a{display:block;padding:2px 5px} span.imprint{width:92px;display:inline-block} #gototop{bottom:20px;right:20px;position:fixed;z-index:100;width:20px;height:20px;display:none;background:rgba(153,153,153);/*Fallback*/background-color:rgba(153,153,153,0.5);-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-o-transition: background-color 0.5s ease;-ms-transition: background-color 0.5s ease;transition:background-color 0.5s ease} #gototop:hover{background:rgba(0,159,227);/*Fallback*/background-color:rgba(0,159,227,0.6)} .topLinkIcon{width:12px;height:8px;margin:6px 0 0 4px;display:block;background:url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") no-repeat scroll -27px -40px transparent} input,textarea{width:300px;margin-bottom:10px;border:1px solid #bbb;font-family:"TitilliumText22LRegular",Arial,sans-serif;color:#666;padding:2px 5px;background: transparent;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out} input:hover,input:focus,textarea:hover,textarea:focus{background-color:rgba(0,158,227,0.1);-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition:all 0.5s ease-in;transition:all 0.5s ease-in} input[type="submit"]{width:70px;color:#009EE3;cursor: pointer} input[type="submit"]:hover,input[type="submit"]:focus{border:1px solid #009EE3;background: none} input.captcha{width:58px;margin-right:10px} .error{color:#9D131A} input.error,textarea.error{border:1px solid #9D131A} p.error{position:fixed;margin-left:-10000px} a.more{float:right} .float_left{float:left} .float_left .image_container{margin:8px 20px 20px 5px} .mod_sitemap li{list-style: none} .mod_sitemap ul.level_2{margin-left:16px} .mod_sitemap ul.level_1 li{font-size:14px;margin:5px 0} .mod_sitemap ul.level_2 li{margin:0;font-size:12px} .ce_list li,.contentMenue li{margin-left:16px} body.landingpage .ce_teaser.g3,body.landingpage div.mod_newslist.g3{width:193px;margin:0 15px} body.landingpage .ce_teaser.g3.first,body.landingpage div.mod_newslist.g3.first{margin-left:0} body.landingpage .ce_teaser.g3.last{margin-right:0} body.landingpage .image_container{margin-bottom:20px !important;margin-left:auto !important;margin-right:auto !important;margin-top:8px !important} body.landingpage .ce_image{height:160px} body.landingpage h2{margin-bottom:14px;text-align:left} body.landingpage h2.ce_headline span.headlineBorder{width:100%;height:0px;display:block;margin-top:4px;border-top:1px solid #B3B3B3;border-bottom: 1px solid #FFF} body.landingpage .homeNews{margin-top:18px} body.landingpage .g8.homeNews{margin-right:0;margin-left:0} a.tooltip{border-bottom:1px dotted #808080;color:#666;cursor:help} .tip{width:295px;padding:10px;border:1px solid #adadad;background:#f7f7f7;-webkit-box-shadow:0px 0px 7px 0px #aaa;-moz-box-shadow:0px 0px 7px 0px #aaa;box-shadow:0px 0px 7px 0px #aaa} .tip ul li{list-style-type:disc} .tip ul{overflow:hidden;margin-bottom:10px} .tip-title{font-weight:normal;color:#404040} a.tip{border-bottom:1px dotted #404040} a:hover.tip{border-bottom:1px dotted #404040;text-decoration:none;color:#82B835} .tip-top,.tip-bottom,dfn{display:none} .mod_glossaryMenu li{display:inline-block} .mod_glossaryMenu li a{display:block;font-size:18px;padding:2px 5px} .mod_glossaryList h2{margin-top:18px;font:17px "TitilliumText22LRegular",Arial,sans-serif} .mod_glossaryList h2 span.headlineBorder{width:100%;height:0;display:block;margin-top:4px;border-bottom:1px solid #FFF;border-top:1px solid #B3B3B3} span.dictionary{display:block;padding:10px;background-color:rgba(0, 158, 227, 0.1)} span.dictionary dt{display:block;margin-bottom:10px;font-size:15px;font-weight:bold} p.toplink{float:right} div.tip{background:url("/tl_files/thomsta_2011/layoutIMGs/pageBG.jpg") repeat scroll 0 0 transparent} .tip-text,.tip-title{font-size:12px} #right span.rightTel{width:30px;display:inline-block} #main ol li{margin-left:17px} .mod_login label,div.mod_lostPassword label{width:100px;display:inline-block} .mod_lostPassword .submit{width:160px} #autologin{width:10px;margin-right:10px} .checkbox_container label{width:120px;vertical-align:text-bottom} .submit.uploader{width:200px} p.more{float:right} .mod_newsreader{width:100%;margin-top:-1px} .newsBlock{margin-bottom:18px;padding:10px;background-color: rgba(0,158,227,0.05);-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;-ms-transition:background-color 0.5s ease-out;transition: background-color 0.5s ease-out} .newsBlock:hover{background-color:rgba(0,158,227,0.1)} .newsBlock p.more{margin-bottom:0} .ce_comments input[type="submit"]{width:130px} .mod_newsmenu{margin-bottom:14px} li.year{font-size:14px} ul.level_2 li{font-size:12px} /*Styles safari*/ .safari #nav li:hover span.mainNaviSubIcon,.safari #nav li.active span.mainNaviSubIcon,.safari #nav li.submenu.trail span.mainNaviSubIcon{margin:4px 0 0 48%} /* Styles mobile*/ /* max width: 480px orientation: portrait */ @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) and (orientation : portrait) { #footer{width:100%} #wrapper,#footer .inside{width:100%} #wrapper,#subheader,#footer .inside{min-width:100%;max-width:100%} #subheader .inside,#logo{margin-left:0} #main .inside{text-align:left} #logo{float:none;margin-bottom:18px} #subHeaderBox{display:none;} #container{margin: 0;margin-top:30px} #mainNavi li.first{margin-left:0;} #mainNavi ul.level_1{width:100%} #mainNavi #nav li a{padding:8px 3px 0} #mainNavi #nav li a.first{paddin:8px 3px 0 10px} .push{clear:both} #main,#right{float:left;} #main{margin:0 10px;padding-right:10px;font-size:12px!important} #left{padding:0;margin-left:10px;width:140px} #right{margin-right:0;margin-left:20px;width:140px} body.landingpage div.ce_teaser.g3,body.landingpage div.mod_newslist.g3{margin:0;width: auto} body.landingpage .image_container{margin-right: 20px !important} .homeNews .teaser,.ce_headline{float:none;clear:both;width:100%} body.landingpage #main h2{display:block} body.landingpage #main h2.ce_headline span.headlineBorder{display: none} body.landingpage #main .homeNews h2.ce_headline span.headlineBorder{display: block;} #footerNavi{margin-right:0;float:left;margin-left:10px;margin-bottom:10px} div.socialMedia{float: none;clear: both;} .ce_teaser a.more{float: left;} a.more,p.more{float:left;margin-bottom:18px;clear:both} input,textarea{width:280px} #mainNavi #nav li a{float:none;display:block;padding:8px 5px 0;font:14px "TitilliumText22LMedium",Arial,sans-serif} #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink{font-weight:normal;font-size:12px} .ce_image.g3{float:none;display:block} } /*css width: 480px orientation: landscape */ @media only screen and (width: 480px), only screen and (device-width: 480px) and (orientation : landscape) { html{-webkit-text-size-adjust: none;line-height:20px} .safari #mainNavi #nav li a{padding:8px 24px 0} #left,#right{width:200px} } @media only screen and (min-width:481px) and (max-width:768px),only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation:portrait){ #wrapper, #subHeader, #footer .inside{margin:0 10px} #mainNavi li.first,#logo,#subHeader .inside{margin-left:0} #left,#right{width:auto} #subHeader .inside{padding-left:20px;background:url("/tl_files/thomsta_2011/layoutIMGs/sprite.png") no-repeat scroll -7px 0 transparent} #logo,#left{margin-left:20px} #footer .inside{margin-left:20px} #main{margin:0 0 0 20px; display:inline-block} #left{padding-right:64px} #right{float:none;width:auto;max-width:100%;margin-left:20px;margin-right:0;padding-right:64px} #right h2{display:block} #right .ce_text{width:auto;float:left} } @media only screen and (min-width:769px) and (max-width:1024px),only screen and (min-device-width:769px) and (max-device-width:1024px) and (orientation:landscape){ #wrapper, #subHeader, #footer .inside{margin:0 20px} #mainNavi li.first,#logo,#left,#right,#main,#footer .inside{margin-left:10%} #subHeader .inside{margin-left:8%} #left,#right,#main{width:auto;padding-right:22%} #main{display:inline-block;margin-right:auto} #right{float:none;width:auto;max-width:100%;margin-right:0} #right .ce_text{width:auto;float:left} } @media only screen and (min-width:1025px) and (max-width:1200px),only screen and (min-device-width:1025px) and (max-device-width:1200px) and (orientation:landscape){ #wrapper, #subHeader, #footer .inside{margin:0 20px} }