/************************************************************************/ /********* G E N E R E L L E D E F I N I T I O N E N ********/ /************************************************************************/ html, body, div, p, h1, h2, h3, span, a, table, td, form { margin: 0; padding: 0; } td, th { vertical-align: top; } html,body { height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:black; text-align:center; } p /*fuer IE 5.5*/ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; } body /* background nicht HTML zuweisen */ { background-color: #dedede; } a { color: black; text-decoration:none; font-weight:normal; } a:hover { text-decoration:underline; } /************************************************************************/ /********* G L O B A L E L A Y O U T B O X E N **********/ /************************************************************************/ .container { width:920px; text-align:left; margin: 0px auto 0px auto; background:white; } .schatten_oben { width:920px; height:14px; margin:0px; padding:0px; background:white 0px 0px url(schatten_oben.gif) no-repeat; } .header_1 { width:920px; height:130px; margin:0px; padding:0px; background:white 0px 0px url(bg_header.gif) no-repeat; } .header_2 { width:920px; height:31px; margin:0px; padding:0px; background:white 0px 0px url(bg_balken.gif) no-repeat; } .main { float:left; width:920px; text-align:left; margin: 0px; background:white 0px 0px url(bg_kachel_main-2.gif) repeat-Y; } .left, .right { float:left; width:200px; margin-top:0px; margin-left:5px; padding-top: 15px; padding-left:10px; text-align:left; } .right { background-color: #e1e9f1; width: 196px; } .content, .content_homepage { float:left; width:680px; padding: 20px 5px 10px 5px; text-align:left; color:#444444; } .content_homepage { width: 470px; } .footer { width:920px; height:36px; clear:left; padding: 0px; padding-top: 3px; margin-left:0px; margin-top:0px; overflow:hidden; text-align: right; } .footer span { margin-right: 30px; } #cockpit { position:absolute; width:233px; height:16px; margin-left:666px; margin-top:7px; } #balken { width:920px; height:31px; padding:0px; background:transparent 0px 0px url(bg_balken.gif) no-repeat; } /************************************************************************/ /********* E I N Z E L N E L A Y O U T B O X E N **********/ /************************************************************************/ .logo { position:absolute; margin-left:38px; margin-top:30px; width:131px; height:70px; z-index: 99; } .logo img { height: 75px; } .bildmotiv { position:absolute; width:686px; height:122px; margin-left:220px; margin-top:4px; padding:0px; background:0px 0px url(headerbild_aos.jpg) no-repeat; } .navigation { position:absolute; width:337px; height:20px; margin-left:660px; margin-top:7px; padding:0px; font-size: 14px; color: white; font-weight: bold; } .navigation a { color: white; font-weight: bold; } .left h1, .right h1 { width: 185px; background-color: #b8cadd; font-size: 12px; padding-left: 10px; margin-bottom: 5px; } .left a, .right a { background: transparent url(pfeil_link.gif) no-repeat scroll 0 2px; padding-left: 17px; margin-left: 20px; margin-bottom: 5px; display: block; } .error, .meldung { position: absolute; top: 200px; left: 300px; width: 400px; background-color: white; padding: 10px; line-height: 18px; z-index: 999; } .error { border: 5px outset red; } .meldung { border: 5px outset #b8cadd; } .error .err, .meldung .msg { padding-left: 10px; padding-right: 10px; font-size: 15px; line-height: 18px; font-weight: bolder; } .error .top_close, .meldung .top_close { margin-bottom: 10px; cursor: pointer; text-align: right; background-image: url(cancel.png) no-repeay; } .error .bottom_close, .meldung .bottom_close { margin-top: 10px; cursor: pointer; text-align: right; } #box_rund_links { width:146px; margin-left:15px; margin-top:20px; margin-bottom:26px; padding:5px 0px 0px 0px; font-size:11px; font-weight:normal; text-align:left; color:black; background: url(box_rund_re_bg.gif) no-repeat 0px 0px; } #box_rund_links img {margin:5px 0px 3px 0px;}; } #box_rund_links_header { width:146px; height:10px; margin:20px; overflow:hidden; background: url(box_rund_re_header.gif) no-repeat 0px 0px } #box_rund_links_footer { width:146px; height:10px; margin:0px; overflow:hidden; background: url(box_rund_re_footer.gif) no-repeat 0px 0px; } fieldset.box_extranet_login_rechts { display: block; border:none; padding:5px 10px 10px 25px; line-height:20px; background:none; } .box_extranet_login_rechts input { width:110px; height:14px; border: 1px solid #88A7C7; background:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:0px; color: #306194; margin-bottom:2px; margin-top:0px; } .box_extranet_login_rechts input.form_button { height:auto; width:auto; display:block; border: 1px solid #D64C00; background:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:0px 10px 2px 10px; color:#D64C00; margin-bottom:5px; margin-top:9px; } /*******************************************************/ /***************** C O N T E N T *********************/ /*******************************************************/ .content h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; margin-top:0px; margin-bottom:7px; background-color: #b8cadd; line-height: 30px; border-left: 6px solid #d64c00; background-color: #b8cadd; } .content h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; margin-top:0px; margin-bottom:8px; padding:1px 0px 3px 7px; border-left: 6px solid #d64c00; background-color: #b8cadd; } .content h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; margin-top:0px; margin-bottom:7px; border-left: 6px solid #d64c00; background-color: #b8cadd; } .content p { margin-bottom:7px; padding-left: 10px; } .content img { border: none; } .content .loginmandant, .content .passwordvergessen, .content .registrieren { padding-left: 10px; margin-bottom: 7px; } .content .beitrag { border-bottom: 2px dotted red; margin-left: 15px; } .content .beitrag .gebot { margin-left: 20px; margin-bottom: 10px; } .content .beitrag .frage { margin-left: 20px; } .content .beitrag .frage p { font-size: 9px; margin-left: 20px; } .content .beitrag .frage h2 { } .content .beitrag .antwort { margin-left: 20px; } .content .beitrag .antwort p { font-size: 9px; margin-left: 20px; } .content a { background: transparent url(pfeil_link.gif) no-repeat scroll 0 2px; padding-left: 17px; margin-bottom: 4px; color: #d64c00; } .content .suchen { margin-bottom: 15px; } .content .a_plain{ background: none; margin: 0px; padding: 0px; } .content .langtext a { background: none; padding-left: 0px; margin-bottom: 0px; color: #444444; text-decoration: underline; } /********************************************************************************/ /********* M A N D A N T E N D E F I N I T I O N E N ********/ /********************************************************************************/ .uebersichtFragen td { border: 1px solid grey; padding-right: 5px; } .uebersichtFragen .aktion { width: 10px; } .uebersichtFragen .gebot { width: 80px; text-align: right; } .uebersichtFragen .kurztext { width: 300px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .uebersichtFragen .zustand { width: 100px; } .divBewertung { z-index: 1000; display: none; position: absolute; top: 60px; left: 200px; width: 650px; border: 5px outset gold; padding: 10px; background-color: #ffffff; } /********************************************************************************/ /********* A D M I N I S T R A T O R D E F I N I T I O N E N ********/ /********************************************************************************/ .anwaelte .strikeout, .mandanten .strikeout { text-decoration: line-through; } .even { background-color: #ccffcc; } .odd { background-color: #ffffff; } .formular-mailtemplate input, .formular-mailtemplate textarea { font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; } .scrolldiv { overflow: auto; height: 400px; } .letztefragen a { background: none; margin: 0px; padding: 0px; } /********************************************************************************/ /********* LINKFORMATE ********/ /********************************************************************************/ .ttext {font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#a0b7bb;font-weight:normal;margin: 0px;} .ttlink {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;margin:0px 0px 0px 0px;color:black;} /********************************************************************************/ /********* UPDATES 02/2018 ********/ /********************************************************************************/ @font-face { font-family: 'OS'; src: url('fonts/opensans-regular-webfont.eot'); src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#sorts_mill_goudyitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OSb'; src: url('fonts/opensans-semibold-webfont.eot'); src: url('fonts/opensans-semibold-webfont?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#sorts_mill_goudyitalic') format('svg'); font-weight: normal; font-style: normal; } body { background: center 0 url(bg_body.gif) repeat; font-family: 'OS', Verdana, sans-serif; letter-spacing: 0.00em; font-size: 12px; } p { font-family: 'OS', Verdana, sans-serif; font-size: 13px; line-height: 18px; } .langtext{ line-height: 18px; } .container { width: 920px; text-align: left; margin: 30px auto 30px auto; background: #fff; box-shadow: 0 3px 12px 0 #b7bcc3; -moz-box-shadow: 0 3px 12px 0 #b7bcc3; -webkit-box-shadow: 0 3px 12px 0 #b7bcc3; -o-box-shadow: 0 3px 12px 0 #b7bcc3; -ms-box-shadow: 0 3px 12px 0 #b7bcc3; } .schatten_oben { width: 920px; height: 0px; margin: 0px; padding: 0px; background: none; } .header_1 { width: 920px; height: 130px; margin: 0px; padding: 0px; background: none; /* background: #fff; box-shadow: 0 0 12px 0 #b7bcc3; -moz-box-shadow: 0 0 12px 0 #b7bcc3; -webkit-box-shadow: 0 0 12px 0 #b7bcc3; -o-box-shadow: 0 0 12px 0 #b7bcc3; -ms-box-shadow: 0 0 12px 0 #b7bcc3;*/ } .bildmotiv { position: absolute; width: 686px; height: 130px; margin-left: 220px; margin-top: 0px; padding: 0px; background: 0px 0px url(headerbild_aos.png) no-repeat; } #balken { width: 920px; height: 31px; padding: 0px; background: 0 0 url(bg_navigation.png) repeat-x; } #cockpit { position: absolute; width: 400px; height: 16px; margin-left: 600px; margin-top: 7px; } #cockpit a { margin-right:30px; } .mainn { float: left; width: 920px; text-align: left; margin: 0px; background: none; } .left { float: left; width: 195px; margin-top: 0px; margin-left: 10px; padding-top: 15px; padding-left: 10px; text-align: left; background-color: none; } .right { float: left; width: 195px; margin-top: 0px; margin-left: 5px; padding-top: 15px; padding-left: 10px; text-align: left; background-color: #f2f2f2; } /* .content a { background: transparent url(pfeil_link.gif) no-repeat scroll 0 2px; padding-left: 17px; margin-bottom: 4px; color: #0356a6; }*/ .content a { background: none; padding-left: 0px; margin-bottom: 0px; color: #0356a6; } .content h1 { font-family: 'OSb', Verdana, sans-serif; font-size: 16px; font-weight: normal; margin-top: -5px; margin-bottom: 7px; line-height: 30px; padding: 8px 0px 8px 7px; border-left: 0px solid ; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color: #4788c4; color:#fff; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 50%); } .content h2 { font-family: 'OSb', Verdana, sans-serif; font-size: 16px; font-weight: normal; margin-top: -5px; margin-bottom: 8px; padding: 14px 0px 18px 7px; border-left: 0px solid ; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; background-color: #4788c4; color:#fff; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 50%); } .content h3 { font-family: 'OS', Verdana, sans-serif; font-size: 13px; margin-top: -5px; line-height: 30px; padding: 4px 0px 4px 7px; border-left: 0px solid ; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; background-color: #4788c4; color:#fff; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 50%); } .content h4 { font-family: 'OS', Verdana, sans-serif; font-size: 13px; margin: 15px 0px 15px 0px; !important; line-height: 30px; padding: 4px 0px 4px 7px; border-left: 0px solid ; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; background-color: #4788c4; color:#fff; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 50%); } .StartHeadline { font-weight:normal; font-family: 'OSb', Verdana, sans-serif; color:#0356a6; font-size: 18px; } .left h1 { width: 185px; background-color: #4788c4; color:#fff; font-size: 13px; padding: 15px 0px 2px 9px; margin-left:-5px; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 50%); } .right h1 { width: 195px; background-color: #4788c4; color:#fff; font-size: 13px; padding: 15px 0px 2px 9px; margin-right:10px; margin-left:-10px; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 50%); } .right h1.ZweiZeiler { padding: 15px 0px 15px 9px; } .left h1.ZweiZeiler { padding: 15px 0px 15px 9px; } .left a { background: transparent url(pfeil_link.gif) no-repeat scroll 0 3px; padding-left: 17px; margin-left: 8px; margin-bottom: 5px; display: block; } .right a { background: transparent url(pfeil_link.gif) no-repeat scroll 0 4px; padding-left: 17px; margin-left: 5px; margin-bottom: 5px; display: block; } .box_extranet_login_rechts input.form_button { border: 1px solid #0356a6; color: #0356a6; font-family: Open Sans, sans-serif; } #box_rund_links { width: 160px; margin-left: 5px; margin-top: 10px; margin-bottom: 26px; padding: 5px 0px 0px 5px; font-size: 12px; font-weight: normal; text-align: left; color: black; border: 2px solid #b0ceeb; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; } #box_rund_links_footer { height: 0px; margin: 0px; background: none } fieldset.box_extranet_login_rechts { display: block; border: none; padding: 5px 10px 10px 5px; line-height: 20px; background: none; } .box_extranet_login_rechts input { width: 180px; height: 12px; padding: 7px 10px 9px 5px; margin: 3px 0 4px 0; border: 2px solid #6da3d6; font: 13px/13px 'Open Sans',Arial,sans-serif; color: #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background: #fafafa; border: 1px solid #bbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 2px 1px #d8d8d8; -webkit-box-shadow: inset 0 1px 2px 1px #d8d8d8; box-shadow: inset 0 1px 2px 1px #d8d8d8; } .box_extranet_login_rechts input:hover { background: #fff; } .box_extranet_login_rechts input.form_button { height: 22px; width: auto; display: block; background-image: linear-gradient(to top, #0356a6 0%, #4788c4 60%); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#fff; padding: 0px 10px 2px 10px; margin-bottom: 5px; margin-top: 9px; } .box_extranet_login_rechts input.form_button:hover { background-image: linear-gradient(to top, #4788c4 0%, #0356a6 60%); } .letztefragen { margin-left:-10px; padding:0px; } .letztefragen a { background: none; margin: 0px; padding-left: 3px; font-size:11px; } .letztefragen td { padding-bottom: 5px; } .footer { height:22px; background-color: #0356a6; background: 0 0 url(bg_navigation.png) repeat-x; } .footer span a{ color: #fff; } td.TdMiddle { vertical-align: middle; width: 100px; } .Zaehler { font-size:11px; margin-left:5px; } .EsGeht li { margin-left:-23px; } .box_extranet_login_rechts input AGB{ border: 5px ; background-color: none; background: none; } /* assdublau #0356a6; mblau #4788c4; mhblau #90bee9; hblau #e9f1fa; */ td.Frage { margin: 0; padding: 3px; } #CheckAGB { width: 180px; height: 12px; font: 13px/13px 'Open Sans',Arial,sans-serif; color: #333; border-radius: 0px; background: none; border: 0px solid #fff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: inset 0 0px 0px 0px #d8d8d8; -webkit-box-shadow: inset 0 0px 0px 0px #d8d8d8; box-shadow: inset 0 0px 0px 0px #d8d8d8; }