/* Start of CMSMS style sheet 'gw_startseite_css' */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { text-align: left; font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size: 85.01%; line-height: 1em; background: #fffcd8; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ a, a:link a:active { /* set all links to have underline */ text-decoration: underline; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ /* this is a brownish color, you change this for all default link colors */ color: #695738; } a:visited { /* keeps the underline */ text-decoration: underline; color: #bfb29d; } a:hover { /* remove underline on hover */ text-decoration: none; /* using a different color makes the hover obvious */ color: #86775d; } /*****************basic layout *****************/ body { margin: 0; padding: 0; /* default text color for entire site*/ color: #86775d; background: #fffcd8; } div#pagewrapper { /* originally: max-width: 99em; min-width: 60em;min max width. IE wont understand these, so we will use java script magic in the */ width: 1024px; /* now that width is set this centers wrapper */ margin: 0 auto; background-color: #fffcd8; color: #86775d; position:relative; } /* dieses div wird im moment nicht vom template aufgerufen und nicht gebraucht */ div#bildmitte { height:158px; width:1024px; margin-top:-1px; } div#raute { background: url(uploads/images/startbild/raute_passiv.gif) no-repeat; width:148px; height:158px; /*margin-left:438px;*/ position:absolute; top:305px; left:438px; } div#mittelinks { width:438px; height:158px; display: block; position:absolute; top:306px; left:0px; } div#mitterechts { width:438px; height:158px; display: block; /*padding-left:586px;*/ /*margin-top:-1px;*/ position:absolute; top:306px; right:0px; } a#willkomm { background: url(uploads/images/startbild/willkommen_aktpass.gif) no-repeat; background-position: 0px 0px; margin-top:-1px; display: block; width:438px; /*dieses gibt die Größe den Bildes an */ height:316px; /* dieses gibt die Größe den Bildes an */ overflow:hidden; } a:hover#willkomm { background: url(uploads/images/startbild/willkommen_aktpass.gif) no-repeat; background-position: 0px -158px; margin-top:-2px; width:438px; /*dieses gibt die Größe den Bildes an */ height:316px; /* dieses gibt die Größe den Bildes an */ overflow:hidden; } a#welcom { background: url(uploads/images/startbild/welcome_aktpass.gif) no-repeat; background-position: 0px 0px; margin-top:-1px; display: block; width:438px; /*dieses gibt die Größe den Bildes an */ height:316px; /* dieses gibt die Größe den Bildes an */ overflow:hidden; } a:hover#welcom { background: url(uploads/images/startbild/welcome_aktpass.gif) no-repeat; background-position: 0px -158px; display: block; margin-top:-2px; width:438px; /*dieses gibt die Größe den Bildes an */ height:316px; /* dieses gibt die Größe den Bildes an */ overflow:hidden; } .oberbild { position:absolute; top:0px; left:0px; } .unterbild { position:absolute; top:462px; left:0px; } div#bild_unten { background: url(uploads/images/startbild/wald_unten.gif) no-repeat left top; height: 304px; clear: both; margin-top:-1px; } div#header h1 { margin: 0; padding: 0; /*these keep IE6 from pushing the header to more than the set size*/ line-height: 0; font-size: 0; position: inline; /* this will keep IE6 from flickering on hover background: url(uploads/videogruen/muster230_00.jpg) no-repeat left top; */ } div#header h2 { /* this is where the site name is */ float: right; line-height: 1.2em; /* this keeps IE6 from not showing the whole text */ font-size: 1.5em; /* keeps the size uniform */ margin: 35px 65px 0px 0px; /* adjust according your text size */ color: #86775d; /* this hides the text */ text-indent: -999em; } div#content { /* some air above and under menu and content */ margin: 0 auto 2em 0; padding: 0px; } /********************CONTENT STYLING*********************/ div#footer { /* this sets 10px on left to balance 10px right on last div, hier links und rechts plus 10px */ padding: 0px 10px 0px 20px; /* color of text, the link color is set below color: #86775d; */ /* you can set your own image here background: url(uploads/ngrey/wtopleft.gif) no-repeat left top; */ } div.leftfoot { float: left; width: 30%; margin-left: 20px } div#footer p { /* sets different font size from default */ font-size: 0.7em; /* some air for footer */ padding: 2em 1em 0px 1em; /* rightbound text */ text-align: right; margin: 0; } div#footer p a { color: #86775d; } .minitext { font-size: 0.7em; } .minitext_fett { font-size: 0.7em; font-weight: bold; } /* END HEADINGS */ /* TEXT */ /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* End of 'gw_startseite_css' */