body { font-family: Arial, sans-serif; margin: 0px auto; } .left { background: #ffffff; width: 160px; float: left; } .center { background: #ffffff; width: 500px; float: left; } .right { background: #000000; width: 150px; float: left;} #center { width: 900px; margin: 0 auto; padding-top: 10px; } #top { display: block; width: 900px; height: 300px; text-indent: -999em; margin: 0 auto; } #top h2.ee {background: #fff url('img/baner.jpg') no-repeat; width: 900px; height: 300px;} #top h2.ed {background: #fff url('img/baner_ed.jpg') no-repeat; width: 900px; height: 300px;} #top h2.ere {background: #fff url('img/baner_ere.jpg') no-repeat; width: 900px; height: 300px;} #top h2.projektor {background: #fff url('img/baner_projektor.jpg') no-repeat; width: 900px; height: 300px;} #top h2.wikingowie {background: #fff url('img/baner_wikingowie.jpg') no-repeat; width: 900px; height: 300px;} #top #menu { margin-top: -80px; height: 78px;} #top #menu li a { display: block; float:left; padding: 0 0 0 0;} #top #menu li.ee a{ width: 123px; height: 78px; background: url('img/ee.gif') no-repeat; } #top #menu li.ee a:hover{ background: url('img/ee.gif') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu li.cop a{ width: 147px; height: 78px; background: url('img/cop.gif') no-repeat; } #top #menu li.cop a:hover{ background: url('img/cop.gif') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu li.me a{ width: 97px; height: 78px; background: url('img/me.gif') no-repeat; } #top #menu li.me a:hover{ background: url('img/me.gif') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu li.ed a{ width: 133px; height: 78px; background: url('img/ed.gif') no-repeat; } #top #menu li.ed a:hover{ background: url('img/ed.gif') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu li.ere a{ width: 103px; height: 78px; background: url('img/ere.gif') no-repeat; } #top #menu li.ere a:hover{ background: url('img/ere.gif') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu li.projektor a{ width: 163px; height: 78px; background: url('img/projektor.gif') no-repeat; } #top #menu li.projektor a:hover{ background: url('img/projektor.gif') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu li.wikingowie a{ width: 133px; height: 78px; background: #000 url('img/wikingowie.png') no-repeat; } #top #menu li.wikingowie a:hover{ background: #000 url('img/wikingowie.png') no-repeat; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #top #menu a { color: #fff; text-decoration: none; font-size: .87em; padding: 0px 10px; } #top #menu a:hover { border-bottom: 1px solid #fff; } #top #menu a.active { color: #e3ff01; } #top #menu a.ee { width: 123px; height: 78px; background: #fff url('img/baner.jpg') no-repeat; } #top #menu a.cop { color: #e3ff01; } #left { padding: 0px 0px 5px;} #left #menu { margin-top: 1px; margin-bottom: 10px; } #left #menu li a { display: block; background: #183152; font-size: .75em; color: #fff; text-decoration: none; padding: 6px 8px; margin-bottom: 2px; _margin-bottom: 0px; height: 12px; } #left #menu li a:hover, #left #menu li a.active { background: #375D81 } #left #menu li ul { display: none; } #left #menu li ul.active { display: block; } #left #menu li ul a { background: #375D81; font-size: .72em; height: auto;} #left #menu li ul a:hover, #left #menu li ul a.active { color: #375D81; background: #fff; } #left #search { margin-bottom: 32px; position: relative; } #left #search legend { font-size: .62em; color: #949694; } #left #search .field { position: absolute; border: 0px; font-size: .75em; padding: 2px; width: 138px; } #left #search .button { position: absolute; left: 140px; border: 0px; font-size: .0001em; width: 30px; height: 20px; background: url('img/search_ico.gif') no-repeat center; cursor: pointer; } #right { padding: 35px; margin-top:1px; margin-left: 3px; margin-right: 3px; width: 500px; font-size: .82em; color: #564B47; } #right .comm { display: block; width: 490px; padding: 10px; background: #D2D2D2; margin: 10px 0px; } #right a { color: #564b47; text-decoration: none; font-weight: bold; } #right a:hover { color: #da2b34; } #right .description { line-height: 1.2em; color: #564B47; } #right .art_content { margin-top: 26px; line-height: 1.2em; } #right .art_content h3 a { display: block; font-size: 1.2em; margin-bottom: 18px; } #right .art_content img { float: right; margin-left: 10px; } #right .art_content p.read_more { display: block; float: right; } #right #art_container { line-height: 1.2em; } #right #art_container #art_mini { float: right; margin-left: 10px; } #right #art_container h3, #titleGallery { margin-bottom: 18px; font-size: 1.2em; } #right #art_container #art_content { margin-top: 20px; } #right #art_addons { margin-top: 40px; border-top: 1px solid #e4e4e4; } #right #art_addons h4 { color: #949694; font-weight: normal; margin-top: 10px; } #right #galList, #right #art_addons #art_files { margin-top: 20px; } #right #galList li { float: left; line-height: 1.2em; margin-bottom: 30px;} #right #galList li p.content{ float: left; line-height: 10.2em; margin-bottom: 30px;} #right #galList li a { display: block; border: 1px solid #d2d2d2; padding: 2px; margin-right: 10px; width: 100px; height: 100px; text-align: center; } #right #art_addons small { color: #949694; font-size: .75em; } #right .read_more { margin-top: 20px; } #right .read_more a { margin-right: 20px; } #right #gal_List .mini { float: right; margin-left: 10px; } #right #gal_List h3 { margin-bottom: 5px; font-size: 1.2em; } #right #gal_List p.content { margin-bottom: 15px; font-size: 1.2em; } #right #gal_List .hr { height: 15px; border-bottom: 1px solid #000; margin-bottom: 40px;} #right #gal_List .see_more { display: block; float: right; margin-top: 20px; } #right #searchAdvanced div { clear: both; margin-top: 10px; } #right #searchAdvanced legend { color: #949694; font-size: .82em; padding-left: 150px; } #right #searchAdvanced label { width: 150px; float: left; display: block; } #right #searchAdvanced .field, #right #searchAdvanced select { width: 350px; display: block; } #right #searchAdvanced .buttonCont { margin-left: 150px; } #right #searchAdvanced .buttonCont input { border: 1px solid #949694; background: #b3b3b3; cursor: pointer; padding: 3px 15px; color: #000; font-size: .75em; } #right #searchAdvanced .buttonCont input:hover { background: #da2b34; } #right .box_info { display: block; padding: 10px; border: 1px solid #da2b34; margin-top: 10px; } #right #search_results dt { margin-top: 10px; } #right #search_results dd { float: left; margin-right: 10px; font-size: .75em; } #right #search_results .clear { height: 10px !important; } #right #contact_form { width: 300px; float: right; } #right #contact_form label { display: block; padding: 2px; } #right #contact_form .field { width: 300px; } #right #contact_form #submit { border: 0px; background: #D2D2D2; padding: 2px 4px; float: right; } #right #contact_form #submit:hover { background: #da2b34; color: #fff; cursor: pointer; } #right2 {background: #fff; height: 400px; width: 163px; margin-top: 1px;} #footer { margin-top: 45px; border-top: 1px solid #e4e4e4; text-align: center; font-size: .75em; color: #949694; padding-top: 10px; } .clear { clear: both; font-size: .0001em; line-height: .00001em; }