/* global settings start */ * {margin:0;padding:0;} html, body {margin:0; padding:0; border:0;} body {color:#33508D; background-color:#EFF0F2; font-family:arial, sans-serif; font-size:100.01%; text-align:center; margin:30px 0;} img {border:0;} p {font-size:.85em; margin:0; padding:8px;} h1 {font-size:.9em; padding:0; margin:0;} h2 {font-size:.8em;} table {width:100%;} th {font-size:.7em; font-weight:bold; background-color:#FFFFFF; border-bottom:2px solid #33508D; border-right:2px solid #CCD3E2; margin:0 2px 2px 0; padding:1px 6px 3px 6px;} td {font-size:.7em; background-color:#FFFFFF; border-bottom:1px solid #7F91B7; border-right:2px solid #CCD3E2; border-top:2px solid #CCD3E2; margin:0 2px 2px 0; padding:5px 6px 5px 6px;} td sup {font-size:0.8em;} .footnote {font-size:.65em; margin:8px 0 0 -2px; padding:0;} .footnote sup {font-size:.8em; margin:0; padding:8px;} th.first {border-right:2px solid #33508D;} td.first {background-color:#F3F4F8; border-right:2px solid #33508D; border-bottom:1px solid #33508D; border-top:2px solid #CCD3E2;} td.spacer {background-color:#CCD3E2; border-bottom:none; border-right:none; height:2px; width:2px;} .clear {clear:both;} .floatLeft {float:left;} /* --- abbr and acronym */ abbr {cursor:help;} * html span.abbr {cursor:help; border-bottom:1px dotted;} acronym {speak: normal; cursor:help;} * html acronym {border-bottom:1px dotted;} a {text-decoration:underline; font-weight:normal; color:#33508D;} .hidden {visibility:hidden;} .alignright {margin-top:0; text-align:right;} .small {font-size:.95em;} .notvisible {display:none; position:absolute; left:-2000px; top:-2000px;} br.clearboth {clear:both;} .floatRight {float:right; margin:0; padding:0;} .floatLeft {float:left; margin:0; padding:0;} .trenner1 {height:5px; line-height:5px; font-size:5px;} .wrapper {margin:0 auto; width:771px; text-align:left; background:#fff; border-top:6px solid #CCD3E2; border-right:3px solid #CCD3E2; border-bottom:6px solid #CCD3E2; border-left:3px solid #CCD3E2;} /* global settings end */ /* outer grid definition start */ .outer {clear:both; border-left:200px solid #fff; border-right:200px solid #fff; margin-bottom:6px;} .outer2 {clear:both; border-left:200px solid #fff; border-right:186px solid #fff; margin-bottom:6px;} .outerWide {clear:both; border-left:200px solid #fff; margin-bottom:0px;} .outerWideTop {clear:both; border-left:200px solid #fff; margin-bottom:2px;} /* outer grid definition end */ /* inner grid definition start */ .inner {margin-left:-2px; /*** This fixes a small overlap problem in IE6. ***/ width:573px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/} /*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. ***/ * html .inner {width:100%;} .float-wrap {float:left; width:582px; margin-left:-198px;/*** Same length as left column width ***/} .float-wrapWide {float:left; width:768px; margin-left:-198px;/*** Same length as left column width ***/} /* inner grid definition end */ /* global element positioning start */ /*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, div.left is carried over into the proper position. ***/ .left {float:left; width:199px; position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/} .left2 {position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/} .right {float:right; width:189px; margin:11px 0 0 0; position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/} * html .right {margin:11px -189px 0 0; /*** IE gets this margin. ***/ width:190px; /*** IE gets this width. ***/} .center {float:right; width:380px;} .centerWide {float:right; width:566px; padding-bottom:5px;} .centerWide2 {float:right; width:566px; padding-bottom:1px;} .topRight {width:368px;} /* global element positioning end */ /* --------------------------------------------- Header ------------------------------------ */ #header {position:relative; background:#33508D url(../pics/bg_head.gif) repeat-y; width:100%; font-size:.8em; font-weight:normal;} #header p {padding:5px;} .eckeLiOben {font-size:7px; background:url(../pics/eckeLiOben.gif) no-repeat left top; width:9px; height:4px; z-index:10;} #logo {position:relative; top:4px; left:10px;} /* Mozilla bug fixes */ html>body .inner, html>body .float-wrap {border-bottom:1px solid transparent;} /* ------------- header pictures -------------- */ #headPicsContainer {position:relative; top:0; left:0; background:#fff; padding:0; margin:8px 0 0 0;} #headPic1 {margin:0; padding:1px 0 0 0; vertical-align:top;} #headPic2 {margin:0; padding:1px 0 0 3px; vertical-align:top;} #headPic3 {margin:0; padding:1px 0 0 3px; vertical-align:top;} /* -------------------- Main navigation -------------------- */ #reiter {position:relative; z-index:3; background:#33508D; font-size:.85em; height:33px; width:100%;} #reiter ul {padding:3px 0 0 0px; list-style:none; background:#FFF;} #reiter li {display:inline; float:left; background:#FFF url("../pics/reiter_left.gif") no-repeat left top; margin:0; padding:0; white-space:nowrap; background:#FFF;} #reiter li.last {margin:0;} #reiter a.double, #reiter a:link.double, #reiter a:visited.double {padding:1px 8px 1px 9px;} #reiter a, #reiter a:link, #reiter a:visited {display:block; width:.1em; /* Important for IE:needs a fixes width for a wide clickable text */ background:#33508D url("../pics/reiter.gif") no-repeat left top; padding:7px 8px 9px 7px; margin:0 0 0 2px; text-decoration:none; font-weight:bold; color:#fff; white-space:nowrap; vertical-align:middle;} #reiter a:hover, #reiter a:active {background:url("../pics/reiter.gif") no-repeat 0 -30px; color:#33508D;} #reiter>ul a, #reiter>ul a:link, #reiter>ul a:visited {width:auto;} /* for all other browsers with auto */ /* Commented Backslash Hack hides rule from IE5-Mac \*/ #reiter a, #reiter a:link, #reiter a:visited {float:none;} /* End IE5-Mac hack */ /* -- Link active folder -- */ #reiter .current a {background:url("../pics/reiter.gif") no-repeat 0 -30px; color:#33508D; padding-bottom:0px; font-weight:bold;} #reiter .current div {float:left; background:url("../pics/reiter.gif") no-repeat 0 -30px; padding:7px 8px 9px 9px; margin:0 0 0 2px; font-weight:bold;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #reiter .current div {float:none;} /* End IE5-Mac hack */ /* -- LI first folder inactive -- */ #reiter .first {background-image:url("../pics/reiter_left.gif");} /* -- Link first folder inactive -- */ #reiter .first a, #reiter .first a:link, #reiter .first a:visited {background-image:url("../pics/reiter.gif"); background-position:left top; background-repeat:no-repeat; color:#fff; padding:7px 11px 9px 9px; margin:0; } #reiter .first a:hover, #reiter .first a:active {background-image:url("../pics/reiter.gif"); background-position:0px -30px; background-repeat:no-repeat; color:#33508D; padding:7px 11px 9px 9px;} /* -- LI first folder active -- */ #reiter .firstCurrent {background-image:url("../pics/reiter_left_on.gif");} /* -- Link first folder active -- */ #reiter .firstCurrent a.link, #reiter .firstCurrent a.visited {background-image:url("../pics/reiter_right_on.gif"); color:#33508D; padding-bottom:0px; font-weight:bold;} #reiter .firstCurrent a.hover, #reiter .firstCurrent a.active {background-image:url("../pics/reiter_right_on.gif"); color:#33508D; padding-bottom:0px; font-weight:bold;} #reiter .firstCurrent div {background-image:url("../pics/reiter.gif"); background-position:0px -30px; background-repeat:no-repeat; color:#33508D; padding:7px 11px 9px 9px; font-weight:bold;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #reiter .firstCurrent div {float:none;} /* End IE5-Mac hack */ #reiter .last a {width:99% !important;} * html #reiter .last a {width:79% !important;} /* -------------- left navigation --------------*/ .navigation {margin:11px 0 0 5px; width:190px; z-index:10;} .navigation ul.links {list-style:none; margin:0; padding:0; font-size:67%; background-color:#fff;} .navigation li {padding:0; margin:0; display:block; line-height:1.5em; background-color:#E5E9F0; border-bottom:1px dotted #7F91B7;} .navigation li li {padding:0; margin:0; display:block; line-height:1.4em; background-color:#FBF191; border-bottom:none;} .navigation li.navActiveTopic {background-color:#FFE700; padding:2px 2px 3px 8px; font-weight:bold; background-image:url(../pics/eckeLiObenNav.gif); background-position :left top; background-repeat :no-repeat; border-bottom:none; border-bottom:1px solid #CCD3E2;} .navigation li.overNav {background-color:#fff; padding:0; margin:0 0 5px 0; border-bottom:none;} .navigation li.first {padding:0;} .navigation li.last {border-bottom:2px solid #7F91B7;} .navigation li.emptyNav {margin-top:0; background:none; border-bottom:1px solid #fff;} .navigation li.liUnderEmpty {display:block; line-height:18px; line-height:1.5em; background-image:url(../images/pfeil_nav.gif); background-position :2px 3px; background-repeat :no-repeat; border-top:1px dotted #33508D; border-bottom:1px dotted #33508D; margin:1.5em 0 0 0;} .navigation li .firstInList {padding:0; margin:0; line-height:1.5em; background-color:#E5E9F0; border-bottom:1px dotted #7F91B7;} a.overNav, a.overNav:link, a.overNav:visited {display:block; color:#33508D; font-weight:bold; padding:1px 0px 3px 8px; margin:0 0 0 0px; text-align:left; text-decoration:none; background-image:url(../pics/bgOverNav.gif); background-position :left top; background-repeat :no-repeat; border-bottom:none;} a.overNav:hover, a.overNav:focus, a.overNav:active {background-color:#FFE700; color:#33508D; text-align:left; background-image:url(../pics/bgOverNav.gif); background-position :0 -50px; background-repeat :no-repeat; border-bottom:none;} a.inaktiv, a.inaktiv:link, a.inaktiv:visited {display:block; color:#33508D; padding:1px 0px 1px 25px; margin:0; text-align:left; text-decoration:none; background:url(../pics/pfeil_nav.gif) 8px 3px no-repeat;} a.inaktiv:hover, a.inaktiv:focus, a.inaktiv:active {background-color:#FFE700; color:#33508D; text-align:left;} a.aktiv, a.aktiv:link, a.aktiv:visited {display:block; color:#33508D; background-color:#FFE700; padding:1px 0px 1px 25px; margin:0; text-align:left; text-decoration:none; background-image:url(../pics/pfeil_nav.gif); background-position :8px 3px; background-repeat :no-repeat;} a.aktiv:hover, a.aktiv:focus, a.aktiv:active {background-color:#FFE700; text-align:left; text-decoration:none;} .aktiv {color:#33508D; background-color:#FFE700; text-align:left; padding:1px 10px 1px 27px;} a.inaktivSub, a.inaktivSub:link, a.inaktivSub:visited {display:block; color:#33508D; padding:1px 0px 1px 25px; margin:0 0 0 0px; text-align:left; text-decoration:none;} a.inaktivSub:hover, a.inaktivSub:focus, a.inaktivSub:active {color:#33508D; text-align:left;} a.aktivSub, a.aktivSub:link, a.aktivSub:visited {display:block; font-weight:bold; color:#33508D; padding:1px 0px 1px 25px; margin:0; text-align:left; text-decoration:none;} a.aktivSub:hover, a.aktivSub:focus, a.aktivSub:active {color:#33508D; text-align:left; text-decoration:none;} a.first {padding:5px 0px 1px 25px !important; background-position :8px 7px !important;} .contentBoxLinklist {padding:5px 0px 0px 0px; margin:0; font-size:.7em;} a.box, a.box:link, a.box:hover, a.box:focus, a.box:active {display:block; font-size:.7em; color:#33508D; padding:0 0px 10px 25px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav.gif); background-position :8px 2px; background-repeat :no-repeat;} a.box:visited {color:#667CA9;} a.boxInput, a.boxInput:link, a.boxInput:hover, a.boxInput:focus, a.boxInput:active {display:block; font-size:.7em; color:#33508D; padding:6px 0px 2px 25px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav.gif); background-position :8px 10px; background-repeat :no-repeat;} a.boxInput:visited {color:#667CA9;} a.boxRed, a.boxRed:link, a.boxRed:visited, a.boxRed:hover, a.boxRed:focus, a.boxRed:active {display:block; font-size:.8em; color:#B32628; padding:0 0px 10px 25px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav_red.gif); background-position :8px 2px; background-repeat :no-repeat; position:absolute; bottom:0px; right:220px;} a.contentBox, a.contentBox:link, a.contentBox:hover, a.contentBox:focus, a.contentBox:active {display:block; font-size:.7em; color:#33508D; padding:0px 0px 5px 15px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav.gif); background-position :-2px 2px; background-repeat :no-repeat;} a.contentBox:visited {color:#667CA9;} a.contentBoxPDF, a.contentBoxPDF:link, a.contentBoxPDF:hover, a.contentBoxPDF:focus, a.contentBoxPDF:active {font-size:.7em; color:#33508D; padding:0px 0px 5px 15px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav.gif); background-position:-2px 2px; background-repeat:no-repeat;} a.contentBoxPDF:visited {color:#667CA9;} a.contentBoxBottom, a.contentBoxBottom:link, a.contentBoxBottom:hover, a.contentBoxBottom:focus, a.contentBoxBottom:active {font-size:1em; color:#33508D; padding:0px 0px 0px 12px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav.gif); background-position:-2px 2px; background-repeat:no-repeat;} a.contentBoxBottom:visited {color:#667CA9;} a.contentRedBoxBottom, a.contentRedBoxBottom:link, a.contentRedBoxBottom:visited, a.contentRedBoxBottom:hover, a.contentRedBoxBottom:focus, a.contentRedBoxBottom:active {font-size:1em; color:#FFFFFF; padding:0px 0px 7px 22px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav_white.gif); background-position:5px 2px; background-repeat:no-repeat; position:absolute; bottom:2px; left:5px;} a.contentBoxWelcome, a.contentBoxWelcome:link, a.contentBoxWelcome:hover, a.contentBoxWelcome:focus, a.contentBoxWelcome:active {font-size:1em; color:#33508D; padding:0 0 0 25px; margin:0; text-align:left; text-decoration:underline; background-image:url(../pics/pfeil_nav.gif); background-position:5px 2px; background-repeat:no-repeat;} a.contentBoxWelcome:visited {color:#667CA9;} .pdfLogo {margin:3px 0 -3px 0;} /* *** round corner box *** */ /* set background images for corners */ .boxDarkBlue {background:#CCD3E2; margin:11px 0 7px 0; border-bottom:2px solid #7F91B7; width:374px;} /* height and width details */ /* set background images for corners */ .boxDarkBlueWide {background:#CCD3E2; margin:0; border-bottom:2px solid #7F91B7; width:565px; position:relative; height:174px;} .boxDarkBlueWideHigh {background:#CCD3E2; margin:0; border-bottom:2px solid #7F91B7; width:565px; position:relative; height:403px;} .boxDarkBlueWideSpace {background:#CCD3E2; margin:11px 0 6px 0; border-bottom:2px solid #7F91B7; width:564px; position:relative; min-height:173px;} * html .boxDarkBlueWideSpace {height:173px;} .boxDarkBlueTotal {background:#CCD3E2; margin:0; border-bottom:2px solid #7F91B7; width:761px; position:relative; height:403px;} .boxDarkBlueMedium {background:#CCD3E2; margin:11px 0 5px 0; border-bottom:2px solid #7F91B7; width:368px;} .boxDarkYellowMedium {background:#FCE899; margin:0; border-bottom:2px solid #7F91B7; width:377px;} /* to get different colours copy following 2 classes and change colour values */ .boxDarkGreenWide {background:#DCEBD5; margin:11px 0 0px 0; border-bottom:2px solid #51992C; width:564px;} .boxDarkBlueWideHigh2 {background:#CCD3E2; margin:11px 0 0px 0; border-bottom:2px solid #7F91B7; width:564px; height:403px;} h1.h1contentGreen {line-height:1.15em; font-size:1.15em; margin:0 0 12px 0; color:#51992C;} .boxTopDarkBlue div {background:url(../pics/box_li_oben_DarkBlue.gif) no-repeat top left; width:100%; height:10px; font-size:1px;} .boxTopDarkYellow div {background:url(../pics/box_li_oben_DarkYellow.gif) no-repeat top left; width:100%; height:10px; font-size:1px;} .boxTopDarkGreen div {background:url(../pics/box_li_oben_DarkGreen.gif) no-repeat top left; width:100%; height:10px; font-size:1px;} /* set background images for corners */ .boxLightBlue {background:#E5E9F0; margin:6px 0 0 0; border-bottom:2px solid #7F91B7; position:relative;} .boxLightBlueHome {background:#E5E9F0; margin:0; border-bottom:2px solid #7F91B7; position:relative; width:378px;} .boxLightBlueBottom {background:#E5E9F0; margin:6px 0 0 0; border-bottom:2px solid #7F91B7; position:relative;} .boxRedTeaser {background:#B32628; margin:0; border-bottom:2px solid #33508D; height:148px;} .boxDarkDarkBlue {background:#33508D;} .boxLightYellow {background:#FCE899; border-bottom:2px solid #FAD647; width:377px;} .boxTopLightBlue div {background:url(../pics/box_li_oben_LightBlue.gif) no-repeat top left; width:100%; height:9px; font-size:1px;} .boxTopLightYellow div {background:url(../pics/box_li_oben_LightYellow.gif) no-repeat top left; width:100%; height:9px; font-size:1px;} .boxTopRed div {background:url(../pics/box_li_oben_Red.gif) no-repeat top left; width:100%; height:10px; font-size:1px;} .boxTopDarkDarkBlue div {background:url(../pics/box_li_oben_DarkDarkBlue.gif) no-repeat top left; width:100%; height:10px; font-size:1px;} .boxHeight1 {min-height:146px;} * html .boxHeight1 {height:146px;} .boxSize2 {width:184px; margin:0;} .boxSize3 {width:184px; margin:0 0 0 6px;} /* .boxSize4{width:184px; margin:0 0 0 6px;} */ .boxSize5 {width:190px; margin:6px 0 0 5px; display:inline;} .boxSize6 {width:190px; margin:7px 6px 0px 0;} .boxSize7 {width:287px; height:114px; margin:0px 0 6px 6px; position:relative;} .boxSize8 {width:287px; height:223px; margin:0px 0 0px 6px; position:relative;} .boxSize9 {width:287px; height:101px; margin:0px 0 0px 6px; position:relative;} .boxSize10 {width:310px; height:223px; margin:0 6px 0 0; position:relative;} .boxSize11 {width:190px; height:173px; margin:11px 0 0 3px;} .boxSize12 {width:190px; min-height:173px; margin:0 6px 0 0; padding:0;} * html .boxSize12 {height:173px;} .boxSize12 img {display:block;} .boxSize13 {width:468px; height:223px; margin:0px 0 0 0px; position:relative;} .boxSize14 {width:190px; height:222px; margin:6px 6px 0 0; padding:0;} .boxSizeLogin {width:190px; margin:0 6px 0 0;} .boxSizeWelcome1 {width:376px; margin:11px 0 0 3px;} .boxSizeWelcome2 {width:376px; height:175px; margin:0px 0 0 0; display:inline;} .boxSizeWelcome3 {width:376px; height:175px; margin:0px 0 0 6px;} .homeBoxSize1 {width:152px; margin:0 6px 0 0; height:73px;} .homeBoxSize2 {width:152px; height:223px; margin:0;} .homeBoxSize3 {width:152px; margin:0; height:73px;} .boxContent {margin:0 5px 0 8px;} .boxContent2 {padding:2px 0 0 13px;} .boxContent3 {padding:0;} .boxContent4 {padding:0; height:165px;} .boxContentPic {margin:0 117px 0 8px;} .boxContentForm {margin:0 5px 0 8px; width:540px;} .boxContentWhite { margin:0 5px 0px 8px; color:#FFFFFF;} /* ********** content bereich ************** */ h1.h1content {line-height:1.15em; font-size:1.15em; margin:0 0 12px 0;} h1.h1home {line-height:0.8em; margin:0 0 12px 0px; font-size:1.4em; font-weight:bold;} h1.h1welcome {line-height:0.8em; margin:0 0 12px 0; font-size:0.8em;} h1.h1welcome2 {line-height:0.8em; margin:0 0 12px 0; font-size:0.8em;} h2.h2content {line-height:.8em; margin:0 0 5px 0;} h2.h2LeftContent {line-height:.8em; margin:0 5px 0px 8px;} h2.h2LeftContentSpace {line-height:.8em; margin:0 5px 7px 8px;} a.headLink:link, a.headLink:visited, a.headLink:hover {display:block; color:#fff; font-size:.8em; line-height:1em; font-weight:bold; text-decoration:none; padding:0 0 0 14px; margin:0 0 2px 0; background:url(../pics/pfeil_nav_white.gif) no-repeat -2px 0;} a.headLink:focus, a.headLink:active {color:#33508D; background:#fff url(../pics/pfeil_nav.gif) no-repeat 0 0px;} .boxLeftCol {float:left;} .pictureFloat {float:left; padding:0 15px 15px 0;} .boxRightCol {float:left;} .boxColSize1 {width:183px; margin:0 0 20px 0;} .boxColSize2 {width:177px;} .boxColSize3 {width:355px;} .boxColSize4 {width:225px;} .boxColSize5 {width:320px;} .boxColSize6 {width:530px;} .boxColSize7 {width:268px;} .boxColSize8 {width:700px;} .pInBox {font-size:.7em; margin:0; padding:0 0 10px 0px;} .pInBoxBig {font-size:0.93em; margin:0; padding:0 0 10px 0px;} .pInWelcome {font-size:.7em; margin:0; padding:0 0 6px 0px;} .pInBoxRed {font-size:.7em; margin:0; padding:0;} .pInBox2 {font-size:.7em; margin:0; padding:0 0 3px 1px;} .pInBoxLeft {font-size:.7em; margin:6px 10px 0 9px; padding:0 0 3px 0;} .pInBoxLeft2 {font-size:.7em; margin:3px 10px 0 9px; padding:0;} .pInBoxLeft3 {font-size:.7em; margin:0px 0px 0 8px; padding:00;} .pInBoxForm {font-size:.7em; margin:0; padding:0;} .pInBoxLogin {background:url(../pics/key.jpg) no-repeat top left; background-position:0 0; margin:15px 0 0 8px; padding:0; height:60px; font-size:.7em;} form {border:none; margin:0; padding:0;} select,input,textarea {font-family:Arial, verdana, sans-serif; font-size:.7em; color:#33508D; border-top:1px solid #7F91B7; border-left:1px solid #7F91B7; border-right:1px solid #44505C; border-bottom:1px solid #44505C;} .selectWidth1 {width:250px;} input.contact {width:185px;} select.contact {width:146px;} input.search {width:145px;} fieldset {margin:0; padding:0px; border:0 solid #CCD3E2; z-index:1;} fieldset.inBox {margin:0 0 0 5px;} label.labelLeft {float:left; font-size:.7em; width:9em; margin-right:.3em;} label.labelLeft2 {float:left; font-size:.7em; width:8em; margin-right:.3em;} label.labelLeftMessage {float:left; font-size:.7em; width:9em; margin-right:.3em; margin-top:15px;} input.radiobutton {clear:both; float:left; width:auto; border:none; margin:3px .5em 0 0; /* Ausrichtung zum Label bei Mozillas, etc. */ vertical-align:middle;} * html input.radiobutton {margin:0 .5em 0 0;} label.radiobutton {float:left; font-size:.7em; vertical-align:middle; line-height:1.7em;} .spaceRadio {margin-left:6.5em;} .spaceCheck {margin-left:6.55em;} textarea.message {margin-top:15px; width:499px; height:5.2em;} span.button {float:left; background:url(../pics/button_left.gif) no-repeat left top; padding:0 .5em 0 0; margin:0; line-height:1.4em;} span.button a:link, span.button a:visited {float:left; display:block; line-height:1.4em; font-size:.8em; text-decoration:none; padding:0px 15px 1px 7px; margin:0 0 0 5px; background:url(../pics/button_right.gif) no-repeat right top; vertical-align:middle;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ span.button a {float:none;} /* End IE5-Mac hack */ p.button {clear:both; margin:0; padding:.5em 0 0 0;} .oneCol {/* putting a clear here causes clearing of child-Elements in Mac IE5, therefore we don't - Browser Bug */ /* clear:both; */ width:100%; margin:0 0 5px 0;} .leftCol {width:44%; float:left; margin-left:0px;} .rightCol {width:55%; float:left; margin-left:0px;} .leftCol2 {width:44%; float:left; margin-left:0px;} .rightCol2 {width:55%; float:left; margin-left:-2px;} .formHeadline {font-size:.8em; padding:0; margin:3px 0 10px 0;} .error {border-color:#FF010D !important; } .errorText {padding:5px 0 0 25px;} .pInBoxError {margin:5px 0 10px 0; padding:0; font-size:.75em; color:#FD030F; font-weight:bold;} .pInBoxError2 {margin:0 0 6px 0; padding:0; font-size:.75em; color:#FD030F; font-weight:bold;} .pInBoxErrorWarning {margin:0; padding:3px 0 0 0; font-size:.75em; color:#FD030F; font-weight:bold;} .pInBoxErrorWarning2 {margin:0; padding:0 0 10px 0; font-size:.75em; color:#FD030F; font-weight:bold;} label.loginLabel {margin:0 0 0 50px; padding:0; width:85px; font-size:1em; font-weight:bold; float:left; vertical-align:middle;} * html .pInBoxLogin {margin:0 0 0 8px;} .formPadding {margin:0 0 5px 0; padding:0; } .pdfInBox {font-size:1em; margin:0; padding:0 0 8px 0;} .pdfInBigBox {font-size:1em; margin:0; padding:2px 0 8px 0;} ul.ulBoxInside {margin:0 0 10px 0; list-style-position:inside; line-height:.9em;} ul.ulBoxInside li {font-size:.7em; margin:0 0 0 0px; padding:0 0 3px 0;} ul.ulBox {margin:0 0 10px 0; padding:0; line-height:.9em;} ul.ulBox li {font-size:.7em; margin:0 0 0 15px; padding:0 0 3px 0;} ul.list1 {/* list under headline link */ margin:5px 0 0px 0; padding:0; line-height:.6em;} ul.list2 {/* list under h2 headline */ margin:8px 0 0px 0; padding:0; line-height:.6em;} ul.list1 li, ul.list2 li {font-size:.7em; margin:0 0 0 15px; padding:0 0 5px 0;} .noMargin {margin:0;} input.inputFirst {margin-left:45px;} * html input.inputFirst {margin-left:30px;} .input20 {font-size:.8em; width:20px; height:15px; border:solid 1px #33508D; margin:0 3px 0 0; vertical-align:middle; color:#33508D;} .input30 {font-size:.8em; width:30px; height:15px; border:solid 1px #33508D; margin:0 3px 0 0; vertical-align:middle; color:#33508D;} .input55 {font-size:.8em; width:55px; height:15px; border:solid 1px #33508D; margin:0 3px 0 0; vertical-align:middle; color:#33508D;} .inputField {font-size:.8em; width:168px; height:15px; border:solid 1px #33508D; margin:0 5px 0 0; vertical-align:middle; color:#33508D;} .inputFieldLoginContent {font-size:.8em; width:150px; height:15px; border:solid 1px #33508D; margin:0 5px 0 45px; padding:0; vertical-align:middle; color:#33508D;} * html .inputFieldLoginContent {margin:0 5px 0 30px;} .inputFieldLoginContent2 {font-size:.8em; width:150px; height:15px; border:solid 1px #33508D; margin:0 5px 0 0px; padding:0; vertical-align:middle; color:#33508D;} .inputFieldLoginContent2Error {font-size:.8em; width:150px; height:15px; border:solid 1px #FF000D; margin:0 5px 0 0px; padding:0; vertical-align:middle; color:#33508D;} .login {font-size:.8em; width:120px; height:15px; border:solid 1px #33508D; margin:0 5px 0 0; vertical-align:middle; color:#33508D;} .btLogin {vertical-align:middle; border:none;} .homePic {position:absolute; bottom:0; right:0;} .homeTeaserPic {text-align:center; vertical-align:middle; position:relative; border-top:solid 2px #FFF;} .homeTeaserPic img {display:block; margin:0; padding:0;} .homeTeaserPic2 {text-align:center; vertical-align:middle; position:relative; margin:5px 0 0 0;} .homeTeaserSpace1 {margin:0; display:inline;} .homeDouble {margin:0;} .homeTripple {margin:0px 6px 0px 5px; display:inline;} .homeTeaserSpace2 {margin:0;} .picHomeRight {position:absolute; bottom:0; right:0;} .arrowLink {position:absolute; bottom:0px; right:0px;} #bottomContainer {width:100%; position:relative; clear:both;} #bottomAll {clear:both; padding:11px 4px 0 5px; margin:0;} #bottomTop {clear:both; margin:0; padding:11px 3px 0 5px;} #bottomBot {clear:both; padding:6px 4px 0 5px; margin:0;} #bottomAll .gridLeft, #bottomTop .gridLeft {float:left; position:relative;} #bottomAll .gridRight, #bottomTop .gridRight {float:left; position:relative;} #bottomBot .gridLeft {float:left;} #bottomBot .gridRight {float:left;} .teaserHeadline {position:absolute; top:6px; left:9px; color:#FFF; font-weight:bold; font-size:0.8em;} .teaserPicSpace {border-top:solid 20px #B32628;} .welcomeBG {background:url(../pics/kartei.jpg) no-repeat top left; background-position:2px 0; height:163px; position:relative;} .welcomeTopLeft {height:163px;} .welcomeCard {position:absolute; left:20px; top:23px; width:130px;} .marginRightTeaser {padding-bottom:6px;} .arrowLinkHome {position:absolute; bottom:3px; right:3px;} .bottomSpace {padding-top:6px;} .bottomSpace2 {padding-top:6px;} .topBoxWide {position:relative; height:174px;} .underPic {margin-top:5px;} .picBoxSpace {margin:5px 0 5px 0;} .headSpace {font-size:0.8em; margin:0px 0 0 0; padding:0;} .headSpace2 {font-size:0.8em; margin:20px 0 0 0; padding:0;} .loginPicSmall {float:right; padding:0; margin:15px 0 0 0; width:185px; height:180px;} .loginPicBig {float:right; padding:0; margin:0 40px 0 0; width:251px; height:180px; font-size:0.8em;} * html .loginPicBig {margin:0 0 0 -290px;} .loginPicDetail {float:right; padding:0; margin:3px 5px 0 0; width:264px; height:300px; font-size:0.8em;} .headPicDetail {padding:0; margin:0 0 0 12px;} /* ---------------------------------------- Servicenavigation ------------------------------------ */ #topNav {position:absolute; top:36px; right:0; width:590px; z-index:2;} * html #topNav {top:39px; width:589px;} html:first-child>b\ody #topNav {/* only Opera 7 */ top:32px; width:603px;} #topNavFloater {float:right; margin-right:10px;} .showLayer {visibility:visible;} .hideLayer {visibility:hidden;} #topNav a.servNav:link, #topNav a.servNav:visited {display:inline; float:left; font-size:.85em; color:#fff; margin:0; padding:0 0.5em; line-height:1em; border-right:1px solid #fff;} #topNav a.servNav:hover, #topNav a.servNav:focus, #topNav a.servNav:active {color:#FBF191;} #topNav a.last:link, #topNav a.last:visited {border-right:none;} #topNav a {text-decoration:none;} #topNav a.servNavPlus:link, #topNav a.servNavPlus:visited {display:inline; float:left; font-size:.85em; color:#fff; margin:0; padding:0 6px 0 23px; line-height:1em; border-right:1px solid #fff; background:url(../pics/nav_arrow_down.gif) no-repeat 8px 2px; } #topNav a.servNavPlus:hover {background:#FFF; color:#FBF191; margin:0; padding:0 6px 0 23px; border-right:1px solid #7F91B7; background:url(../pics/nav_arrow_down.gif) no-repeat 8px 2px; } #topNav a.servNavPlus:focus, #topNav a.servNavPlus:active {color:#FBF191;} #topNav a.servNavPlusHover:link, #topNav a.servNavPlusHover:visited, #topNav a.servNavPlusHover:hover{float:left; font-size:.85em; color:#33508D; margin:-6px 0 0 0; padding:6px 6px 15px 23px; line-height:.9em; border-right:1px solid #7F91B7; background:url(../pics/nav_arrow_down_dark.gif) no-repeat 8px 8px;} #topNav a.servNavPlusHover:focus, #topNav a.servNavPlusHover:active{background-color:#fff;} .servNavWrap {padding:6px 0; float:left;} .servNavLinksWrap {float:left; padding:6px 0;} .servNavServiceWrapHover {/* div gets background with rounded corner */ float:left; padding:6px 0; background:#FFF url(../pics/corner_servicelayer.gif) no-repeat 0 0;} .servNavLinksPosWrap {/* an extra div is needed for netscape - positioning relative-absolute does not work with a floated box position relative */ position:relative; margin:-6px 0 0 0; padding:6px 0 0 0; width:.2em;} /* Alle anderen Browser - außer IE */ .servNavLinksWrap>.servNavLinksPosWrap, .servNavServiceWrapHover>.servNavLinksPosWrap{width:auto;} #servNavService {position:absolute; left:0; top:26px; padding:5px 10px; background:#FFF; width:7.6em; border-right:1px solid #7F91B7; border-bottom:1px solid #7F91B7; border-left:1px solid #7F91B7; z-index:300;} * html #servNavService {width:6.2em;} #topNav a.servNavSub:link, #topNav a.servNavSub:visited {display:block; width:100%; color:#33508D; padding:0 0 3px 22px; font-size:.85em; text-decoration:underline;} #topNav a.servNavSub:hover {text-decoration:none;} #topNav a.servNavSub:focus, #topNav a.servNavSub:active {text-decoration:none; background-color:#fff;} a#sendToFriend {background:url("../pics/ic_sendToFriend.gif") no-repeat 0 2px;} a#print {background:url("../pics/ic_print.gif") no-repeat 0 1px;} #topNav a.active:link, #topNav a.active:visited {color:#FBF191;} img.nospace {margin-bottom:-2px;} /* ------------------------------------- Footer ----------------------------------------- */ #footer {clear:both; position:relative; height:2em; background-color:#33508D; /* header and footer colours */ color:#fff; width:100%; font-size:.8em;} #footer p {text-align:center; margin:0; padding:5px 0 0 0;} #footer a:link, #footer a:visited, #footer a:hover {color:#fff;} #footer a:focus, #footer a:active {color:#33508D; background:#fff;} #footerBanner {position:absolute; right:3px; top:5px;}