* { padding:0; margin:0; border:0; } body { font-family:Verdana, sans-serif; font-size:12px; color:#b4b4b4; background:#1a2225 url('../gfx/bgMainSubpage.gif') repeat-x; } .right { text-align:right; } #wrap { width:930px; margin:0 auto; text-align:center; /* Center in IE6 */ } #shopHeader { height:16px; width:910px; text-align:right; padding-top:8px; padding-right:20px;} #shopHeader a, #shopHeader a:active, #shopHeader a:visited { color:#fff; text-decoration:none; } #shopHeader a.register, #shopHeader a.register:active, #shopHeader a.register:visited { font-weight:bold; color:#fc0; text-decoration:none; } #shopHeader a:hover, #shopHeader a.register:hover { text-decoration:underline; } #shopHeader a.cart { padding-left:16px; background:url('../gfx/cart.gif') 0 1px no-repeat; } #logo { float:left; margin-top:3px; margin-left:10px; width:270px; height:38px; text-indent:-9999px; background:url('../gfx/logo.gif') no-repeat; } #logo a, #logo a:visited, #logo a:active, #logo a:hover { display:block; width:270px; height:38px; } #login { float:right; padding:2px; text-align:left; margin-top:12px; margin-right:20px; } #login a, #login a:visited, #login a:active { color:#59747e; font-size:11px; text-decoration:none; } #login a:hover { text-decoration:underline; } #login input { color:#737373; width:100px; height:14px; padding:2px; margin-top:3px; background:transparent; border:1px solid #cacaca; } #login input:focus { color:#fff; } #login input.submit { color:#fff; position:relative; top:-2px; width:52px; height:28px; text-align:center; padding:0 0 3px 0; border:0; cursor:pointer; background:url('../gfx/button/btnLogin.gif') no-repeat; } *+html #login input.submit { position:relative; top:2px; padding-top:4px; height:28px; } *html #login input.submit { position:relative; top:2px; padding-top:4px; height:28px; } #colLeft h1, #colMiddle h1, #colRight h1 { color:#fff; padding-top:10px; padding-bottom:10px; text-transform:uppercase; font-size:14px; font-weight:bold; padding-left:27px; margin-left:10px; background:url('../gfx/headline.gif') left 13px no-repeat; } #colLeft h2, #colMiddle h2, #colRight h2 { padding-top:15px; padding-bottom:15px; font-size:12px; font-weight:bold; } #colLeft strong, #colMiddle strong, #colRight strong { font-size:12px; font-weight:bold; } #colLeft ul, #colMiddle ul, #colRight ul { padding:5px 5px 5px 25px; list-style:square; color:#f08200; } #colLeft ul li, #colMiddle ul li, #colRight ul li { padding:2px; color:#b4b4b4; } #colLeft p, #colMiddle p, #colRight p { padding-bottom:15px; } #colLeft a, #colLeft a:active, #colLeft a:visited, #colMiddle a, #colMiddle a:active, #colMiddle a:visited, #colRight a, #colRight a:active, #colRight a:visited { color:#f08200; text-decoration:underline; } #colLeft a:hover, #colMiddle a:hover, #colRight a:hover { text-decoration:none; } #colLeft .orange, #colMiddle .orange, #colRight .orange { color:#f08200; } #colLeft { margin-top:40px; text-align:left; float:left; width:680px; padding-right:10px; padding-top:10px; } /*#colMiddle { text-align:left; float:left; width:310px; padding-right:10px; padding-top:10px; }*/ /* Content */ .btnAnfrage a {text-indent:-9999px;display: block; width:197px; height:37px;background:url('../gfx/button/btnAnfrage.jpg') no-repeat; } .btnAnfrage a:hover{ background:url('../gfx/button/btnAnfrage.jpg') no-repeat 0 -37px;} #colRight { text-align:left; float:left; width:212px; padding:10px 9px 0 0; margin-top:30px; } *+html #colRight { margin-top:35px; } #colLeft a.overlayLink, #colLeft a.overlayLink:active, #colLeft a.overlayLink:visited { color:#fff; text-decoration:none; padding-right:12px; background:url('../gfx/tooltip.gif') right 3px no-repeat; } #colLeft a.overlayLink:hover { color:#e4e4e4; padding-right:12px; text-decoration:underline; background:url('../gfx/tooltip.gif') right 3px no-repeat; } #searchBox { margin-top:10px; width:212px; height:41px; background:url('../gfx/searchBoxBg.gif') no-repeat; } #searchBox input.search { position:relative; top:9px; left:16px; color:#737373; background:transparent; border:none; width:147px; height:15px; font-size:11px; padding:2px; } #searchBox input.search:focus { color:white; } #searchBox input.submit { position:relative; left:20px; top:10px; width:16px; height:16px; background:transparent; border:none; text-indent:-9999px; } #searchBox input.submit:hover { cursor:pointer; } #rssBox { width:212px; margin-top:15px; background:transparent url('../gfx/bgRssBox.gif') repeat-y; } #rssBox h2 { width:212px; height:39px; text-indent:-9999px; background:transparent url('../gfx/headRssBox.gif') no-repeat; } #rssBox .newsCategoryImage { width:60px; height:32px; float:left; text-align:center;padding-bottom:10px; } #rssBox .newsCategoryHeader { font-size:10px; float:left; padding-bottom:10px; margin-top:3px;} #rssBox .newsCategoryHeader .category { color:#8b8b8b; font-weight:bold; text-transform:uppercase; } #rssBox .newsCategoryHeader .date { color:#8f8f8f; } #rssBox h3 { clear:both; text-align:center; margin:15px 4px 5px 4px; } #rssBox h3 a, #rssBox h3 a:visited, #rssBox h3 a:active { color:#de5d0f; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; } #rssBox h3 a:hover { color:#f08200; } #rssBox div.footer { width:212px; height:38px; background:url('../gfx/footRssBox.gif') bottom no-repeat; text-align:center; } #rssBox p { padding:5px 10px 0 10px; font-size:11px; } #rssBox .more { text-align:right; border-bottom:1px solid #000; margin:0 4px 15px 4px; height:21px; } #rssBox .more a, #rssBox .more a:visited, #rssBox .more a:active { display:block; background:url('../gfx/button/btnMehr.gif') no-repeat; text-indent:-999999px; width:42px; height:21px; margin-left:150px;} #rssBox .more a:hover { background:url('../gfx/button/btnMehr.gif') 0 -21px no-repeat; } #footer { clear:both; text-align:center; padding-top:20px; padding-bottom:20px; color:#8e8e8e; } #footer p { padding-bottom:5px; } #footer p span.orange, #footer p div span.orange { color:#f08200; } #footer a, #footer a:active, #footer a:visited { color:#8e8e8e; text-decoration:underline; } #footer a:hover { text-decoration:none; } .clear { clear:both; } /* Referenzen tt_news */ .referenzItemList {width:320px;height:146px;background:url('../gfx/bgReferenz.jpg') no-repeat;padding:7px; color:#8e8e8e;float:left;} #colLeft .referenzItemList p {padding-bottom:0;} .referenzItemList h3 { margin:0px 0px 10px 0px;color:#fff; font-size:13px; font-weight:bold; text-decoration:none; } .referenzImageList {float:left;margin-right:5px;} .referenzImageList img {border:1px solid #8e8e8e;} .referenzItemList ul { margin-top:0; padding-top:0; margin-left:140px; list-style:square; } .referenzItemList li { padding-left:-10px; } .referenzMoreList a, .referenzMoreList a:visited, .referenzMoreList a:active { display:block; background:url('../gfx/button/btnDetailReferenz.jpg') no-repeat; width:64px; height:22px; text-indent:-9999px;margin:5px 0 0 40px;} .referenzMoreList a:hover { background:url('../gfx/button/btnDetailReferenz.jpg') 0 -22px no-repeat; } .tx-ttnews-browsebox { width:680px; text-align:center; margin:0 auto; } .tx-ttnews-browsebox a, .tx-ttnews-browsebox a:visited, .tx-ttnews-browsebox a:active { padding:4px; margin:2px; border:1px solid #5b3f1a; background:#353a3d; text-decoration:none !important;} .tx-ttnews-browsebox a:hover { padding:4px; margin:2px; border:1px solid #f08200; background:#757374; color:#000 !important; } .tx-ttnews-browsebox strong { padding:4px; margin:2px; border:1px solid #f08200; background:#757374; color:#000 !important; } .tx-ttnews-browsebox .result { color:#cecece; font-size:10px; } .tx-ttnews-browsebox .result span { color:#fff; } /* Referenz Single tt_news */ /*#colLeft .referenzItemSingle { width:600px; margin:0 auto; text-align:center; /* Center in IE6 */ color:#dddddd; }*/ #colLeft .referenzItemSingle { margin:0 auto; text-align:center; /* Center in IE6 */ } #colLeft .referenzItemSingle h1 { padding-left:0; margin-left:0; background-image:none; color:#fff; font-size:14px; font-weight:bold; border-bottom:1px solid #de5d0f; padding-bottom:10px; margin-bottom:10px;} #colLeft .referenzItemSingle strong { font-weight:bold; } #colLeft .referenzItemSingle p { padding-bottom:10px; } #colLeft .referenzImageSingle .myGallery { width:600px; text-align:center; } #colLeft .referenzImageSingle .imageElement img.full { width:570px; height:290px; padding:15px 15px 5px 15px; background:url('../gfx/bgReferenzSingle.jpg') no-repeat; } #colLeft .referenzSingleLeft { float:left; width:295px; margin-right:10px; text-align:left;} #colLeft .referenzSingleLeft ul { margin-top:0; padding-top:0; margin-left:15px; list-style:square; } #colLeft .referenzSingleFooterLine {clear:both; border-bottom:1px solid #de5d0f; } #colLeft .referenzSingleRight { float:left; width:285px; text-align:left; padding-right:10px;} #colLeft .referenzBackSingle { float:left; text-align:left; margin-top:10px;padding-left:10px; } #colLeft .referenzBackSingle a, .referenzMoreSingle a:visited, .referenzMoreSingle a:active { color:#de5d0f; text-decoration:none;padding-left:20px; background:url('../gfx/referenzGalerie/back.png') no-repeat; } #colLeft .referenzBackSingle a:hover { color:#f08200; text-decoration:underline; } #colLeft .referenzLinkSingle {float:right; text-align:right; margin-top:10px;padding-right:20px; } #colLeft .referenzLinkSingle a, .referenzLinkSingle a:visited, .referenzLinkSingle a:active { color:#de5d0f; text-decoration:none; padding-left:20px; background:url('../gfx/referenzGalerie/home.png') no-repeat; } #colLeft .referenzLinkSingle a:hover { color:#f08200; text-decoration:underline; } #colLeft .newsItemSingle { margin:0 10px; padding:10px; text-align:center; /* Center in IE6 */ color:#dddddd; background:#303f44; border:1px solid #41555c; } #colLeft .newsItemSingle h1 { margin:0 0 10px 0; padding:0 0 10px 0; background-image:none; color:#f08200; font-size:14px; font-weight:bold; border-bottom:1px solid #41555c; } #colLeft .newsItemSingle strong { font-weight:bold; } #colLeft .newsItemSingle p { padding-bottom:10px; } #colLeft .newsItemSingle img { padding:2px; border:1px solid 41555c; } #colLeft .newsImageSingle .myGallery { width:600px; text-align:center; } #colLeft .newsImageSingle .imageElement img.full { width:570px; height:290px; padding:15px 15px 5px 15px; background:url('../gfx/bgReferenzSingle.jpg') no-repeat; } #colLeft .newsSingleSubheader { font-weight:bold; text-align:left; padding:0 10px; } #colLeft .newsSingleContent { text-align:left; padding:0 10px; } #colLeft .newsSingleContent ul { margin-top:0; padding-top:0; margin-left:15px; list-style:square; } #colLeft .newsSingleFooterLine {clear:both; } #colLeft .newsBackSingle {float:lrft; margin-top:10px;} #colLeft .newsBackSingle a, #colLeft .newsBackSingle a:visited, #colLeft .newsBackSingle a:active { display:block; background:url('../gfx/button/btnNewsBack.png') no-repeat; text-indent:-999999px; width:48px; height:21px;} #colLeft .newsBackSingle a:hover { background:url('../gfx/button/btnNewsBack.png') 0 -21px no-repeat; } #colLeft .newsLinkSingle {float:right; text-align:right; margin-top:10px;padding-right:20px; } #colLeft .newsLinkSingle a, .newsLinkSingle a:visited, .newsLinkSingle a:active { color:#de5d0f; text-decoration:none; padding-left:20px; background:url('../gfx/referenzGalerie/home.png') no-repeat; } #colLeft .newsLinkSingle a:hover { color:#f08200; text-decoration:underline; } #colLeft .newsItemList { margin:10px 10px; padding:10px; text-align:center; /* Center in IE6 */ color:#dddddd; background:#303f44; border:1px solid #41555c; } #colLeft .newsItemList h1 { margin:0 0 10px 0; padding:0 0 10px 0; background-image:none; color:#f08200; font-size:14px; font-weight:bold; border-bottom:1px solid #41555c; } #colLeft .newsItemList strong { font-weight:bold; } #colLeft .newsItemList p { padding-bottom:10px; } #colLeft .newsImageList .myGallery { width:600px; text-align:center; } #colLeft .newsImageList .imageElement img.full { width:570px; height:290px; padding:15px 15px 5px 15px; background:url('../gfx/bgReferenzSingle.jpg') no-repeat; } #colLeft .newsListLeft { text-align:left; padding:0 10px; } #colLeft .newsListLeft ul { margin-top:0; padding-top:0; margin-left:15px; list-style:square; } #colLeft .newsListFooterLine {clear:both; } #colLeft .newsBackList { float:left; text-align:left; margin-top:10px;padding-left:10px; } #colLeft .newsBackList a, .referenzMoreSingle a:visited, .referenzMoreSingle a:active { color:#de5d0f; text-decoration:none; padding-left:20px; background:url('../gfx/referenzGalerie/back.png') no-repeat; } #colLeft .newsBackList a:hover { color:#f08200; text-decoration:underline; } #colLeft .newsLinkList {float:right; text-align:right; margin-top:10px;padding-right:20px; } #colLeft .newsLinkList a, .newsLinkList a:visited, .newsLinkList a:active { color:#de5d0f; text-decoration:none; padding-left:20px; background:url('../gfx/referenzGalerie/home.png') no-repeat; } #colLeft .newsLinkList a:hover { color:#f08200; text-decoration:underline; } #colLeft .newsItemList .more {float:right; margin-top:10px;} #colLeft .more a, #colLeft .more a:visited, #colLeft .more a:active { display:block; background:url('../gfx/button/btnNewsList.png') no-repeat; text-indent:-999999px; width:48px; height:21px;} #colLeft .more a:hover { background:url('../gfx/button/btnNewsList.png') 0 -21px no-repeat; } /* News Frontpage */ #colLeft .newsFrontpageLeft, #colLeft .newsFrontpageRight { float:left; width:288px; margin-top:10px; height:150px; padding:5px; color:#dddddd; background:#303f44; border:1px solid #41555c; } #colLeft .newsFrontpageLeft { clear:both; margin-right:10px; } #colLeft .newsFrontpageLeft h2, #colLeft .newsFrontpageRight h2 { border-bottom:1px solid #41555c; padding:0 0 5px 0; margin-bottom:5px; line-height:1.3em; text-align:center; } #colLeft .newsFrontpageLeft img, #colLeft .newsFrontpageRight img { margin:0 5px 5px; padding:1px; border:1px solid #41555c; float:left; } #colLeft .newsFrontpageLeft p, #colLeft .newsFrontpageRight p { padding:0 0 5px 0; margin:0; line-height:1.4; } /* CSS Contactform */ .mfWrap { padding:0; margin:0 auto; width:360px; text-align:center; /* Center in IE6 */ } .mfFloatLeft { float:left; width:170px; padding:5px; margin:0; text-align:left; /* See IE-Hack */ } .mfFloatRight { float:right; width:170px; padding:5px; margin:0; text-align:left; /* See IE-Hack */ } .mfFloatLeftCostumWidth { float:left; padding:5px; margin:0; text-align:left; /* See IE-Hack */ } .mfFullWidth { padding:5px; margin:0; width:350px; text-align:left; /* See IE-Hack */ } .mfCenter { margin:0 auto; text-align:center; /* Center in IE6 */ } .mfRight { text-align:right; /* Center in IE6 */ } .mfClearBoth { clear:both; } .mfInput { padding:0; margin:0; width:162px; } .mfCaption { color:#b4b4b4; font-size:10px; display:inline; text-align:left; /* See IE-Hack */ padding-bottom:5px; padding-left:5px; } .mfInput input { width:160px; height:16px; color:#59747e; background-color:#25353b; border:1px solid #636363; } .mfInput input:hover, .mfInput input:focus { color:#fff; background-color:#36474d; border:1px solid #cacaca; } /* Does not working in IE */ .mfInputFull input { width:340px; height:16px; color:#59747e; background-color:#25353b; border:1px solid #636363; } .mfInputFull input:hover, .mfInput input:focus { color:#fff; background-color:#36474d; border:1px solid #cacaca; } /* Does not working in IE */ .mfInput textarea { width:340px; height:220px; color:#59747e; background-color:#25353b; border:1px solid #636363; font-family:Verdana, sans-serif; font-size:12px; } .mfInput textarea:hover, .mfInput textarea:focus { color:#fff; background-color:#36474d; border:1px solid #cacaca; } /* Does not working in IE */ .mfTextLeft { color:#b4b4b4; font-size:10px; text-align:left; /* See IE-Hack */ padding:2px 0 2px 0; } .mfCheckbox { text-align:left; font-size:10px; color:#b4b4b4; } .mfCheckbox input { border:0; text-align:left; /* See IE-Hack */ font-size:10px; color:#000; } .mfButton input.submit { width:67px; height:30px; color:#000; background:url('../gfx/button/btnSenden.gif') no-repeat; text-indent:-9999px; } .mfButton input.reset { width:67px; height:30px; color:#000; background:url('../gfx/button/btnReset.gif') no-repeat; text-indent:-9999px; margin-right:15px; } .mfButton input:hover, .mfButton input:focus { background-position:0px -30px; cursor:pointer; } /* Does not working in IE */ .mfButtonUpload input.submit { width:67px; height:29px; color:#000; background:url('../gfx/button/btnSendenTransparent.png') no-repeat; text-indent:-9999px; } .mfButtonUpload input.reset { width:67px; height:29px; color:#000; background:url('../gfx/button/btnResetTransparent.png') no-repeat; text-indent:-9999px; } .mfButtonUpload input:hover, .mfButtonUpload input:focus { background-position:0px -29px; cursor:pointer; } /* Does not working in IE */ /*Upload Formular*/ .mfInputData input { position: relative; width:200px; height:16px; color:#59747e; background-color:#25353b; border:1px solid #636363; } .mfInputData input:hover, .mfInputData input:focus { color:#fff; background-color:#36474d; border:1px solid #cacaca; } /* Does not working in IE */ .mfInputData textarea { width:340px; height:30px; color:#59747e; background-color:#25353b; border:1px solid #636363; font-family:Verdana, sans-serif; font-size:12px; } .mfInputData textarea:hover, .mfInputData textarea:focus { color:#fff; background-color:#36474d; border:1px solid #cacaca; } /* Does not working in IE */ div.overlay { width:600px; height:470px; display:none; padding:55px; } div.overlay div.close { background-image:url('../gfx/overLayClose.png'); position:absolute; right:10px; top:10px; cursor:pointer; height:35px; width:35px; } #overlay { background-image:url('../gfx/overlayBg.png'); color:#b4b4b4; } /* container for external content. uses vertical scrollbar, if needed */ #overlay .wrap { height:441px; overflow:auto; } #overlay .wrap h1 { background:none; padding-left:0; padding-top:0; } #overlay .wrap p { padding-bottom:10px; } #featured{ width:370px; padding-right:240px; position:relative; border:1px solid #41555c; height:200px; background:#303f44; margin:0; } #featured ul.ui-tabs-nav{ position:absolute; top:0; left:370px; list-style:none; padding:0; margin:0; width:240px; } #featured ul.ui-tabs-nav li{ padding:0; font-size:10px; color:#f4f4f4; } #featured ul.ui-tabs-nav li img{ float:left; background:#303f44; padding:2px; border:1px solid #f4f4f4; height:34px; margin-right:5px; } #featured ul.ui-tabs-nav li span{ font-size:10px; font-family:Verdana; } #featured li.ui-tabs-nav-item a { display:block; height:40px; background:#303f44; color:#f4f4f4; line-height:13px; border-left:1px solid #41555c; text-decoration:none; padding:5px; } #featured li.ui-tabs-nav-item a:hover { background:#1a2225; } #featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#1a2225; } #featured li.ui-tabs-nav-item span { color:#f08200; } #featured .ui-tabs-panel{ width:370px; height:200px; background:#303f44; position:relative; } #featured .ui-tabs-panel .info{ position:absolute; top:120px; left:0; height:70px; width:370px; background: url('../gfx/greyTrans.png'); } #featured .info h2{ font-size:14px; font-family:Verdana, sans-serif; color:#f08200; padding:5px; margin:0; overflow:hidden; } #featured .info p{ margin:0 5px; font-family:Verdana; font-size:10px; line-height:13px; color:#fff; padding-bottom:0px; } #featured .info a{ text-decoration:none; font-size:10px; color:#f08200; } #featured .info a:hover{ text-decoration:underline; } #featured .ui-tabs-hide{ display:none; } #webReferenzenContainer ul { list-style:none; margin-left:-2px; } #webReferenzenContainer { background:url(../gfx/content/webdesign-referenzen-bg.jpg) 17px 0 no-repeat; height:201px; } #btnReferenzen a, #btnReferenzen a:active, #btnReferenzen a:visited { width:117px; height:21px; display:block; margin-left:17px;text-indent:-99999999px; background:url(../gfx/button/btnReferenzen.jpg) no-repeat; } #btnReferenzen a:hover { background-position:0 -21px; }