/* top right bottom left */ body { margin: 246px 0px 0px 0px; padding: 0px; } body { font-family: arial,verdana,sans_serif; font-size: 11px; color: #000000; } body { background-color: #ffffff; background-image: url(../layout_pics/body_vertical_strip.png); background-repeat: repeat-y; background-position: 24px; } .clear { clear: both; } img { border: 0px none; } ul, li, form { padding: 0px; margin: 0px; } input, button, select, option { font-size: 10px; } textarea { font-family: arial,helvetica,verdana,sans_serif; font-size: 11px; } h1 { font-weight: bold; font-size: 16px; margin: 0px; padding: 0px 0px 8px 0px !important; } h2 { font-weight: bold; font-size: 11px; margin: 0px; padding: 0px 0px 5px 0px !important; } #headstrip { height: 216px; width: 100%; position: absolute; top: 0px; left: 0px; background-image: url(../layout_pics/headstrip.png); background-repeat: repeat-x; } #head { width: 1084px; height: 216px; position: absolute; top: 0px; left: 0px; background-image: url(../layout_pics/head_background.jpg); background-repeat: no-repeat; } #print-button { display: block; width: 47px; line-height: 24px; height: 24px; position: absolute; bottom: 0px; left: 24px; color: #143278; text-decoration: none; text-align: center; } #print-button:hover { color: #ffffff; background-color: #689FCA; } #search-form { position: absolute; bottom: 0px; right: 160px; } .search-form-text { background-color: #ffffff; color: #143278; border: 0px none; width: 129px; vertical-align: middle; padding: 1px 4px 1px 4px; margin: 0px; } .search-form-btn { vertical-align: middle; padding: 0px; margin: 0px; } #main-nav { position: absolute; left: 73px; bottom: 0px; } #main-nav li { list-style-type: none; float: left; } #main-nav a { border-right: 1px solid #689FCA; color: #143278; width: 90px; text-decoration: none; display: block; line-height: 24px; text-align: center; background-color: #BFD3E6; } #main-nav a:hover { color: #ffffff; background-color: #689FCA; } #main-nav .itsme { color: #ffffff; background-color: #689FCA; } #main-nav .login { color: #ffffff; background-color: #0868AC; } .content-body { width: 900px; margin: 0px 0px 0px 24px; } .content-body p { margin: 0px 0px 12px 0px; padding: 0px; line-height: 140%; } .left-col { width: 228px; float: left; } .left-col ul li { list-style-type: none; } .left-col ul li.open { background-image: url(../layout_pics/color0.png); background-repeat: no-repeat; background-position: 23px top; } .left-col ul li.open.itsme { background-image: url(../layout_pics/color0_2.png); } .left-col ul li a { overflow: hidden; margin-left: 49px; padding-left: 7px; width: 172px; color: #808080; text-decoration: none; display: block; line-height: 24px; height: 24px; } .left-col ul li a:hover { color: #000000 !important; } .left-col ul li.open a { color: #000000 !important;} .left-col ul #l2copen { background-image: url(../layout_pics/color0.png); } .left-col ul #l2copenitsme { background-image: url(../layout_pics/color0.png); } .left-col ul li.l2.open a.l2 { background-color: #FFFFFF; } .left-col ul #l3copen { background-image: url(../layout_pics/color0_2.png); } .left-col ul #l3copenitsme { background-image: url(../layout_pics/color0_2.png); } .left-col ul li.l3 a { background-color: #E1E1E1 !important; } .left-col ul li.l3.open a.l3 { background-color: #D2D2D2 !important; } .left-col ul li.l4 a { background-color: #F0F0F0; } .left-col ul #l4copen { background-image: url(../layout_pics/color0_3.png); } .left-col ul #l4copenitsme { background-image: url(../layout_pics/color0_3.png); } /* ########################################## */ .left-col ul li.l4.c1 a { background-color: #F0F0F0} .left-col ul #l3c1open { background-image: url(../layout_pics/color1.png); } .left-col ul #l3c1openitsme { background-image: url(../layout_pics/color1.png); } .left-col ul #l4c1openitsme { background-image: url(../layout_pics/color1_2.png); } .left-col ul li.l4.c2 a { background-color: #BFE4F5} .left-col ul #l3c2open { background-image: url(../layout_pics/color2.png); } .left-col ul #l3c2openitsme { background-image: url(../layout_pics/color2.png); } .left-col ul #l4c2openitsme { background-image: url(../layout_pics/color2_2.png); } .left-col ul li.l4.c3 a { background-color: #DAD9EA} .left-col ul #l3c3open { background-image: url(../layout_pics/color3.png); } .left-col ul #l3c3openitsme { background-image: url(../layout_pics/color3.png); } .left-col ul #l4c3openitsme { background-image: url(../layout_pics/color3_2.png); } .left-col ul li.l4.c4 a { background-color: #E6D8E9} .left-col ul #l3c4open { background-image: url(../layout_pics/color4.png); } .left-col ul #l3c4openitsme { background-image: url(../layout_pics/color4.png); } .left-col ul #l4c4openitsme { background-image: url(../layout_pics/color4_2.png); } .left-col ul li.l4.c5 a { background-color: #F7D9E9} .left-col ul #l3c5open { background-image: url(../layout_pics/color5.png); } .left-col ul #l3c5openitsme { background-image: url(../layout_pics/color5.png); } .left-col ul #l4c5openitsme { background-image: url(../layout_pics/color5_2.png); } .left-col ul li.l4.c6 a { background-color: #FAD6D4} .left-col ul #l3c6open { background-image: url(../layout_pics/color6.png); } .left-col ul #l3c6openitsme { background-image: url(../layout_pics/color6.png); } .left-col ul #l4c6openitsme { background-image: url(../layout_pics/color6_2.png); } .left-col ul li.l4.c7 a { background-color: #FCE3BF} .left-col ul #l3c7open { background-image: url(../layout_pics/color7.png); } .left-col ul #l3c7openitsme { background-image: url(../layout_pics/color7.png); } .left-col ul #l4c7openitsme { background-image: url(../layout_pics/color7_2.png); } .left-col ul li.l4.c8 a { background-color: #FBF4BF} .left-col ul #l3c8open { background-image: url(../layout_pics/color8.png); } .left-col ul #l3c8openitsme { background-image: url(../layout_pics/color8.png); } .left-col ul #l4c8openitsme { background-image: url(../layout_pics/color8_2.png); } .left-col ul li.l4.c9 a { background-color: #EBF2C0} .left-col ul #l3c9open { background-image: url(../layout_pics/color9.png); } .left-col ul #l3c9openitsme { background-image: url(../layout_pics/color9.png); } .left-col ul #l4c9openitsme { background-image: url(../layout_pics/color9_2.png); } /* ########################################## */ .center-col-norm { width: 468px; float: left; margin-left: 24px; } .right-col-wide { width: 648px; float: right; } .right-col { width: 180px; float: right; } .center-col-norm a, .right-col-wide a, .right-col a { color: #0768AC; text-decoration: none; } .center-col-norm a:hover, .right-col-wide a:hover, .right-col a:hover { text-decoration: underline; } .foot-upper { background-color: #689FCA; height: 24px; margin-top: 24px; } .foot-upper-inner { background-color: #689FCA; height: 24px; line-height: 24px; border-left: 2px solid #B4CFE5; margin-left: 71px; padding-left: 26px; color: #ffffff; } .foot-lower { background-color: #BFD3E6; height: 24px; } .foot-lower-inner { height: 24px; border-left: 2px solid #DFE9F3; color: #143278; margin-left: 71px; padding-left: 14px; } .foot-lower-inner ul { } .foot-lower-inner li { margin-top: 5px; padding: 0px 12px 0px 12px; list-style-type: none; float: left; border-right: 1px solid #6A83AF; } .foot-lower-inner li.last { border: 0px none; } .foot-lower-inner a { color: #143278; text-decoration: none; } .norm-text { margin-bottom: 18px; clear: both; } .center-col-norm .norm-text { width: 444px; } .norm-text ul, .text-mit-bild ul, .col-3-item ul, .col-2-item ul { list-style-type: none; padding: 8px 0px 8px 0px !important; } .norm-text ul li, .text-mit-bild ul li, .col-3-item ul li, .col-2-item ul li { padding-bottom: 5px; background-image: url(../layout_pics/list_item.png); } .norm-text ul li, .text-mit-bild ul li, .col-3-item ul li, .col-2-item ul li { background-repeat: no-repeat; background-position: left 2px; padding-left: 20px; margin-left: 0px; } .bigimg { margin-bottom: 18px; overflow: hidden; } .bigflash { width: 444px; height: 350px; margin-bottom: 18px; } .bigimg div.gallery-item { clear: both; display: none;} .bigimg div.gallery-item.itsme { display: block; } .bigimg .galimg { float: left; margin: 0px 10px 0px 0px !important; } .bigimg p { margin: 0px; padding: 0px; } .gallery-nav { } .gallery-nav a { display: block; float: left; text-decoration: none; width: 24px; height: 24px; margin-right: 5px; margin-top: 10px; background-image: url(../layout_pics/gallery_grey.png); background-repeat: no-repeat; } .gallery-nav a:hover { background-image: url(../layout_pics/gallery_blue.png); } .gallery-nav a.itsme { background-image: url(../layout_pics/gallery_blue.png); } .text-mit-bild { margin-bottom: 12px; clear: both; width: 444px; } .text-mit-bild .links { float: left; padding-right: 12px; padding-bottom: 5px; margin-top: 4px; } .text-mit-bild .rechts { float: right; padding-left: 12px; padding-bottom: 5px; margin-top: 4px; } .text-mit-bild .b-t-sub { padding: 6px 0px 0px 0px; margin: 0px; font-size: 10px; color: #5F5F5F; font-style: italic; } /* download */ .download { padding-bottom: 12px; clear: both; } .download-l { float: left; width: 60%; } .download-m { float: left; width: 15%; text-align: right; } .download-r { float: right; width: 25%; text-align: right; } /* teaser */ .teaser { padding-bottom: 18px; height: 68px; width: 444px; clear: both; } .search-teaser { padding-bottom: 18px; height: 68px; width: 624px; clear: both; } .teaser-big-pic { position: relative; float: left; width: 200px; } .teaser-pic-c0, .teaser-pic-c1, .teaser-pic-c2, .teaser-pic-c3, .teaser-pic-c4, .teaser-pic-c5, .teaser-pic-c6, .teaser-pic-c7, .teaser-pic-c8, .teaser-pic-c9 { height: 68px; width: 24px; background-repeat: no-repeat; background-position: left top; position: absolute; left: 0px; right: 0px; } .teaser-pic-c0 { background-image: url(../layout_pics/teaser-pic-c0.png); } .teaser-pic-c1 { background-image: url(../layout_pics/teaser-pic-c1.png); } .teaser-pic-c2 { background-image: url(../layout_pics/teaser-pic-c2.png); } .teaser-pic-c3 { background-image: url(../layout_pics/teaser-pic-c3.png); } .teaser-pic-c4 { background-image: url(../layout_pics/teaser-pic-c4.png); } .teaser-pic-c5 { background-image: url(../layout_pics/teaser-pic-c5.png); } .teaser-pic-c6 { background-image: url(../layout_pics/teaser-pic-c6.png); } .teaser-pic-c7 { background-image: url(../layout_pics/teaser-pic-c7.png); } .teaser-pic-c8 { background-image: url(../layout_pics/teaser-pic-c8.png); } .teaser-pic-c9 { background-image: url(../layout_pics/teaser-pic-c9.png); } .teaser-flash { float: left; height: 68px; width: 200px; text-align: right; } .teaser-body { height: 68px; width: 230px; float: right; position: relative; } .teaser-text { width: 230px; position: absolute; left: 0px; bottom: 0px; } .search-teaser-body { height: 68px; width: 410px; float: right; position: relative; } .search-teaser-text { width: 410px; position: absolute; left: 0px; bottom: 0px; } .suchbegriff { background-color: #689FCA; color: #ffffff; } .search-teaser-big-pic { position: relative; float: left; width: 200px; } .col-3-item { float: left; width: 132px; margin: 0px 24px 24px 0px; } .col-3-item img { margin-bottom: 12px; } .col-2-item { float: left; width: 210px; margin: 0px 24px 24px 0px; } .col-2-item img { margin-bottom: 12px; } .sitemap { display: block; margin-bottom: 8px; } .sitemap { background-image: url(../layout_pics/list_item.png); background-repeat: no-repeat; padding-left: 20px; background-position: left center; } .sitemap { text-decoration: none; } .sitemap:hover { text-decoration: underline; } /* special-teaser */ .special-teaser { width: 444px; background-color: #E1E1E1; margin-bottom: 18px; } .special-teaser-text { line-height: 24px; padding-left: 12px; padding-bottom: 2px; } .special-teaser a { color: #808080; text-decoration: none; display: block; width: 444px; } .special-teaser a:hover { color: #000000; opacity: 0.3; filter: alpha(opacity=30); } /* languages */ #languages { position: absolute; bottom: 33px; right: 180px; } #languages a { padding-left: 6px; text-decoration: none; border: 1px solid #689ECA; } #languages a img{ border: 1px solid #689ECA; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5; } #languages a:hover img{ border-color: black; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1; } #languages a img.actlang, #languages a img:hover{ filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1; } .success { color: green; } .fail { color: red; } .service { margin-bottom: 20px; margin-right: 20px; } .service-left { float: left; } .service-right { float: right;} .person { width: 160px; float: left; margin-bottom: 12px; } .person-text { width: 150px; height: 85px; overflow: hidden; padding-top: 16px; } .person-img { } /* Personalformular */ .form-anrede { margin-bottom: 15px; } .form-anrede .first { width: 100px; float: left; } .form-anrede .second { float: left;} .personal-set-left { float: left; margin: 0px; padding: 0px; } .personal-set-right { float: right; margin: 0px; padding: 0px; } .personal-set-left { width: 320px; margin-bottom: 0px } .personal-set-right { width: 310px; margin-bottom: 0px } .personal-set-textarea { width: 640px; padding-bottom: 10px } .personal-area-right { float: left; width: 538px; padding-bottom: 10px } .personal-label-left { float: left; margin-bottom: 0px; width: 97px; } .personal-input-right { float: left; margin-bottom: 5px; } .personal-set-left input, .personal-set-right input { border: 1px solid #7F7F7F; padding: 1px 0px 1px 0px; width: 200px; } .personal-set-left br, .personal-set-right br, .personal-set-textarea br { clear: both; } .personal-set-textarea textarea { border: 1px solid #7F7F7F; width: 538px; height: 98px; margin-bottom: 5px; } .personal-set-textarea input { display: block; } /* Serviceformular */ .service-set-left { float: left; margin: 0px; padding: 0px; } .service-set-right { float: right; margin: 0px; padding: 0px; } .service-set-left { width: 320px; margin-bottom: 0px } .service-set-right { width: 310px; margin-bottom: 0px } .service-set-textarea { width: 640px; padding-bottom: 10px } .service-area-right { float: left; width: 538px; padding-bottom: 10px } .service-label-left { float: left; margin-bottom: 0px; width: 97px; } .service-input-right { float: left; margin-bottom: 5px; } .service-set-left input, .service-set-right input { border: 1px solid #7F7F7F; padding: 1px 0px 1px 0px; width: 200px; } .service-set-left br, .service-set-right br, .service-set-textarea br { clear: both; } .service-set-textarea textarea { border: 1px solid #7F7F7F; width: 538px; height: 98px; margin-bottom: 5px; } .service-set-textarea input { display: block; } /* Supportformular */ .support-set-left { float: left; margin: 0px; padding: 0px; } .support-set-right { float: right; margin: 0px; padding: 0px; } .support-set-left { width: 320px; margin-bottom: 0px } .support-set-right { width: 310px; margin-bottom: 0px } .support-set-textarea { width: 640px; padding-bottom: 10px } .support-area-right { float: left; width: 538px; padding-bottom: 10px } .support-label-left { float: left; margin-bottom: 0px; width: 97px; } .support-input-right { float: left; margin-bottom: 5px; } .support-set-left input, .support-set-right input { border: 1px solid #7F7F7F; padding: 1px 0px 1px 0px; width: 200px; } .support-set-left br, .support-set-right br, .support-set-textarea br { clear: both; } .support-set-textarea textarea { border: 1px solid #7F7F7F; width: 538px; height: 98px; margin-bottom: 5px; } .support-set-textarea input { display: block; } /* dealer */ .dealer { margin-bottom: 12px; clear: both; width: 444px; border-bottom: 2px solid #83B3D5; } .dealer-l { float: left; width: 100px; margin-bottom: 12px; } .dealer-l img { display: block; margin-bottom: 12px; } .dealer-m { float: left; width: 264px; margin-bottom: 12px; } .dealer-m p { margin: 0px; padding: 0px; } .dealer-r { float: right; width: 80px; text-align: right; margin-bottom: 12px; } /* loginanzeige */ .loginout { text-align: center; position: absolute; top: 0px; right: 160px; color: #ffffff; background-image: url(../layout_pics/spezial-teaser-trans.png); width: 170px; padding: 5px 5px 5px 5px; border-bottom: 5px solid #689ECA; } .loginout a { color: #ffffff; text-decoration: none; font-weight: bold; } .loginout a:hover { text-decoration: underline; } #loginform { margin-top: 40px; } .login-txt { background-color: transparent; width: 200px; border: 1px solid #818182; padding: 1px; font-size: 10px; } .login-desc { margin-bottom: 12px; margin-top: 5px; } .norm-text table { border-collapse: collapse; border: 0px none; font-size: 10px; width: 100%; } .norm-text td, .norm-text th { padding: 6px 4px 6px 4px;} .norm-text .dunkelblau { background-color: #0868AC; color: #ffffff; font-size: 12px; } .norm-text .mittelblau { background-color: #689FCA; color: #ffffff; } .norm-text .hellblau { background-color: #BFD3E6; color: #000000; } .norm-text .grau { background-color: #F0F0F0; color: #000000; } .norm-text .dunkelgrau { background-color: #E1E1E1; color: #000000; } .norm-text .weiss { background-color: #ffffff; color: #000000; }