/* Stylesheet für galerie-vuillard.com Version: 0.1 Stand: 20.03.2009 */ select { height: 17px; border: 1px solid #515151; font-size: 11px; } .textfeld { border: 1px solid #a1a1a1; font-size: 10px; height: 15px; } .textarea { border: 1px solid #a1a1a1; font-size: 10px; } a { text-decoration: none; color: #424242; } a:hover, a:active, a:focus { color: red; } h1, h2, h3, h4, p { text-align: left; } p { margin: 0; } img { border: none; } input.smallsubmit { height: 17px; background: #3d6c94; color: #fff; border: none; font-size: 11px; cursor: pointer; } a.submit, input.submit { padding: 5px 15px; background: #3d6c94; color: #fff; border: none; font-size: 11px; cursor: pointer; font-weight: bold; } .submit:hover, .submit:active, .submit:focus { color: #fff; background: #002f6f; } .rechts { float: right; } .links { float: left; margin: 0 10px 10px 0; } body { background: #fff; color: #424242; font: 11px "Arial","Verdana","Helvetica","Geneva"; line-height: 120%; margin: 0; padding: 0; text-align: left; } #centerpixel { width: 1px; height: 1px; position: absolute; top: 50%; left: 50%; overflow: visible; } #main { background-color: transparent; padding: 7px; border: 1px dashed #b9821a; margin: 0; position: absolute; top: -195px; left: -259px; width: 500px; height: 375px; } #bg { width: 850px; height: 673px; position: absolute; top: -337px; left: -426px; background: #fff url(grafik/bg.jpg) 50% 50% no-repeat; } /* */ #bodycontainer { width: 800px; height: 621px; position: relative; margin: 25px auto 0; } #bodycontainer.index { background: transparent url(grafik/logo_index.jpg) 50% 120px no-repeat; } #headerbar { width: 800px; height: 113px; position: absolute; top: 0px; left: 0px; background: #424242 url(grafik/header_schatten.jpg) left bottom no-repeat; color: #fff; } #logo { width: 68px; height: 69px; position: absolute; left: 23px; top: 18px; } #headerbar h1 { margin: 60px 0 0 184px; float: left; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } * html #headerbar h1 { margin-left: 92px; } #mainnavi { width: 140px; height: 460px; position: absolute; left: 11px; top: 128px; } #mainnavi ul { width: 140px; list-style: none; margin: 0; padding: 0; } #mainnavi ul li { height: 20px; display: block; padding: 0; margin: 0 0 4px; } #mainnavi ul li a { height: 17px; display: block; padding: 4px 0 0 14px; background: #eee; color: #424242; } #mainnavi ul li a:hover, #mainnavi ul li a:focus, #mainnavi ul li a:active, #mainnavi ul li a.active { background: #424242 url(grafik/navi_pfeil.gif) 7px 7px no-repeat; color: #fff; } #mainnavi ul li.submenu { min-height: 8px; height: auto !important; height: 8px; display: block; padding: 0; margin: 0 0 2px; } #mainnavi ul li.submenu a { min-height: 8px; height: auto !important; height: 8px; padding: 1px 0 1px 28px; background: transparent; } #mainnavi ul li.submenu a:hover, #mainnavi ul li.submenu a:focus, #mainnavi ul li.submenu a:active, #mainnavi ul li.submenu a.active { background: transparent url(grafik/navi_pfeil_weiss.gif) 22px 4px no-repeat; color: red; } #mainnavi ul li.subsubmenu { min-height: 8px; height: auto !important; height: 8px; display: block; padding: 0; margin: 0 0 2px; } #mainnavi ul li.subsubmenu a { min-height: 8px; height: auto !important; height: 8px; padding: 1px 0 1px 42px; background: transparent; } #mainnavi ul li.subsubmenu a:hover, #mainnavi ul li.subsubmenu a:focus, #mainnavi ul li.subsubmenu a:active, #mainnavi ul li.subsubmenu a.active { background: transparent url(grafik/navi_pfeil_weiss.gif) 36px 4px no-repeat; color: red; } #change_lang { width: 140px; height: 11px; position: absolute; left: 0px; bottom: 0px; list-style: none; text-align: center; } #mainnavi #change_lang li { height: 11px; float: left; margin: 0; padding: 5px 10px 0 10px; } #mainnavi #change_lang li a, #mainnavi #change_lang li a:focus, #mainnavi #change_lang li a:active, #mainnavi #change_lang li a:hover { vertical-align: bottom; float: left; padding: 0; margin: 0; background: transparent; } #footernavi { width: 800px; height: 15px; position: absolute; bottom: 0px; left: 0px; color: #b1b1b1; text-align: right; font-size: 10px; } #footernavi a { color: #b1b1b1; text-decoration: none; } #footernavi a:active, #footernavi a:hover, #footernavi a:focus { color: #424242; } #footernavi a.netgenerator { position: absolute; left: 0px; top: 0px; } #content { width: 605px; height: 461px; margin: 128px 0 0 184px; float: left; overflow: auto; position: relative; } * html #content { margin: 128px 0 0 92px; } #content h2 { font-size: 10px; font-weight: bold; margin: 0 0 10px; padding: 0; } /* artists */ #artist_thumblist tr td { width: 100px; padding: 0 20px 20px 0; vertical-align: top; } #artist_thumblist_details tr td { width: 100px; padding: 0 0 20px 0; vertical-align: top; } #artist_thumblist a.pic { width: 180px; height: 180px; padding: 0; margin: 0; display: block; line-height: 180px; background: #eee; text-align: center; vertical-align: middle; } #artist_thumblist_details a.pic { width: 100px; height: 100px; padding: 0; margin: 0; display: block; line-height: 94px; background: #eee; text-align: center; vertical-align: middle; } #artist_thumblist a.pic:hover, #artist_thumblist a.pic:active, #artist_thumblist a.pic:focus, #artist_thumblist_details a.pic:hover, #artist_thumblist_details a.pic:active, #artist_thumblist_details a.pic:focus { background: #424242; } #artist_thumblist img, #artist_thumblist_details img { vertical-align: middle; } /* artist bio */ #artist_pic { width: 317px; height: 450px; float: left; font-size: 10px; } #artist_pic img { margin: 0 0 10px; border: 1px solid #424242; } #artist_text { width: 245px; height: 450px; margin: 0 0 0 0; padding: 0 10px 0 0; float: right; overflow: auto; } * html #artist_text { margin: 0 5px 0 0; } /* index */ #index_languages { height: 50px; padding: 440px 0 0 183px; } a.index_languages_de { width: 100px; height: 50px; float: left; background: transparent url(grafik/b_de.png) 50% 50% no-repeat; } * html a.index_languages_de { background-image: url(grafik/b_de.gif); } a.index_languages_en { width: 100px; height: 50px; float: left; margin: 0 70px 0; background: transparent url(grafik/b_en.png) 50% 50% no-repeat; } * html a.index_languages_en { background-image: url(grafik/b_en.gif); } a.index_languages_fr { width: 100px; height: 50px; float: left; background: transparent url(grafik/b_fr.png) 50% 50% no-repeat; } * html a.index_languages_fr { background-image: url(grafik/b_fr.gif); } /* presse */ #content h2.presse_timetable { margin: 0; } #content h3.presse_timetable { margin: 0; } #content p.presse_datum { height: 17px; margin: 0 0 15px; padding: 4px 0 0 4px; display: block; background: #eee; } #content p.presse_titel { margin: 0 0 2px; display: block; font-weight: bold; } #content .presse_text_pages { margin: 30px 0 0; display: block; font-weight: bold; border-top: 1px solid #eee; } .presse_download { text-align: right; margin: 0 3px 0 0; } .presse_download a { text-decoration: underline; } /* events */ /* #events_liste { width: 364px; height: 460px; overflow: auto; float: left; }*/ #events_liste { width: 605px; height: 460px; overflow: auto; float: left; } .events_titel { height: 17px; margin: 0 0 5px; padding: 4px 0 0 4px; display: block; background: #eee; } .events_text { display: block; margin: 0 0 15px; } #events_kalender { width: 200px; position: absolute; right: 11px; top: 0px; background: #eee; } #events_kalender tr td { margin: 0; padding: 4px 0; text-align: center; vertical-align: middle; } #events_kalender tr td.active { border: 1px solid #424242; } #events_kalender tr td.link { background: #b1b1b1; } #events_kalender tr td.link a { padding: 4px; text-decoration: underline; } #events_kalender tr td.link:hover, #events_kalender tr td.link:active, #events_kalender tr td.link:focus { background: #424242; } #events_kalender tr td a:hover, #events_kalender tr td a:active, #events_kalender tr td a:focus { color: #fff; text-decoration: underline; } #events_kalender tr.jahr td { height: 17px; padding: 4px; background: #424242; color: #fff; } #events_kalender tr.jahr td a { color: #fff; background: transparent; } #events_kalender tr.jahr td a:hover, #events_kalender tr.jahr td a:active, #events_kalender tr.jahr td a:focus { color: #fff; text-decoration: underline; } #events_kalender tr.tag td { height: 17px; padding: 4px; font-weight: bold; } /* kontakt */ #map_container { float: right; padding: 0 0 0 10px; width: 290px; height: 370px; } #map { width: 290px; height: 350px; } /* 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"; } #messagebox ul { list-style: none; } #messagebox ul li { display: block; margin: 0 0 3px; }