/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, section, article
{
display: block;
}
/* Font Includes */
/*
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
*/
/* BODY definitions */
body
{
margin: auto;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #111111;
background: url(/img/global/bg-kachel.jpg) #cddef0 center top repeat-y;
_background-attachment: fixed;
}
/* Font and Pics definitions */
h1 { font-weight: bold; font-size: 24px; color: #1e2e4f; margin-bottom: 12px; }
h2 { font-weight: bold; font-size: 17px; color: #1e2e4f; margin-bottom: 14px; }
h3 { font-weight: bold; margin-bottom: 12px; }
.breadcrumb_text { font-size: 9px; color: #555555; }
strong { font-weight: bold; }
.large { font-family: Lato, Arial, Sans-Serif; font-size: 18px; font-weight: 400; color: #333333;}
.medium { font-family: Lato, Arial, Sans-Serif; font-size: 15px; font-weight: 400; color: #333333;}
.normal { font-family: Lato, Arial, Sans-Serif; font-size: 13px; font-weight: 400; color: #333333;}
.small { font-family: Lato, Arial, Sans-Serif; font-size: 12px; font-weight: 400; color: #333333;}
.footer { font-family: Lato, Arial, Sans-Serif; font-size: 11px; font-weight: 400; color: #333333;}
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.blue { color: #194aaf; }
.green { color: #0b9674; }
.red { color: #aa0000; }
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.para { padding-bottom: 12px; }
.blind { display: none; visibility: hidden; }
.pic_right { float: right; margin-left: 12px; border: 1px solid #444444; }
.pic_left { float: left; margin-right: 12px; border: 1px solid #444444; }
.marg_b_3 { margin-bottom: 3px; }
.marg_b_7 { margin-bottom: 7px; }
.marg_b_10 { margin-bottom: 10px; }
.marg_b_20 { margin-bottom: 20px; }
.marg_b_25 { margin-bottom: 25px; }
.marg_b_30 { margin-bottom: 30px; }
.marg_b_40 { margin-bottom: 40px; }
.marg_t_7 { margin-top: 7px; }
.marg_t_10 { margin-top: 10px; }
.marg_t_20 { margin-top: 20px; }
.marg_t_30 { margin-top: 30px; }
.marg_t_40 { margin-top: 40px; }
.marg_t_60 { margin-top: 60px; }
.marg_l_8 { margin-left: 8px; }
.marg_l_10 { margin-left: 10px; }
.marg_l_16 { margin-left: 16px; }
.marg_l_23 { margin-left: 23px; }
.ta_right { text-align: right; }
.tbl_kontakt_head { font-weight: bold; padding-top: 1px; padding-bottom: 6px; }
.tbl_kontakt_l { padding-top: 2px; padding-bottom: 2px; }
.tbl_kontakt_r { padding-top: 2px; padding-bottom: 2px; }
.kontakt_chb_left { float: left; width: 5%; }
.kontakt_chb_right { float: left; width: 95%; }
.textarea_feld { border: 1px solid #cccccc; }
.input_feld { border: 1px solid #cccccc; height: 24px; font-size: 13px; }
.border_red { border: 1px solid #bb0000 !important; }
.fs_19 { font-size: 19px !important; }
/* listing definitions */
ul
{
list-style: disc outside;
padding-left: 15px;
margin-bottom: 8px;
}
ol
{
padding-left: 19px;
margin-bottom: 8px;
}
/* Hyperlink Settings for NORMAL links in texts */
a:link,
a:visited,
a:active
{
color: #0073b9;
text-decoration: none;
}
a:hover
{
color: #0073b9;
text-decoration: underline;
}
/* Hyperlink Settings for links in header */
a.link_header:link,
a.link_header:visited
{
color: #FFFFFF;
font-size: 15px;
}
a.link_header:active,
a.link_header:hover
{
color: #b99f55;
font-size: 15px;
}
/* Hyperlink Settings for links in footer */
a.link_footer:link,
a.link_footer:visited
{
color: #555555;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.link_footer:active,
a.link_footer:hover
{
color: #555555;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}
/* Hyperlink Settings for links in page texts (only underline) */
a.link_pagetext:link,
a.link_pagetext:visited,
a.link_pagetext:active,
a.link_pagetext:hover
{
color: #333333;
text-decoration: underline;
}
/* Hyperlink Settings for links in boxes */
a.link_box:link,
a.link_box:visited,
a.link_box:active,
a.link_box:hover
{
color: #0b9674;
text-decoration: none;
}
/* Hyperlink Settings for links in gray (e.g. in footer) */
a.link_gray:link,
a.link_gray:visited,
a.link_gray:active,
a.link_gray:hover
{
color: #333333;
text-decoration: none;
}
/* Hyperlink Settings for links in gray, but with underline on hover */
a.link_gray_underline:link,
a.link_gray_underline:visited,
a.link_gray_underline:active
{
color: #333333;
text-decoration: none;
}
a.link_gray_underline:hover
{
color: #333333;
text-decoration: underline;
}
/* Hyperlink Settings for download links (with pdf icon) */
a.link_download:link,
a.link_download:visited,
a.link_download:active,
a.link_download:hover
{
color: #333333;
text-decoration: none;
background: url(/img/general/icon_pdf.png) left top no-repeat;
padding-left: 22px;
padding-top: 1px;
}
/* Hyperlink Settings for paging links at the bottom of pages */
a.pl_left:link,
a.pl_left:visited,
a.pl_left:active
{
float: left;
width: 265px;
height: 22px;
margin-bottom: 25px;
padding-left: 35px;
padding-top: 3px;
color: #1a2c5e;
text-decoration: none;
font-size: 13px;
background: url(/img/global/pl_left.png) 0px 0px no-repeat;
}
a.pl_left:hover
{
float: left;
width: 300px;
height: 22px;
margin-bottom: 25px;
padding-left: 35px;
padding-top: 3px;
color: #0073b9;
text-decoration: none;
font-size: 13px;
background: url(/img/global/pl_left_hl.png) 0px 0px no-repeat;
}
a.pl_right:link,
a.pl_right:visited,
a.pl_right:active
{
float: right;
width: 265px;
height: 22px;
margin-bottom: 25px;
padding-right: 35px;
padding-top: 3px;
color: #1a2c5e;
text-decoration: none;
font-size: 13px;
text-align: right;
background: url(/img/global/pl_right.png) right 0px no-repeat;
}
a.pl_right:hover
{
float: right;
width: 265px;
height: 22px;
margin-bottom: 25px;
padding-right: 35px;
padding-top: 3px;
color: #0073b9;
text-decoration: none;
font-size: 13px;
text-align: right;
background: url(/img/global/pl_right_hl.png) right 0px no-repeat;
}
/* Hyperlink Settings for button links */
/* ...maybe coming later... */
/* ---- Wrapper and Page Container Definitions ---- */
div#wrapper
{
margin: auto;
width: 100%;
padding-top: 40px;
background: url(/img/global/bg.jpg) center top no-repeat;
}
div#main
{
margin: auto;
width: 970px;
min-height: 1px;
background-color: #ffffff;
box-shadow: 1px 0 4px 0 #888, -1px 0 4px 0 #888, 0 1px 4px 0 #888, 0 -1px 4px 0 #888;
}
/* HEADER definitions */
header
{
margin: auto;
width: 100%;
height: 385px;
}
header.page
{
height: 300px;
}
header IMG.logo
{
margin-top: 51px;
margin-left: 33px;
text-align: left;
}
/* SECTION "mainmenu" definitions */
SECTION.mainmenu
{
margin: auto;
width: 100%;
height: 43px;
}
SECTION.mainmenu A.mm_leistungen:link,
SECTION.mainmenu A.mm_leistungen:visited,
SECTION.mainmenu A.mm_leistungen:active
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_leistungen.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #11a0db;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 22px;
}
SECTION.mainmenu A.mm_leistungen:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_leistungen_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 22px;
}
SECTION.mainmenu A.mm_leistungen_clicked:link,
SECTION.mainmenu A.mm_leistungen_clicked:visited,
SECTION.mainmenu A.mm_leistungen_clicked:active,
SECTION.mainmenu A.mm_leistungen_clicked:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_leistungen_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 22px;
}
SECTION.mainmenu A.mm_vorteile:link,
SECTION.mainmenu A.mm_vorteile:visited,
SECTION.mainmenu A.mm_vorteile:active
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_vorteile.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #0072bc;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_vorteile:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_vorteile_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_vorteile_clicked:link,
SECTION.mainmenu A.mm_vorteile_clicked:visited,
SECTION.mainmenu A.mm_vorteile_clicked:active,
SECTION.mainmenu A.mm_vorteile_clicked:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_vorteile_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_ueberuns:link,
SECTION.mainmenu A.mm_ueberuns:visited,
SECTION.mainmenu A.mm_ueberuns:active
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_ueberuns.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #235f83;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_ueberuns:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_ueberuns_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_ueberuns_clicked:link,
SECTION.mainmenu A.mm_ueberuns_clicked:visited,
SECTION.mainmenu A.mm_ueberuns_clicked:active,
SECTION.mainmenu A.mm_ueberuns_clicked:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_ueberuns_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_kontakt:link,
SECTION.mainmenu A.mm_kontakt:visited,
SECTION.mainmenu A.mm_kontakt:active
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_kontakt.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #1a2c5e;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_kontakt:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_kontakt_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
SECTION.mainmenu A.mm_kontakt_clicked:link,
SECTION.mainmenu A.mm_kontakt_clicked:visited,
SECTION.mainmenu A.mm_kontakt_clicked:active,
SECTION.mainmenu A.mm_kontakt_clicked:hover
{
float: left;
width: 164px;
height: 30px;
background: url(/img/global/mm_kontakt_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 63px;
text-decoration: none;
margin-left: 6px;
}
/* SECTION "breadcrumb" definitions */
SECTION.breadcrumb
{
margin: auto;
width: 100%;
padding-left: 23px;
}
/* SECTION "content" definitions */
SECTION.content
{
margin: auto;
margin-top: 30px;
margin-bottom: 35px;
width: 100%;
min-height: 1px;
}
SECTION.content DIV.bar_full
{
width: 925px;
margin-left: 23px;
}
SECTION.content DIV.bar_left
{
float: left;
width: 250px;
_min-height: 300px;
margin-left: 22px;
}
SECTION.content DIV.bar_left A.sm_button:link,
SECTION.content DIV.bar_left A.sm_button:visited
{
float: left;
width: 217px;
height: 26px;
padding-left: 10px;
padding-top: 7px;
margin-bottom: 5px;
background: url(/img/global/sm.png) no-repeat;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #11a0db;
text-decoration: none;
}
SECTION.content DIV.bar_left A.sm_button:hover,
SECTION.content DIV.bar_left A.sm_button:active
{
float: left;
width: 217px;
height: 26px;
padding-left: 10px;
padding-top: 7px;
margin-bottom: 5px;
background: url(/img/global/sm_hl.png) no-repeat;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
SECTION.content DIV.bar_left DIV.sm_box
{
float: left;
width: 227px;
_background: url(/img/global/smbox-bg.png) #e9f3fb no-repeat top;
}
SECTION.content DIV.bar_left DIV.sm_box_head_and_box
{
min-height: 33px;
background: url(/img/global/smbox-bg.png) #e9f3fb no-repeat top;
}
SECTION.content DIV.bar_left DIV.sm_box_head_only
{
height: 33px;
background: url(/img/global/smbox-bg2.png) #e9f3fb no-repeat top;
}
/*
SECTION.content DIV.bar_left DIV.sm_box DIV.header
{
float: left;
width: 217px;
min-height: 1px;
padding-left: 10px;
padding-top: 7px;
margin-bottom: 18px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #ffffff;
}
*/
SECTION.content DIV.bar_left DIV.sm_box A.header:link,
SECTION.content DIV.bar_left DIV.sm_box A.header:visited,
SECTION.content DIV.bar_left DIV.sm_box A.header:active,
SECTION.content DIV.bar_left DIV.sm_box A.header:hover
{
float: left;
width: 217px;
min-height: 1px;
padding-left: 10px;
padding-top: 7px;
margin-bottom: 18px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
SECTION.content DIV.bar_left DIV.sm_box A.link1:link,
SECTION.content DIV.bar_left DIV.sm_box A.link1:visited
{
float: left;
width: 100%;
padding-left: 10px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #444444;
text-decoration: none;
}
SECTION.content DIV.bar_left DIV.sm_box A.link1:hover,
SECTION.content DIV.bar_left DIV.sm_box A.link1:active
{
float: left;
width: 100%;
padding-left: 10px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #11a0db;
text-decoration: none;
}
SECTION.content DIV.bar_left DIV.sm_box DIV.link1_not_clickable
{
float: left;
width: 100%;
padding-left: 10px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #444444;
text-decoration: none;
}
SECTION.content DIV.bar_left DIV.sm_box A.link1_clicked:link,
SECTION.content DIV.bar_left DIV.sm_box A.link1_clicked:visited,
SECTION.content DIV.bar_left DIV.sm_box A.link1_clicked:hover,
SECTION.content DIV.bar_left DIV.sm_box A.link1_clicked:active
{
float: left;
width: 100%;
padding-left: 10px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #11a0db;
text-decoration: none;
}
SECTION.content DIV.bar_left DIV.sm_box A.link2:link,
SECTION.content DIV.bar_left DIV.sm_box A.link2:visited
{
float: left;
width: 100%;
padding-left: 28px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #444444;
text-decoration: none;
background: url(/img/global/quadrat-blau.png) 14px 6px no-repeat;
}
SECTION.content DIV.bar_left DIV.sm_box A.link2:hover,
SECTION.content DIV.bar_left DIV.sm_box A.link2:active
{
float: left;
width: 100%;
padding-left: 28px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #11a0db;
text-decoration: none;
background: url(/img/global/quadrat-blau.png) 14px 6px no-repeat;
}
SECTION.content DIV.bar_left DIV.sm_box A.link2_clicked:link,
SECTION.content DIV.bar_left DIV.sm_box A.link2_clicked:visited,
SECTION.content DIV.bar_left DIV.sm_box A.link2_clicked:hover,
SECTION.content DIV.bar_left DIV.sm_box A.link2_clicked:active
{
float: left;
width: 100%;
padding-left: 28px;
margin-bottom: 8px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #11a0db;
text-decoration: none;
background: url(/img/global/quadrat-blau.png) 14px 6px no-repeat;
}
SECTION.content DIV.bar_left DIV.sm_box_kante
{
float: left;
width: 227px;
min-height: 3px;
margin-bottom: 5px;
background: url(/img/global/smbox-kante.png) no-repeat;
}
SECTION.content DIV.bar_right
{
float: left;
width: 675px;
}
SECTION.content DIV.bar_right SECTION.content_boxen
{
float: left;
margin: auto;
margin-top: 20px;
margin-bottom: 40px;
width: 100%;
min-height: 1px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_info
{
float: left;
width: 675px;
margin-bottom: 16px;
margin-left: 0px;
font-size: 17px;
color: #1e2e4f;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.box
{
float: left;
width: 320px;
height: 141px;
margin-bottom: 16px;
margin-right: 15px;
background-color: #d5e7f7;
overflow: hidden;
box-shadow: 1px 0 2px 0 #DDD, 0 2px 1px 0 #888;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.box IMG.boxpic
{
float: left;
width: 320px;
height: 105px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.box A.boxlink:link,
SECTION.content DIV.bar_right SECTION.content_boxen DIV.box A.boxlink:visited
{
float: left;
width: 320px;
height: 36px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #1e2e4f;
margin-top: 7px;
margin-left: 10px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.box A.boxlink:active,
SECTION.content DIV.bar_right SECTION.content_boxen DIV.box A.boxlink:hover
{
float: left;
width: 320px;
height: 36px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #0073b9;
margin-top: 7px;
margin-left: 10px;
}
/* abstand definitions */
SECTION.content DIV.abstand
{
float: left;
width: 100%;
}
/* block definitions */
SECTION.content DIV.block
{
float: left;
width: 100%;
min-height: 1px;
}
SECTION.content DIV.block_left
{
float: left;
width: 48%;
min-height: 1px;
}
SECTION.content DIV.block_right
{
float: left;
width: 48%;
min-height: 1px;
margin-left: 4%;
}
SECTION.content DIV.block_picleft
{
float: left;
width: 49%;
min-height: 1px;
}
SECTION.content DIV.block_picright
{
float: left;
width: 49%;
min-height: 1px;
margin-left: 2%;
}
SECTION.content DIV.block_downloadicon
{
float: left;
width: 2%;
min-height: 1px;
}
SECTION.content DIV.block_downloadtext
{
float: left;
width: 95%;
min-height: 1px;
margin-left: 3%;
padding-top: 4px;
}
/* linkboxes in a block */
SECTION.content DIV.block DIV.mehrinfo
{
float: left;
width: 675px;
margin-bottom: 16px;
margin-left: 0px;
font-size: 17px;
color: #1e2e4f;
}
SECTION.content DIV.block DIV.linkbox
{
float: left;
width: 320px;
height: 141px;
margin-bottom: 16px;
margin-right: 15px;
background-color: #d5e7f7;
overflow: hidden;
box-shadow: 1px 0 2px 0 #DDD, 0 2px 1px 0 #888;
}
SECTION.content DIV.block DIV.linkbox IMG.boxpic
{
float: left;
width: 320px;
height: 105px;
}
SECTION.content DIV.block DIV.linkbox A.boxlink:link,
SECTION.content DIV.block DIV.linkbox A.boxlink:visited
{
float: left;
width: 320px;
height: 36px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #1e2e4f;
margin-top: 7px;
margin-left: 10px;
}
SECTION.content DIV.block DIV.linkbox A.boxlink:active,
SECTION.content DIV.block DIV.linkbox A.boxlink:hover
{
float: left;
width: 320px;
height: 36px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #0073b9;
margin-top: 7px;
margin-left: 10px;
}
/* cert blocks */
SECTION.content DIV.block DIV.cert_head
{
float: left;
width: 100%;
min-height: 1px;
}
SECTION.content DIV.block DIV.cert_head DIV.head_logo
{
float: left;
width: 180px;
min-height: 1px;
border: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_head DIV.head_kunde
{
float: left;
width: 260px;
min-height: 1px;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_head DIV.head_status
{
float: left;
width: 120px;
min-height: 1px;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_head DIV.head_cert
{
float: left;
width: 100px;
min-height: 1px;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_row
{
float: left;
width: 100%;
min-height: 1px;
}
SECTION.content DIV.block DIV.cert_row DIV.row_logo
{
float: left;
width: 180px;
height: 100%;
border-bottom: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_row DIV.row_logo IMG.logopic
{
width: 160px;
}
SECTION.content DIV.block DIV.cert_row DIV.row_kunde
{
float: left;
width: 260px;
height: 100%;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_row DIV.row_status
{
float: left;
width: 120px;
height: 100%;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
SECTION.content DIV.block DIV.cert_row DIV.row_cert
{
float: left;
width: 100px;
height: 100%;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
text-align: center;
}
/* table for cert-blocks */
TABLE.cert-table
{
width: 675px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}
TABLE.cert-table TD.cert-head-cell
{
border: 1px solid #aaaaaa;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
overflow-x: hidden;
font-weight: 400;
color: #ffffff;
background-color: #11a0db;
}
TABLE.cert-table TD.cert-cell
{
height: 100px;
border: 1px solid #aaaaaa;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
overflow-x: hidden;
vertical-align: middle;
}
TABLE.cert-table TD.logo-cell { width: 180px; }
TABLE.cert-table TD.kunde-cell { width: 275px; }
TABLE.cert-table TD.status-cell { width: 120px; }
TABLE.cert-table TD.zerti-cell { width: 100px; }
/*
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full
{
float: left;
width: 675px;
margin-bottom: 16px;
margin-left: 0px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box
{
float: left;
width: 675px;
height: 145px;
background-color: #d5e7f7;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box DIV.boxpic
{
float: left;
width: 160px;
height: 145px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box DIV.boxpic IMG
{
box-shadow: 1px 0 5px 0 #777;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box DIV.boxtext
{
float: left;
width: 515px;
height: 145px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box DIV.boxtext P.titel
{
float: left;
width: 100%;
min-height: 1px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #1e2e4f;
margin-top: 12px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box DIV.boxtext P.teaser
{
float: left;
width: 100%;
min-height: 1px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #111111;
margin-top: 7px;
}
SECTION.content DIV.bar_right SECTION.content_boxen DIV.bar_full DIV.box DIV.boxtext P.link
{
float: left;
width: 100%;
min-height: 1px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #111111;
margin-top: 7px;
}
*/
/* SECTION "boxlinks" definitions */
SECTION.boxlinks
{
float: left;
margin: auto;
margin-bottom: 40px;
width: 100%;
min-height: 1px;
}
SECTION.boxlinks DIV.bar_full
{
float: left;
width: 925px;
margin-left: 23px;
margin-bottom: 16px;
}
SECTION.boxlinks DIV.bar_full DIV.box
{
float: left;
width: 458px;
height: 145px;
background-color: #d5e7f7;
}
SECTION.boxlinks DIV.bar_full DIV.box DIV.boxpic
{
float: left;
width: 160px;
height: 145px;
}
SECTION.boxlinks DIV.bar_full DIV.box DIV.boxpic IMG
{
box-shadow: 1px 0 5px 0 #777;
}
SECTION.boxlinks DIV.bar_full DIV.box DIV.boxtext
{
float: left;
width: 298px;
height: 145px;
}
SECTION.boxlinks DIV.bar_full DIV.box DIV.boxtext P.titel
{
float: left;
min-height: 1px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
font-weight: bold;
color: #1e2e4f;
margin-top: 12px;
}
SECTION.boxlinks DIV.bar_full DIV.box DIV.boxtext P.teaser
{
float: left;
min-height: 1px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #111111;
margin-top: 7px;
}
SECTION.boxlinks DIV.bar_full DIV.box DIV.boxtext P.link
{
float: left;
min-height: 1px;
font: 17px Arial, Helvetica, Tahoma, Sans-Serif;
color: #111111;
margin-top: 7px;
}
/* SECTION "contactform" definitions */
SECTION.contactform
{
float: left;
margin: auto;
margin-bottom: 40px;
width: 100%;
min-height: 1px;
}
SECTION.contactform DIV.bar_full
{
float: left;
width: 925px;
margin-left: 23px;
margin-bottom: 16px;
}
SECTION.contactform DIV.bar_full FORM
{
margin: 0px;
padding: 0px;
}
SECTION.contactform DIV.bar_full TABLE
{
margin: 0px;
padding: 0px;
}
SECTION.contactform DIV.bar_full TD.tbl_kontakt_l { padding-top: 4px; padding-bottom: 4px; }
SECTION.contactform DIV.bar_full TD.tbl_kontakt_r { padding-top: 4px; padding-bottom: 4px; }
SECTION.contactform DIV.bar_full SELECT.select_style { border: 1px solid #cccccc; background: #eeeeee; padding: 4px; font-size: 17px; }
SECTION.contactform DIV.bar_full INPUT.input_style { border: 1px solid #cccccc; background: #eeeeee; padding: 4px; font-size: 17px; }
SECTION.contactform DIV.bar_full TEXTAREA.textarea_style { border: 1px solid #cccccc; background: #eeeeee; font-size: 17px; font-family: Arial, Helvetica, Tahoma, Sans-Serif; }
SECTION.contactform DIV.bar_full DIV.but_send
{
float: left;
width: 117px;
height: 30px;
background: url(/img/global/but_absenden.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 48px;
text-decoration: none;
margin-left: 6px;
}
SECTION.contactform DIV.bar_full DIV.but_send:hover
{
float: left;
width: 117px;
height: 30px;
background: url(/img/global/but_absenden_hl.png) no-repeat 0 0;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding-top: 13px;
padding-left: 48px;
text-decoration: none;
margin-left: 6px;
}
/* SECTION "pagelinks" definitions */
SECTION.pagelinks
{
float: left;
margin: auto;
margin-top: 25px;
margin-bottom: 40px;
width: 100%;
min-height: 1px;
}
SECTION.pagelinks DIV.col_left
{
float: left;
width: 462px;
margin-left: 23px;
}
SECTION.pagelinks DIV.col_left A.link_left,
SECTION.pagelinks DIV.col_left A.link_left:link,
SECTION.pagelinks DIV.col_left A.link_left:visited
{
float: left;
width: 427px;
height: 20px;
padding-top: 2px;
padding-left: 35px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #1a2c5e;
text-decoration: none;
background: url(/img/global/pfeil-links.png) left 0px no-repeat;
cursor: pointer;
}
SECTION.pagelinks DIV.col_left A.link_left:hover,
SECTION.pagelinks DIV.col_left A.link_left:active
{
float: left;
width: 427px;
height: 20px;
padding-top: 2px;
padding-left: 35px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #11a0db;
text-decoration: none;
background: url(/img/global/pfeil-links_hl.png) left 0px no-repeat;
cursor: pointer;
}
SECTION.pagelinks DIV.col_right
{
float: left;
width: 462px;
}
SECTION.pagelinks DIV.col_right A.link_right,
SECTION.pagelinks DIV.col_right A.link_right:link,
SECTION.pagelinks DIV.col_right A.link_right:visited
{
float: left;
width: 427px;
height: 20px;
padding-top: 2px;
padding-right: 35px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #1a2c5e;
text-decoration: none;
background: url(/img/global/pfeil-rechts.png) right 0px no-repeat;
text-align: right;
cursor: pointer;
}
SECTION.pagelinks DIV.col_right A.link_right:hover,
SECTION.pagelinks DIV.col_right A.link_right:active
{
float: left;
width: 427px;
height: 20px;
padding-top: 2px;
padding-right: 35px;
font: 14px Arial, Helvetica, Tahoma, Sans-Serif;
color: #11a0db;
text-decoration: none;
background: url(/img/global/pfeil-rechts_hl.png) right 0px no-repeat;
text-align: right;
cursor: pointer;
}
/* SECTION "footer" definitions */
SECTION.footer
{
float: left;
margin: auto;
padding-top: 16px;
padding-bottom: 16px;
width: 100%;
min-height: 10px;
background-color: #e6e6e6;
}
SECTION.footer DIV.footer_inside
{
float: left;
width: 925px;
margin-left: 23px;
min-height: 10px;
}
SECTION.footer DIV.footer_inside DIV.footer_spalte
{
float: left;
width: 231px;
min-height: 10px;
font: 13px Arial, Helvetica, Tahoma, Sans-Serif;
color: #555555;
}
/* SECTION "copyright" definitions */
DIV.copyright
{
float: left;
margin: auto;
margin-top: 16px;
margin-bottom: 40px;
width: 100%;
min-height: 10px;
text-align: center;
font: 10px Arial, Helvetica, Tahoma, Sans-Serif;
color: #555555;
}
/* SECTION "dropdown" definitions (overlay for dropdown at main menu button "leistungen") */
SECTION.dd_leistungen
{
position: absolute;
width: 225px;
height: 228px;
z-index: 20;
background-color: #ffffff;
}
SECTION.dd_leistungen A.dm_datenschutz:link,
SECTION.dd_leistungen A.dm_datenschutz:active,
SECTION.dd_leistungen A.dm_datenschutz:visited
{
float: left;
width: 225px;
height: 55px;
margin-top: 1px;
background: url(/img/global/dm_datenschutz.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_datenschutz:hover
{
float: left;
width: 225px;
height: 55px;
margin-top: 1px;
background: url(/img/global/dm_datenschutz_hl.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_itsicherheit:link,
SECTION.dd_leistungen A.dm_itsicherheit:active,
SECTION.dd_leistungen A.dm_itsicherheit:visited
{
float: left;
width: 225px;
height: 55px;
margin-top: 2px;
background: url(/img/global/dm_itsicherheit.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_itsicherheit:hover
{
float: left;
width: 225px;
height: 55px;
margin-top: 2px;
background: url(/img/global/dm_itsicherheit_hl.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_infosicherheit:link,
SECTION.dd_leistungen A.dm_infosicherheit:active,
SECTION.dd_leistungen A.dm_infosicherheit:visited
{
float: left;
width: 225px;
height: 55px;
margin-top: 2px;
background: url(/img/global/dm_infosicherheit.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_infosicherheit:hover
{
float: left;
width: 225px;
height: 55px;
margin-top: 2px;
background: url(/img/global/dm_infosicherheit_hl.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_schulungen:link,
SECTION.dd_leistungen A.dm_schulungen:active,
SECTION.dd_leistungen A.dm_schulungen:visited
{
float: left;
width: 225px;
height: 55px;
margin-top: 2px;
background: url(/img/global/dm_schulungen.png) no-repeat 0 0;
text-indent: -3000px;
}
SECTION.dd_leistungen A.dm_schulungen:hover
{
float: left;
width: 225px;
height: 55px;
margin-top: 2px;
background: url(/img/global/dm_schulungen_hl.png) no-repeat 0 0;
text-indent: -3000px;
}
/* ARTICLE definitions */
ARTICLE P { padding-bottom: 12px; }
/* --- clearfix --- */
DIV.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }