/* signika-300 - latin */ @font-face { font-family: 'Signika'; font-style: normal; font-weight: 300; src: url('../fonts/signika-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/signika-v20-latin-300.eot%3F') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/signika-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/signika-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/signika-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/signika-v20-latin-300.svg') format('svg'); /* Legacy iOS */ } /* signika-regular - latin */ @font-face { font-family: 'Signika'; font-style: normal; font-weight: 400; src: url('../fonts/signika-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/signika-v20-latin-regular.eot%3F') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/signika-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/signika-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/signika-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/signika-v20-latin-regular.svg') format('svg'); /* Legacy iOS */ } /* signika-700 - latin */ @font-face { font-family: 'Signika'; font-style: normal; font-weight: 700; src: url('../fonts/signika-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/signika-v20-latin-700.eot%3F') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/signika-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/signika-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/signika-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/signika-v20-latin-700.svg') format('svg'); /* Legacy iOS */ } body { font-family:'Signika',arial,sans-serif; font-weight: 300; font-size: 16px; line-height: 21px; color: #191919; border:0; margin:0; padding:0 } b { font-weight:bold; } /* Links */ a { font-family: 'Signika', Arial, Helvetica, sans-serif; outline: none; color: #ff4900; text-decoration: none; } a:hover { color:#191919; } img { font-size: 10px; color: #ffffff; } strong { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 400; } .autor a { font-weight: 400; } /* Clear */ .clear { clear:both; } .space { display: block; height: 40px; width: 100%; margin: 0; padding: 0; } .spacemedium { font-size: 1px; height: 18px; } .spacebig { display: block; height: 52px; width: 100%; margin: 0; padding: 0; } .webguide_space { display: block; clear: both; height: 30px; width: 100%; margin: 0; padding: 0; } .webguide_space_top { display: block; clear: both; height: 10px; width: 100%; margin: 0; padding: 0; } /* object { padding: 20px 0 20px 0; } */ /* Auswahl farbig hervorheben */ ::selection { background:#ff4900; color:#ffffff; } ::-moz-selection { background:#ff4900; color:#ffffff; } ::-webkit-selection { background:#ff4900; color:#ffffff; } /* Ausrichtungen */ .alignleft { float: left; } .alignright { float: right; } /* Subnav oben */ #subnav ul {list-style:none; } #subnavbar {float: right; padding-right: 4px; } #subnavbar li { float:left; position:relative; margin-left:5px; background:#a1a1a1; overflow:hidden; } #subnavbar a { text-decoration: none; outline: none; color:#ffffff; display: block; width: 28px; cursor: pointer; } #subnavbar span { width: 100px; height: 20px; float: left; _display: none; color:#ffffff; padding-left: 35px; margin-top: 4px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing:0.1em; text-align: left; } .subtwitter { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px 0px no-repeat; } .subfacebook { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px -58px no-repeat; } .subrss { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px -116px no-repeat; } .subgoogleplus { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px -536px no-repeat; } .subtwitteron { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px -29px no-repeat; } .subfacebookon { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px -87px no-repeat; } .subrsson { display: block; width: 28px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) 0px -145px no-repeat; } /* Logo */ .logo { height: 120px; padding: 60px 0 0 0; _height: 90px; } /* height: 100px; padding: 100px 0 0 0; */ /* Navigation */ .rownav { overflow: visible; } #nav { z-index: 9999; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; height: 44px; text-transform: uppercase; font-size: 14px; margin: 0 0 40px 0; } #nav ul { margin: 0 auto; } #nav ul li a { font-family: 'Signika', Arial, Helvetica, sans-serif; color: #191919; padding: 12px 10px 0 10px; text-decoration: none; letter-spacing: 0.02em; font-weight: 300; } #nav ul li a:hover { color: #ff4900; } #nav ul.dropdown { z-index: 9999; padding: 10px; overflow:hidden;width: 150px; background: #ffffff; border: 1px solid #eaeaea; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 10px 10px 15px #dbdbdb; -webkit-box-shadow: 10px 10px 15px #dbdbdb; box-shadow: 10px 10px 15px #dbdbdb; } #nav ul.dropdown li a { z-index: 9999; border-bottom: 1px solid #eaeaea; line-height: 15.5px; overflow: hidden; height: 27px; } #nav ul.dropdown li.last a { border-bottom-width: 0; } ul.tabs { display: table; margin: 0; padding: 0; list-style: none; position: relative; } ul.tabs li { margin: 0; padding: 0; list-style: none; display: table-cell; float: left; position: relative; } ul.tabs a { position: relative; display: block; } ul.dropdown { margin: 0;padding: 0; display: block; position: absolute; z-index: 999; top: 100%; width: 200px; display: none; left: 0; } ul.dropdown ul.dropdown { top: 0; left: 95%; } ul.dropdown li { margin: 0; padding: 0; float: none; position: relative; list-style: none; display: block; } ul.dropdown li a { display: block; } /* Navigation aktiv */ #nav ul li a.aktiv { font-family: 'Signika', Arial, Helvetica, sans-serif; color: #ff4900; font-weight: 400; } .rownavsub { margin-top: 30px; } .rownavsub #nav ul { margin: 0; } .navchoose { font-family: 'SignikaBlack', Arial, Helvetica, sans-serif; color: #ff4900; padding: 9px 10px 0 10px; letter-spacing: 0.02em; } /* Suchfeld */ .DiaForms_BLUE input[type="submit"],.DiaForms_BLUE input[type="reset"],.DiaForms_BLUE input[type="image"] { padding: 8px 30px 7px 30px; color: white; font-size: 12px; text-transform: uppercase; cursor: pointer; font-weight: bold; background-color: #ffffff; box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-left: none; } .DiaForms_BLUE input[type="submit"]:hover,.DiaForms_BLUE input[type="reset"]:hover,.DiaForms_BLUE input[type="image"]:hover { background-color: #eaeaea; } .DiaForms_BLUE input[type="submit"]:active,.DiaForms_BLUE input[type="reset"]:active,.DiaForms_BLUE input[type="image"]:active { -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset; box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset; border: 1px solid #5993f1; } .DiaForms_BLUE input[type="button"] { padding: 8px 30px 7px 30px; color: #222222; font-size: 12px; cursor: pointer; font-weight: bold; background-color: #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dcdcdc; } .DiaForms_BLUE input[type="button"]:active { -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset; box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset; border: 1px solid #c9c9c9; } .DiaForms_BLUE input[type="image"] { height: 15px; *height: 16px; padding: 7px 10px 6px 10px; *padding: 6px 10px 6px 10px; *margin: 1px 0 0 0; position: absolute; } .DiaForms_BLUE input[type="text"],.DiaForms_BLUE input[type="password"],.DiaForms_BLUE textarea { padding: 8px 10px; color: #555555; font-size: 12px; background-color: #fdfdfd; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-right: none; width: 73%; height: 12px; box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset; } .DiaForms_BLUE input[type="text"]:hover,.DiaForms_BLUE input[type="password"]:hover,.DiaForms_BLUE textarea:hover { outline: none; } .Dia_search { position: relative; margin: 0 0 30px 0; } .Dia_search input.searchINPUT { -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; margin-right: 0px; _width: 85%; font-family: 'Signika', Arial, Helvetica, sans-serif; color: #666666; font-weight: 300; font-size: 13px; } .Dia_search input.searchBTN { position: absolute; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; margin-left: -4px; } /* Listen */ .fourcol ul { _padding-bottom: 20px; } .fourcol ul li { font-size: 16px; list-style: none; line-height: 16px; padding: 4px 0 5px 2px; } .fourcol ul li a, .fourcol ul li a:link, .fourcol ul li a:active, .fourcol ul li a:visited { font-family: 'Signika', Arial, Helvetica, sans-serif; color: #191919; line-height: 20px; text-decoration: none; } .fourcol ul li span { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; color:#ff4900; } .fourcol ul li a:hover, .fourcol ul li span:hover { color: #191919; } .fourcol .werbung ul li a, .fourcol .werbung ul li { font-family: 'Signika', Arial, Helvetica, sans-serif; color:#ff4900; line-height: 20px; font-weight: 400; } .fourcol .werbung ul li a:hover { color: #191919; } .werbung h5 { padding: 0 0 12px 0; } /* Weiterlesen-Links */ a.more, .sidebar .boxwhite a.more { font-family: 'Signika', Arial, Helvetica, sans-serif; text-decoration:none; color:#ff4900; } a.more:hover, .sidebar .boxwhite a.more:hover { color:#191919; } a.moreorange, .sidebar a.moreorange { font-family: 'Signika', Arial, Helvetica, sans-serif; float: left; font-size: 15px; font-weight: 400; text-decoration:none; color:#ffffff; background:#ff4900; padding:3px 10px 3px 10px; margin: 17px 0 0 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; _float: none; _padding:6px 13px 5px 13px; } a.moreorange:hover { color:#ffffff; background:#191919; } a.sidebarlink, a:link.sidebarlink, a:active.sidebarlink, a:visited.sidebarlink { font-family: 'Signika', Arial, Helvetica, sans-serif; background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -279px no-repeat; padding-left: 14px; font-weight: 400; } a:hover.sidebarlink { background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -306px no-repeat; } a.sidebarlinksmall { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 600; background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -279px no-repeat; padding-left: 14px; } a:hover.sidebarlinksmall { background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -308px no-repeat; } a.sidebarlink.webguide_link { background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -279px no-repeat; } a.sidebarlinkbig, a:link.sidebarlinkbig, a:active.sidebarlinkbig, a:visited.sidebarlinkbig { font-family: 'Signika', Arial, Helvetica, sans-serif; background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -278px no-repeat; padding-left: 14px; font-weight: 400; } a:hover.sidebarlinkbig { background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -305px no-repeat; } /* Headlines */ h1, h1 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 32px; line-height: 38px; color: #ff4900; text-decoration: none; padding: 0 0 6px 0; font-weight: 400; } h1 a:hover { color: #191919; } h2, h2 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #ff4900; text-decoration: none; padding: 0 0 10px 0; font-weight: 400; } h2 a:hover { color: #191919; } h3 { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 400; color: #191919; padding: 2px 0 0 0; } h4, h4 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color: #191919; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; padding: 0 0 24px 0; font-weight: bold; } h4 a:hover { color: #191919; } h5, h5 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color: #191919; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; padding: 0 0 2px 0; font-weight: bold; } h5 a:hover { color: #191919; } h6, h6 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; color: #191919; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; padding: 10px 0 10px 0; font-weight: bold; } h6 a:hover { color: #191919; } /* Titelgrafik */ .bigimage { margin: 0 0 30px 0; } .smallimage, .article .smallimage { max-width: 344px; float: right; padding: 6px 4px 15px 20px; } /* Sidebar */ .sidebar { padding: 0; } .sidebar a { } .sidebar h5 { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: bold; color: #191919; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; height: 29px; padding: 16px 0 0 2px; margin: 0 0 13px 0; letter-spacing: 0.05em; text-transform: uppercase; font-size: 14px; _height: 45px; } .sidebar .fonttipp { float: left; width: 100%; overflow: hidden; padding: 8px 5px 5px 5px; margin: 10px 0 18px 0; background: #eaeaea; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } /* 3er-Boxen */ .box { font-size: 15px; line-height: 21px; } .box .imgborder { border: #b2b2b2 4px solid; } .box .smallimgborder { width: 100%; text-align: center; border: #b2b2b2 4px solid; float: left; background: #ffffff; margin: 0 0 24px 0; } .box .smallimgborder img { height: 100%; } .boximg { padding: 0 0 9px 0; margin: 20px 0 24px 0; background: url(https://www.phoenix-x.de/gfx/boxbg.png) bottom center no-repeat; } .box h5 { font-family: 'Signika', Arial, Helvetica, sans-serif; padding: 24px 0 5px 0; } /* Buchtipp */ .boxgray { background: #eaeaea; font-size: 15px; line-height: 21px; } .boxgray span { padding: 20px 0 0 0; } .boxpadding { padding: 24px 27px 29px 27px; } .boxpadding h5 { font-family: 'Signika', Arial, Helvetica, sans-serif; padding: 3px 0 8px 0; } .boxpadding img { width: auto; border: none; margin: 5px 18px 0 2px; -moz-box-shadow: 3px 3px 8px #b2b2b2; -webkit-box-shadow: 3px 3px 8px #b2b2b2; box-shadow: 3px 3px 8px #b2b2b2; } .boxpadding a.moreorange { font-family: 'Signika', Arial, Helvetica, sans-serif; clear: both; padding:4px 10px 3px 10px; float: none; } .boxwhite { padding: 4px 0 0 0; font-size: 15px; line-height: 21px; } .boxwhite h5 { font-family: 'Signika', Arial, Helvetica, sans-serif; padding: 3px 0 8px 0; } .boxwhite h2 { font-family: 'Signika', Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 7px 0; } .boxwhite h2 a { font-family: 'Signika', Arial, Helvetica, sans-serif; color: #ff4900; } .boxwhite h2 a:hover { color: #191919; } .boxwhite img { width: auto; border: none; margin: 8px 20px 6px 0; -moz-box-shadow: 3px 3px 8px #b2b2b2; -webkit-box-shadow: 3px 3px 8px #b2b2b2; box-shadow: 3px 3px 8px #b2b2b2; } /* Newsletter */ .newsletter { background: #eaeaea url(https://www.phoenix-x.de/gfx/icons.gif) bottom right no-repeat; } .newsletter span a { font-family: 'Signika', Arial, Helvetica, sans-serif; color: #ff4900; text-decoration: none; font-weight: 400; } .newsletter span a:hover { color: #191919; } .nl { margin: 0; } /* Startseite Boxen unten */ .threeinarow { float: left; *float: none; padding-top: 40px; padding-bottom: 35px; _padding-bottom: 0; margin-top: 30px; margin-bottom: 40px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; *border-bottom: none; } .threeinarowbottom { *float: none; *clear: both; padding-top: 42px; padding-bottom: 14px; margin-top: 42px; _margin-top: 0; border-top: 1px solid #eaeaea; _position:relative; } /* Startseite Top 10 */ .thumbsmall { position:relative;width:60px;height:52px;text-align:center;padding-top: 3px; _padding-top: 3px; background: url(https://www.phoenix-x.de/gfx/loader_white.gif) 18px 16px no-repeat; } .mostviewed { float: left; width:100%; height: 5px; margin-bottom: 6px; _margin-bottom: 1px; _height: 1px; } .thumbwrapper { float: left;width:71px;height:52px; } .thumbtext { float: left; width: 70%;height:80px;_height:80px; font-size: 14px; line-height: 19px; } .thumbtext h3 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; text-decoration: none; color: #ff4900; font-weight: 400; padding: 0; } .thumbtext h3 a:hover { color: #191919; } .thumbtext h5, .thumbtext h5 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; text-decoration: none; padding: 0 0 1px 0; margin: 0; font-weight: bold; } .headlinepadding { clear: both; padding: 0 0 20px 0; } .numberone { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -3px no-repeat; } .numbertwo { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -23px no-repeat; } .numberthree { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -43px no-repeat; } .numberfour { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -63px no-repeat; } .numberfive { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -83px no-repeat; } .numbersix { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -103px no-repeat; } .numberseven { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -123px no-repeat; } .numbereight { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -143px no-repeat; } .numbernine { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -163px no-repeat; } .numberten { position:absolute;height:19px;width:19px; bottom:0px;left:-8px;top:-2px; background: url(https://www.phoenix-x.de/gfx/numbers.png) 0px -183px no-repeat; } /* Social-Icons unten */ .socialleft { width: 55%; float: left; *font-size: 13px; } .socialleft a, .socialright a { font-family: 'Signika', Arial, Helvetica, sans-serif; color:#ff4900; text-decoration: none; font-weight: 400; } .socialleft a:hover, .socialright a:hover{ color: #191919; } .socialright { width: 45%; float: left; *font-size: 13px; } .socialleft .twitterfolgen { display: block; background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -195px no-repeat; padding: 10px 0 30px 63px; } .socialleft .twitterfolgen:hover { background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -471px no-repeat; } .socialleft .facebookfolgen { display: block; background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -263px no-repeat; padding: 10px 0 30px 63px; } .socialleft .facebookfolgen:hover { background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -539px no-repeat; } .socialright .googleplusfolgen { display: block; background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -332px no-repeat; padding: 10px 0 30px 63px; } .socialright .googleplusfolgen:hover { background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -608px no-repeat; } .socialright .rssfolgen { display: block; background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -402px no-repeat; padding: 10px 0 30px 63px; } .socialright .rssfolgen:hover { background:url(https://www.phoenix-x.de/gfx/icons.gif) 0 -678px no-repeat; } /* Footer */ .footer { float: left; width: 100%; background: #eaeaea; margin: 37px 0 0 0; padding: 0 0 40px 0; } .footer ul { max-width: 1140px; width: 98%; margin: 0 auto; padding: 33px 0 0 9px; _width: 95%; _margin-left: 0px; } .footer ul li { font-family: 'Signika', Arial, Helvetica, sans-serif; float: left; width: 14%; list-style:none; line-height: 39px; letter-spacing: 0.2px; font-size: 13px; padding: 0; padding: 0 15px 0 0; color: #191919; font-weight: bold; text-decoration: none; text-transform: uppercase; _margin-left: 5px; } .footer ul li ul { padding: 0; } .footer ul li ul li { float: none; list-style:none; line-height: 23px; width: 100%; padding: 0; _margin-left: 0px; } .footer ul li ul li a { font-family: 'Signika', Arial, Helvetica, sans-serif; color: #666666; font-size: 14px; text-decoration: none; text-transform: none; font-weight: 300; } .footer ul li ul li a:hover { color: #ff4900; } /* Mobile Menu hide */ .select-menu { display: none; } /* To The Top Link */ #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(https://www.phoenix-x.de/gfx/ui.totop.png) no-repeat left top; } #toTopHover { background:url(https://www.phoenix-x.de/gfx/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* Artikel */ .article h1, .article h1 a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 32px; line-height: 40px; color: #ff4900; text-decoration: none; padding: 0 0 10px 0; } .article .spacemedium { font-size: 1px; height: 12px; } .article img { padding: 10px 0 10px 0; display: block; margin: 0 auto; } .article a.buch img { padding: 0; border: none; -moz-box-shadow: 3px 3px 8px #b2b2b2; -webkit-box-shadow: 3px 3px 8px #b2b2b2; box-shadow: 3px 3px 8px #b2b2b2; } .buchleft a.buch img { margin: 3px 0 0 0; padding: 0; border: none; -moz-box-shadow: 3px 3px 8px #b2b2b2; -webkit-box-shadow: 3px 3px 8px #b2b2b2; box-shadow: 3px 3px 8px #b2b2b2; } .article a.buch { padding: 4px 0 0 0; } .article img.alignleft { float: left; margin: 9px 30px 15px 2px; } .article img.alignright { float: right; margin: 9px 0 15px 30px; } .article .buch_wrapper { float:left; width: 325px; _width: 309px; margin: 30px 0 0 0; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .article .buch_left { float:left; border: 1px solid #ffffff; background-color:#eaeaea; width:90px; padding: 3px 0 3px 8px; _padding: 2px 0 3px 2px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; font-size: 13px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 600; text-shadow: 1px 1px 0px #ffffff; line-height: 19px; } .article .buch_left_first { float:left; border: 1px solid #ffffff; background-color:#eaeaea; width:90px; padding: 3px 0 3px 8px; _padding: 2px 0 3px 2px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; font-size: 13px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 600; text-shadow: 1px 1px 0px #ffffff; line-height: 19px; } .article .buch_right { float:left; padding-left:6px; width:218px; padding-top:3px; padding-bottom: 3px; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; border-bottom: 1px solid #ffffff; font-size: 13px; line-height: 19px; } .article .button_amazon { float:left; padding: 20px 0 0 20px; width:130px; height:80px; } /* Rubrik */ .rubrik { font-size: 15px; line-height: 21px; font-weight: 300; } .rubrik .twelvecol { font-size: 16px; line-height: 21px; } .rubrik h1 { font-family: 'Signika', Arial, Helvetica, sans-serif; padding: 0 0 14px 0; font-weight: 400; } .rubrik .first { padding: 0 0 6px 0; } .rubrik .first a { font-size: 32px; line-height: 38px; font-family: 'Signika', Arial, Helvetica, sans-serif; color: #ff4900; text-transform: none; text-decoration: none; } .rubrik .first a:hover { color: #191919; } .rubrik h2 { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; padding: 0 0 6px 0; } .articleteaser { float: left; width: 100%; padding: 0 0 30px 0; } .articleteaser .imageleft { float: left; width: 87px; padding: 0 10px 0 0; margin: 0; } .articleteaser .buchleft { float: left; width: 100px; padding: 0 20px 0 0; margin: 0; } .articleteaser .teaserrubrik { float: left; width: 80%; } .bigimagerubrik { width: 100%; margin: 0 0 22px 0; } .twoinarow { float: left; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding-top: 40px; padding-bottom: 35px; margin-top: 30px; margin-bottom: 40px; } .twoinarow .sixcol .box h2 { padding-top: 19px; } .noshadow { padding: 0 0 0 0; margin: 0; } .noshadow img { float: left; padding: 0; margin: 3px 17px 5px 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Termine */ .termineleft { float: left; width: 144px; padding: 8px 19px 10px 0; margin-top: 16px; height: 50px; display: block; } .terminzeitraum { float: left; } .ics { float: left; background: url(https://www.phoenix-x.de/gfx/icons.gif) -523px -373px no-repeat; width:21px; height: 18px;font-weight: 300; text-indent: -9999px; margin: 2px 5px 0 4px; } .ics a { display: block; width:21px; height: 18px; } .ics a:hover { background: url(https://www.phoenix-x.de/gfx/icons.gif) -523px -399px no-repeat; } .terminbg { float: left; /*background: #eeeeee;*/ width: 180px; height: 24px; text-align: center; font-size: 11px; } .terminbgorange { float: left; /*background: #ffe7d9;*/ width: 180px; height: 24px; text-align: center; font-size: 11px; } .termine h1 a, .termine h1 { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 22px; padding: 0 0 8px 0; margin: 0; line-height: 28px; width: 80%; } .termine h5 { font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 12.5px; font-weight: bold; padding: 0; margin: 0; line-height: 22px; } .termine { float: left; width: 76%; padding: 0; _width: 70%; } .termineintragen, .termineintragen img { padding: 0 4px 0 1px; margin: 0; } .terminzeitraum a { color: #ffffff; text-align: center; width: 130px; display: block; background: #ff4900; font-size: 13px; padding: 0 0 1px 0; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 600; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .terminzeitraum a:hover { color:#ffffff; background:#191919; } .termine br { font-size: 1px; line-height: 15px; } /* Social-Share-Privacy */ #socialshareprivacy img { padding: 0; margin: 0; } .social_share_privacy_area { float: left; clear: both; margin: 20px 0 !important; list-style-type: none; padding: 0 !important; width: 75%; height: 25px; display: block;} .social_share_privacy_area li { margin: 0 !important; padding: 0 !important; height: 21px; float: left; } .social_share_privacy_area li .dummy_btn { float: left; margin: 0 0 0 10px; cursor: pointer; padding: 0; height: inherit; } .social_share_privacy_area li div iframe { overflow: hidden; height: inherit; width: inherit; } .social_share_privacy_area .facebook { width: 180px; display: inline-block; } .social_share_privacy_area .facebook .fb_like iframe { width: 145px; } .social_share_privacy_area .twitter { width: 157px; } .social_share_privacy_area li div.tweet { width: 124px; } .social_share_privacy_area .gplus { width: 123px; } .social_share_privacy_area li div.gplusone { width: 90px; } .social_share_privacy_area li .switch { display: inline-block; text-indent: -9999em; background: transparent url(https://www.phoenix-x.de/gfx/socialshareprivacy_on_off.png) no-repeat 0 0 scroll; width: 23px; height: 12px; overflow: hidden; float: left; margin: 4px 0 0; padding: 0; cursor: pointer; } .social_share_privacy_area li .switch.on { background-position: 0 -12px; } .social_share_privacy_area li.help_info { position: relative; } .social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info { display: none; position: absolute; bottom: 40px; left: 0; width: 290px; padding: 10px 15px; margin: 0; font-size: 12px; line-height: 15px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 3px 4px #888; -webkit-box-shadow: 0 3px 4px #888; box-shadow: 0 3px 4px #888; background-color: #eaeaea; color: #191919; z-index: 500; } .social_share_privacy_area li.gplus.help_info .info { left: -60px; } .social_share_privacy_area li .help_info.icon .info { left: -243px; width: 350px; } .social_share_privacy_area li.help_info.display .info, .social_share_privacy_area li .help_info.icon.display .info { display: block; } .social_share_privacy_area li.help_info.info_off.display .info { display: none; } .social_share_privacy_area li .help_info.icon { display: none; } .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon { border-top-width: 0; border-left-width: 0; } .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon { border-right-width: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .social_share_privacy_area li.settings_info { position: relative; top: -2px; } .social_share_privacy_area li.settings_info a { text-decoration: none; margin: 0 !important; } .social_share_privacy_area li.settings_info .settings_info_menu { background-color: #eaeaea; border: 1px solid #e7e3e3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 3px #c1c1c1; -webkit-box-shadow: 2px 2px 3px #c1c1c1; box-shadow: 3px 3px 3px #c1c1c1; left: 0; position: absolute; bottom: 0; width: 135px; z-index: 1000; margin: 0; padding: 0; } .social_share_privacy_area li.settings_info .settings_info_menu.off { border-width: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .social_share_privacy_area li.settings_info .settings_info_menu.off form { display: none; margin: 0; padding: 0;} .social_share_privacy_area li.settings_info .settings_info_menu .settings { display: none; } .social_share_privacy_area li.settings_info .settings_info_menu.on .settings { border-top-width: 0; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset { border-width: 0; margin: 0; padding: 0 10px 10px; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend { font-size: 12px; font-weight: 300; line-height: 14px; margin: 0; padding: 10px 0; width: 115px; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input { clear: both; float: left; margin: 4px 10px 4px 0; padding: 0; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label { display: inline-block; float: left; font-size: 12px; font-weight: 300; line-height: 24px; -moz-transition: color .5s ease-in; -webkit-transition: color .5s ease-in; transition: color .5s ease-in; margin: 0; padding: 0; } .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked { color: #090; } .showviews { float: left; width: 25%; padding: 17px 0 0 0; font-size: 12px; text-align: right; } .socialshareprivacywrapper { clear: both; width: 100%; margin-top: 42px; padding-top: 5px; border-top: 1px solid #eaeaea; } /* Disqus */ #disqus_thread { _width: 90%; } #dsq-content { font-size: 14px; } #dsq-content img { padding: 0 0; } #dsq-content #dsq-global-toolbar { display:none; !important; } #dsq-subscribe { display: none !important; } #dsq-sort-by { display: none !important; height: 1px !important; } #dsq-account-dropdown { display: none !important; } #dsq-reply { padding: 0 margin: 0 !important;} .dsq-trackback-url { display: none !important; } #dsq-content h3 { display: none !important; } .dsq-comment-meta a, dsq-comment-actions a , #dsq-content a { font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 600; } #dsq-content .dsq-comment-header { background: #eaeaea; border: 1px solid #eaeaea; } /* Adsense */ .adbottom { border: 1px solid #eaeaea; padding: 20px 0 26px 0; text-align: center; margin: 0 auto; margin-bottom: 30px; } /* Weitere Meldungen */ .weitere { clear: both; } .weitere img { float: left;padding: 0 12px 12px 0; _margin-right: 12px; _padding-right: 12px; } .weiteretext { padding: 4px 0 0 0; font-size:14px; line-height:20px; } /* Weitere Meldungen mit Text */ .fourcol ul li.weiteretext { clear: both; line-height: 23px; } .weiteretext span { padding: 0 0 7px 0; } .weiteretext img { float: left; padding: 0 12px 12px 0; _margin-right: 12px; _padding-right: 12px; } .weiteretext .categorysmall { display: block; color: #191919; text-transform: uppercase; font-size: 12.5px; line-height: 21px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.04em; padding: 0 0 0 0; margin: 0; } /* Seitenangaben Artikel */ .pagenumbers { float: left; padding:0; width: 100%; margin: 0 auto; border-top: 1px solid #eaeaea; padding: 38px 0 39px 0; } .pagenumberstext { float: left; display: block; text-align: center; font-size:13px; text-decoration:none; padding: 0 10px 0 0; margin: 0; } a.aktuelleseite , a:visited.aktuelleseite , a:active.aktuelleseite , a:link.aktuelleseite { float: left; display: block; width: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; background: #ff4900; color: #ffffff; font-family: 'Signika', Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; padding:1px 0 1px 0; margin: 0 2px 0 0; } a:hover.aktuelleseite { background: #191919; } a.seite , a:visited.seite , a:active.seite , a:link.seite { float: left; display: block; width: 28px; text-align: center; background: #eaeaea; color: #191919; font-size:13px; text-decoration:none; padding:1px 0 2px 0; margin: 0 2px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 300; } a:hover.seite { background: #191919; color: #ffffff; } /* Seitenangaben Fonts A-Z */ .fontpagenumbers { float: left; padding:0; width: 100%; margin: 0 auto; padding: 24px 0 39px 0; } .fontpagenumberstext { float: left; display: block; text-align: center; font-size:13px; text-decoration:none; padding: 0 10px 0 0; margin: 0; } a.fontaktuelleseite , a:visited.fontaktuelleseite , a:active.fontaktuelleseite , a:link.fontaktuelleseite { float: left; display: block; width: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; background: #ff4900; color: #ffffff; font-family: 'Signika', Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; padding:1px 0 1px 0; margin: 0 2px 0 0; } .fontaktuelleseite a:hover { background: #191919; } a.fontseite , a:visited.fontseite , a:active.fontseite , a:link.fontseite { float: left; display: block; width: 24px; text-align: center; background: #eaeaea; color: #191919; font-size:13px; text-decoration:none; padding:1px 0 2px 0; margin: 0 2px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 300; } a:hover.fontseite { background: #191919; color: #ffffff; } /* Fonts Download */ .tippsubheadline h5 { padding: 0 0 6px 0; } li.weitere.neuefonts { line-height: 23px; } li.weitere.neuefonts span { padding-bottom: 10px; margin-bottom: 10px; } .fontsdescription { display: none; } .fontdownloadsheadgray { float: left; background: #eaeaea; width: 100%; padding: 2px 0 2px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fontdownloadshead { float:left; font-size: 13px; } .fontdownloadshead a { color: #191919; text-decoration: none; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 300; } .fontdownloadshead a:hover { color: #ff4900; } .fontdownloadshead span { font-size: 13px; } .fontdownloadshead span a { color: #191919; text-transform: none; font-weight: 300; font-family: 'Signika', Arial, Helvetica, sans-serif; } .fontdownloadsright { float:left; font-size: 12px; text-align:right; padding: 0px 0 0 6px; color: #8e8e8e; } .fontdownloadsgraphic { float:left; width: 100%; padding: 14px 0 9px 0; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); display: block; /* border-bottom: 1px solid #eaeaea; */ } .fontdownloadsgraphic:hover { opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } .fontcomment { width: 100%; } .fontdownloadsfiles { float:left; width: 100%; font-size: 14px; /* padding: 7px 0 0 0; */ } .fontdownloadsfiles a.moreorange { float: none; padding-top: 3px; padding-bottom: 2px; margin: 10px 0 0 0; } .fontfooter { clear: both; width: 100%; height: 32px; } .akzeptiert { padding: 9px 0 0 0; } .akzeptiert a, .akzeptiert a:visited, .akzeptierta:hover, .akzeptiert a:active { padding-left:70px; padding-top: 16px; height: 47px; _height: 56px; width: 380px; color: #000000; text-decoration: none; display: block; background: url(https://www.phoenix-x.de/gfx/akzeptiert.gif) 0px 0px no-repeat; font-size:14px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: bold; } .akzeptiert a:hover { background: url(https://www.phoenix-x.de/gfx/akzeptiert.gif) 0px -64px no-repeat; } .downloadhinweis p { padding: 0 0 11px 0; } /* Software Download */ .article .software_wrapper { float:left; width: 325px; _width: 309px; margin: 30px 0 0 0; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .article .software_left { float:left; border: 1px solid #ffffff; background-color:#eaeaea; width:90px; padding: 3px 0 3px 8px; _padding: 2px 0 3px 2px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; font-size: 13px; font-family: 'Signika', Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px #ffffff; line-height: 19px; } .article .software_left_first { float:left; border: 1px solid #ffffff; background-color:#eaeaea; width:90px; padding: 3px 0 3px 8px; _padding: 2px 0 3px 2px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; font-size: 13px; font-family: 'Signika', Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px #ffffff; line-height: 19px; } .article .software_right { float:left; padding-left:6px; width:218px; padding-top:3px; padding-bottom: 3px; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; border-bottom: 1px solid #ffffff; font-size: 13px; line-height: 19px; } .article .software_right a { color: #191919; font-size: 13px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 300; } .article .software_right a:hover { color: #ff4900; } .article .software_img { float:left; padding: 0 25px 0 0; } .article .software_text { float: left; width: 75%; padding: 3px 0 0 0; } .article .downloadbutton { margin: 30px 0 0 30px; float: left; background: url(https://www.phoenix-x.de/gfx/button_download.gif) 0 0 no-repeat; width: 208px; height: 65px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; } .article .downloadbutton a { text-decoration: none; color: #ffdecd; display: block; padding: 29px 0 0 71px; width: 208px; height: 65px; } .article .downloadbutton a:hover { background: url(https://www.phoenix-x.de/gfx/button_download.gif) 0 -66px no-repeat; color: #eeeeee; width: 208px; height: 65px; } .article .downloadbutton span { display: none; } .article .software_details br { font-size: 1px; line-height: 15px; } /* Formulare */ .hinweis { color: #969696; font-size: 12px; line-height: 16px; } .rubrik img.imgpresse { margin: 0; padding: 20px 0 10px 0; } #diaform .btnsenden { width: 171px; height: 29px; position: relative; top: 2px; text-indent:-999px; *text-indent: 0px; background: #ff4900 url(https://www.phoenix-x.de/gfx/button_nachricht_senden.gif) no-repeat center 0px; *background: #ff4900 url(https://www.phoenix-x.de/css/none); *color: #ffffff; cursor: pointer; padding: 8px 30px 7px 30px; color: #222222; font-size: 12px; *font-size: 15px; *padding: 0; cursor: pointer; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; } #diaform .btnsenden:hover { background: #191919 url(https://www.phoenix-x.de/gfx/button_nachricht_senden.gif) no-repeat center -40px; } /* Formular Kalender */ #calroot { z-index:10000;margin-top:-1px; width:198px; padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666; } #calhead { padding:2px 0; height:22px; } #caltitle { font-size:14px; font-family: 'Signika', Arial, Helvetica, sans-serif; color:#ff5e01; float:left; text-align:center; width:155px; line-height:20px; } #calnext, #calprev { display:block; width:16px; height:15px; background:#ffffff url(https://www.phoenix-x.de/gfx/general.gif) -465px -320px no-repeat; float:left; cursor:pointer; } #calnext { background:#ffffff url(https://www.phoenix-x.de/gfx/general.gif) -465px -295px no-repeat; float:right; } #calprev.caldisabled, #calnext.caldisabled { visibility:hidden; } #caltitle select { font-size:10px; } #caldays { height:14px; } #caldays span { display:block; float:left; width:28px; text-align:center; } #calweeks { background-color:#fff; margin-top:4px; } .calweek { clear:left; height:22px; } .calweek a { display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px; } .calweek a:hover, .calfocus { background-color:#ddd; } a.calsun { color:red; } a.caloff { color:#ccc; } a.caloff:hover { background-color:rgb(245, 245, 250); } a.caldisabled { background-color:#eaeaea !important; color:#ccc !important; cursor:default; } #calcurrent { background-color:#ff5e01; color:#fff; } #caltoday { background-color:#575757; color:#fff; } /* Formular Kontakt */ #diaform { _padding: 0; width: 100%; margin:0 auto; position:relative; } #diaform fieldset { border:0; margin:0; padding: 0; } #diaform legend { width: 100%; clear: both; color: #191919; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; height: 29px; padding: 13px 0 3px 2px; margin: 0 0 13px 0; letter-spacing: 0.04em; text-transform: uppercase; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; } #diaform p { padding: 0 0 6px 0; clear: both; display: block; width: 100%; } #diaform input[type="text"], #diaform input[type="email"] { clear: both; background: url(https://www.phoenix-x.de/gfx/inputshadow.gif) no-repeat scroll left top #FFFFFF; color:#000000; width: 80%; border: 1px solid #b5b5b5; margin: 2px 0; padding: 6px 8px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #diaform input[type="date"], .datumsfeld { clear: both; background: url(https://www.phoenix-x.de/gfx/inputshadow.gif) no-repeat scroll left top #FFFFFF; color:#000000; width: 80%; -moz-border-radius: 3px 3px 3px 3px; border: 1px solid #b5b5b5; margin: 2px 0 0 0; padding: 6px 8px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #diaform textarea { clear: both; background: url(https://www.phoenix-x.de/gfx/inputshadow.gif) no-repeat scroll left top #FFFFFF; color:#000000; width: 80%; height: 90px; -moz-border-radius: 3px 3px 3px 3px; border: 1px solid #b5b5b5; margin: 2px 0; padding: 6px 8px; overflow: auto; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #diaform select { clear: both; background: url(https://www.phoenix-x.de/gfx/inputshadow.gif) no-repeat scroll left top #FFFFFF; color:#000000; width: 80%; border: 1px solid #b5b5b5; margin: 2px 0; padding: 6px 8px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #diaform input:focus { background:#eeeeee; } #diaform textarea:focus { background:#eeeeee; } #diaform select:focus { background:#eeeeee; } #diaform button { outline:0; border: 0; clear: both; font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; color:#ffffff; background:#ff4900; padding:3px 10px 3px 10px; margin: 30px 0 0 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; _float: none; _padding:6px 13px 5px 13px; _position: relative; _top: 12px; } #diaform button:hover { background:#191919; } .error { height:18px; background-color:#ffe7d9; border:1px solid #ffe7d9; padding:4px 10px; color:#ff5e01; display:none; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .error p { margin:0; } #diaform label { display:block; color:#737373; clear: both; color: #666666; font-style: normal; } #diaform .datum { width: 100%; padding: 0; margin: 0; position: relative; top: -6px; } #diaform .datum label { display: block; width: 50%; clear: both; } #diaform .datum input { width: 50%; clear: both; } #diaform .datum fieldset { float: left; } #terms label { clear: both; } #terms input { margin:0 5px; } /* Suchbox amazon.de */ .boxamazon #diaform { padding: 0 0 10px 0; } .boxamazon #diaform .amazonsuchfeld { width: 63%; } .boxamazon #diaform label { padding: 10px 0 0 0; } .boxamazon #diaform .amazonbutton { padding: 0; margin: 0; text-indent: -9999px; width: 38px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) -439px -180px no-repeat; } .boxamazon #diaform .amazonbutton:hover { background: url(https://www.phoenix-x.de/gfx/icons.gif) -509px -180px no-repeat; cursor: pointer; } /* Top 10 Downloads */ .toptenleft { float: left; width:50px; height:19px; text-align:right; padding: 3px 4px 3px 0; color:#191919; font-size: 14px; } .toptencenter { float:left; width:50%; font-size:14px; height:19px; padding-top:3px; padding-bottom:3px; _width: 270px; } .toptenright { text-align:right; width:12%; float:left; font-size:13px; height:19px; padding: 3px 8px 3px 0; _width:60px; white-space: nowrap; } .toptenclear { clear:both; border-bottom: 1px solid #ffffff;margin: 0 30% 0 30px; } .toptenlink { padding: 0 0 0 2px; font-size: 14px; } a.toptenlink, a:link.toptenlink, a:active.toptenlink, a:visited.toptenlink { text-decoration: none; color: #ff4900; font-family: 'Signika', Arial, Helvetica, sans-serif; _clear: both; font-weight: 600; } a:hover.toptenlink { color: #191919; } .downloadtabs { list-style:none; height:26px; width: 100%; } .downloadtabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; _width: 10px; white-space: nowrap; } .downloadtabs a { background: #ff4900; font-size:14px; display:block; height: 26px; line-height:27px; text-align:center; text-decoration:none; color:#ffffff; padding:0px; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: 600; margin:0px; position:relative; top:1px; padding: 0 12px 0 12px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-right: 5px; } .downloadtabs a:active { outline:none; color: #eaeaea; } .downloadtabs a:hover { background: #eaeaea; color: #191919; } .downloadtabs .current, .downloadtabs .current:hover, .downloadtabs li.current a { background: #eaeaea; color: #191919; } .downloadpanes { background: #eaeaea; width: 100%; padding: 30px 0 40px 0; } .downloadpanes .pane { display: none; } /* Webguide */ .webguide { z-index: 9999; } .webguideleft { float: left; width: 54%; } .webguideright { float: left; width: 46%; } .webguideleft ul, .webguideright ul { list-style: none; } .webguideleft ul li, .webguideright ul li { text-transform: uppercase; width: 88%; font-size: 14px; margin: 0 0 25px 0; } .webguideleft ul li a, .webguideright ul li a { display: block; color: #191919; text-decoration: none; letter-spacing: 0.02em; } .webguideleft ul li a:hover, .webguideright ul li a:hover { color: #ff4900; } .webguideright ul li { width: 99%; } .webguide_gestaltung { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px 2px no-repeat; } .webguide_typografie { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -68px no-repeat; } .webguide_fotografie { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -137px no-repeat; } .webguide_tipps_tricks { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -208px no-repeat; } .webguide_beruf_ausbildung { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -279px no-repeat; } .webguide_papier_druck { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -349px no-repeat; } .webguide_technik { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -419px no-repeat; } .webguide_kunst_kultur { background: url(https://www.phoenix-x.de/gfx/icons_webguide.gif) 0px -489px no-repeat; } .webguide_rubrik { padding: 12px 0 0 57px; height: 33px; _height: 46px; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; cursor: pointer; } a.webguide_rubrik { font-weight: 300; font-family: 'Signika', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 300; color: #666666; } .webguide_subcategory {display: block; background: #eaeaea; width: 100%; padding: 12px 0 16px 0; } .webguideleft ul li ul li, .webguideright ul li ul li { padding: 4px 0 4px 57px; margin: 0; font-size: 13px; } .webguideleft ul li ul li a, .webguideright ul li ul li a { display: inline; text-transform: uppercase; letter-spacing: 0.04em; font-family: 'Signika', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 18px; margin: 0; } h2.webguide_headline { line-height: 24px; padding: 5px 0 5px 0; } h2.webguide_headline a.sidebarlink, a.webguide_link { font-size: 15px; line-height: 24px; padding: 0; padding-left: 14px; } .webguide_hinweis { color: #969696; font-size: 12px; line-height: 20px; } .kaestchenpre { line-height: 13px; padding-right: 13px; font-size: 11px; } .kaestchenhaken { line-height: 13px; background: url(https://www.phoenix-x.de/gfx/choice.gif) 0px 1px no-repeat; padding-left: 15px; font-size: 13px; } .kaestchen { line-height: 13px; background: url(https://www.phoenix-x.de/gfx/choice.gif) 0px -17px no-repeat; padding-left: 15px; font-size: 13px; } a.kaestchenhaken, a.kaestchen { text-decoration: none; font-weight: 600; } a:hover.kaestchenhaken, a:hover.kaestchen { color: #191919; } .webguide_sort_left { float: left; width: 25%; padding: 0 0 20px 0; } .webguide_sort_left a { font-size: 13px; font-weight: 600; } .webguide_sort_right { float: left; width: 75%; text-align: right; padding: 0 0 20px 0; *width: 74%; } .webguidebreit { width: 100%; } #contentwebguide h6, #contentwebguide h6 a { font-size: 12.5px; line-height: 22px; padding: 0; } /* Newsletter */ input.nlinput { width: 290px; padding: 8px 10px; color: #555555; font-size: 13px; background-color: #fdfdfd; border: 1px solid #b5b5b5; height: 11px; box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset; box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .nlbutton { width: 194px; height: 29px; position: relative; top: 2px; text-indent:-999px; background: #ff4900 url(https://www.phoenix-x.de/gfx/button_newsletter_abonnieren.gif) no-repeat center 0px; cursor: pointer; padding: 8px 30px 7px 30px; color: #222222; font-size: 12px; cursor: pointer; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; } .nlbutton:hover { background: #191919 url(https://www.phoenix-x.de/gfx/button_newsletter_abonnieren.gif) no-repeat center -40px; } .nllabel { padding: 0; margin: 0; } /* Suchfeld auf Suchseite */ .rubrik #diaform { padding: 0 0 10px 0; } .rubrik #diaform .suchesuchfeld { width: 63%; } .rubrik #diaform .sucheselect { width: 65%; } .rubrik #diaform label { padding: 10px 0 0 0; } .rubrik #diaform .suchebutton { padding: 0; margin: 0 0 0 6px; text-indent: -9999px; width: 38px; height: 29px; background: url(https://www.phoenix-x.de/gfx/icons.gif) -439px -180px no-repeat; } .rubrik #diaform .suchebutton:hover { background: url(https://www.phoenix-x.de/gfx/icons.gif) -509px -180px no-repeat; cursor: pointer; } /* Elastic-Videos */ .elastic-video { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; } .elastic-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bannerrectangle_anz { float: left; width: 100%; font-size: 12px; text-align: right; } /* ===================================================================================================================================================== */ /* ! Layout for mobile version */ /* ===================================================================================================================================================== */ /* ============================= */ /* 1148px */ /* ============================= */ @media handheld, only screen and (max-width: 1148px) { #nav { z-index: 9999; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; height: 44px; text-transform: uppercase; font-size: 14px; margin: 0 0 48px 0; } #nav ul li a { font-size: 14px; padding: 12px 6px 0 6px; text-decoration: none; letter-spacing: 0.1px; } .threeinarow, .threeinarowbottom { margin-left: 20px; margin-right: 20px; } .boxgray { margin-left: 20px; } .termine { float: left; width: 70%; padding: 0; } a.fontaktuelleseite , a:visited.fontaktuelleseite , a:active.fontaktuelleseite , a:link.fontaktuelleseite { width: 21px; margin-bottom: 2px; } a.fontseite , a:visited.fontseite , a:active.fontseite , a:link.fontseite { width: 21px; margin-bottom: 2px; } .article .software_text { width: 70%; } .footer ul li { padding-left: 9px; } } /* ============================= */ /* 1023px */ /* ============================= */ @media handheld, only screen and (max-width: 1023px) { #nav { z-index: 9999; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; height: 44px; text-transform: uppercase; font-size: 15px; margin: 0 0 48px 0; } #nav ul li a { font-size: 13.5px; padding: 12px 5px 0 5px; text-decoration: none; letter-spacing: 0.1px; } h1, h1 a, .article h2, .rubrik .first a, .article h1 a { font-size: 28px; } h2, h2 a, .article h2 { font-size: 20px; line-height: 22px; padding: 0 0 12px 0; } h5, h5 a, .rubrik h5, .article h5 { font-size: 14px; line-height: 14px; } h6, h6 a, .rubrik h6, .article h6 { font-size: 14px; line-height: 14px; padding: 10px 0 9px 0; } .sidebar h5 { font-size: 14px; padding: 18px 0 0 2px; } .rubrik h2, .rubrik h2 a { font-size: 17px; line-height: 20px; } .rubrik .twelvecol { font-size: 13px; line-height: 21px; } .rubrik h3, .rubrik h3 a { font-size: 18px; line-height: 24px; } .rubrik h1, .rubrik .first a { font-size: 28px; } .article h1, .article h1 a { font-size: 28px; } .box, .boxgray, .boxwhite, .article, .rubrik, .articleteaser { font-size: 15px; line-height: 21px; } .boxgray .alignleft { height: 70px; } .rubrik { font-size: 14px; line-height: 21px; } .thumbtext { height: 110px; line-height: 17px; } .thumbtext h3 a { font-size: 15px; line-height: 18px; text-decoration: none; color: #ff4900; } .thumbtext h5, .thumbtext h5 a { font-size: 12.5px; line-height: 15px; text-decoration: none; padding: 0 0 1px 0; margin: 0; } .socialleft, .socialright { font-size: 15px; } .footer ul li { font-size: 14spx; } .sidebar a.moreorange { float: left; font-size: 15px; text-decoration:none; color:#ffffff; background:#ff4900; padding:3px 10px 3px 10px; margin: 17px 0 0 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; _float: none; _padding:6px 13px 5px 13px; _position: relative; _top: 12px; } .sidebar a.moreorange:hover { background: #191919; } .box a.moreorange, .boxgray a.moreorange { font-size: 15px; padding:4px 10px 3px 10px; } a.sidebarlink, a:link.sidebarlink, a:active.sidebarlink, a:visited.sidebarlink { background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -278px no-repeat; padding-left: 13px; } .termine h5 { font-size: 12px; } .termine { font-size: 13px; } #diaform legend { font-size: 14px; } .articleteaser .teaserrubrik { width: 68%; } a.fontaktuelleseite , a:visited.fontaktuelleseite , a:active.fontaktuelleseite , a:link.fontaktuelleseite { width: 21px; } a.fontseite , a:visited.fontseite , a:active.fontseite , a:link.fontseite { width: 21px; } .fontdownloadsfiles { font-size: 14px; } .downloadhinweis { font-size: 14px; } #contentwebguide { font-size: 13px; line-height: 21px; } div.bannerskyscraper { clear: both; padding: 0; margin: 0; padding-left: 20px; margin-bottom: 30px; width: 160px; } .footer ul li { padding-left: 9px; padding-right: 8px; } a.sidebarlink.webguide_link { font-size: 14px; font-weight: 600; background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -279px no-repeat; } } /* ============================= */ /* 950px */ /* ============================= */ @media handheld, only screen and (max-width: 950px) { #nav { z-index: 9999; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; height: 80px; text-transform: uppercase; font-size: 15px; margin: 0 0 48px 0; } #nav ul li a { font-size: 14px; padding: 12px 10px 0 10px; text-decoration: none; letter-spacing: 0; text-align: } .social_share_privacy_area { width: 100%; } .showviews { width: 100%; } .termine { float: left; width: 65%; padding: 0; } .toptenclear { margin: 0 20% 0 30px; } .downloadtabs a { background: #ff4900; font-size:13px; display:block; height: 26px; line-height:27px; padding: 0 8px 0 8px; margin-right: 3px; } .toptenleft { font-size: 13px; } .toptencenter { font-size: 13px; } .toptenright { font-size: 12px; } a.toptenlink, a:link.toptenlink, a:active.toptenlink, a:visited.toptenlink { font-size: 13px; } .downloadhinweis { font-size: 13px; } .article .software_text { width: 65%; } a.webguide_rubrik { font-size: 13px; } .webguide_rubrik { padding-left: 50px; } .webguide_sort_left a, .webguide_sort_right a { font-size: 10px; padding-top: 2px; } .webguideleft ul li ul li, .webguideright ul li ul li { padding: 4px 0 4px 10px; font-size: 11px; } .webguideleft ul li ul li a, .webguideright ul li ul li a { font-size: 11px; } } /* ============================= */ /* 768px */ /* ============================= */ @media handheld, only screen and (max-width: 767px) { body { font-size: 15px; -webkit-text-stroke:0 black; } h1, h1 a, .rubrik h1, .article h1, .rubrik .first a, .article h1 a { font-size: 24px; line-height: 30px; padding: 0 0 8px 0; } h5, h5 a, .rubrik h1, article h1 { font-size: 13px; line-height: 16px; padding: 0 0 2px 0; } h6, h6 a, .rubrik h6, .article h6 { font-size: 13px; line-height: 14px; padding: 10px 0 9px 0; } .sidebar h5 { font-size: 13px; padding: 16px 0 0 2px; } .rubrik h1 { font-size: 18px; line-height: 30px; padding: 0 0 8px 0; } .logo { height: 60px; } .logoright, .werbung { display: none; } .footer { float: left; width: 100%; margin: 0 0 0 0; padding: 0 0 10px 0; } .Dia_search { padding: 40px 0 10px 0; } .DiaForms_BLUE input[type="text"],.DiaForms_BLUE input[type="password"],.DiaForms_BLUE textarea { width: 80%; } .threeinarow, .threeinarowbottom { margin: 0px; padding: 0; border-top: none; border-bottom: none; } .boxgray, .boxpadding { margin-left: 0; margin-top: 0; } .fourcol { margin-bottom: 30px; } a.moreorange { margin-bottom: 40px; } .boxgray .alignleft { float: left; height: 140px; margin-bottom: 10px; } .boxgray { padding-bottom: 50px; } .headlinepaddingsocial { display: none; } .socialleft, .socialright { display: none; } .select-menu { display: inline-block; width: 99%; margin: 0px 0px 30px 0px; } #nav { display: none; } .adbottom { display: none; } .footer { padding-bottom: 50px; } .footer ul { height: 150px; padding-left: 20px; width: 90%; margin: 0; } .footer ul li { width: 30%; margin: 0; padding-left: 1px; padding-right: 0; } .articleteaser .teaserrubrik { width: 68%; } .pagenumbers { border-top: none; padding: 30px 0 30px 0; } a.aktuelleseite , a:visited.aktuelleseite , a:active.aktuelleseite , a:link.aktuelleseite { width: 26px; } a.seite , a:visited.seite , a:active.seite , a:link.seite { width: 26px; } .box img { width: 98%; border: 0; } .twoinarow { margin: 0px; padding: 0; margin-top: 30px; border-top: none; border-bottom: none; } .twoinarow .sixcol { padding: 0 0 30px 0; } .smallimage, .article .smallimage, .rubrik .smallimage, img.smallimage { max-width: none; width: 100%; float: none; clear: both; padding: 6px 0 20px 0; } .rubrik .twelvecol { padding-left: 0; padding-right: 0; } .termine { float: left; width: 66%; padding: 0; } #diaform input[type="text"], #diaform input[type="email"] { width: 95%; } #diaform input[type="date"], .datumsfeld { width: 95%; } #diaform legend { font-size: 13px; } .boxamazon #diaform .amazonsuchfeld { width: 71%; } .adsmall { display: none; } .article .software_text { float: none; width: 95%; } .webguideleft { clear: both; width: 100%; } .webguideright { clear: both; width: 100%; } .webguidebreit { width: 98%; } .webguideleft, .webguideright, .webguideleft ul, .webguideright ul, .webguideleft ul li, .webguideright ul li { width: 100%; } .rubrik #diaform .suchesuchfeld { width: 83%; } .rubrik #diaform .sucheselect { width: 85%; } } /* ============================= */ /* 480px */ /* ============================= */ @media handheld, only screen and (max-width: 520px) { .social_share_privacy_area { height: 50px; } .boxgray .alignleft { display: none; } .thumbsmall { position:relative;width:50px;height:42px;text-align:center;_padding-top: 3px; background: url(https://www.phoenix-x.de/gfx/loader_white.gif) 18px 16px no-repeat; } .thumbwrapper { float: left;width:60px;height:52px; } .footer ul li { width: 40%; margin: 0; } .articleteaser .teaserrubrik { width: 70%; } .articleteaser img, .weitere img { width: 60px; } .articleteaser .imageleft { padding: 0 10px 10px 0; width: 60px; } .pagenumberstext { display: none; } a.aktuelleseite , a:visited.aktuelleseite , a:active.aktuelleseite , a:link.aktuelleseite { width: 15px; margin: 0 1px 0 0; } a.seite , a:visited.seite , a:active.seite , a:link.seite { width: 15px; margin: 0 1px 0 0; } .termine { float: left; width: 100%; padding: 0; } .article .buch_wrapper, .article .software_wrapper { clear: both; width: auto; border: none; } .article .buch_left, .article .buch_left_first, .article .software_left, .article .software_left_first { width:80px; font-size: 11px; border: none; } .article .buch_right, .article .software_right { width:153px; font-size: 11px; border: none; width: 60%; } .article .button_amazon { clear: both; padding: 20px 0 0 0; width:130px; height:80px; border: none; } .articleteaser .buchleft { width: 58px; } .toptenleft { display: none; } .toptencenter { padding-left: 10px; width: 95%; } .toptenright { display: none; } .toptenclear { border-bottom: none; } .downloadtabs a { clear: both; padding: 0 1px 0 1px; margin: 0 1px 0 1px; font-size: 10px; } .fontdownloadsright { display: none; } .fontdownloadshead span { display: none; } .fontdownloadsfiles { font-size: 13px; padding-top: 10px; line-height: 13px; } .fontdownloadsfiles a.sidebarlink { clear: both; display: block; width: 100%; background: url(https://www.phoenix-x.de/gfx/icons.gif) -520px -284px no-repeat; } .akzeptiert a, .akzeptiert a:visited, .akzeptiert a:active { font-size: 13px; padding-left:0px; background: none; } .akzeptiert a:hover { color: #ff4900; background: none; } .article .software_img { width: 90px; } .article .downloadbutton { padding-left: 0; margin-left: 0; } img.plattform { width: 28px; } .webguide_sort_left { clear: both; width: 100%; } .webguide_sort_right { display: none; } .webguideleft ul li ul li, .webguideright ul li ul li { padding: 4px 0 4px 10px; font-size: 11px; } .webguideleft ul li ul li a, .webguideright ul li ul li a { letter-spacing: 0.02em; font-size: 11px; line-height: 16px; } .webguidebreit { width: 95%; } .rubrik #diaform .suchesuchfeld { width: 73%; } .rubrik #diaform .sucheselect { width: 75%; } .social_share_privacy_area li { clear: both; } } /* ============================= */ /* 320px */ /* ============================= */ @media handheld, only screen and (max-width: 320px) { .DiaForms_BLUE input[type="text"],.DiaForms_BLUE input[type="password"],.DiaForms_BLUE textarea { width: 70%; } .articleteaser .buchleft { width: 40px; padding-bottom: 20px; } } /* =============================== */ /* Bei Banner 160 x 600 aktivieren */ /* =============================== .row { max-width: 1240px; } .bannerskyscraper { float: left; width: 160px; padding: 209px 0 0 0; margin: 0 0 0 5px; } .wrapper { margin: 0 auto; max-width: 1240px; background: #666666; } .container { float: left; max-width: 1080px; padding-left: 0; padding-right: 5px; } #nav { border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; text-transform: uppercase; font-size: 15px; margin: 0 0 40px 0; } #nav ul li a { font-size: 14.2px; color: #191919; padding: 12px 6px 0 6px; text-decoration: none; letter-spacing: 0.1px; } .boxgray .alignleft { height: 70px; } */