html {
color:#404040;
}
body {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 90%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.231;
background : #ffffff url('/images/bg_top.gif') repeat-x top;
text-align:center;
}
body, form {
margin:0;
padding:0;
}
#wrapper {
min-width:991px;
background : transparent url('/images/bg_uhr.png') no-repeat scroll center top;
}
#doc {
border: none;
margin:auto;
position:relative;
text-align:left;
width:990px;
z-index:1;
min-width:750px;
}
a {
color: #0066aa; /*#3567B0;*/
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
margin: 0;
font-size: 180%;
font-weight: normal;
color: #404040;
}
h2 {
margin: 0;
font-size: 130%;
font-weight: normal;
color: #ff7700;
}
h3 {
margin: 0;
margin-bottom: 14px;
font-size: 100%;
color: #ff7700;
}
h4 {
margin: 0;
font-size: 100%;
}
sup {
font-size: 60%;
}
hr {
border: 1px solid #d0d0d0;
height:1px;
}
ul {
margin: 0;
padding: 0;
margin-top: 5px;
margin-left: 20px;
list-style : url('/images/li_dot.gif');
}
ul li {
margin-bottom: 5px;
}
ul.nav {
margin: 0;
padding: 0;
list-style-type:none;
}
ul.nav,
ul.nav li {
height:20px;
margin-bottom: auto;
}
ul.nav li {
display: block;
list-style-image:none;
list-style-position:outside;
float:left;
padding-left: 15px;
padding-right: 15px;
}
ul.nav li.rechts {
padding: 0;
text-align: right;
}
.rechts {
float: right;
}
.links {
float: left;
}
.clearer {
padding: 0;
clear:both;
font-size:1px;
line-height:1px;
display:block;
height:1px;
}
#nav-top {
margin: 0;
width:950px;
font-size: 85%;
padding: 0 20px;
height:40px;
}
#nav-top ul.nav {
float: right;
margin: 10px 0 10px 0;
font-weight: bold;
}
#nav-top ul.nav a {
color: #404040;
}
#nav-top ul.nav .email {
background: transparent url('/images/nav_email.png') no-repeat scroll top left;
padding-left: 24px;
}
#nav-top ul.nav .tel {
background: transparent url('/images/nav_tel.png') no-repeat scroll top left;
padding-left: 24px;
}
#header {
background: transparent url('/images/bg_header.png') no-repeat scroll left bottom;
height:61px;
margin: 0;
width:990px;
}
#header h2 {
float:left;
margin: 13px 0 13px 90px;
}
#nav-main {
display:block;
position:static;
visibility:visible;
z-index:2;
float:right;
padding-right:20px;
}
#nav-main ul {
margin: 0;
padding: 0;
float:left;
left:auto;
z-index:99;
list-style-type:none;
}
#nav-main ul,
#nav-main ul li {
height:60px;
position:relative;
margin-bottom: auto;
}
#nav-main ul li {
list-style-image:none;
list-style-position:outside;
float:left;
font-size: 105%;
}
#nav-main ul li a {
color:#FFFFFF;
background-color: transparent;
text-decoration:none;
display:block;
float:left;
font-weight:bold;
height:40px;
padding: 20px 15px 0;
border: none;
border-right: 1px solid #FFB565;
border-left: 1px solid #ff8800;
}
#nav-main ul li a.first {
border-left: 1px solid #FFB565;
}
#nav-main ul li a:hover {
background-color: #FFB565;
border-left: 1px solid #FFB565;
}
#nav-main ul li.aktiv a {
background-color: #FFB565;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}
#footer {
background: transparent url('/images/bg_bottomx200.gif') repeat-x top;
height: 100px;
margin: 25px 0 0 0;
font-size: 85%;
}
#footer_content {
margin:auto;
padding: 50px 5px 5px 15px;
text-align:left;
width: 960px;
}
#footer_content ul.nav {
padding: 0;
}
#footer_content ul.nav li {
padding-left: 5px;
padding-right: 0;
margin-bottom: auto;
}
#footer_content ul.nav li.rechts {
padding: 0;
float: right;
}
#search {
clear: both;
text-align: right;
padding: 5px 20px;
}
.sidebar {
float: left;
width: 215px;
}
.content {
float: left;
margin-left: 15px;
width: 756px;
}
#dummy {
float: left;
width: 1px;
}
#submenu-title,
#content-title {
height: 20px;
padding-bottom: 8px;
padding-top: 0;
font-size: 85%;
}
#submenu-title {
text-align: right;
}
#content-title {
font-weight: bold;
}
#content-title a {
font-weight: normal;
}
#submenu ul {
margin: 0;
padding: 0;
list-style-type:none;
}
#submenu ul li {
margin-bottom: auto;
}
#submenu ul li.right, #submenu ul li.left, #submenu ul li.center,
#submenu ul li.aktiv, #submenu ul li {
list-style-image:none;
list-style-position:outside;
padding: 2px 10px;
padding-left: 15px;
background: transparent url('/images/sidebar_bg.png') repeat-y center;
}
#submenu ul li a {
display:block;
background: transparent url('/images/submenu_item.gif') no-repeat scroll top left;
padding-left: 24px;
text-decoration: none;
}
#submenu ul li a:hover {
background: transparent url('/images/submenu_item2.gif') no-repeat scroll top left;
padding-left: 24px;
text-decoration: underline;
}
#submenu ul li.aktiv a {
display:block;
background: transparent url('/images/submenu_item3.gif') no-repeat scroll top left;
padding-left: 24px;
font-weight: bold;
}
#submenu ul#submenu2 {
margin-top: 2px;
}
#submenu ul#submenu2 li {
list-style-image:none;
list-style-position:outside;
padding: 2px 10px;
}
#submenu ul li.leer {
font-size: 1px;
height: 1px;
}
#submenu ul#submenu2 li a {
display:block;
background: transparent url('/images/submenu_item.gif') no-repeat scroll top left;
padding-left: 24px;
text-decoration: none;
font-weight: normal;
}
#submenu ul#submenu2 li a:hover {
background: transparent url('/images/submenu_item2.gif') no-repeat scroll top left;
padding-left: 24px;
text-decoration: underline;
}
#submenu ul#submenu2 li.aktiv a {
background: transparent url('/images/submenu_item3.gif') no-repeat scroll top left;
padding-left: 24px;
font-weight: bold;
}
#submenu ul li.right {
text-align: right;
}
#submenu ul li.center {
text-align: center;
}
#submenu ul li.center a,
#submenu ul li.left a,
#submenu ul li.right a {
display: inline;
background-image: none;
padding-left: 0;
}
#submenu ul li.nomenu {
background-image: none;
}
#submenu ul li.first {
padding: 0;
background: transparent url('/images/sidebar_top.png') no-repeat top;
font-size: 60%;
}
#submenu ul li.first div {
padding: 8px 5px 5px 16px;
font-size: 140%;
}
#submenu ul li.last {
padding: 0;
background: transparent url('/images/sidebar_bottom.png') no-repeat bottom;
font-size: 60%;
}
#content {
margin-top: 3px;
border-top: 1px solid #d0d0d0;
}
#content h1 {
margin: 2px;
padding: 10px 5px;
color: #333;
}
#content h1 span {
display: block;
background: transparent url('/images/bg_h1.png') repeat scroll bottom;
padding: 5px;
}
#content h2 {
padding: 10px 0;
}
.content-sidebar {
float: left;
width: 250px;
margin-left: 20px;
}
.content-left {
float: left;
width: 486px;
}
.box,
.box_noline   {
clear: both;
padding: 5px 7px;
margin-bottom: 15px;
}
.box {
border-top: 1px dashed #d0d0d0;
}
.box_line {
clear: both;
border-top: 1px solid #d0d0d0;
font-size: 1px;
}
.content-sidebar .box,
.content-sidebar .box_noline {
padding: 2px;
}
.content-sidebar .box {
border-top-style: solid;
}
.box .img,
.box_noline .img {
margin-top: 10px;
margin-bottom:28px;
float:left;
width: 90px;
text-align: center;
}
.box .txt,
.box_noline .txt {
margin-top: 10px;
margin-left: 90px;
margin-bottom:28px;
}
.box .txt .s,
.box_noline .txt .s {
font-size: 85%;
}
.box .img_rechts,
.box_noline .img_rechts {
float: right;
width: 70px;
text-align: right;
}
.box .txt_links,
.box_noline .txt_links {
margin-left: auto;
}
.box_noline .link,
.box .link {
margin-top: 10px;
text-align: right;
}
.box div {
margin-bottom: 28px;
}
.form {
margin: 0;
padding-top: 20px;
padding-bottom: 10px;
background: transparent url('/images/j0431608x48.png') no-repeat scroll right center;
}
.form div.info {
font-size: 75%;
padding-left: 100px;
color: gray;
margin: 0;
}
p.first {
margin-top: 0;
}
p.last {
margin-bottom: 0;
}
.group {
margin: 25px 0;
}
.group .head {
margin: 15px 0;
font-weight: bold;
}
.eintrag {
margin-top: 15px;
}
.eintrag div {
padding: 4px 7px;
margin-bottom: auto;
}
.eintrag .head {
background-color: #f5f5f5;
font-weight: bold;
}
.eintrag .head a {
color: #0066aa;
}
.eintrag .head a:hover {
color: #ff8800;
}
.box a.pdf,
.eintrag .head a.pdf {
background: transparent url('/images/acrobat_16x16.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.doc {
background: transparent url('/images/doc_16x16.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.ppt {
background: transparent url('/images/ppt_16x16.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.download {
background: transparent url('/images/download_16x16.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.setup {
background: transparent url('/images/setup_16x16.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.zip {
background: transparent url('/images/zip_16x16.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.remote {
background: transparent url('/images/monitor_go.png') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag .head a.extern {
background: transparent url('/images/extern_icon.gif') no-repeat scroll left center;
padding-left: 24px;
display:block;
}
.eintrag span.termin a,
.eintrag a.termin {
background: transparent url('/images/uhr.gif') no-repeat scroll right center;
padding-right: 20px;
}
.eintrag .head span {
float: right;
}
.eintrag div.adr {
margin:0;
padding: 0;
width: 40%;
float: right;
font-style : normal;
font-weight: normal;
}
.eintrag div.adr div {
margin:0;
padding: 0;
}
.eintrag div.desc {
float: right;
width: 60%;
margin: 0;
padding: 0;
}
.eintrag div.desc strong {
display: block;
}
.eintrag .logo {
float: left;
width: 160px;
padding: 0;
}
.eintrag .logo-text {
float: left;
width: 550px;
padding: 0;
}
.eintrag a.uhr {
line-height: 20px;
background: transparent url('/images/uhr.gif') no-repeat scroll right center;
padding-right: 20px;
}
.eintrag-nav {
font-weight: bold;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 15px;
}
.eintrag-nav2 a,
.eintrag-nav a {
color: #0066aa;
}
.eintrag-nav2 a:hover,
.eintrag-nav a:hover {
color: #ff8800;
}
.eintrag-nav span {
font-weight: normal;
float: right;
color: silver;
}
.eintrag-nav2 {
border-top: 1px solid #d0d0d0;
font-weight: normal;
text-align: right;
color: silver;
}
ul.fld, ul.fld2 {
margin: 0 5px 0 5px;
list-style : none;
list-style-image: none;
}
/* 2 Spalten */
ul.fld2 {
float: left;
width: 48.5%;
}
ul.fld li a,
ul.fld2 li a {
background: transparent url('/images/fld.gif') no-repeat scroll top left;
padding-left: 20px;
display: block;
}
ul.fld li a:hover,
ul.fld2 li a:hover {
color: #ff8800;
}
ul.fld li a span,
ul.fld2 li a span {
color: #404040;
}
ul.fld li a:hover span,
ul.fld2 li a:hover span {
text-decoration: none;
}
ul.fld li a span.link,
ul.fld2 li a span.link {
margin-top:0;
margin-left: 5px;
text-align:left;
background: transparent url('/images/link.gif') no-repeat scroll center left;
padding-left: 15px;
}
ul.fld li.nolink span,
ul.fld2 li.nolink span {
background: transparent url('/images/fld_off.gif') no-repeat scroll top left;
padding-left: 20px;
display: block;
}
/* Header Fade Images */
#imageContainer {
position:relative;
height:244px;
}
#imageContainer div.img_header {
display: none;
margin: 2px;
padding: 5px;
width: 748px;
height: 230px;
font-weight : bold;
font-size: 110%;
position:absolute;
top: 0pt;
left: 0pt;
}
/* Produkt-Features */
ul.feature {
margin: 0;
padding: 5px 0;
list-style-type : none;
list-style-image : none;
}
ul.feature li {
float: left;
margin-right: 15px;
}
ul.feature li a.selected {
text-decoration: underline;
}
img.rechts {
text-align: right;
margin-left: 10px;
}
img.links {
text-align: left;
margin-right: 10px;
}
/* Aktionsbuttons */
.content-left div.aktion {
background: transparent url('/images/aktion1.jpg') no-repeat left top;
height: 120px;
position:relative;
padding: 10px 5px 10px 230px;
}
.content-left div.aktion a.bannerl,
.content-left div.aktion a.bannerr {
top: 17px;
height: 22px;
position:absolute;
color: #ffffff;
font-weight: bold;
text-decoration: none;
white-space:nowrap;
}
.content-left div.aktion a.bannerr {
left: 70px;
padding: 8px 5px 6px 17px;
background: transparent url('/images/banner_rechts.png') no-repeat left top;
}
.content-left div.aktion a.bannerl {
left: 2px;
padding: 8px 17px 6px 5px;
background: transparent url('/images/banner_links.png') no-repeat right top;
}
.content-left div.aktion a:hover.bannerl,
.content-left div.aktion a:hover.bannerr {
text-decoration: none;
}
.content-left div.aktion div.link {
position:absolute;
top: 90px;
left: 0px;
text-align: right;
width: 100%;
}
/* Aktionsbuttons Sidebar */
.box_aktion {
clear: both;
padding: 0;
margin-top: 15px;
}
.box_aktion h5 {
font-size: 100%;
padding: 0 7px;
margin: 0;
}
.box_aktion .aktion-sidebar {
background: transparent url('/images/aktion1x246.jpg') no-repeat left top;
width: 232px;
height: auto;
position:relative;
padding: 120px 7px 15px 7px;
}
div.aktion-sidebar a.bannerl,
div.aktion-sidebar a.bannerr {
top: 17px;
height: 22px;
position:absolute;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
div.aktion-sidebar a.bannerr {
left: 103px;
padding: 8px 5px 6px 17px;
background: transparent url('/images/banner_rechts.png') no-repeat left top;
}
div.aktion-sidebar a.bannerl {
left: 2px;
padding: 8px 17px 6px 5px;
background: transparent url('/images/banner_links.png') no-repeat right top;
}
div.aktion-sidebar a:hover.bannerl,
div.aktion-sidebar a:hover.bannerr {
text-decoration: none;
}
.box_aktion .aktion-link {
background: transparent url('/images/aktion1x246f.gif') no-repeat left bottom;
width: 232px;
height: 20px;
position:relative;
padding: 10px 7px 10px 7px;
text-align: right;
}
/* Aktionen in Sidebar */
.content-sidebar ul.listbox li.link  {
padding-top: 20px;
text-align: right;
}
/* Terminland Profi */
.content-sidebar ul.listbox li.action2 {
background: transparent url('/images/listbox_action2.jpg') no-repeat scroll top center;
height: 112px;
padding: 6px;
}
.content-sidebar ul.listbox li.action2 a {
background:transparent url(/images/banner_links.png) no-repeat scroll right center;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding: 4px 16px 8px 8px;
position: relative;
top: 20px;
}
/* Terminland Demo */
.content-sidebar ul.listbox li.actiondemo {
background: transparent url('/images/listbox_demo.jpg') no-repeat scroll top center;
text-align: right;
height: 112px;
padding: 6px;
}
.content-sidebar ul.listbox li.actiondemo a,
.content-sidebar ul.listbox li.action1 a {
background:transparent url(/images/banner_rechts.png) no-repeat scroll left center;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding: 4px 8px 8px 16px;
position: relative;
top: 60px;
}
/* Terminland Easy */
.content-sidebar ul.listbox li.action1 {
background: transparent url('/images/listbox_action1.jpg') no-repeat scroll top center;
text-align: right;
height: 112px;
padding: 6px;
}
.content-sidebar ul.listbox li.action1 a {
background:transparent url(/images/banner_rechts.png) no-repeat scroll left center;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding: 4px 8px 8px 16px;
position: relative;
top: 20px;
}
/* Suchen */
ul.cat {
margin: 0 5px 0 20px;
list-style : none;
list-style-image: url('/images/fld.gif');
}
.s {
font-size: 85%;
}
/* AGB Auflistung */
.agb h4 {
text-align: center;
}
.agb ul {
margin: 20px 0 30px 0;
padding: 0;
list-style-image : none;
list-style-type : none;
}
.agb ul li {
margin-left: 40px;
margin-top: 10px;
}
.agb ul li span {
width: 40px;
margin-left:-40px;
display : block;
float : left;
font-weight: normal;
}
/* Adresszeile bei Referenzen */
.adr{
font-weight: bold;
}
/* FAQ */
.faq, .faq div {
margin-bottom: 25px;
}
.faq .head {
font-weight: bold;
}
.totop {
border-bottom: 1px dashed #d0d0d0;
text-align: right;
}
.totop a {
background: transparent url('/images/up-orange.gif') no-repeat scroll right;
padding-right: 20px;
}
/* Demo */
.demo {
margin: 5px 0 10px 50px;
}
.demo .head {
font-weight:bold;
}
.demo div {
margin-bottom:auto;
padding:4px 7px;
}
.demo a.extern {
background: transparent url('/images/extern_icon.gif') no-repeat scroll left center;
padding-left: 20px;
}
.demo a.termin {
background: transparent url('/images/uhr.gif') no-repeat scroll left center;
padding-left: 20px;
}
/* Listbox */
.content-sidebar ul.listbox {
list-style-type:none;
margin:0;
padding:0;
margin-top: 15px;
padding: 7px;
}
.content-sidebar ul.listbox li {
margin-bottom: auto;
}
.content-sidebar ul.listbox li.right, .content-sidebar ul.listbox li.left, .content-sidebar ul.listbox li.center,
.content-sidebar ul.listbox li.aktiv, .content-sidebar ul.listbox li {
list-style-image:none;
list-style-position:outside;
padding: 2px 10px;
padding-left: 15px;
background: transparent url('/images/listbox_bg.png') repeat-y center;
}
.content-sidebar ul.listbox li.first {
padding: 0;
background: transparent url('/images/listbox_top.png') no-repeat top;
font-size: 60%;
}
.content-sidebar ul.listbox li.first div {
padding: 8px 5px 5px 16px;
font-size: 140%;
}
.content-sidebar ul.listbox li.last {
padding: 0;
background: transparent url('/images/listbox_bottom.png') no-repeat bottom;
font-size: 60%;
}
/* Demo Seite */
.demopage {
padding: 2px 2px 15px 2px;
border-bottom: 1px dashed #d5d5d5;
margin-bottom: 20px;
}
.demopage .head {
margin-bottom: 15px;
font-weight:bold;
}
.demopage .demo-img {
float: left;
margin: 0 20px 0 0;
width: 110px;
}
.demopage .demo-txt {
margin-left: 130px;
position:relative;
height: 90px;
}
.demopage .demo-link {
margin-left: 130px;
}
.demopage .demo-link a {
font-size: 90%;
background: transparent url('/images/link_icon.gif') no-repeat scroll left;
padding-left: 15px;
}
/* Demo Einträge (wie .eintrag)*/
.demoitem {
margin-top: 15px;
}
.demoitem div {
padding: 4px 7px;
margin-bottom: auto;
}
.demoitem .head {
background-color: #f5f5f5;
font-weight: bold;
}
.demoitem .head a {
color: #0066aa;
}
.demoitem .head a:hover {
color: #ff8800;
}
.demoitem a.termin {
background: transparent url('/images/uhr.gif') no-repeat scroll left center;
padding-left: 20px;
}
.demo-img a.termin {
background:transparent none repeat scroll 0 0;
padding-left: 0;
}
.demoitem a.web {
background: transparent url('/images/house.png') no-repeat scroll left center;
padding-left: 20px;
}
.demoitem .imgnob {
float: right;
}
.demoitem .img {
float: right;
margin-left: 10px;
width: 255px;
background: url('/images/bg_img_bottom.gif') no-repeat bottom left;
padding: 0;
}
.demoitem .img img {
background: url('/images/bg_img_top.gif') no-repeat top left;
padding: 10px;
}
div.demo-ext {
width: 350px;
margin-right: 7px;
float: left;
}
div.demo-int {
width: 350px;
margin-left: 7px;
float: left;
}
.demo-ext h3,
.demo-int h3 {
margin-top: 14px;
}
.demoitem .demo-img {
float: right;
margin: 0 0 5px 5px;
background: transparent url('/images/border_150x100.png') no-repeat scroll left top;
height: 100px;
width: 150px;
padding: 4px 5px 5px 4px;
}
.demoitem .demo-txt {
margin: 0;
padding: 0 5px;
}
.demoitem a.pwd {
background:transparent url('/images/mmx/key.png') no-repeat scroll left center;
padding-left:20px;
}
/* ToBack */
div.toback {
margin: 30px 0 15px 0;
padding: 5px 7px;
}
div.toback ul {
border-top: 1px solid #d5d5d5;
margin: 0;
padding: 0;
list-style: none;
}
div.toback ul li {
float: left;
width: 50%;
}
div.toback ul li.tar {
text-align: right;
}
div.toback a.top {
background: transparent url('/images/up-orange.gif') no-repeat scroll right;
padding-right: 20px;
margin-right: 5px;
}
div.toback a.back {
background: transparent url('/images/left-orange.gif') no-repeat scroll left;
padding-left: 20px;
margin-left: 5px;
}