/* ------------------------------------------------- * Main stylesheet for avdade * Version: 1.0 * URL: http://www.trailhead.de/avd1990 * Author: Christian Schaub * ---------------------------------------------- */ /* main structure */ body {font: 78.5% "Lucida Sans Unicode", verdana, helvetica, sans-serif;line-height: 130%;background: #ffffff;color: #ffffff;} #top {width: 100%;min-width: 960px; height: 59px; background: url(../images/frame_top.jpg) repeat-x left top;} #center {background: url(../images/tafel.jpg) center top repeat; width: 100%; overflow: auto;} #container {margin: 15px auto;width:960px;} #left {float: left;width: 580px;} #right {float: right;width: 380px;} .contentbox {clear: both;margin-left: 30px; margin-bottom: 60px;} /* main navigation */ #nav_main {width: 550px; height: 30px; margin: 20px 0 20px 0;} #nav_main ul li{ float:left;display:block; margin:0; padding: 0px 10px 0 0;} #nav_main ul li a{text-decoration:none;text-indent:-9999px;display:block;} #nav_main ul li a.start {background:url(../images/nav_start.gif) no-repeat left bottom; width:104px; height:30px;} #nav_main ul li a.start:hover{background:url(../images/nav_startover.gif) no-repeat left bottom; width:104px; height:30px;} #nav_main ul li a.about {background:url(../images/nav_about.gif) no-repeat left bottom; width:83px; height:30px;} #nav_main ul li a.about:hover{background:url(../images/nav_aboutover.gif) no-repeat left bottom; width:83px; height:30px;} #nav_main ul li a.album {background:url(../images/nav_album.gif) no-repeat left bottom; width:101px; height:30px;} #nav_main ul li a.album:hover{background:url(../images/nav_albumover.gif) no-repeat left bottom; width:101px; height:30px;} #nav_main ul li a.gbook {background:url(../images/nav_gbook.gif) no-repeat left bottom; width:101px; height:30px;} #nav_main ul li a.gbook:hover{background:url(../images/nav_gbookover.gif) no-repeat left bottom; width:101px; height:30px;} #nav_main ul li a.contact {background:url(../images/nav_contact.gif) no-repeat left bottom; width:83px; height:30px;} #nav_main ul li a.contact:hover{background:url(../images/nav_contactover.gif) no-repeat left bottom; width:83px; height:30px;} #nav_main ul li .pipe {width: 7px;height:30px;display:block; text-indent:-9999px; background: url(../images/nav_pipe.gif) left bottom no-repeat;} /* inline navigation */ #right a, #left a.inline {text-decoration: none;font-weight: bold;color: #ca8f9d;padding-left: 25px;background: url(../images/arrow_r.gif) 0 center no-repeat;} #right a:hover, #left a.inline:hover {color: #accaae; background: url(../images/arrow_g.gif) 0 center no-repeat;} /* text declarations */ h1 {text-indent: -9999px;margin: 30px 0 20px 0;} h2 {text-indent: -9999px;margin: 10px 0 20px 0;} .news {width: 191px;height:39px;background: url(../images/hl_news.gif) top left no-repeat;} .foto {width: 312px;height:31px;background: url(../images/hl_album.gif) top left no-repeat;} .welcome {width: 200px;height:35px;background: url(../images/hl_welcome.gif) top left no-repeat;} .about {width: 104px;height:35px;background: url(../images/hl_about.gif) top left no-repeat;} .abitur {width: 339;height:29px;background: url(../images/hl_abitur.gif) top left no-repeat;} .fotosearch {width:187px;height:35px;background: url(../images/hl_fotosearch.gif) top left no-repeat;} .contact {width:140px;height:31px;background: url(../images/hl_kontakt.gif) top left no-repeat;} .thanks {width:215px;height:31px;background: url(../images/hl_thanks.gif) top left no-repeat;} .tobe {width:206px;height:23px;background: url(../images/hl_tobe.gif) top left no-repeat;} .ap {width:195px;height:35px;background: url(../images/hl_ap.gif) top left no-repeat;} .gb {width:171px;height:31px;background: url(../images/hl_gbook.gif) top left no-repeat;} .bibamus {margin-top: 25px; width:105px;height:35px;background: url(../images/hl_bibamus.gif) top left no-repeat;} .seen {width:185px;height:35px;background: url(../images/hl_seen.gif) top left no-repeat;} .dl {width:112px;height:35px;background: url(../images/hl_download.gif) top left no-repeat;} .headline {font-size:140%;font-weight: bold; padding-top: 8px;} .post {margin-top: 7px;padding-left: 35px; line-height: 17px; background:url(../images/arrowb.gif) left center no-repeat;} .newstext {margin-top: 8px; padding-right: 10px; font-size: 120%; line-height: 1.6em;} .linew {clear: both; margin:15px 0;width:550px: height: 15px; background:url(../images/linew.gif) left top no-repeat;} .lineg {margin:15px 0;width:350px: height: 9px; background:url(../images/lineg.gif) left top no-repeat;} .subheadline {font-size:130%;font-weight: bold; padding: 8px 0 16px 1px;} strong {color: #6dc8c9;} #right p {font-size: 110%;line-height: 1.4em;padding: 5px 0;} #right ul{margin-top: 10px;} #right li {font-size: 115%;font-weight: bold;padding: 0 0 0px 0;} #right .mail {margin-bottom: 10px;} #right li a {font-size: 90%;} .bigger {font-size: 140%;line-height: 1.6em;} #left img.flow {float: left; padding: 0 8px 8px 0;} /* Album structure */ .albumbox {margin-bottom: 20px;} .albumbox a {margin-right:30px;border: none;text-decoration: none;} .pupil {width: 275px;float: left;margin: 10px 0;} .statusyes {min-height: 64px;color: #ffffff;} .statusno {min-height: 64px;color: #ca8f9d;} .name {font-size: 110%;padding: 12px 40px 0 0;} .pupil img {float: left;padding-right: 10px;} .hint {margin-top: 60px;} /* forms */ .mainForm {margin: 15px;} fieldset {margin:25px 0;border:none;color: #ffffff;} form div {clear:both;} label {cursor:hand;font-size:110%;} label.cr {font-weight:normal;} span.label {float:left;width:180px;padding:15px 0 0 0;} span.field {float:left; width:340px; padding:3px 0 0 6px; background: url(../images/form_bg.gif) center center no-repeat;} span.big {background: url(../images/formbig_bg.gif) center center no-repeat;} span.go {background: url(../images/formsubmit_bg.gif) 3px center no-repeat;} .gbname {color: #6cc7c8;} .gbdate {color: #6cc7c8; font-style: italic;} .gbmail {margin-top: 4px;padding-left: 35px; line-height: 17px;} .gbmail a{color: #6cc7c8;} .gbtext {padding-bottom: 25px; margin: 8px 0 16px 0; font-size: 120%; line-height: 1.6em; background: url(../images/linew.gif) left bottom no-repeat;} #gbentry {margin-top: 40px; width:242px; height: 101px;} #gbentry a.add {width:242px; height: 101px; display: block; text-indent:-9999px; background: url(../images/gbentry.gif) 0 0 no-repeat;} #gbentry a.add:hover {width:242px; height: 101px; display: block; text-indent:-9999px; background: url(../images/gbentryover.gif) 0 0 no-repeat;} .captcha {margin-left: 180px; font-size: 105%; } .error {margin: 15px 0; color: #ca8f9d; font-style: italic;} /* footer */ #footer {clear: both;background: url(../images/frame_bottom.jpg) left top repeat-x;width: 100%;min-width: 960px;height: 189px;overflow: hidden;} #footer_container {margin: 0px auto;width:960px;} #footer_left {float: left;margin-left: 30px;width: 550px;color: #454545;} #footer_left span {color: #7f7f7f;} #footer_right {float: right;width: 380px;background: url(../images/subnav_bg.jpg) top right no-repeat;} #footer_left p {margin-top: 100px;} #subnav {width: 206px;height: 189px;margin: 70px 0 0 245px;} #subnav li { padding: 2px 0;} #subnav a {text-decoration: none; font-size: 105%; color: #759979; border-bottom: 1px dotted #759979;} #subnav a:hover {color: #39583c; border-bottom: 1px dotted #39583c;