/* Elements */ body { background: #333333; margin-top: 50px; text-align: justify; color: #FFFFFF; font: 12px Tahoma, Arial, Helvetica, sans-serif; } h2, h3 { margin-top: 0px; color: #FFFFFF; } h2 { font-size: 18px; } h3 { font-size: 15px; text-shadow:5px 3px 10px black; letter-spacing:2px } p, ol, ul, dl, blockquote { margin-top: 0; } p.big { line-height: 25px } a { color: #FFFFFF; } a:hover { text-decoration: none; } .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; } /* Header */ #header { width: 1050px; height: 78px; margin: 0 auto; background: url(../images/img1.png); } #header h1 { float: left; margin: 0; padding: 50px 0 0 20px; font-size: 32px; line-height: 0px; } #header h2 { float: right; margin: 0; padding: 45px 20px 0 0; font-size: 14px; } #header a { text-decoration: none; color: #000000; } .img1 { float: right; margin: 3px 15px 0px 0px; } #Logo { position:absolute; top: 50%; left: 50%; width: 730px; height: 150px; margin-top: -100px; /*set to a negative number 1/2 of your height*/ margin-left: -365px; /*set to a negative number 1/2 of your width*/ } /* Menu */ #menu { width: 1027px; height: 30px; background: url(../images/img2.png); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #menu ul { width: 1027px; height: 30px; margin: 0; padding: 0; background: #222222; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 8px 44px 7px 43px; border-left: 1px solid #666666; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 12px; font-weight: bold; color: #FFFFFF; } #menu a:hover { background: #CCCCCC; color: #000000; } #menu .first a { border: none; } /* Content */ #content { width: 1050px; margin: 0 auto; padding: 0px 0px 0 0px; background: url(../images/img2.png); } #content.bg3 { width: 1025px; margin: 0 auto; padding: 0px 0px 0 0px; background: url(../images/img2.png); } #colOne { float: left; width: 1000px; padding: 0 0 0 80px; } #colTwo { float: left; width: 500px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 150px; } #colThree { float: right; width: 400px; padding: 0 0 0 0; } #colProd { float: left; width: 1000px; padding: 0 0 0 35px; } #colProd2 { float: right; width: 450px; padding: 0 60px 0 0; } #colProd3 { float: left; width: 370px; padding: 0 0 0 100px; } #colAnfahrt1 { float: left; width: 300px; padding: 0 0 0 120px; } #colAnfahrt2 { float: right; width: 260px; padding: 0 95px 0 0; } #colKom { float: left; width: 720px; padding: 0 0 0 120px; } #colhom { float: left; width: 750px; padding: 0 0 0 120px; } .container{ margin: 0 auto; } .container .gallery a img { float: left; width: 33%; height: auto; border: 0px solid #fff; -webkit-transition: -webkit-transform .15s ease; -moz-transition: -moz-transform .15s ease; -o-transition: -o-transform .15s ease; -ms-transition: -ms-transform .15s ease; transition: transform .15s ease; position: relative; } .container .gallery a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 5; } .clear { clear: both; float: none; width: 100%; } .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;padding:0px 5px;border-style:none;border-width:0px;overflow:hidden;word-break:normal;} .tg th{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding:0px 5px;border-style:none;border-width:0px;overflow:hidden;} 12px Tahoma, Arial, Helvetica, sans-serif; /* Footer */ #footer { width: 1050px; height: 71px; margin: 0 auto; padding: 30px 0 0 0; background-image: url('../images/img3.png'); background-repeat: no-repeat; } #footer p { margin: 35px; text-align: center; font-size: 9px; color: #999999; }