* { margin: 0; padding: 0; font-family: arial, sans-serif; } body { background: #da5b00 url(../_img/page_bg.jpg) repeat-x 0 0; } #PAGE_HOLDER { width: 720px; height: 386px; position: absolute; left: 50%; top: 50%; margin-left: -360px; margin-top: -193px; } #LOGO_MENUE { float: left; width: 720px; height: 50px; } #LOGO_MENUE a { float: left; display: block; height: 50px; text-indent: -10000px; background-repeat: no-repeat; } #LOGO_MENUE .logo { width: 242px; background: url(../_img/logo.jpg) 0 0; } #LOGO_MENUE .startseite { width: 94px; background: url(../_img/menue_startseite.jpg) 0 0; } #LOGO_MENUE .startseite:hover { width: 94px; background: url(../_img/menue_startseite.jpg) 0 -50px; } #LOGO_MENUE .startseite_active { width: 94px; background: url(../_img/menue_startseite.jpg) 0 -50px; } #LOGO_MENUE .projekte { width: 86px; background: url(../_img/menue_projekte.jpg) 0 0; } #LOGO_MENUE .projekte:hover { width: 86px; background: url(../_img/menue_projekte.jpg) 0 -50px; } #LOGO_MENUE .projekte_active { width: 86px; background: url(../_img/menue_projekte.jpg) 0 -50px; } #LOGO_MENUE .unternehmen { width: 114px; background: url(../_img/menue_unternehmen.jpg) 0 0; } #LOGO_MENUE .unternehmen:hover { width: 114px; background: url(../_img/menue_unternehmen.jpg) 0 -50px; } #LOGO_MENUE .unternehmen_active { width: 114px; background: url(../_img/menue_unternehmen.jpg) 0 -50px; } #LOGO_MENUE .kontakt { width: 84px; background: url(../_img/menue_kontakt.jpg) 0 0; } #LOGO_MENUE .kontakt:hover { width: 84px; background: url(../_img/menue_kontakt.jpg) 0 -50px; } #LOGO_MENUE .kontakt_active { width: 84px; background: url(../_img/menue_kontakt.jpg) 0 -50px; } #LOGO_MENUE .impressum { width: 100px; background: url(../_img/menue_impressum.jpg) 0 0; margin-right: -3px; } #LOGO_MENUE .impressum:hover { width: 100px; background: url(../_img/menue_impressum.jpg) 0 -50px; margin-right: -3px; } #LOGO_MENUE .impressum_active { width: 100px; background: url(../_img/menue_impressum.jpg) 0 -50px; margin-right: -3px; } #TITLE_IMG { float: left; width: 360px; height: 211px; font-size: 0px; line-height: 0px; } #TITLE_IMG img { border: none; font-size: 0px; line-height: 0px; } #SUBMENUE { float: left; width: 90px; height: 211px; background: #b9b8b7; } #SUBMENUE a { float: left; display: block; height: 23px; width: 90px; text-indent: -10000px; background-repeat: no-repeat; } #SUBMENUE .regional { background: url(../_img/sub_regional.jpg) 0 0; } #SUBMENUE .regional:hover { background: url(../_img/sub_regional.jpg) 0 -23px; } #SUBMENUE .regional_active { background: url(../_img/sub_regional.jpg) 0 -23px; } #SUBMENUE .ueberregional { background: url(../_img/sub_ueberregional.jpg) 0 0; } #SUBMENUE .ueberregional:hover { background: url(../_img/sub_ueberregional.jpg) 0 -23px; } #SUBMENUE .ueberregional_active { background: url(../_img/sub_ueberregional.jpg) 0 -23px; } #TITLE_IMG_BIG { float: left; width: 450px; height: 211px; border: none; font-size: 0px; line-height: 0px; } #TITLE_IMG_BIG img { border: none; } #CONTENT { float: right; width: 270px; height: 311px; background: #ffffff url(../_img/content_bg.jpg) repeat-y; background-position: top right; overflow: auto; } #CONTENT h1 { float: left; font-size: 14px; padding: 10px; } #CONTENT ul { float: left; clear: left; width: 230px; font-size: 12px; padding: 10px; padding-top: 0px; } #CONTENT ul li { margin-left: 14px; } #CONTENT p { float: left; clear: left; width: 230px; font-size: 12px; padding: 10px; padding-top: 0px; } #CONTENT form { float: left; clear: left; width: 236px; font-size: 12px; padding: 10px; padding-top: 0px; } #CONTENT form label { float: left; font-size: 12px; width: 80px; padding-top: 4px; margin-bottom: 6px; } #CONTENT form input { float: left; font-size: 12px; width: 148px; height: 16px; border: 1px solid #ff7e22; padding: 3px; margin-bottom: 6px; } #CONTENT form input.button { float: right; font-size: 12px; width: 156px; height: 20px; padding: 0px; background: #ff7e22; margin-bottom: 0px; color: #ffffff; cursor: pointer; } #CONTENT form textarea { float: left; font-size: 12px; width: 148px; height: 100px; border: 1px solid #ff7e22; padding: 3px; margin-bottom: 6px; } #GALERIE { float: right; width: 360px; height: 100px; background: #ffffff url(../_img/content_bg.jpg) repeat-y; background-position: top right; } #GALERIE h2 { float: left; width: 359px; height: 27px; background: url(../_img/galerie_title.jpg) repeat-y; text-indent: -10000px; margin-bottom: 4px; } #GALERIE a.button_left { float: left; margin-left: 18px!important; margin-left: 9px; display: block; width: 11px; height: 50px; background: url(../_img/galerie_arrow_left.jpg) no-repeat 0 0; } #GALERIE a.button_left:hover { float: left; margin-left: 18px; display: block; width: 11px; height: 50px; background: url(../_img/galerie_arrow_left.jpg) no-repeat 0 -50px; } #GALERIE a.button_right { float: left; margin-left: 3px; display: block; width: 11px; height: 50px; background: url(../_img/galerie_arrow_right.jpg) no-repeat 0 0; } #GALERIE a.button_right:hover { float: left; margin-left: 3px; display: block; width: 11px; height: 50px; background: url(../_img/galerie_arrow_right.jpg) no-repeat 0 -50px; } #GALERIE a.galerie_img { float: left; margin-left: 3px; display: block; width: 90px; height: 42px; background: #e1e1e0; border: 0; text-decoration: none; padding: 4px; } #GALERIE a.galerie_img:hover { float: left; display: block; width: 90px; height: 42px; background: #ff7e22; border: 0; text-decoration: none; padding: 4px; } #GALERIE a.galerie_img img { width: 90px; height: 42px; border: 0; } #FOOTER { float: right; width: 360px; height: 25px; background: #ff7e22; } #FOOTER span.copyright { float: left; color: #994c14; font-size: 10px; padding-left: 4px; padding-top: 6px; } #FOOTER span.links { float: right; color: #73390f; font-size: 10px; padding-right: 4px; padding-top: 6px; } #FOOTER span.links a { text-decoration: none; color: #73390f; } #FOOTER span.links a:hover { text-decoration: underline; color: #73390f; }