/* Screen CSS for First Cargo Author: Republic Factory COLORS Body Background: #d6d0c9 Main Text: #666666 Links: #e52c38 Heading 1: #aaa296 Heading 2: #aaa296 Heading 3: #666666 ----------------------------------------------------*/ html { background: #d6d0c9; font: normal 12px/17px arial, sans-serif; color: #666; } /* div { border: 1px solid red; } */ a { color: #e52c38; } em { font-style: normal; color: #999296; } /* =LAYOUT ----------------------------------------------------*/ #wrapper { width: 780px; margin: 30px auto; background: url(/images/bg-content.gif) repeat-y 0 0; z-index: -200; } #header { position: relative; width: 780px; height: 80px; background: url(/images/bg-top.gif) no-repeat 0 0; } #logo { position: absolute; right: 15px; top: 30px; } #content { text-align: left; width: 490px; margin-left: 80px; } #footer { width: 780px; height: 30px; background: url(/images/bg-footer.gif) no-repeat bottom left; clear: left;} #start #header { height: 330px; } #start #content { width: 660px; margin: 0 0 0 80px; } #start #content p { width: 470px; } #start #content img#tavling { float: right; margin-top: 30px; padding: 0;} #start #content #aaa { position: relative; } #start #content #aaa img { position: absolute; top: -62px; left: 355px; } #start #start-photo { position: absolute; top: 14px; left: 14px; } #start #start-about-photo { position: absolute; top: 54px; left: 80px; color: #fff; text-transform: uppercase; cursor: pointer; text-align: center;} #start #start-about-photo-info { position: absolute; top: 54px; left: 80px; width: 500px; height: 150px; cursor: pointer; } #start #start-about-photo-info p { text-align: left; color: #fff; margin: 18px 50px 0 90px;} /* =TYPOGRAPHY ----------------------------------------------------*/ h1 { font: bold 20px arial, sans-serif; color: #aaa296; margin: 16px 0 4px 0; } h2 { font: bold 14px arial, sans-serif; color: #aaa296; margin: 28px 0 -10px 0; } h3 { font: bold 12px arial, sans-serif; color: #666666; margin: 10px 0 2px 0; } p { font: normal 12px/17px arial, sans-serif; color: #666 ;} .simple-translator { position: absolute; top: 20px; background: none; width: 140px; margin-left: 660px; } .simple-translator li { display: inline; margin-left: 10px; font-size: 11px; } .simple-translator a { text-decoration: none; } .simple-translator .selected a { text-decoration: underline; } /* =NAVIGATION ----------------------------------------------------*/ #nav { position: absolute; top: 40px; left: 57px; z-index: 500; text-align: center;} #nav li { float: left; background: url(/images/bg-menu-tab.gif) no-repeat 0 0; width: 132px; padding: 12px 0 6px 0; font: bold 11px arial, sans-serif; text-transform: uppercase; } #nav a { color: #aaa296; text-decoration: none; padding: 2px;} #nav .active a { color: #000000; text-decoration: none; } #nav a:hover { color: #000000; text-decoration: none; } #nav li li { background: none; font-size: 10px; padding: 0;} #nav li li a { color: #aaa296; text-decoration: none; } #nav ul ul { margin: 12px 0 0 0; } #nav ul ul a { display: block; margin: 0; padding: 7px 0 7px 0;} #nav ul ul a:hover { background: #eee; } #start #nav { position: absolute; top: 185px; left: 55px; } #start #nav li { width: 123px; background: none; padding-left: 5px; padding-right: 8px;} #start #nav li.bottom { border-bottom: 3px solid #e5e5e5; margin-top: 10px; margin-bottom: -6px;} #start #nav img { margin: 0 0 10px 0;} #start #nav ul ul { float: none; margin: 12px 0 0 0; padding: 0; } #start #nav li li { float: none; margin: 0; padding: 0; font-size: 10px; } #start #nav ul ul a { display: block; margin: 0; padding: 7px 0 7px 0;} #start #nav ul ul a:hover { background: #eee; } #content #subnav { margin: 0; height: 30px; } #content #subnav li { float: left; margin: 8px 17px 0px 0px; font: bold 11px arial, sans-serif; text-transform: uppercase; list-style-type: none; } #content #subnav li.last { margin-right: 0; } #subnav a { text-decoration: none; color: #aaa296; } #subnav .active a { text-decoration: underline; color: #000; } #subnav a:hover { text-decoration: underline; color: #000; } /* =CONTENT ----------------------------------------------------*/ #content table { margin: 20px 0 0 0; } #content th { width: 150px; padding: 5px 10px 5px 0px; color: #000; font-weight: normal; } #content td { padding: 5px 2px; } #content img { margin: 15px 0; } #content p { margin: 15px 0; } #content ul { line-height: 17px; margin-top: 14px;} #content li { list-style-type: disc; margin-left: 15px;} #content li li { margin-left: 20px; } .contactfield label { margin: 4px 0 10px 0; } .contactfield input { margin: 4px 0 10px 0; height: 20px;} .member { width: 230px; height: 100px; float: left; } /* transport */ #transport #content { float: left; width: 685px; display: inline; } #transport #content > p { width: 300px; } #transport #content .largetext p { font-size: 1.3em; line-height: 1.7; background: none; width: 290px; margin-top: 20px } #transport #profile-content { float: left; width: 685px; margin: 0 0 -17px 0; padding:0;} #transport #profile-content.largetext { float: left; width: 685px; margin: 0 0 -32px 0; padding:0;} /* if several profiles in area */ #transport .largetext #text { float: left; font-size: 1.3em; line-height: 1.7; width: 300px; margin-top: 20px; } #transport .largetext #profile { float: left; font-size: 1.3em; line-height: 1.3; width: 300px; margin-top: 90px; } #transport #photo { float: right; margin: 0; padding: 0; } /* if only one profile in current area */ #transport #content .largetext #text2 { float: left; font-size: 1.3em; line-height: 1.7; width: 300px; margin-top: 20px; } #transport #content .largetext #profile2 { float: left; font-size: 1.3em; line-height: 1.3; width: 300px; margin-top: 100px; } #transport #content #photo2 { float: right; margin-top: -150px; padding: 0; } #content .siluett { margin: 90px 24px -19px -25px; float: left; position: relative} #content .siluett p { margin: 0; padding: 0 0 0 25px; font-weight: bold; color: #000; } #content .siluett a { font-weight: bold; color: #000; text-decoration: none;} #content .siluett .small { font-size: 0.9em; font-weight: normal;} #content .siluett img { margin: 10px 0 0 0; padding: 0;} #layouthelp { margin-bottom: -20px; }