148 lines
7.7 KiB
CSS
148 lines
7.7 KiB
CSS
/* RESET BROWSERSTYLE */
|
|
* {padding: 0; margin: 0;}
|
|
|
|
|
|
/* GLOBAL */
|
|
h1, h2, h3 {font-family: verdana, sans-serif; color: #776; font-size: 24px; line-height: 1.8em; font-weight: 300; letter-spacing: 1px; border-bottom: 3px solid #998; margin: 16px 0;}
|
|
h4 {font-family: verdana, sans-serif; color: #776; font-size: 22px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
|
|
h5 {font-family: verdana, sans-serif; color: #776; font-size: 20px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
|
|
h6 {font-family: verdana, sans-serif; color: #776; font-size: 18px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
|
|
p {margin: 10px 0;}
|
|
ol {margin: 6px 0;}
|
|
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}
|
|
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
|
|
ul li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 0 0 0 17px;}
|
|
hr {clear: both; height: 1px; color: #969389; background-color: #969389; border: 0; margin: 5px 0 3px 0;}
|
|
|
|
|
|
/* BODY */
|
|
body {font-family: georgia, serif; font-size: 16px; color: #444; line-height: 1.3em;}
|
|
#tplge_body {background: #000 url(images/bgbody.jpg) fixed; text-align: center; padding: 16px;}
|
|
#top {font-size: 10px; line-height: 10px;}
|
|
|
|
|
|
/* KOPFBEREICH MIT SUCHBOX / HEADER AND SEARCHBOX */
|
|
#tplge_header {width: 740px; margin: auto; text-align: left;}
|
|
#tplge_headerin {padding:10px 0; margin: 0 0 6px 0;}
|
|
|
|
#tplge_header h1 {width: 68%; float: left; font-family: 'times new roman', serif; color: #665; font-size: 24px; line-height: 1.1em; font-weight: 100; letter-spacing: 1px; border: 0; padding: 0; margin: 0;}
|
|
|
|
|
|
/* SUCHE / SEARCHBOX */
|
|
#searchbox {width: 30%; float: right; text-align: right; padding: 0;}
|
|
|
|
|
|
/* SEITE / PAGE */
|
|
#tplge_main {width: 740px; margin: auto;}
|
|
#tplge_mainin {}
|
|
|
|
|
|
/* BREADCRUMB-NAVIGATION (LOCATOR) */
|
|
#tplge_locator {font-family: arial, sans-serif; clear: both; float: left; width: 100%;}
|
|
#tplge_locatorin {color: #f90; padding: 0;}
|
|
|
|
#tplge_locatorin p {padding: 0; margin: 8px 0;}
|
|
|
|
|
|
/* SIDEBAR NAVIGATION */
|
|
#tplge_sidebar1 {width: 28%; float: left;}
|
|
#tplge_sidebar1in {color: #210; text-align: right; padding: 0; margin: 0 0 30px 0;}
|
|
|
|
#tplge_sidebar1 li {list-style-type: none; list-style-image: none;}
|
|
|
|
#tplge_sidebar1 ul.menulevel1 {font-family: verdana, sans-serif; padding: 0; margin: 20px 0 10px 0;}
|
|
#tplge_sidebar1 ul.menulevel1 li {background: #ede8dd; border: 5px solid #b9b6a9; font-family: arial, sans-serif; font-size: 17px; line-height: 1.2em; font-weight: 700; text-align: left; padding: 6px 8px; margin: 5px 0;}
|
|
|
|
|
|
#tplge_sidebar1 ul.menulevel2 {font-family: arial, sans-serif; border: 0; padding: 0; margin: 8px 0 4px 0;}
|
|
#tplge_sidebar1 ul.menulevel2 li {background: none; font-family: arial, sans-serif; font-size: 14px; line-height: 1.4em; font-weight: 700; text-align: left; border: 0; padding: 0px 0 3px 12px; margin: 0;}
|
|
|
|
#tplge_sidebar1 ul ul.menulevel3 {margin: 5px 0 0 0;}
|
|
#tplge_sidebar1 ul ul.menulevel3 li {font-family: verdana, sans-serif; line-height: 1.1em; font-size: 14px; font-weight: 300; text-align: left; border: 0; padding: 1px 0 6px 12px; margin: 0;}
|
|
|
|
|
|
#tplge_sidebar1in ul.tplge_subnav {list-style-type: none; font-size: 16px; text-align: right; padding: 12px 0; margin: 0;}
|
|
#tplge_sidebar1in ul.tplge_subnav li {padding: 4px 0; margin: 0;font-style: italic; padding: 3px 8px;}
|
|
#tplge_sidebar1in p.tplge_lastupdate {font-size: 12px; color: #cca; text-align: right; padding: 0 12px 0 16px;}
|
|
#tplge_sidebar1in .tplge_logo {background: #ede8dd; float: right; border: 1px solid #997; padding: 10px; margin: 0;}
|
|
|
|
#tplge_sidebar1 ul.menulevel1 li.sdocs {background-color: #fdf8ed;}
|
|
#tplge_sidebar1 ul.menulevel1 li.sdoc {background-color: #fdf8ed;}
|
|
|
|
|
|
/* INHALT / CONTENT */
|
|
#tplge_content {width: 70%; float: right;}
|
|
#tplge_contentin {background: #ede8dd; border: 12px solid #b9b6a9; text-align: left; padding: 6px 24px; margin: 0 0 36px 0;}
|
|
#tplge_content li {}
|
|
#tplge_content .tplge_box01 {background: #f3f6f6; border: 4px double #bbb; padding: 10px 20px; margin: 20px 0 30px 0;}
|
|
.left {float: left;}
|
|
.right {float: right;}
|
|
.center {text-align: center;}
|
|
.border {border: 1px solid #333;}
|
|
.noborder {border: 0;}
|
|
|
|
#tplge_contentin a:link {font-style: italic;}
|
|
#tplge_contentin a:visited {font-style: italic;}
|
|
#tplge_contentin a:hover {font-style: italic;}
|
|
#tplge_contentin a:active {font-style: italic;}
|
|
#tplge_contentin a:focus {font-style: italic;}
|
|
|
|
|
|
/* FUSSNAVIGATION / FOOTER NAVIGATION */
|
|
#tplge_footer {clear: both; float: left; width: 100%;}
|
|
#tplge_footerin {font-family: arial, sans-serif; font-size: 15px; text-align: center; padding: 0 0 10px 0; margin: 16px 0 0 0;}
|
|
#tplge_footerin span {padding: 0 6px 0 2px;}
|
|
|
|
|
|
/* NEWSBOXEN / NEWSBOXES */
|
|
#tplge_news {clear: right; width: 70%; float: right; margin: auto;}
|
|
div.tplge_news {width: 49.5%; float: right; text-align: left;}
|
|
div.tplge_newsin {background: #665 url(images/bgnews.jpg); border: 6px double #cdc8bd; font-family: georgia, serif; color: #fff;line-height: 1.2em; padding: 12px 24px 16px 24px; margin: 0 2% 20px 0;}
|
|
|
|
div.tplge_newsin h4 {font-size: 19px; color: #ccb; font-weight: 300; line-height: 1.2em; border-bottom: 3px solid #ccb; padding: 6px 0 4px 0; margin: 0;}
|
|
div.tplge_newsin h5 {font-size: 19px; color: #ccb; font-weight: 300; letter-spacing: 1px; margin: 10px 0 0 0;}
|
|
div.tplge_newsin h6 {font-size: 18px; color: #ccb; font-weight: 300; letter-spacing: 1px; margin: 10px 0 0 0;}
|
|
|
|
div.tplge_newsin a:link {color: #ccb; text-decoration: none; font-style: italic;}
|
|
div.tplge_newsin a:visited {color: #ccb; text-decoration: none; font-style: italic;}
|
|
div.tplge_newsin a:hover {color: #fff; text-decoration: none; font-style: italic;}
|
|
div.tplge_newsin a:active {color: #fff; text-decoration: none; font-style: italic;}
|
|
div.tplge_newsin a:focus {color: #fff; text-decoration: none; font-style: italic;}
|
|
|
|
|
|
/* FUSSLINKS / FOOTER LINKS */
|
|
#tplge_notes {clear: both; font-family: arial, sans-serif; font-size: 14px; text-align: right; border-top: 0px solid #a3a6a9; padding: 160px 20px 0 20px; margin: 0;}
|
|
#tplge_notes span {padding: 0 6px 0 2px;}
|
|
|
|
|
|
/* VORDEFINIERTE KLASSEN FUER BILDER / PREDEFINED CLASSES FOR IMAGES */
|
|
img.left {float: left; margin: 8px 20px 10px 0;}
|
|
img.right {float: right; margin: 8px 0 10px 20px;}
|
|
img.center {margin: 10px auto;}
|
|
img.border {background: #fff; border: 1px solid #998; padding: 6px;}
|
|
div.tplge_newsin img.border {background: #ccb; border: 1px solid #665; padding: 6px;}
|
|
img.noborder {border: 0;}
|
|
|
|
|
|
/* LINKFORMATIERUNG / LINKS */
|
|
a:link {color: #852; text-decoration: none;}
|
|
a:visited {color: #852; text-decoration: none;}
|
|
a:hover {color: #210; text-decoration: none;}
|
|
a:active {color: #a74; text-decoration: none;}
|
|
a:focus {color: #a74; text-decoration: none;}
|
|
|
|
|
|
/* SONSTIGES / THE REST */
|
|
#passwd {border: 1px solid #999;}
|
|
#submit {background: #630; color: #eed; border: 1px solid #ffe; padding: 1px 6px;}
|
|
.submit {background: #630; color: #eed; border: 1px solid #ffe; padding: 1px 6px;}
|
|
.text {width: 140px; background: #ffe; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #998; padding: 2px 3px;}
|
|
.file {border: 1px solid #999;}
|
|
p.code {background: #eed; font-family: 'courier new', serif; border: 1px solid #997; padding: 20px;}
|
|
p.date {color: #093; text-align: right; line-height: 1.2em;}
|
|
.scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
|
|
.retrieve {background: #ffffff; background-image:none; border: 0;}
|
|
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;}
|
|
table.edit td {border: 0; padding: 3px;}
|
|
textarea {width: 90%; background: #f6f6f6; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;}
|
|
.hinweis {line-height: 1.2em; padding: 2px 10px;} |