/* Stylesheet für HIWAVE Version: 1.2 Stand: 09.07.2008 (c) NETGENERATOR - www.netgenerator.de */ html { height: 100%; margin-bottom: -80px; } body { height: 100%; margin-bottom: -80px; background: #fff url(grafik/bg.jpg) left top repeat-x; color: #4c5b65; font: 12px "Arial","Verdana","Helvetica","Geneva"; line-height: 18px; margin: 0; padding: 0; } a, a:link, a:visited { font: bold 12px "Arial","Verdana","Helvetica","Geneva"; line-height: 18px; color: #0055a8; text-decoration: none; } a:hover, a:active, a:focus { color: #3d494d; text-decoration: underline; outline: none; } img { border: none; } p { margin: 0; padding: 0; } hr { height: 5px; color: #0055a8; background-color: #0055a8; border: none; } h1 { display: block; padding: 0 0 15px; margin: 0 0 15px; font: bold 22px "Arial","Verdana","Helvetica","Geneva"; line-height: 27px; color: #4c5b65; border-bottom: 5px solid #0055a8; } h2 { display: table; clear: both; padding: 0 0 5px; margin: 0 0 15px; font: bold 16px "Arial","Verdana","Helvetica","Geneva"; line-height: 21px; color: #4c5b65; border-bottom: 5px solid #0055a8; } fieldset { padding: 0; margin: 0; border: none; background: none; } /* ueberschrift rechte newsbox */ h4 { display: block; margin: 0 0 15px; font: bold 22px "Arial","Verdana","Helvetica","Geneva"; line-height: 27px; color: #0055a8; } #body { position: relative; min-height: 100%; margin: 0 auto; text-align: left; z-index: 1; background: transparent url(grafik/schatten_container.png) 50% 324px repeat-y; } * html #body { width: 1030px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/schatten_container.png', sizingMethod='scale'); background: none; } .body_abdecker { height: 184px; width: 100%; position: absolute; left: 0px; top: 24px; background: transparent url(grafik/bg_header.jpg) 50% top no-repeat; } #body_abdecker_index { background: transparent url(grafik/bg_header_index.jpg) 50% top no-repeat; } #body_abdecker_unternehmen { background: transparent url(grafik/bg_header_unternehmen.jpg) 50% top no-repeat; } #body_abdecker_produkte_hispot-leuchtsaeule { background: transparent url(grafik/bg_header_produkte_hispot-leuchtsaeule.jpg) 50% top no-repeat; } #body_abdecker_produkte_bluetooth-marketing { background: transparent url(grafik/bg_header_produkte_bluetooth-marketing.jpg) 50% top no-repeat; } #body_abdecker_produkte_nfc-touch-and-go { background: transparent url(grafik/bg_header_produkte_nfc-touch-and-go.jpg) 50% top no-repeat; } #body_abdecker_produkte_mobile-content { background: transparent url(grafik/bg_header_produkte_mobile-content.jpg) 50% top no-repeat; } #body_abdecker_produkte_public-gaming { background: transparent url(grafik/bg_header_produkte_mobile-content.jpg) 50% top no-repeat; } #body_abdecker_produkte_bedd-flirt-dating-tool { background: transparent url(grafik/bg_header_produkte_bedd-flirt-dating-tool.jpg) 50% top no-repeat; } #body_abdecker_produkte_consulting-and-service { background: transparent url(grafik/bg_header_produkte_consulting-and-service.jpg) 50% top no-repeat; } #body_abdecker_produkte_faq { background: transparent url(grafik/bg_header_produkte_faq.jpg) 50% top no-repeat; } #body_abdecker_produkte_hiwavenet-ccms { background: transparent url(grafik/bg_header_referenzen.jpg) 50% top no-repeat; } #body_abdecker_referenzen_marken-unternehmen-agenturen { background: transparent url(grafik/bg_header_referenzen.jpg) 50% top no-repeat; } #body_abdecker_referenzen_messen-events-locations { background: transparent url(grafik/bg_header_referenzen.jpg) 50% top no-repeat; } #body_abdecker_referenzen_bands { background: transparent url(grafik/bg_header_referenzen.jpg) 50% top no-repeat; } #body_abdecker_referenzen_publisher { background: transparent url(grafik/bg_header_produkte_bluetooth-marketing.jpg) 50% top no-repeat; } #body_abdecker_referenzen_agenturen { background: transparent url(grafik/bg_header_produkte_nfc-touch-and-go.jpg) 50% top no-repeat; } #body_abdecker_news { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } #body_abdecker_news__2005 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } #body_abdecker_news__2006 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } #body_abdecker_news__2007 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } #body_abdecker_news__2008 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } /*#body_abdecker_news__2009 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; }*/ #body_abdecker_news__2009 { background: transparent url(grafik/bg_header_produkte_consulting-and-service.jpg) 50% top no-repeat; } #body_abdecker_news__2010 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } #body_abdecker_news__2011 { background: transparent url(grafik/bg_header_news.jpg) 50% top no-repeat; } #body_abdecker_news-archiv { background: transparent url(grafik/bg_header_news-archiv.jpg) 50% top no-repeat; } #body_abdecker_jobs { background: transparent url(grafik/bg_header_jobs.jpg) 50% top no-repeat; } #body_abdecker_jobs_freelancer { background: transparent url(grafik/bg_header_jobs.jpg) 50% top no-repeat; } #body_abdecker_kontakt { background: transparent url(grafik/bg_header_kontakt.jpg) 50% top no-repeat; } #body_abdecker_impressum { background: transparent url(grafik/bg_header_impressum.jpg) 50% top no-repeat; } #body_abdecker_agb { background: transparent url(grafik/bg_header_agb.jpg) 50% top no-repeat; } #body_abdecker_userlogin, #body_abdecker_userlogin_fehler, #body_abdecker_login_fehler { background: transparent url(grafik/bg_header_kontakt.jpg) 50% top no-repeat; } #body_abdecker_media { background: transparent url(grafik/bg_header_index.jpg) 50% top no-repeat; } #body_bg { width: 1000px; position: relative; min-height: 100%; height: auto !important; margin: 0 auto 0; padding: 1px 0 0; text-align: left; z-index: 1; } * html #body_bg { height: 100%; padding: 0; } #header_abdecker { width: 100%; height: 24px; position: absolute; top: 0px; display: block; z-index: 2; background: #fff url(grafik/bg.jpg) left top repeat-x; } #header { width: 1000px; height: 184px; position: absolute; top: 0px; left: 0px; z-index: 3 } /* #header.index { overflow: visible; } */ img.logo { margin: 69px 0 0 53px; } #headernavi { width: 359px; height: 19px; position: absolute; top: -5px; left: 641px; z-index: 100; } #headernavi ul { height: 20px; display: block; margin: 0; padding: 0; list-style: none; } #headernavi ul li { width: 73px; height: 20px; margin: 0 1px 0 0; display: inline; float: left; } #headernavi ul li a, #headernavi ul li a:visited, #headernavi ul li a:link { width: 73px; height: 16px; padding: 4px 0 0; float: left; text-align: center; background: #b2dee8 url(grafik/bg_headernavi.jpg) left top repeat-x; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; } #headernavi ul li a:hover, #headernavi ul li a:active, #headernavi ul li a:focus, #headernavi ul li a.active, #headernavi ul li a.white { text-decoration: none; background: #fff url(grafik/bg_headernavi.jpg) left -20px repeat-x; } #footer_container { width: 100%; display: block; position: absolute; bottom: 30px; z-index: 5000; } #footer { width: 970px; margin: 0 auto; padding: 20px 0; z-index: 5000; font: 11px "Arial","Verdana","Helvetica","Geneva"; text-align: center; border: 1px dotted #0055a8; border-left: none; border-right: none; } #footer a { font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #4c5b65; } #container { width: 1000px; min-height: 100%; height: 100%; display: table; margin: 208px 0 0; padding: 0 0 140px; z-index: 1; } #container_left { width: 820px; margin: 0; float: left; display: inline; background: #fff; } #mainnavi { width: 820px; height: 30px; display: block; position: absolute; top: 208px; left: 0px; margin: 0; overflow: show; background: transparent url(grafik/bg_mainnavi_bg.jpg) left top repeat-x; } * + html #mainnavi[id] { width: 821px; } /* IE 7 only */ #cssdropdown { height: 35px; display: block; margin: 0; padding: 0; list-style: none; float: left; background: transparent url(grafik/bg_mainnavi_right.gif) right top no-repeat; } #cssdropdown li.mainitems { height: 35px; margin: 0; padding: 0; float: left; position: relative; } li.mainitems a.mainitems, li.mainitems a.mainitems:link, li.mainitems a.mainitems:visited, li.mainitems a.mainitems:hover, li.mainitems a.mainitems:active, li.mainitems a.mainitems:focus { width: 116px; height: 20px; padding: 10px 0 0; margin: 0 1px 0 0; float: left; text-align: center; text-decoration: none; color: #fff; font: bold 12px "Arial","Verdana","Helvetica","Geneva"; background: #0055a8 url(grafik/bg_mainnavi.jpg) left top repeat-x; } li.last a { width: 117px; margin-right: 0; } li.mainitems a.active { height: 25px; color: #fff; text-decoration: none; background-color: #4c5b65; background-image: none; } ul.subuls { width: 116px; position: absolute; top: 30px; left: 0; z-index: 300; margin: 0; padding: 0; display: none; list-style: none; border: none; } ul.subuls li { width: 116px; display: block; margin: 0; padding: 0; float: left; font: bold 10px "Arial","Verdana","Helvetica","Geneva"; } ul.subuls li a, ul.subuls li a:visited, ul.subuls li a:link { margin: 0; padding: 5px; display: block; color: #fff; background: #0055a8; border-top: 1px solid #fff; text-decoration: none; font: bold 10px "Arial","Verdana","Helvetica","Geneva"; } ul.subuls li a:hover, ul.subuls li a:active, ul.subuls li a:focus { background: #4c5b65; color: #fff; text-decoration: none; } ul.subuls li a, ul.subuls li a p { color: #fff; text-decoration: none; font: bold 10px "Arial","Verdana","Helvetica","Geneva"; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ /* #cssdropdown li>ul { left: auto; } */ /* lists nested under hovered list items */ #cssdropdown li:hover ul, #cssdropdown li.over ul { display: block; } /*wrap rest of content of the page inside this div*/ #restofcontent { clear: left; } #news_left { width: 180px; padding: 90px 0 0 15px; float: left; display: inline; } #news_left ul { width: 180px; list-style: none; margin: 0 0 40px; padding: 0; line-height: 15px; } #news_left ul li { display: block; padding: 18px 0 14px 15px; border-bottom: 5px solid #4c5b65; } #news_left ul a, #news_left ul p a, #news_left ul a strong { font-weight: normal; color: #4c5b65; text-decoration: none; } #news_left ul strong, #news_left ul a strong, #news_left ul strong a { font-weight: bold; } #news_left hr { margin: 0 0 0 -15px; color: #0055a8; background: #0055a8; } #content { width: 510px; padding: 78px 0 0; margin: 0 65px 40px 15px; float: right; display: inline; } #content ul, #content p ul { margin: 0; list-style-image: url(http://www.hiwave.de/grafik/li.gif); } * html #content ul, * html #content p ul { margin: 0 0 0 35px; } * + html #content[id] ul, * + html #content[id] > p > ul { margin: 0 0 0 18px; } #content ul li, #content p ul li { margin: 0 0 0 -25px; padding: 0 0 0 17px; } * + html #content[id] ul li, * + html #content[id] p ul li { margin-left: 0px; } * html #content ul li, * html #content p ul li { margin-left: -18px; } #content ul li.kleiner_abstand, #content p ul li.kleiner_abstand { margin: 4px 0 4px -25px; padding: 0 0 0 17px; } .news { width: 100%; display: block; margin: 0 0 20px; position: relative; } .news p.blau { display: inline; color: #0055a8; } .news .toplink { display: block; margin: 0 0 30px; text-align: right; } .news .toplink a, a.toplink, span.toplink { border-bottom: 1px dotted #0055a8; color: #0055a8; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; font-style: italic; text-decoration: none; } .news .newspic { width: 180px; position: absolute; left: -200px; top: 47px; text-align: right; } .news .newspic_top { top: 4px; } * + html .news ul { margin: 0 0 0 18px; } * + html .news ul li { margin-left: 18px; } /* #content .kleiner_abstand { display: block; margin: 4px 0 4px -25px; padding: 0 0 0 17px; background: transparent url(/grafik/li.gif) left top no-repeat; } */ /* kontakt */ #kontakt_formular { display: table; } #kontakt_formular table { width: 510px; padding: 10px 0; background: #c5c5c5; } #kontakt_formular table tr td { padding: 0 0 0 8px; } #kontakt_formular table tr td.content { width: 50%; } * + html #kontakt_formular[id] table tr td.doublecontent { padding-top: 10px; } /* IE 7 only */ #kontakt_formular table tr td.spacer { width: auto; padding: 0; } #kontakt_formular label { font: 11px "Arial","Verdana","Helvetica","Geneva"; } #kontakt_formular select, #kontakt_formular input { font: 11px "Arial","Verdana","Helvetica","Geneva"; } #kontakt_formular input { width: 232px; } *body #kontakt_formular[id] input { w\idth: 228px; } /* Safari 3 and IE 7 only */ * + html #kontakt_formular[id] input { width: 230px; } /* IE 7 only */ #kontakt_formular textarea { width: 486px; height: 125px; } * + html #kontakt_formular[id] textarea { width: 484px; } /* IE 7 only */ #kontakt_formular input.breit, #kontakt_formular label.breit { width: 147px; float: left; } *body #kontakt_formular[id] .breit { w\idth: 143px; } /* Safari 3 and IE 7 only */ * + html #kontakt_formular[id] .breit { width: 144px; } /* IE 7 only */ #kontakt_formular .schmal { width: 75px; float: left; } *body #kontakt_formular[id] .schmal { width: 75px; float: left; } #kontakt_formular .rechts { margin-left: 5px; } #kontakt_formular label { display: block; } #kontakt_formular label.rechts { margin-left: 9px; } #kontakt_formular label.breit, #kontakt_formular label.schmal, #kontakt_formular label.rechts { float: left; } #kontakt_formular input.submit { height: 25px; width: 100px; float: right; background: #0055a8 url(grafik/b_absenden_bg.gif) left bottom no-repeat; border: none; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #FFF; text-align: center; } /* referenzen */ #referenzen hr { height: 1px; margin: 20px 0; border: none; background: #0055a8 url(grafik/hr_bg.gif) left top repeat-x; color: #0055a8; } #referenzen img { margin: 0 5px; } #container_right { width: 180px; margin: 0; display: table; position: absolute; right: 0px; top: 208px; overflow: hidden; text-align: left; background: #fff url(grafik/bg_rightnavi.jpg) left top repeat-x; } * + html #container_right[id] { right: -1px; } /* IE 7 only */ #container_right p.lang_selection { width: 180px; height: 21px; padding: 9px 0 0; margin: 0 0 47px; text-align: center; color: #fff; } #container_right p.lang_selection a { color: #fff; font-weight: normal; } #container_right a.flag { margin: 0 20px 0 0; } #container_right ul { list-style: none; margin: 0 0 40px; padding: 0; line-height: 15px; } #container_right ul li { display: block; padding: 5px 0; border-bottom: 1px dotted #0055a8; } #container_right #index_news li { padding-right: 15px; color: #4c5b65; font-weight: normal; } #container_right #index_news li a { color: #4c5b65; font-weight: normal; } #container_right #index_news li.blue, #container_right #index_news li.blue a { color: #0055a8; font-weight: normal; } #container_right ul li.blauer_kasten { display: block; width: 165px; height: 19px; margin: 0 0 1px; padding: 0; background: #0055a8; border: none; color: #fff; font: bold 10px "Arial","Verdana","Helvetica","Geneva"; } #container_right ul li.grauer_kasten, #container_right ul li.blauer_kasten:hover { display: block; width: 165px; height: 19px; margin: 0 0 1px; padding: 0; background: #4c5b65 url(/grafik/ul_grauer_kasten_bg.gif) -5px top no-repeat; border: none; color: #fff; font: bold 10px "Arial","Verdana","Helvetica","Geneva"; } #container_right ul li.blauer_kasten a, #container_right ul li.grauer_kasten a { height: 10px; display: block; padding: 4px 5px; color: #fff; border: none; font: bold 10px "Arial","Verdana","Helvetica","Geneva"; text-decoration: none; } /* errorbox und messagebox */ #messagebox { width: 300px; min-height: 100px; margin: 20px 0; padding: 15px 15px 15px 80px; display: table; color: #505050; } #messagebox.error { background: #e1e1e1 url(grafik_admin/icon_error.png) 10px 10px no-repeat; border: 3px solid red; } #messagebox.message { background: #e1e1e1 url(grafik_admin/icon_message.png) 10px 10px no-repeat; border: 3px solid #307c24; } #messagebox h2 { display: block; padding: 0 0 10px; font: bold 13px "Arial","Verdana","Helvetica","Geneva"; }