/*xx ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Haupt-Aufbau ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ body {padding:0px; margin:0px; font-family:Arial; font-size:9pt; line-height:1.5em; background-color:#4c4c4c; } #mainSite {background-color:#fff; width:980px; margin-bottom:10px; margin:0 auto; padding:0px; min-height:500px; _height:500px;border-left:2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000;} #header {position:relative; margin:0px; padding:0px; background:url('../grafiken/layout/bgHead.jpg') repeat-x;} #header #topHeader {margin:0px; padding:0px; height:20px; width:100%; display:block;} #header #middleHeader {margin:0px; padding:0px; width:100%; display:block; height:50px;} #header #bottomHeader {margin:0px; padding:0px; width:100%; display:block; } #header #logo {position:absolute; margin:0px; padding:0px; top:20px; left:10px;} #header a.flag {margin-left:5px;} #header a.flag img {border:none;} #content { width:960px; padding:0px; margin:10px; display:block;} #footer { border-top:1px solid #c4c4c4; margin:20px 30px 30px 30px; text-align:center; padding:20px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ SPALTEN-Aufbau ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #fullColumn { position:relative; width:960px; padding:0px; margin:0px; display:block; clear:both; } #rightColumn { position:relative; width:300px; padding:0px; margin:0px; float:right; background-color:#ffffff; } #leftColumn { position:relative; width:229px; padding:0px; margin:0px 10px 0px 0px; float:left; background-color:#ffffff; } #middleColumn { position:relative; width:411px; padding:0px; margin:0px; float:left; background-color:#ffffff; } #leftMiddleColumn { position:relative; width:650px; padding:0px; margin:0px; float:left; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ HEADER-SUCHE ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #header #middleHeader #headerSearch { border-left: 1px dotted #c4c4c4; float:right; margin:5px 10px 0px 10px; padding:0px 0px 0px 15px; text-align:right;} #header #middleHeader #headerSearch b { line-height:20px; margin-right:5px;} #header #middleHeader #headerSearch input.searchBox { width:200px; height: 20px; line-height:20px; border: 1px solid #c4c4c4; padding:0px; margin-right:10px;} #header #middleHeader #stats { margin: 0px; font-size:11px; padding-right:10px; width:200px; text-align:right; float:right;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Navigationselemente ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ##### HEADER-NAVIAGTION ###### */ #header #topHeader #topnavigation { margin:0px 0px 2px 0px; padding:5px 10px 0px 0px; float:right;} #header #topHeader #topnavigation ul { margin:0px; padding: 0px;} #header #topHeader #topnavigation ul li.first { float:right; list-style:none; margin-left:10px; padding-left:10px; height:12px; line-height:12px; font-size:8pt; border-left:0px;} #header #topHeader #topnavigation ul li { float:right; list-style:none; margin-left:10px; padding-left:10px; height:12px; line-height:12px; font-size:8pt; border-left:1px solid #888888;} #header #topHeader #topnavigation ul li a { color:#888888; font-weight:normal;} /* ##### Link unter Suche ###### */ #header #middleHeader #headerSearch ul { margin:0px; padding: 0px;} #header #middleHeader #headerSearch ul li { display:inline; list-style:none; margin:5px 0px 0px 10px; padding:0px 0px 0px 10px; height:10px; line-left:10px; font-size:10px; border-left:1px solid #888888; text-decoration:underline;} #header #middleHeader #headerSearch ul li.first { display:inline; list-style:none; margin:5px 0px 0px 10px; padding:0px 0px 0px 10px; height:10px; line-left:10px; font-size:10px; border-left:0px; text-decoration:underline;} #header #middleHeader #headerSearch ul li a { color:#000; font-weight:normal;} /* ##### HAUPTNAVIGATION ###### */ #header #bottomHeader #mainNavigation { height:37px; padding:0px; margin:5px 10px 0px 10px; clear:both; line-height:1.0em;} #header #bottomHeader #mainNavigation ul { margin:0px; padding:0px;} #header #bottomHeader #mainNavigation ul li { vertical-align: bottom; line-height:36px; font-size:12px; background-image: url('../grafiken/layout/navigation_tab_variante_2.jpg'); background-repeat: repeat-x; background-position:left top; border-bottom:1px solid #fff; width:90px; mnin-width:90px; height:36px; color:#ffffff; margin-right:1px; text-align:center; float:left; list-style:none; } #header #bottomHeader #mainNavigation ul li a { margin-top:10px; color:#ffffff; font-weight:normal;} #header #bottomHeader #mainNavigation ul li:hover { background-position:left bottom; border-bottom:1px solid #fff;} #header #bottomHeader #mainNavigation ul li.current { background-position:left bottom; border-bottom:1px solid #585858;} /* ##### UNTERNAVIGATION ###### */ #header #bottomHeader #subnavigation { height:25px; width:960px; padding:0px; margin:0px 10px 0px 10px; clear:both; background-color:#585858; background-image: url('../grafiken/layout/subnavigation_footer.jpg'); background-repeat:no-repeat; background-position:bottom ; line-height:1.0em;} #header #bottomHeader #subnavigation ul { margin:0px; padding:3px;} #header #bottomHeader #subnavigation ul li { font-weight:bold; margin-top: 3px; color:#ffffff; float:left; list-style:none; border-right:1px solid #ffffff; padding:0px 10px 0px 10px; font-size:10px;} #header #bottomHeader #subnavigation ul li a { color:#ffffff; font-weight:normal;} #header #bottomHeader #subnavigation ul li a:hover { color:orange; font-weight:normal;} #header #bottomHeader #subnavigation ul li.noBorder { border:0px solid #ffffff;} #header #bottomHeader #subnavigation ul li a.current { color:orange; } #header #bottomHeader #subnavigation strong {letter-spacing:0.1em; vertical-align:top; text-transform: uppercase; color:#c4c4c4; font-weight:bold;font-size:12px; } /* ##### FOOTER-NAVIGATION ###### */ #footer ul.navi { margin:0px; padding:3px; width:150px; display:inline; float:left;} #footer ul.navi li { margin: 0px; color:#666; list-style:none; padding:0px; font-size:12px;} #footer ul.navi a { color:#666; font-weight:normal;} #footer ul.navi a:hover { color:#000000; font-weight:normal; text-decoration:none;} /* ##### NAVIGATION in den Content-Containern ###### */ div.boxContent ul.navi { margin:10px; padding:0px; } div.boxContent ul.navi a { margin:0px; padding:0px; font-weight:bold; } div.boxContent ul.navi li { border-top:1px dotted #C6C6C6; color:#5A5A5A; line-height:25px; margin:0px; padding:0px; } div.boxContent ul.navi li.level1 { list-style-type:none; margin:0px; font-size:14px; background:url(../grafiken/layout/bullet_arrow_blue.gif) no-repeat; background-position:0px 8px; padding-left:15px; font-size:12px; } div.boxContent ul.navi li.level1 a { color:#5A5A5A} div.boxContent ul.navi li.level2 { list-style-type:square; list-style-position:inside; margin-left:15px; padding:0px; font-size:12px; } div.boxContent ul.navi li.level2 a { } div.boxContent ul.navi li.level3 { margin-left:30px; list-style-position:inside; padding-left:0px;} div.boxContent ul.navi li.level3 a { color:#5A5A5A;} div.boxContent ul.navi li.level4 { margin-left:20px; list-style-position:inside; padding:0px;} div.boxContent ul.navi li.level5 { margin-left:25px;} /* ##### Quick-navigation - Userbereich ###### */ div.boxContent ul.quickNavi { margin:0px; padding:0px; list-style-type:none; } div.boxContent ul.quickNavi p { float:left; margin:3px 0px 0px 0px; padding:0px;} div.boxContent ul.quickNavi h3 { float:left; margin:8px 0px 0px 0px; padding:0px; font-size:10pt;} div.boxContent ul.quickNavi a { color:#5A5A5A; margin:0px; padding:0px; font-weight:normal; } div.boxContent ul.quickNavi a:hover { color:#357288;} div.boxContent ul.quickNavi li { clear:both; border-top:1px dotted #C6C6C6; color:#5A5A5A; line-height:14px; margin:0px; padding:0px; list-style-type:none; display:block;} div.boxContent ul.quickNavi li img { float:left; cursor:pointer; margin:1px 5px 0px 0px; } /* ##### Unter-Navigation in den Profiltabs ###### */ ul.profileSubNavi { margin:0px; padding:0px; height:20px;} ul.profileSubNavi li { margin-top: 3px; color:#ffffff; float:left; list-style:none; border-right:1px solid #ffffff; padding:0px 10px 0px 10px; font-size:10px;} ul.profileSubNavi li a { color:#ffffff; font-weight:normal;} ul.profileSubNavi li a:hover { color:orange; font-weight:normal;} ul.profileSubNavi li.noBorder { border:0px solid #ffffff;} ul.profileSubNavi li a.current { color:orange; font-weight:bold; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ CONTAINER AUFBAU -- runde Boxen -- ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ##### Standarddefinition ###### */ div.roundedWhiteContainer {position:relative; width:100%; padding:0px; margin:0px;} div.boxHead {position:relative; display:block; width:auto; margin:0px; font-size:0px; line-height:0px; padding:0px; height:3px; background-position:bottom; background-repeat:no-repeat;} div.boxFoot {position:relative; display:block; width:auto; margin:0px; font-size:0px; line-height:0px; padding:0px; height:3px; background-position:top; background-repeat:no-repeat;} div.boxContent {position:relative; display:block; width:auto; padding:10px;} div.boxContentFull {position:relative; display:block; width:auto; padding:0px;margin:0px;} div.boxBlankLine {height:10px; position:relative; display:block; width:auto; padding:0px; } div.boxContentWhite {position:relative; display:block; width:auto; padding:10px; background-color:#ffffff; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; border-top:1px dotted #C6C6C6;} div.boxContentGrey {position:relative; display:block; width:auto; padding:10px; background-color:#f1f1f1; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; border-top:1px dotted #C6C6C6;} div.boxContentDarkGrey {position:relative; display:block; width:auto; padding: 3px 10px 3px 10px; background-color:#585858; border-left:1px solid #585858; border-right:1px solid #585858; border-bottom:1px solid #585858; color:#fff;} div.boxContentLightGrey {position:relative; display:block; width:auto; padding:10px; background-color:#f6f6f6; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6;} div.boxContentBlue {position:relative; display:block; width:auto; padding: 2px 10px 2px 10px; background-color:#808080; border-left:1px solid #808080; border-right:1px solid #808080; border-bottom:1px solid #808080;} div.boxContentSeperator {position:relative; display:block; width:auto; padding: 0px; background-color:#808080; border-left:1px solid #808080; border-right:1px solid #808080; border-bottom:1px solid #808080; font-size:2px; line-height:3px;height:3px;} div.boxContentBlueB {position:relative; display:block; width:auto; padding: 3px 10px 3px 10px; background-color:#318ba6; border-left:1px solid #21596b; border-right:1px solid #21596b; border-bottom:1px solid #21596b;border-top: 1px solid #59216b;} div.boxContentBlueNone {position:relative; display:block; width:auto; padding: 3px 11px 3px 11px; background-color:#318ba6;} div.boxContentBlueRound {position:relative; display:block; width:auto; margin:0px; font-size:0px; line-height:0px; padding:0px; height:3px; background-position:bottom; background-repeat:no-repeat;} div.boxContentBlueBottom {position:relative; display:block; width:auto; margin:0px; font-size:0px; line-height:0px; padding:0px; height:3px; background-position:bottom; background-repeat:no-repeat;} div.roundedGreyContainer div.boxBlankLine { background-color:#f1f1f1; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; background-image:url('../grafiken/layout/pimpedByMg/mg_bg_grey_blankline.jpg'); background-repeat:no-repeat; background-position:right bottom;} /* ##### highLight Grafiken ##### */ div.roundedGreyContainerHighlight div.boxContent, div.boxContentGreyHighlight { background-color:#f1f1f1; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; background-image:url('../grafiken/layout/contentGreyHighlight.jpg'); background-repeat:no-repeat; background-position:right bottom;} div.roundedWhiteContainerHighlight div.boxContent, div.boxContentWhiteHighlight { background-color:#ffffff; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; background-image:url('../grafiken/layout/contentWhiteHighlight.jpg'); background-repeat:no-repeat;} /* ##### Bugfixes Internet-Explorer ###### */ #leftMiddleColumn div.boxContentWhite,#leftMiddleColumn div.boxContentGrey, #leftMiddleColumn div.boxContentWhiteHighlight, #leftMiddleColumn div.boxContentGreyHighlight, #leftMiddleColumn div.boxContent, #leftMiddleColumn div.boxContentBlueNone, #leftMiddleColumn div.boxContentBlue { width:628px;} #rightColumn div.boxContentWhite, #rightColumn div.boxContentWhiteHighlight, #rightColumn div.boxContentGreyHighlight, #rightColumn div.boxContent, #rightColumn div.boxContentBlueNone, #rightColumn div.boxContentBlue { width:278px;} /* ##### Bugfix Rechte Navigation UL ##### */ #rightColumn div.boxContent ul.navi { width:278px; margin:0px; padding:0px;} #leftMiddleColumn div.boxContentFull, #leftMiddleColumn div.boxContentBlueRound {width:650px;} div.roundedGreyContainerHighlight div.boxContent, div.roundedGreyContainer div.boxContent { background-color:#f1f1f1; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6;} div.roundedWhiteContainerHighlight div.boxContent, div.roundedWhiteContainer div.boxContent { background-color:#ffffff; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; } div.roundedGreyContainer div.boxBlankLine { background-color:#f1f1f1; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; } div.roundedWhiteContainer div.boxBlankLine { background-color:#ffffff; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; } div.roundedGreyContainer div.boxContentFull { background-color:#f1f1f1; } div.roundedWhiteContainer div.boxContentFull { background-color:#ffffff; } /* ##### rechte Spalte ###### */ #rightColumn div.roundedGreyContainerHighlight div.boxHead, #rightColumn div.roundedGreyContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_right_grey_top.jpg'); } #rightColumn div.roundedGreyContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_grey_bottom.jpg'); background-repeat:no-repeat;} #rightColumn div.roundedGreyContainerHighlight div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_grey_bottom_highlight.jpg'); background-repeat:no-repeat;} #rightColumn div.roundedWhiteContainerHighlight div.boxHead{ background-image:url('../grafiken/layout/roundedContainer_right_white_top_highlight.jpg'); } #rightColumn div.roundedWhiteContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_right_white_top.jpg'); } #rightColumn div.roundedWhiteContainerHighlight div.boxFoot, #rightColumn div.roundedWhiteContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_white_bottom.jpg'); background-repeat:no-repeat;} /* ##### linke Spalte zusammen mit mittlerer ###### */ #middleColumn div.roundedGreyContainerHighlight div.boxHead, #middleColumn div.roundedGreyContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_grey_top.jpg'); } #middleColumn div.roundedGreyContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_grey_bottom.jpg'); background-repeat:no-repeat;} #middleColumn div.roundedGreyContainerHighlight div.boxFoot{ background-image:url('../grafiken/layout/roundedContainer_middle_grey_bottom_highlight.jpg'); background-repeat:no-repeat;} #middleColumn div.roundedWhiteContainerHighlight div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_white_top_highlight.jpg'); } #middleColumn div.roundedWhiteContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_white_top.jpg'); } #middleColumn div.roundedWhiteContainerHighlight div.boxFoot, #middleColumn div.roundedWhiteContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_white_bottom.jpg'); background-repeat:no-repeat;} /* ##### linke Spalte ###### */ #leftColumn div.roundedGreyContainerHighlight div.boxHead, #leftColumn div.roundedGreyContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_left_grey_top.jpg'); } #leftColumn div.roundedGreyContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_left_grey_bottom.jpg'); background-repeat:no-repeat;} #leftColumn div.roundedGreyContainerHighlight div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_left_grey_bottom_highlight.jpg'); background-repeat:no-repeat;} #leftColumn div.roundedWhiteContainerHighlight div.boxHead { background-image:url('../grafiken/layout/roundedContainer_left_white_top_highlight.jpg'); } #leftColumn div.roundedWhiteContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_left_white_top.jpg'); } #leftColumn div.roundedWhiteContainerHighlight div.boxFoot, #leftColumn div.roundedWhiteContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_left_white_bottom.jpg'); background-repeat:no-repeat;} /* ##### LinkeMittlere Spalte ###### */ #leftMiddleColumn div.roundedGreyContainerHighlight div.boxHead , #leftMiddleColumn div.roundedGreyContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_grey_top.jpg'); } #leftMiddleColumn div.roundedGreyContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_grey_bottom.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.roundedGreyContainerHighlight div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_grey_bottom_highlight.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.roundedWhiteContainerHighlight div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_white_top_highlight.jpg'); } #leftMiddleColumn div.roundedWhiteContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_white_top.jpg'); } #leftMiddleColumn div.roundedWhiteContainerHighlight div.boxFoot, #leftMiddleColumn div.roundedWhiteContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_white_bottom.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.boxContentBlueRound { background-image: url('../grafiken/layout/table_middle_blue_top.jpg');} #leftMiddleColumn div.boxContentBlueBottom { background-image: url('../grafiken/layout/table_middle_blue_bottom.jpg');} /* ##### Kompltte Breite ###### */ #fullColumn div.roundedGreyContainerHighlight div.boxHead, #fullColumn div.roundedGreyContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_grey_top.jpg'); } #fullColumn div.roundedGreyContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_grey_bottom.jpg'); background-repeat:no-repeat;} #fullColumn div.roundedGreyContainerHighlight div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_grey_bottom_highlight.jpg'); background-repeat:no-repeat;} #fullColumn div.roundedWhiteContainerHighlight div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_white_top_highlight.jpg'); } #fullColumn div.roundedWhiteContainer div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_white_top.jpg'); } #fullColumn div.roundedWhiteContainerHighlight div.boxFoot, #fullColumn div.roundedWhiteContainer div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_white_bottom.jpg'); background-repeat:no-repeat;} #fullColumn div.boxContentBlueRound { background-image: url('../grafiken/layout/table_whole_blue_top.jpg');} #fullColumn div.boxContentBlueBottom { background-image: url('../grafiken/layout/table_whole_blue_bottom.jpg');} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Diverse Tabellen ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ table.dataListing {border-left:1px solid #C6C6C6;border-right:1px solid #C6C6C6; width:100%;} table.dataListing small {line-height:1.0em; color:#666;} table.dataListing td {border-bottom:1px solid #C6C6C6; } table.dataListing thead {background-color: #585858; color:#fff;} table.dataListing tbody {background-color: #ffffff; color:#000000;} table.dataListing .highlight {background-color: #f1f1f1;} table.dataListingLayoutB {border-left:1px solid #C6C6C6;border-right:1px solid #C6C6C6; width:100%;} table.dataListingLayoutB td {border-bottom:1px solid #C6C6C6; } table.dataListingLayoutB thead {background-color: #808080; color:#fff;} table.dataListingLayoutB thead small {line-height:1.0em; color:#fff;} table.dataListingLayoutB tbody {background-color: #ffffff; color:#000000;} table.dataListingLayoutB tbody small {line-height:1.0em; color:#666;} table.dataListingLayoutB .highlight {background-color: #f1f1f1;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ CONTAINER Systemmeldungen ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ##### Standarddefinition ###### */ div.adviceError {position:relative; width:100%; padding:0px; margin:0px;} div.adviceError div.boxContent {width:100%; color:#6e6e6e; background:url(../grafiken/layout/box/adviceData_error.jpg) no-repeat 20px; background-color:#f7e9e8; border-left:1px solid #e64f4f; border-right:1px solid #e64f4f; padding:10px 10px 10px 100px; margin:0px;} #leftMiddleColumn div.adviceError div.boxContent{width:538px;} #fullColumn div.adviceError div.boxContent {width:848px;} div.adviceError div.boxContent h4 {font-size:14px; color:#6e6e6e; margin:0px; margin-top: 5px; padding:0px;} /* ##### linke Spalte zusammen mit mittlerer ###### */ #middleColumn div.adviceError div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_error_top.jpg'); } #middleColumn div.adviceError div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_error_bottom.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.adviceError div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_error_top.jpg'); } #leftMiddleColumn div.adviceError div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_error_bottom.jpg'); background-repeat:no-repeat;} #middleColumn div.adviceError div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_error_top.jpg'); } #middleColumn div.adviceError div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_error_bottom.jpg'); background-repeat:no-repeat;} #rightColumn div.adviceError div.boxHead { background-image:url('../grafiken/layout/roundedContainer_right_error_top.jpg'); } #rightColumn div.adviceError div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_error_bottom.jpg'); background-repeat:no-repeat;} #fullColumn div.adviceError div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_error_top.jpg'); } #fullColumn div.adviceError div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_error_bottom.jpg'); background-repeat:no-repeat;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ CONTAINER Systemfragen ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ##### Standarddefinition ###### */ div.adviceQuestion {position:relative; width:100%; padding:0px; margin:0px;} div.adviceQuestion div.boxContent {width:100%; color:#6e6e6e; background:url(../grafiken/layout/box/adviceData_frage.jpg) no-repeat 20px; background-color:#f8f7e9; border-left:1px solid #cbbd28; border-right:1px solid #cbbd28; padding:10px 10px 10px 100px; margin:0px;} #leftMiddleColumn div.adviceQuestion div.boxContent{width:538px;} #fullColumn div.adviceQuestion div.boxContent {width:848px;} div.adviceQuestion div.boxContent h4 {font-size:14px; color:#6e6e6e; margin:0px; margin-top: 5px; padding:0px;} /* ##### linke Spalte zusammen mit mittlerer ###### */ #middleColumn div.adviceQuestion div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_question_top.jpg'); } #middleColumn div.adviceQuestion div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_question_bottom.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.adviceQuestion div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_question_top.jpg'); } #leftMiddleColumn div.adviceQuestion div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_question_bottom.jpg'); background-repeat:no-repeat;} #middleColumn div.adviceQuestion div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_question_top.jpg'); } #middleColumn div.adviceQuestion div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_question_bottom.jpg'); background-repeat:no-repeat;} #rightColumn div.adviceQuestion div.boxHead { background-image:url('../grafiken/layout/roundedContainer_right_question_top.jpg'); } #rightColumn div.adviceQuestion div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_question_bottom.jpg'); background-repeat:no-repeat;} #fullColumn div.adviceQuestion div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_question_top.jpg'); } #fullColumn div.adviceQuestion div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_question_bottom.jpg'); background-repeat:no-repeat;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ CONTAINER Systembestaetigungen ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ##### Standarddefinition ###### */ div.adviceOk { position:relative; width:100%; padding:0px; margin:0px;} div.adviceOk div.boxContent { width:100%; color:#6e6e6e; background:url(../grafiken/layout/box/adviceData_ok.jpg) no-repeat 20px; background-color:#e9f8f5; border-left:1px solid #2f9083; border-right:1px solid #2f9083; padding:10px 10px 10px 100px; margin:0px;} #leftMiddleColumn div.adviceOk div.boxContent{width:538px;} #fullColumn div.adviceOk div.boxContent {width:848px;} div.adviceOk div.boxContent h4 {font-size:14px; color:#6e6e6e; margin:0px; margin-top: 5px; padding:0px;} /* ##### linke Spalte zusammen mit mittlerer ###### */ #middleColumn div.adviceOk div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_ok_top.jpg'); } #middleColumn div.adviceOk div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_ok_bottom.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.adviceOk div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_ok_top.jpg'); } #leftMiddleColumn div.adviceOk div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_ok_bottom.jpg'); background-repeat:no-repeat;} #middleColumn div.adviceOk div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_ok_top.jpg'); } #middleColumn div.adviceOk div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_ok_bottom.jpg'); background-repeat:no-repeat;} #rightColumn div.adviceOk div.boxHead { background-image:url('../grafiken/layout/roundedContainer_right_ok_top.jpg'); } #rightColumn div.adviceOk div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_ok_bottom.jpg'); background-repeat:no-repeat;} #fullColumn div.adviceOk div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_ok_top.jpg'); } #fullColumn div.adviceOk div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_ok_bottom.jpg'); background-repeat:no-repeat;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ CONTAINER Systeminfo ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ##### Standarddefinition ###### */ div.adviceInfo {position:relative; width:100%; padding:0px; margin:0px;} div.adviceInfo div.boxContent {width:100%; color:#6e6e6e; background:url(../grafiken/layout/box/adviceData_hinweis.jpg) no-repeat 20px; background-color:#e9f1f8; border-left:1px solid #2f71a6; border-right:1px solid #2f71a6; padding:10px 10px 10px 100px; margin:0px;} #leftMiddleColumn div.adviceInfo div.boxContent {width:538px;} #fullColumn div.adviceInfo div.boxContent {width:848px;} div.adviceInfo div.boxContent h4 {font-size:14px; color:#6e6e6e; margin:0px; margin-top: 5px; padding:0px;} /* ##### linke Spalte zusammen mit mittlerer ###### */ #middleColumn div.adviceInfo div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_info_top.jpg'); } #middleColumn div.adviceInfo div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_info_bottom.jpg'); background-repeat:no-repeat;} #leftMiddleColumn div.adviceInfo div.boxHead { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_info_top.jpg'); } #leftMiddleColumn div.adviceInfo div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_leftMiddle_info_bottom.jpg'); background-repeat:no-repeat;} #middleColumn div.adviceInfo div.boxHead { background-image:url('../grafiken/layout/roundedContainer_middle_info_top.jpg'); } #middleColumn div.adviceInfo div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_middle_info_bottom.jpg'); background-repeat:no-repeat;} #rightColumn div.adviceInfo div.boxHead { background-image:url('../grafiken/layout/roundedContainer_right_info_top.jpg'); } #rightColumn div.adviceInfo div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_right_info_bottom.jpg'); background-repeat:no-repeat;} #fullColumn div.adviceInfo div.boxHead { background-image:url('../grafiken/layout/roundedContainer_full_info_top.jpg'); } #fullColumn div.adviceInfo div.boxFoot { background-image:url('../grafiken/layout/roundedContainer_full_info_bottom.jpg'); background-repeat:no-repeat;} /* ########################################################################## */ /* #### Bilder-Darstellungen #### */ /* ########################################################################## */ img.floatImage {padding:10px; margin:0px 10px 10px 0px; border:1px solid #C6C6C6;background-color:#ffffff;} img.leftFloatImage, div.boxContent img.leftFloatImage, div.boxContentWhite img.leftFloatImage, div.boxContentGrey img.leftFloatImage {float:left; padding:10px; margin:0px 10px 10px 0px; border:1px solid #C6C6C6;} div.roundedWhiteContainer div.boxContent img.leftFloatImage, div.boxContentWhite img.leftFloatImage {background-color:#f1f1f1;} div.roundedGreyContainer div.boxContent img.leftFloatImage, div.boxContentGrey img.leftFloatImage {background-color:#ffffff;} /* #### Galerie-darstellungen #### */ .imgBackgroundGallery {float:left; padding:13px 0px 0px 15px; width:145px; height: 146px; background:url('../grafiken/layout/background_galleryPreview.gif') no-repeat; } .imgBackgroundGallery div {float:left; margin:0px; padding:0px; width:118px; height: 118px;} /* #### Galerie-Bilder-Darstellungen #### */ .galleryTdBackground {height:140px; background-color:#ffffff;} .galleryTdBackground small {line-height:1.1em;} div.boxContent .galleryTdBackground, div.boxContentWhite .galleryTdBackground, div.boxContentGrey .galleryTdBackground {width: 140px; height:110px; border:1px solid #808080;} div.roundedWhiteContainer div.boxContent .galleryTdBackground,div.boxContentWhite .galleryTdBackground {background-color:#f1f1f1;} div.roundedGreyContainer div.boxContent .galleryTdBackground,div.boxContentGrey .galleryTdBackground {background-color:#ffffff;} .galleryTdBackground div {background-color:#000000; width: 120px; height:90px; margin-top: 10px; border:1px solid #808080;} /* ########################################################################## */ /* #### Meta-Informationen #### */ /* ########################################################################## */ div.meta { position: relative; line-height:1.0em; font-size:0.95em; width:auto; display:block; /*border-top:1px dotted #C6C6C6;*/ padding:5px 5px 5px 0px; margin-bottom:10px;} div.meta div.date { position: relative; float:right; top:-30px; width: 60px; height: 60px; background: url(../grafiken/icons/background_calendar.gif) no-repeat; font-weight: bold; text-align:center; margin:0px 0px -25px 10px;} div.meta div.date span.year { position: relative; color:#fff; margin:10px 0px 0px 10px; displays:block; float:left; font-weight:bold;} div.meta div.date span.advice { position: relative; color:#8b0000; margin:1px 0px 0px 10px; displays:block; float:left; font-size:10px; white-space: nowrap;} div.meta div.date span.day { position: relative; color:#5B5B5B; font-size:16px; margin:13px 0px 0px 10px; displays:block; float:left;} div.meta div.date span.dayWidthAdvice { position: relative; color:#5B5B5B; font-size:16px; margin:5px 0px 0px 10px; displays:block; float:left;} div.meta div.date span.hour { position: relative; color:#5B5B5B; margin:1px 0px 0px 10px; displays:block; float:left;} div.meta div.price { position: relative; float:right; top:-30px; width: 60px; height: 54px; background: url(../grafiken/icons/background_price.gif) no-repeat; font-weight: bold; text-align:center; margin:0px 0px -25px 10px;} div.meta div.price span.value { width: 60px; text-align:center; position: relative; color:#5B5B5B; font-size:16px; margin:5px 0px 0px 0px; displays:block; float:left; font-weight:bold; } div.meta div.price span.currency { width: 60px; text-align:center; position: relative; color:#fff; margin:13px 0px 0px 0px; displays:block; float:left;} div.meta div.premium { position: relative; float:right; top:-40px; width: 60px; height: 54px; background: url(../grafiken/icons/background_premium.gif) no-repeat; font-weight: bold; text-align:center; margin:0px 0px -25px 10px;} div.metaStatistic { margin:5px 0px 0px 0px; padding:0px; font-size:8pt; } div.metaStatistic span.title { float:left; display:inline; font-weight:bold;} div.metaStatistic span.maxCounter { float:right; display:inline; } div.metaStatistic div.bar { clear:both; display:bloack; background:url('../../grafiken/layout/box/bar_stats.png') no-repeat #ffffff; width:268px; height:20px; line-height:20px; color:#ffffff; padding:0px 10px 0px 0px; text-align:right; margin:0px; } div.comment { line-height:1.5em; color:#555; margin:10px 0px 0px 0px; font-style:italic; padding:10px;} div.comment .title { display:block;} /* ########################################################################## */ /* #### Goole-Sitemap Container #### */ /* ########################################################################## */ div.googleSiteMapContainer {padding:0px; margin:0px; border:1px solid #C6C6C6; background-color:#f1f1f1;} div.googleSiteMapContainerFloatleft {float:left; padding:10px; margin:0px 10px 10px 0px; border:1px solid #C6C6C6;} div.googleSiteMapContainerFloatRight {float:right; padding:10px; margin:0px 0px 10px 10px; border:1px solid #C6C6C6;} div.roundedWhiteContainer div.boxContent div.googleSiteMapContainerFloatleft, div.roundedWhiteContainerHighlight div.boxContent div.googleSiteMapContainerFloatleft, div.boxContentWhite div.googleSiteMapContainerFloatleft {background-color:#f1f1f1;} div.roundedGreyContainer div.boxContent div.googleSiteMapContainerFloatleft, div.roundedGreyContainerHighlight div.boxContent div.googleSiteMapContainerFloatleft, div.boxContentGrey div.googleSiteMapContainerFloatleft {background-color:#ffffff;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ DIVERSE BUTTONS & Links ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ button {cursor:pointer; padding:3px 10px 7px 10px; margin:10px 0px 0px 10px; background-color:#ffffff; height:25px; line-height:15px;font-size:15px; color:#ffffff; text-align:center; border:1px solid #235b6c; background-image:url('../grafiken/layout/navigation_tab.jpg'); background-repeat:repeat-x;} button.small {cursor:pointer; padding:0px 5px 2px 5px; margin:0px 0px 0px 0px; background-color:#ffffff; height:20px; line-height:15px;font-size:15px; color:#ffffff; text-align:center; border:1px solid #235b6c; background-image:url('../grafiken/layout/navigation_tab.jpg'); background-repeat:repeat-x;} a.button {cursor:pointer; padding:5px 10px 5px 10px; margin:2px; background-color:#ffffff; height:25px; line-height:15px;font-size:12px; color:#ffffff; text-align:center; border:1px solid #235b6c; background-image:url('../grafiken/layout/navigation_tab.jpg'); background-repeat:repeat-x;} a.button span {height:25px; line-height:25px; color:#fff; } a.link {height: 22px; line-height: 22px; margin:0px; font-size:14px; background:url(../grafiken/layout/bullet_arrow_blue.gif) no-repeat; background-position:0px; padding-left:15px; padding-right:15px; font-size:12px; } a.link:hover {text-decoration:underline; color:#000;} a.userLink {background: url(../grafiken/layout/user_16_dis.gif); background-repeat: no-repeat; background-position: 0px 4px; padding:5px 0px 5px 16px; margin:0px; line-height:25px; font-size:8pt; font-weight: bold; text-decoration:underline; color:#357288; } a.userLink:hover {text-decoration:underline; color:#000;} a.linkEmailShow,a.linkEmailReply,a.linkEmailWrite,a.linkEmailDelete, a.linkItemDelete,a.linkItemEdit,a.linkItemComment,a.linkItemDetail, a.linkDownload,a.linkHyperlink, a.linkDateDetail, a.linkUserEdit,a.linkUserDelete, a.linkContactAdd,a.linkContactDeny,a.linkContactDelete,a.linkAlert {height: 22px; line-height: 22px; margin:0px; font-size:14px; padding:0px 15px 0px 20px; font-size:12px; } a.linkEmailShow:hover,a.linkEmailReply:hover,a.linkEmailWrite:hover,a.linkEmailDelete:hover, a.linkItemDelete:hover,a.linkItemEdit:hover, a.linkItemComment:hover,a.linkItemDetail:hover, a.linkDownload:hover,a.linkHyperlink:hover, a.linkDateDetail:hover, a.linkUserEdit:hover,a.linkUserDelete:hover, a.linkContactAdd:hover,a.linkContactDeny:hover,a.linkContactDelete:hover,a.linkAlert:hover {text-decoration:underline; color:#000;} a.linkEmailShow {background:url(../grafiken/icons/mail_zoom_16_dis.gif) no-repeat; background-position:0px;} a.linkEmailShow:hover {background:url(../grafiken/icons/mail_zoom_16.gif) no-repeat; background-position:0px;} a.linkEmailDelete {background:url(../grafiken/icons/mail_close_16_dis.gif) no-repeat; background-position:0px;} a.linkEmailDelete:hover {background:url(../grafiken/icons/mail_close_16.gif) no-repeat; background-position:0px;} a.linkEmailReply {background:url(../grafiken/icons/mail_up_16_dis.gif) no-repeat; background-position:0px;} a.linkEmailReply:hover {background:url(../grafiken/icons/mail_up_16.gif) no-repeat; background-position:0px;} a.linkEmailWrite {background:url(../grafiken/icons/mail_write_16_dis.gif) no-repeat; background-position:0px;} a.linkEmailWrite:hover {background:url(../grafiken/icons/mail_write_16.gif) no-repeat; background-position:0px;} a.linkContactAdd {background:url(../grafiken/icons/contact_add_16_dis.gif) no-repeat; background-position:0px;} a.linkContactAdd:hover {background:url(../grafiken/icons/contact_add_16.gif) no-repeat; background-position:0px;} a.linkContactDeny {background:url(../grafiken/icons/contact_cancel_16_dis.gif) no-repeat; background-position:0px;} a.linkContactDeny:hover {background:url(../grafiken/icons/contact_cancel_16.gif) no-repeat; background-position:0px;} a.linkContactDelete {background:url(../grafiken/icons/contact_remove_16_dis.gif) no-repeat; background-position:0px;} a.linkContactDelete:hover {background:url(../grafiken/icons/contact_remove_16.gif) no-repeat; background-position:0px;} a.linkItemDelete {background:url(../grafiken/icons/doc_close_16_dis.gif) no-repeat; background-position:0px;} a.linkItemDelete:hover {background:url(../grafiken/icons/doc_close_16.gif) no-repeat; background-position:0px;} a.linkItemEdit {background:url(../grafiken/icons/doc_write_16_dis.gif) no-repeat; background-position:0px;} a.linkItemEdit:hover {background:url(../grafiken/icons/doc_write_16.gif) no-repeat; background-position:0px;} a.linkItemComment {background:url(../grafiken/icons/chat_16_dis.gif) no-repeat; background-position:0px;} a.linkItemComment:hover {background:url(../grafiken/icons/chat_16.gif) no-repeat; background-position:0px;} a.linkItemDetail {background:url(../grafiken/icons/doc_zoom_16_dis.gif) no-repeat; background-position:0px;} a.linkItemDetail:hover {background:url(../grafiken/icons/doc_zoom_16.gif) no-repeat; background-position:0px;} a.linkDownload {background:url(../grafiken/icons/web_download_16_dis.gif) no-repeat; background-position:0px;} a.linkDownload:hover {background:url(../grafiken/icons/web_download_16.gif) no-repeat; background-position:0px;} a.linkHyperlink {background:url(../grafiken/icons/web_16_dis.gif) no-repeat; background-position:0px;} a.linkHyperlink:hover {background:url(../grafiken/icons/web_16.gif) no-repeat; background-position:0px;} a.linkDateDetail {background:url(../grafiken/icons/date_zoom_16_dis.gif) no-repeat; background-position:0px;} a.linkDateDetail:hover {background:url(../grafiken/icons/date_zoom_16.gif) no-repeat; background-position:0px;} a.linkUserEdit {background:url(../grafiken/icons/user_write_16_dis.gif) no-repeat; background-position:0px;} a.linkUserEdit:hover {background:url(../grafiken/icons/user_write_16.gif) no-repeat; background-position:0px;} a.linkUserDelete {background:url(../grafiken/icons/user_close_16_dis.gif) no-repeat; background-position:0px;} a.linkUserDelete:hover {background:url(../grafiken/icons/user_close_16.gif) no-repeat; background-position:0px;} a.linkAlert {font-size: 11px; font-weight: normal; background:url(../grafiken/icons/alert_16.gif) no-repeat; background-position:0px;} a.linkAlert:hover {background:url(../grafiken/icons/alert_16_dis.gif) no-repeat; background-position:0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ SEITEN - DARSTELLUNG ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div.siteInformation {position:relative; display:block; width:auto; margin:0px 0px 0px 0px; padding:0px; font-size:8pt; clear:both;} div.siteInformation a.site {background: #FBFBF9; color: #000; text-align: center; padding: 2px 6px; border:1px #808080 solid; margin:0 1px 1px 0; } div.siteInformation a.current {color: #fff; background: #808080; border-color: #000000; text-decoration: none; } div.siteInformation a.site:hover {color: #fff; background: #808080; border-color: #000000; text-decoration: none; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ EINGABE_FELDER ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ input {border:1px solid #909090; height:18px; line-height:18px; background:url("../grafiken/layout/registration_input.jpg") #fff; background-repeat:repeat-x ;} textarea {border: 1px solid #909090;} .userinput input {width:100%; _width:99%;} .userinput textarea {width:100%; _width:99%;} .userinput select {width:100%; _width:99%;} input[type = "checkbox"],input[type = "radio"] {width:20px; margin:0px;padding:0px;} input.checkBox, input.radio {width:20px; margin:0px;padding:0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ STANDARD_HTML TAGS ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ form {margin:0px;padding:0px;} /* ########################################################################## */ /* #### Überschriften #### */ /* ########################################################################## */ h1 { font-size:14pt; font-weight:bold; color:#357288; margin:0px 0px 10px 0px; padding:0px;} h2 { font-size:13pt; font-weight:bold; color:#357288; margin:0px 0px 10px 0px; padding:0px;} h3 { font-size:11pt; color:#357288; margin:0px 0px 10px 0px; padding:0px;} h4 { font-size:16px; color:#357288; margin:0px; padding:0px; border-bottom: 1px solid #d0d0d0;} h5 { font-size:14px; color:#5B5B5B; margin:0px; padding:0px;} div.boxContentBlue h2, div.boxContentBlueB h2, div.boxContentBlueNone h2, div.boxContentBlueRound h2 { font-weight:normal;font-size:14px;padding:0px; margin:0px; color:white; width:100%; } /* ########################################################################## */ /* #### Bilder #### */ /* ########################################################################## */ img { border:0px; } /* ########################################################################## */ /* #### Links #### */ /* ########################################################################## */ a { text-decoration:none; color:#357288; font-weight:normal;} /* ########################################################################## */ /* #### Padding 10px #### */ /* ########################################################################## */ .padding { padding:10px;} /* ########################################################################## */ /* #### Rahmen Unten - Dotted #### */ /* ########################################################################## */ .dottedB { background:url('../grafiken/layout/borderDotted.jpg') repeat-x bottom; padding-bottom:5px; } /* ########################################################################## */ /* #### User Profile Start - Bar-Stats #### */ /* ########################################################################## */ input.standard { width:100%; _width:99%; border:1px solid #c4c4c4; height:16px; line-height:16px; background:url("../grafiken/layout/registration_input.jpg") repeat-x #a9a9a9; } select { border:1px solid #c4c4c4; background-color:#f9f9f9; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Diverse Rahmenangaben ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .borderBottomDotted { background:url('../grafiken/layout/borderDotted.jpg') repeat-x bottom; padding-bottom:5px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ verschiedenes in bezug auf die Ausrichtung ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ br.clear { clear:both; font-size:0px; line-height:0px; height:0px; margin:0px; padding:0px;} .bgEven { padding-top:5px;padding-bottom:5px;padding-left:5px; padding-right:5px; } .borderB { border-bottom:1px solid #c4c4c4; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Forumlar - Bearbeitung ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .editForm { width:98%; } .editForm input { width:100%; border:1px solid #3388A7; height:16px; line-height:16px; background:url("../grafiken/layout/registration_input.jpg") repeat-x #c4c4c4; } .editForm input:focus { width:100%; border:1px solid red; height:16px; line-height:16px; background:url("../grafiken/layout/registration_input.jpg") repeat-x #c4c4c4; } .editForm textarea { width:100%; border:1px solid #c4c4c4; background:#fff;} .editForm textarea:focus { width:100%; border:1px solid red; background:#fefefe; } .editForm select { width:100%; border:1px solid #c4c4c4; background:#fff;} .editForm select:focus { width:100%; border:1px solid red; background:#fefefe; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Forumlar - Anzeigen ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .showForm { width:100%; } .showForm td { height: 22px; line-height: 22px; padding-left: 10px; } .showForm .highlight { background-color: #E4E4E4; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ angledBox (mitte) ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .angledBox { background-color:#F6F6F6; border:1px solid #C6C6C6; padding:8px; width: 100%;} .angledBox td.titleHead { font-size:12px; color:#3076A7; font-weight:bold; height:24px; line-height:24px; width:auto; } .angledBox h3 { width:auto; font-size:12px; height:24px; line-height:24px; background:url("../grafiken/layout/angledBox_title_bar.gif") no-repeat right; padding:0; margin:0; } .angledBox h3 span { background: url("../grafiken/layout/angledBox_title_barleft.gif") no-repeat left; height:24px; line-height:24px; width:auto; float:left; color:#3076A7; font-weight:bold; padding: -15px; } .angledBox td.rowOdd { background-color:#F6F6F6; color:#4F4F4F; height:22px; line-height:22px; padding-left:10px; padding-right:10px; } .angledBox td.rowEven { background-color:#E4E4E4; color:#4F4F4F; height:22px; line-height:22px; padding-left:10px; padding-right:10px; } .angledBoxNavigation { height:32px; line-height: 32px; width:100%; padding:0px; margin:0px; } .angledBoxNavigation ul { list-style-type:none; padding:0px; margin:0px; height:32px; line-height:32px; width:100%; font-weight:bold; background:url("../grafiken/layout/messenger_navigation_none.jpg") repeat-x;} .angledBoxNavigation ul li { list-style:none; height:32px; line-height:32px; width:75px; padding:8px; border:1px solid #c6c7c6; border-bottom:1px solid #808080; margin:0px 2px 0px 0px; _margin:0px 4px 10px 0px; font-size:12px; display:inline; background:url("../grafiken/layout/navigation_profiltab.jpg") repeat-x #f6f6f6; } .angledBoxNavigation ul li.active { height:32px; line-height:32px;padding: 8px; border:1px solid #808080; display:inline; background:url("../grafiken/layout/navigation_profiltab.jpg") repeat-x #f6f6f6; background-position:0px -32px;} .angledBoxNavigation ul li:hover { height:32px; line-height:32px;padding: 8px; border:1px solid #808080; border-bottom:1px solid #000; display:inline; background:url("../grafiken/layout/navigation_profiltab.jpg") repeat-x #f6f6f6; background-position:0px -32px;} .angledBoxNavigation ul li.active:hover { border-bottom:1px solid #808080;} .angledBoxNavigation li a { color:#000; width:100px; margin:0px;} .angledBoxNavigation li.active a { color:#fff; font-weight: normal; } /*357288*/ .angledBoxNavigation li:hover a { color:#fff; font-weight: normal; width: 100px; } /*FFA500*/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Profil-Bild -Hintergrund ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .imgBackgroundProfile {padding:10px 0px 0px 9px; width:175px; height: 211px; background:url('../grafiken/layout/background_profile.gif') no-repeat; } .imgBackgroundProfile div {float:left; margin:0px; padding:0px; width:152px; height: 152px;} .imgBackgroundProfileSmall {padding:3px 0px 0px 3px; width:49px; height: 50px; background-color:#ccc; margin:0px 0px 0px 3px; background:url('../grafiken/layout/background_profile_small.gif') no-repeat;} .imgBackgroundProfileSmall div {float:left; width:42px; height: 42px; margin:0px; padding:0px;} .imgBackgroundClan {padding:10px 0px 0px 9px; width:227px; height: 211px; background:url('../grafiken/layout/background_clan.gif') no-repeat; } .imgBackgroundClan div {float:left; margin:0px; padding:0px; width:204px; height: 153px;} .imgBackgroundClanSmall {padding:3px 0px 0px 3px; width:65px; height: 50px; background-color:#ccc; margin:0px 0px 0px 3px; background:url('../grafiken/layout/background_clan_small.gif') no-repeat;} .imgBackgroundClanSmall div {float:left; width:58px; height: 42px; margin:0px; padding:0px;} .imgBackground { background:url('../grafiken/layout/background_profile.gif') no-repeat; padding-left:2px; padding-top:10px; padding-right:10px; width:167px; height:211px; } .imgBackgroundGroup { background:url('../grafiken/layout/background_profile.gif') no-repeat; padding-left:2px; padding-top:10px; padding-right:10px; width:167px; height:211px; } .imgBackgroundSmall { background:url('../grafiken/layout/imgBackgroundSmall1.gif') no-repeat; width:49px; height:50px; margin:0px; padding:0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Startseite ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #entryImg {position:relative;width:100%;height:442px;border:1px solid #c3c3c3;padding:0px;margin:0px;cursor:pointer;} #entryImg .home_big1 {position:absolute;bottom:162px;width: 100%;height: 280px;padding: 0px;margin: 0px;background:url("../grafiken/layout/box/homeBig1.jpg") no-repeat left #ffffff;display:block;} #entryImg .home_big2 {position:absolute;bottom:162px;width: 100%;height: 0px;padding: 0px;margin: 0px;background:url("../grafiken/layout/box/homeBig2.jpg") no-repeat left #ffffff;display:block;} #entryImg .home_big3 {position:absolute;bottom:162px;width: 100%;height: 0px;padding: 0px;margin: 0px;background:url("../grafiken/layout/box/homeBig3.jpg") no-repeat left #ffffff;display:block;} #entryImg #small {position: relative;top: 280px;width:100%;height:162px;right:0px;left:0px;} #entryImg #small .home_small3 {position:relative;bottom:0px;width:100%;height:80px;background:url("../grafiken/layout/box/homeSmall3.jpg") no-repeat left #ffffff;display:block;border-top:1px solid #c3c3c3;} #entryImg #small .home_small2 {position:relative;bottom:0px;width:100%;height:80px;background:url("../grafiken/layout/box/homeSmall2.jpg") no-repeat left #ffffff;display:block;border-top:1px solid #c3c3c3;} #entryImg #small .home_small1 {position:relative;bottom:0px;width:100%;height:80px;background:url("../grafiken/layout/box/homeSmall1.jpg") no-repeat left #ffffff;display:none;border-top:1px solid #c3c3c3;} #leftMiddleStartpageColumn {position:relative; width:650px; padding:0px; margin:0px; float:left;} #rightStartpageColumn {position:relative; width:280px; padding:0px; margin:0px 10px 0px 0px;; float:right; line-height:1.1em; font-size:10pt;} #rightStartpageColumn h2 {color:#000; margin-top:15px;} #rightStartpageColumn a {color:#000;} #rightStartpageColumn input {border:#000 1px solid; width:240px;;} /* div.avatarBorder {height:160px; width:140px; border:#aaa 1px solid; padding:10px; margin: 0px; float:left; background-color: #F3F8FC;} div.avatar {height:100%; width:100%; padding:0px; margin:0px; float:left;} div.smallAvatarBorder {height:80px; width:70px; border:#aaa 1px solid; padding:10px; margin:0px 10px; 0px 0px; float:left; background-color: #F3F8FC;} div.smallAvatar {height:100%; width:100%; padding:0px; margin:0px; float:left;}*/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Profile - Berufe ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div.price { float:right; width: 104px; height: 54px; background: url(../grafiken/layout/eventDateBox.gif) no-repeat; font-weight: bold; text-align:center; padding-top: 8px; } div.price span.dateRed { color: #00017e; font-size:16px; } div.boxContentBlue, div.boxContentBlueB { color: #fff; } div.boxContentBlue a, div.boxContentBlueB a { color: #fff; } div.boxContentBlue a:visited, div.boxContentBlueB a:visited { color: #fff; } div.boxContentBlue a:hover, div.boxContentBlueB a:hover { color: orange; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ Forum ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ table.forum1 { font-size:9pt; width:100%; margin:0; padding:0; background:#c4c4c4;} table.forumx { font-size:9pt; width:100%; margin:0; padding:0; background:#c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4;} table.forum { font-size:9pt; width:100%; margin:0; padding:0; background:#c4c4c4; color:#000;} table.forum tbody td { color:#000;} table.forum thead td { font-size: 12px; font-weight:bold; color:white; background:#3388a7; padding:3px;} table.forum thead td { background:#808080;} div.forumAutor { position:relative; float:left; width:150px; background:#ffffff; padding:0px; border:1px solid #c4c4c4; } div.forumAutor div.border { position:relative; margin:10px; width:auto; } div.forumEntry { position:relative; float:right; width:770px; } #middleColumn div.forumEntry { position:relative; float:right; width:770px; } div.forumEntry pre { background: #f9f9f9; border: 1px solid #c4c4c4; padding: 5px; } .categoryHead { font-size: 12px; font-weight: bold; color: white; padding: 2px; background-color: black; padding-left: 25px; } td.posticon1 { height: 40px; background: url("../grafiken/layout/forum_new.gif") no-repeat center #dddddd; } td.posticon0 { height: 40px; background: url("../grafiken/layout/forum_none.gif") no-repeat center #dddddd; } .cat0 { background: #f1f1f1; color: #296980; } .cat1 { background: #ffffff; color: #296980; } .dgrey { background: #585858; color: #fff; border: 0px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; } .activity { font-size:8pt; height: 23px; line-height: 23px; margin: 0px; padding-top: 0px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; border: 1px solid black; background: url(../img/input_verlauf.jpg) repeat-x; } .forumEntry blockquote { background: #fefefe; border: 1px solid #c4c4c4; padding: 5px; } .forum pre { background: #f9f9f9; border: 1px solid #c4c4c4; padding: 5px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ KLASSEN FÜR VERSCHIEDENE HINTERGRÜNDE ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div.backgroundClan { background-image:url('../grafiken/images/mascot_clan.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfile { background-image:url('../grafiken/images/mascot_profile_b.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfileMe { background-image:url('../grafiken/images/mascot_profile_me.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfileMale { background-image:url('../grafiken/images/mascot_profile_male.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfileFemale { background-image:url('../grafiken/images/mascot_profile_female.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfileBlog { background-image:url('../grafiken/images/mascot_blog.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfileGuestbook { background-image:url('../grafiken/images/mascot_book.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundIgnorelist { background-image:url('../grafiken/images/mascot_ignore.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundContactlist { background-image:url('../grafiken/images/mascot_contacts.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundSettings { background-image:url('../grafiken/images/mascot_settings.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundMessages { background-image:url('../grafiken/images/mascot_messagelist.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundProfileData { background-image:url('../grafiken/images/mascot_profile_data.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundInvitation { background-image:url('../grafiken/images/mascot_invitation.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundLaptop { background-image:url('../grafiken/images/mascot_laptop.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundMemberlist { background-image:url('../grafiken/images/mascot_memberlist.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundGrouplist { background-image:url('../grafiken/images/mascot_grouplist.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundEvent { background-image:url('../grafiken/images/mascot_event.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundNews { background-image:url('../grafiken/images/mascot_news.gif'); background-repeat:no-repeat; background-position:right bottom;} div.backgroundNavi { background-image:url('../grafiken/images/mascot_navi.gif'); background-repeat:no-repeat; background-position:right top;} div.backgroundMicrosite { background-image:url('../grafiken/images/mascot_microsite.gif'); background-repeat:no-repeat; background-position:right top;} div.backgroundClassifiedad { background-image:url('../grafiken/images/mascot_classifiedads.gif'); background-repeat:no-repeat; background-position:right top;} div.backgroundCredits { background-image:url('../grafiken/images/mascot_credits.gif'); background-repeat:no-repeat; background-position:right top;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ BilderGallerie - Upload ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #status { padding: 10px 15px; width: 100%; } #status .progress { background: white url('../grafiken/icons/progress.gif') no-repeat; background-position: +50% 0; margin-right: 0.5em; } #status .progress-text { font-size: 0.9em; font-weight: bold; } #status .current-info { padding: 5px; margin-right:50px; width: 200px; height: 100px; float:right; } #list { list-style: none; width: 100%; margin: 0px; margin-left: -40px; } #list li { margin: 2px; padding: 5px; border: 1px solid #c4c4c4; } #list li.file { background: url('../grafiken/icons/file.png') no-repeat 4px 4px; } #list li.file.file-uploading { background-image: url('../grafiken/icons/uploading.png'); background-color: #D9DDE9; } #list li.file.file-success { background-image: url('../grafiken/icons/success.png'); } #list li.file.file-failed { background-image: url('../grafiken/icons/failed.png'); } #list li.file .file-name { font-size: 1.2em; margin-left: 44px; display: block; clear: left; line-height: 40px; height: 40px; font-weight: bold; } #list li.file .file-size { font-size: 0.9em; line-height: 18px; float: right; margin-top: 2px; margin-right: 6px; } #list li.file .file-info { display: block; margin-left: 44px; font-size: 0.9em; line-height: 20px; } #list li.file .file-remove { clear: right; float: right; line-height: 18px; margin-right: 6px; } #list li.file .file-img { width: 25%px; float: right; } /*.boxContent img.galleryImageBackground {padding:20px; margin:0px 10px 0px 10px; border:1px solid #C6C6C6; background-color: #d4d4d4;}*/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ LightBox ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++ ++++ */ /* ++++ ToolTipps ++++ */ /* ++++ ++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ a.tooltip {background: url(../grafiken/icons/info_16.gif); background-repeat: no-repeat; background-position: 0px 4px; padding:5px 0px 5px 16px; margin:0px; } a.tooltip span {display:none; padding:2px 3px; margin-left:8px; text-align:left;} a.tooltip:hover span {display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}