158 lines
7.1 KiB
CSS
158 lines
7.1 KiB
CSS
/* RESET BROWSERSTYLE */
|
|
* {padding: 0; margin: 0;}
|
|
|
|
/* GLOBAL */
|
|
h1, h2, h3 {font-family: 'century gothic', sans-serif; color: #222; font-size: 24px; line-height: 1.6em; font-weight: 300; letter-spacing: 2px; margin: 0 0 10px 0;}
|
|
h4 {font-family: 'century gothic', sans-serif; color: #222; font-size: 18px; line-height: 1.4em; font-weight: 700; letter-spacing: 1px; margin: 15px 0 10px 0;}
|
|
h5 {font-family: 'century gothic', sans-serif; color: #222; font-size: 17px; line-height: 1.4em; font-weight: 700; letter-spacing: 1px; margin: 15px 0 10px 0;}
|
|
h6 {font-family: 'century gothic', sans-serif; color: #222; font-size: 16px; line-height: 1.4em; font-weight: 700; letter-spacing: 1px; margin: 15px 0 10px 0;}
|
|
p {margin: 12px 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 {height: 1px; color: #ccc; background-color: #ccc; border: 0; margin: 5px 0 3px 0;}
|
|
|
|
|
|
/*
|
|
##############################
|
|
C O N T E N T C L A S S E S
|
|
##############################
|
|
*/
|
|
.tplge_left_border {float: left; border: 1px solid #666; margin: 0 20px 10px 0;}
|
|
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0;}
|
|
.tplge_right_border {float: right; border: 1px solid #666; margin: 0 0 10px 20px;}
|
|
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
|
|
.tplge_border {border: 1px solid #666;}
|
|
.tplge_noborder {border: 0;}
|
|
|
|
.tplge_code {background: #eed; font-family: 'courier new', monospace; border: 1px solid #997; padding: 20px;}
|
|
.tplge_box01 {clear: both; background: #e0e9ec; border: 3px solid #c0c9cc; padding: 12px 16px; margin: 16px 0;}
|
|
.tplge_legal {padding: 6px 0;}
|
|
|
|
.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */
|
|
|
|
|
|
/*
|
|
##############################
|
|
B O D Y
|
|
##############################
|
|
*/
|
|
body {font-family: georgia, arial, sans-serif; color: #566; font-size: 16px; line-height: 1.4em;}
|
|
#tplge_body {background: #c3c6c9; text-align: center;}
|
|
#top {font-size: 10px; line-height: 10px;}
|
|
|
|
|
|
/*
|
|
##############################
|
|
L A Y O U T
|
|
##############################
|
|
*/
|
|
|
|
/* LAYOUT TABELLE / MAIN TABLE */
|
|
#tplge_maintable {max-width: 946px; min-width: 946px; background: #fff; width: 100%; border: 1px solid #999; border-top: 0; border-collapse: collapse; margin: 0 auto;}
|
|
#tplge_tdnav {background: #eee; width: 236px; min-width: 236px; max-width: 236px; vertical-align: top;}
|
|
#tplge_tdcont {text-align: left;; padding: 0 0 20px 0; margin: 0; vertical-align: top;}
|
|
|
|
/* BEREICHE / AREAS */
|
|
#tplge_sidebar1 {}
|
|
#tplge_sidebar2 {width: 210px; float: left;}
|
|
#tplge_header {width: 100%; float: left;}
|
|
#tplge_locator {width: 100%; float: left;}
|
|
#tplge_content {width: 472px; float: left;}
|
|
#tplge_footer {}
|
|
div.tplge_news {}
|
|
#tplge_notes {}
|
|
|
|
|
|
/*
|
|
##############################
|
|
D E S I G N
|
|
##############################
|
|
*/
|
|
|
|
/* SIDEBAR NAVIGATION */
|
|
#tplge_sidebar1 {background: #eee url(images/bgnav.jpg) left top no-repeat;}
|
|
#tplge_sidebar1in {font-family: arial, sans-serif; color: #c60; text-align: left; border: 0px solid; padding: 140px 0 0 0; margin: 0 19px 19px 19px;}
|
|
|
|
#tplge_sidebar1 li {list-style-type: none; list-style-image: none;}
|
|
|
|
#tplge_sidebar1 ul.menulevel1 {margin: 0 0 20px 0;}
|
|
#tplge_sidebar1 ul.menulevel1 li {font-family: 'century gothic', arial, sans-serif; font-size: 15px; line-height: 1.2em; font-weight: 700; border-bottom: 1px solid #ccc; padding: 16px 3px 4px 0; margin: 0;}
|
|
|
|
#tplge_sidebar1 ul.menulevel2 {padding: 8px 0 0 0; margin: 0 0 2px 0;}
|
|
#tplge_sidebar1 ul.menulevel2 li {font-size: 14px; font-weight: 300; line-height: 1.1em; font-weight: 300; border: 0; padding: 2px 0 8px 0; margin: 0;}
|
|
|
|
#tplge_sidebar1 ul ul.menulevel3 {border: 0px solid #ccc; padding: 3px 0 4px 0; margin: 4px 0 0 0;}
|
|
#tplge_sidebar1 ul ul.menulevel3 li {line-height: 1.2em; font-size: 14px;; padding: 4px 8px 3px 12px; margin: 0;}
|
|
|
|
#tplge_sidebar1 a:link {color: #333; text-decoration: none; font-style: normal;}
|
|
#tplge_sidebar1 a:visited {color: #333; text-decoration: none; font-style: normal;}
|
|
#tplge_sidebar1 a:hover {color: #c60; text-decoration: none; font-style: normal;}
|
|
#tplge_sidebar1 a:active {color: #c60; text-decoration: none; font-style: normal;}
|
|
#tplge_sidebar1 a:focus {color: #c60; text-decoration: none; font-style: normal;}
|
|
|
|
#tplge_sidebar1in ul.tplge_subnav {list-style-type: none; font-size: 14px; padding: 12px 0; margin: 0;}
|
|
#tplge_sidebar1in ul.tplge_subnav li {line-height: 1.5em; padding: 4px 0; margin: 0;}
|
|
#tplge_sidebar1in p.tplge_lastupdate {font-size: 12px; color: #666; padding: 0 12px 0 12px;}
|
|
|
|
#tplge_sidebar1in .submit {background: #222; color: #fff; border: 0px solid #666; padding: 1px 6px;}
|
|
#tplge_sidebar1in .text {width: 120px; background: #fff; font-family: arial, sans-serif; font-size: 14px; border: 1px solid #c0c3c6; padding: 1px 3px;}
|
|
#searchbox {float: left; padding: 0 0 20px 0;}
|
|
|
|
|
|
/* KOPFBEREICH / HEADER */
|
|
#tplge_headerin {background: #eee url(images/bghead.jpg) right top no-repeat; border-bottom: 0px solid #ccc; padding: 16px 0 6px 24px; margin: 0 0 10px 0;}
|
|
|
|
#tplge_header h1 {clear: both; font-family: 'century gothic', verdana, sans-serif; color: #333; font-size: 24px; line-height: 1.2em; font-weight: 100; border: 0; padding: 0; margin: 0;}
|
|
|
|
|
|
/* BREADCRUMB-NAVIGATION (LOCATOR) */
|
|
#tplge_locatorin {font-family: arial, sans-serif; font-size: 14px; border-bottom: 0px solid #ccc; padding: 36px 0 0 0;}
|
|
p.tplge_locator {padding: 0; margin: 8px 0;}
|
|
|
|
|
|
/* INHALT / CONTENT */
|
|
#tplge_contentin {text-align: left; padding: 10px 10px 30px 24px; margin: 0;}
|
|
#tplge_content li {}
|
|
|
|
|
|
/* FUSSNAVIGATION / FOOTER NAVIGATION */
|
|
#tplge_footerin {text-align: center; border-top: 1px solid #ccc; padding: 10px 0; margin: 16px 0;}
|
|
#tplge_footerin span {padding: 0 6px 0 2px;}
|
|
|
|
|
|
/* NEWSBOXEN / NEWSBOXES */
|
|
div.tplge_newsin {line-height: 1.2em; padding: 0 0 10px 16px;}
|
|
|
|
div.tplge_newsin h4 {font-size: 18px; color: #555;}
|
|
div.tplge_newsin h5 {font-size: 16px; font-weight: 300; letter-spacing: 1px; margin: 10px 0 0 0;}
|
|
div.tplge_newsin h6 {font-size: 15px; font-weight: 300; letter-spacing: 1px; margin: 10px 0 0 0;}
|
|
|
|
|
|
/* FUSSLINKS / FOOTER LINKS */
|
|
#tplge_notes {font-family: arial, sans-serif; font-size: 12px; text-align: center; padding: 0; margin: 12px 20px 48px 20px;}
|
|
#tplge_notes span {padding: 0 6px 0 2px;}
|
|
|
|
|
|
/* LINKFORMATIERUNG / LINKS */
|
|
a:link {color: #259; text-decoration: none;}
|
|
a:visited {color: #259; text-decoration: none;}
|
|
a:hover {color: #c60; text-decoration: none;}
|
|
a:active {color: #c60; text-decoration: none;}
|
|
a:focus {color: #c60; text-decoration: none;}
|
|
|
|
|
|
/*
|
|
##############################
|
|
S O N S T I G E S / R E S T
|
|
##############################
|
|
*/
|
|
|
|
#passwd {background: #eee; border: 3px solid #c0c3c6; padding: 1px 3px;}
|
|
.text {background: #eee; font-family: arial, sans-serif; font-size: 14px; border: 1px solid #c0c3c6; padding: 1px 3px;}
|
|
.file {border: 1px solid #ccc;}
|
|
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 3px solid #c60; margin: 1px 0;}
|
|
table.edit td {border: 0; padding: 5px;}
|
|
#cmsimple_mailform textarea {width: 90%; background: #eee; font-family: georgia, serif; border: 1px solid #c0c3c6; padding: 10px; margin: 0 0 10px 0;}
|