/*--- general ---*/

    * { padding: 0; margin: 0; border: 0; outline-width: 0; font-family: Arial, sans-serif; }
    html, body { background: #000000; height:100%; }
    .hideme { display: none; }
    .nowrap { white-space: nowrap; }
    .clear { float: none; clear: both; } /* old solution for floating */
    .floatbox { overflow: auto; width: 100%; } /* new solution for floating */
    a img {border:none;}

    body, textarea, input, select, button { font-size: 12px; color: #ffffff; }
    input, select, button { line-height: 16px; }
    #content, textarea { line-height: 21px; }
    h1, h2, h3, h4, h5, h6, legend { margin: 0 0 13px 0;}
    h1 { font-size: 15px; margin:0 0 20px; text-transform:uppercase; color:white;}
    h2, legend { font-size: 15px; line-height: 23px; font-weight: bold; color:#b1b8c1;}
    h3 { font-size: 14px; line-height: 22px; }
    h4, h5, h6 { font-size: 13px; line-height: 21px; color: #333; }
    a { color: white; text-decoration: none;}
    a:hover { text-decoration: underline; }
    ul, ol { list-style: none; }
    p { margin: 0 0 13px 0; font-style: normal; }

    .zms_graphic { margin: 0 0 13px 0; }
        .zms_graphic.left { text-align: left; }
        .zms_graphic.right { text-align: right; }
        .zms_graphic.floatleft { float: left; margin: 0 20px 0 0; }
        .zms_graphic.floatright { float: right; margin: 0 0 0 20px; }
        .zms_graphic.center { text-align: center; }
    .graphic.alignleft { float: left; text-align: right; }
    .graphic.alignright { float: right; text-align: right; }

/*--- editor ---*/

    body#epozcontent { padding: 10px; background: #ffffff; color: #333; line-height: 21px; }

/*--- list ---*/

    #content ul, ol { padding: 0 0 13px 15px; }
    #content li { padding: 0 20px 0 17px; background: url(../images/arrow.gif) no-repeat 0 5px; }

/*--- lightbox ---*/

    #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
    #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
    #jquery-lightbox a img{border:none; }
    #lightbox-container-image-box{position:relative;background-color:#ffffff;width:250px;height:250px;margin:0 auto;}
    #lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
    #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
    #lightbox-container-image-box > #lightbox-nav{left:0; }
    #lightbox-nav a{outline:none;}
    #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;}
    #lightbox-nav-btnPrev{left:0; float:left;}
    #lightbox-nav-btnNext{right:0; float:right;}
    #lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#ffffff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
    #lightbox-container-image-data{padding:0 10px; color:#666; }
    #lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left; }
    #lightbox-image-details-caption{font-weight:bold; font-size:13px; color:#57AC91;}
    #lightbox-image-details-caption br {display:none;}
    #lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em;}
    #lightbox-secNav-btnClose{width:89px; float:right;padding-bottom:0.7em;}


/*--- general form ---*/

    .section { padding-bottom: 8px; }
        #content .section h3 { margin: 0; float: none; clear: both; }
    form { width: 530px; }
        form br { clear: both; display: none; }
        form label { display: block; padding: 0 0 6px 0; float: left; width: 170px; }
        form input { width: 155px; }
        form select { width: 161px; }
        form textarea { width: 494px; height: 150px; }
        form span { display: block; padding-bottom: 2px; }
        form label.error span { color: #b1b8c1; font-weight:bold; }
        form label.error input, form label.error textarea { border: 1px solid white; color: black; }
        form label.error input.focus, form label.error input:focus, form label.error textarea.focus, form label.error textarea:focus { border: 1px solid #b1b8c1; }
        form label.nofloat { float: none; width: auto; }
        form .text label { width: auto; }
        form .text input { width: 494px; }
        form label.postcode { width: 110px; }
            form label.postcode input { width: 95px; }
        form label.location { width: 230px; }
            form label.location input { width: 215px; }
        form label.email { width: 342px; }
            form label.email input { width: 325px; }
        form label.job { width: auto; }
            form label.job input { width: 495px; }
        form label.antispam { width: auto; }
            form label.antispam input { width: 325px; }
        form label.radio { padding: 0 0 2px 0; }
            form label.radio span { display: inline; }
            form label.radio input { width: auto; background: none; border: 0; }
        form .google_maps { width: auto;}
            form .google_maps input { margin-top: 13px; width: 200px; }
        form .search { width: auto; }
            form .search input { margin-top: 13px; width: 200px; }
    input.focus, textarea.focus, input:focus, textarea:focus { border: 1px solid #333; background:#b1b8c2;}
    input, select { padding: 2px 2px; background: #9da1aa; color: black; border: 1px solid #333; }
    select { padding: 1px; }
    textarea { padding: 2px; background: #9da1aa; color: black; border: 1px solid #333; }
    button { padding: 3px 3px 0 3px; margin: 0 0 13px 0; cursor: pointer; border: 1px solid #333; background: #6b6d72; color:white;}
    #form_selections { margin: 0 0 13px 0; }

/*--- general table ---*/

    table { margin: 1px 0 13px 1px; border-collapse: collapse;}
        table tr { background: none; }
        table td, table th { padding: 2px 10px; vertical-align: top; border: 1px solid #000000; }
        table thead td, table thead th { font-weight: bold; color: #ffffff; background: #000000; border: 1px solid #000000; vertical-align: bottom; }
        table thead tr:hover { background: none; }
        table th { text-align: left; background: #2b8bd3; color: #ffffff; }
        table .even { background: none; }
        table .odd { background: none; }
    .notable table { background: none; }
        .notable table td, .notable table th { padding: 0 30px 0 0; vertical-align: top; border: 0; color: #ffffff; }
        .notable table thead td, .notable table thead th { font-weight: bold; color: #ffffff; background: none; }
        .notable table th { background: none; }
        .notable table tbody tr:hover th, .notable table tbody tr.hover th, .notable table tbody tr:hover td, .notable table tbody tr.hover td { background: none; color: #ffffff; }
    .thead { display: none; }
    td.download, td.link {border: none;}

/*--- address, impressum ---*/

    .address .float { float: left; margin: 0 20px 0 0; }
    .notable .impressum { border-top: 1px solid #333; border-bottom: 1px solid #333; }
        .notable .impressum td, .notable .impressum th { padding: 3px 0; border-top: 1px solid #333; }
        .notable .impressum th { padding: 3px 13px 3px 0; }
        .impressum .nopadding { margin: 0; }

/*--- sitemap ---*/

    #sitemap { padding: 0; }
    #sitemap li { padding: 0 0 13px 0; background: none; }
    #sitemap li a { font-size: 15px; line-height: 23px; font-weight: bold; }
    #sitemap li li { margin: 0 0 0 17px; padding: 0 0 0 17px; }
    #sitemap li li a { font-size: 13px; line-height: 21px; font-weight: normal; text-decoration: underline; }
    #sitemap li li a:hover { text-decoration: none; }
    #sitemap li li li { margin: 0; }
    #sitemap ul { padding: 13px 0 0 0; }
    #sitemap ul ul { padding: 10px 0; }
    #sitemap ul ul a {text-decoration:none;}

/*--- navigation ---*/

    #nav li li li { display: none; }

/*--- design ---*/

    #center {position:absolute; top:6px; bottom:7px; left:50%; width:960px; margin:0 0 0 -480px; }
    .startpage #center {top:50%; bottom:0; left:50%; margin:-275px 0 0 -480px; width:960px; height:550px;}
    #whitebox {position:absolute; top:25px; right:0; bottom:25px; left:0; border:1px solid white; border-bottom:1px solid white; background:#50565e url(../images/whitebar_bg.jpg) repeat-x top;}
    .startpage #whitebox {background:url(../images/sujet_start1.jpg) no-repeat top right; border:1px solid white;}

    /* startpage */
    #bases_overview {width:519px; height:498px; background:url(../images/logo_bg.jpg) no-repeat;}
    #bases_overview ul {padding:0; float:right;}
    #bases_overview li {float:left; width:42px; height:498px; border-right:1px solid white; padding:0; background:url(../images/basecontent_bg.gif) bottom left; overflow:hidden; position:relative;}
    #bases_overview a.title {display:block; width:42px; height:498px; float:left; float:right; border-left:1px solid white;}
    #bases_overview h2 {margin:0;}
        .base_content {width:304px; height:498px; border-right:1px solid white; position:absolute; right:42px;}
        .base_logo {padding:305px 0 0 0;}
        .base_text {padding:18px 18px 0 18px;}
        .base_text a {font-weight:bold;}
            li.spectacle_optics .title, li.kinderbrillen .title {background:#ffd657 url(../images/base1_title.gif) no-repeat right top;}
            li.eye_specialist .title {background:#2b7db1 url(../images/base4_title.gif) no-repeat right top;}
            li.contact_lenses .title {background:#d68496 url(../images/base2_title.gif) no-repeat right top;}
            li.eye_wellness .title {background:#57ac91 url(../images/base3_title.gif) no-repeat right top;}
            li.eye_surgery .title {background:#bf454c url(../images/base5_title.gif) no-repeat right top;}
            li.active a {background-position:right -500px!important;}
            li.spectacle_optics .base_logo, li.kinderbrillen .base_logo {background:url(../images/logos/brillenoptik_start.jpg);}
            li.eye_specialist .base_logo {background:url(../images/logos/augenarzt_start.jpg);}
            li.contact_lenses .base_logo {background:url(../images/logos/kontaktlinsen_start.jpg);}
            li.eye_wellness .base_logo {background:url(../images/logos/augenwellness_start.jpg);}
            li.eye_surgery .base_logo {background:url(../images/logos/augenchirurgie_start.jpg);}

    /* nav */
    #nav {position:absolute; top:0; right:0; left:0; height:26px; border-bottom:7px solid white; padding:3px 0 0 10px; background:#b1b8c1;}
    .spectacle_optics #nav, .kinderbrillen #nav {background:#ffd657;}
        .spectacle_optics #nav a, .kinderbrillen #nav a {color:black;}
    .eye_wellness #nav {background:#57ac91;}
    .contact_lenses #nav {background:#d68496;}
    .eye_specialist #nav {background:#2b7db1;}
    .eye_surgery #nav {background:#bf454c;}
    #nav li {float:left; height:26px; padding:0 7px 0 0; background:url(../images/navli_bg.gif) no-repeat right bottom; }
    #nav li a {color:white; height:20px; display:block; padding:6px 5px 0 12px; float:left;}
    #nav li.active, #nav li.activenode {background-image:url(../images/navli_end.gif);}
    #nav li.active a, #nav li.activenode a {background:url(../images/nav_start.gif)!important; color:black;}
    .eye_specialist #nav li.active a, .eye_specialist #nav li.activenode a {color:#b1b8c1;}
    #nav li.first a.active, #nav li.first a.activenode {background:url(../images/nav_startf.gif) no-repeat!important;}
    #nav li.first a {background:none!important;}

    #divbox {position:absolute; top:57px; right:250px; left:100px;}
    #subnav {float:right;}
    #subnav li {float:left; border-right:1px solid white; padding:0 12px 0 0; margin:0 12px 5px 0; line-height:15px;}
    #subnav li a {color:white;}
    #subnav li.last {border:none; margin:0; padding:0;}
    #subnav li.active a, #subnav li.activenode a {color:#d6d6d6; text-decoration:underline;}

    /* bases_switch */
    #bases_switch {position:absolute; top:36px; bottom:0; width:100px;}
    #bases_switch li {float:left; width:10px; border-right:1px solid white; height:100%; cursor:pointer;}
    #bases_switch a {color:white; height:100%; display:none; position:relative;}
    #bases_switch li.active a {display:block;}
    #bases_switch li#active {width:28px;}
    #bases_switch .title {display:block; position:absolute; bottom:0; height:400px; width:100%; background-position:right -100px;}
        li.spectacle_optics, li kinderbrillen {background:#ffd657 url(../images/base1_cursor.gif) no-repeat 1px bottom;}
        li.eye_surgery {background:#bf454c url(../images/base2_cursor.gif) no-repeat 1px bottom;}
        li.eye_specialist {background:#2b7db1 url(../images/base4_cursor.gif) no-repeat 1px bottom;}
        li.contact_lenses {background:#d68496 url(../images/base5_cursor.gif) no-repeat 1px bottom;}
        li.eye_wellness {background:#57ac91 url(../images/base3_cursor.gif) no-repeat 1px bottom;}

    #sujet {position:absolute; top:83px; right:231px; left:53px; height:97px; border-top:1px solid white; border-bottom:1px solid white;}
    #sujetImage {position:absolute; right:0; bottom:0; width:225px; height:272px; z-index:10;}

    /* functions */
    #functions {position:absolute; bottom:3px; left:10px;}
    .startpage #functions {left:2px;}
    #functions li {float:left; margin:0 15px 0 0; padding:0 15px 0 0; border-right:1px solid white; line-height:11px;}
    #functions li a {color:white; text-transform:uppercase; font-size:11px;}
    #functions li a:hover {color:#b1b8c1; text-decoration:none;}
    #functions li.last {border:none;}

    .pages #content {position:absolute; top:205px; right:231px; bottom:0px; left:90px; color:white; padding:0 15px 0 0; overflow:auto; z-index:20;}
    #content_bg {position:absolute; right:231px; bottom:0; width:185px; height:291px; z-index:10; background:url(../images/content_bg.png) no-repeat bottom right; }
    #rightbox {position:absolute; top:36px; right:0; bottom:0; width:225px; background:#2c2d2f; border-left:6px solid #272829;}

    #author {position:absolute; right:10px; bottom:1px; display:block; background:url(../images/designby.gif); width:137px; height:15px;}
    .startpage #author {right:3px;}

    .staff_overview .head { height: 60px; }
        .staff_overview .head h2 { padding: 0; }
    .staff_overview .staff_member { margin: 0 0 13px 0; float: left; width: 280px; height: 210px; }
    .staff_overview img { float: left; margin: 0 20px 0 0; }
    .staff_overview .info { padding: 13px 0; margin: 0 0 0 109px;}
    .staff_overview .nofloat { float: none; }
    .staff_vita .head { height: 60px; }
        .staff_vita .head h2 { padding: 0; }
    .staff_vita img { float: left; margin: 0 20px 0 0; }
    .staff_vita .info {margin: 0 0 0 150px;}
    #content .label_member_overview ul {padding:0;}
    #content .label_member_overview tbody th { text-align: left; background: none; color: #ffffff; }

    /*Google Maps*/
    #google_maps_map{width:100%; height:90%;}
    #google_maps_map_info{width:300px; color:black; }
    #google_maps_map_info_logo{margin: 0 0 1em 0;}
    #google_maps_map_info_route{white-space: nowrap; margin:0.2em 0 0.8em 0; padding:0; width:280px; padding:5px 10px 5px 10px; background:#d7dce2;} 
    #google_maps_map_info_route * {float:none; clear:both;}
    #google_maps_map_info_route br {display:inline;}
    #google_maps_map_info_route input{width:265px!important; margin:0 0 5px 0; padding:0;} 
    #google_maps_map_info_route label{margin:0; padding:0;}
    #google_maps_map_info_route button {clear:both;}
    #google_maps_map_info_route button{margin:0; padding:0; width:155px;}

    .linksammlung a {font-weight:bold; float:left; display:block; width:230px;}

    .toplink { text-align: right; padding: 2px 13px 2px 0; margin-bottom: 15px; display:block;}
        .toplink a { padding-left: 17px; font-weight: bold; }

    .image_collection .item {width:160px; background:white; float:left; margin:0 5px 5px 0;}
    .image_collection .item img {position:relative; top:50%; left:50%;}
    .spectacle_optics .item, .kinderbrillen .item {border:1px solid #FFD657;}

    .eye_surgery.leistungen .quicklinks a {font-size:14px; font-weight:bold; color:white;}

/*--- shop ---*/

    .shop_item {float:left; margin:0 10px 10px 0; width:290px;}
    .shop_item .item_details {border:1px solid #57AC91; background:url(../images/detail_bg.png);}
    .shop_item .gallery {position:relative; float:left; margin:0 10px 0 0; position:relative; border-right:1px solid #57AC91;}
    .shop_item .gallery img {display:block;}
    .shop_item h2 {margin:10px 0 7px 0;}
    .shop_item p {margin:0 0 8px 0; font-size:11px; line-height:17px;}
    .shop_item .price, .shop_product .price {font-weight:bold; color:#57AC91; font-size:14px;}
    .shop_item .zoom {display:block; position:absolute; right:7px; bottom:7px; background:url(../images/design/zoom.gif) no-repeat; width:13px; height:13px; cursor:pointer;}
    .shop_item .buybox {}
    .shop_item .buy {font-weight:bold; float:right; background:#57AC91; color:white; display:block; padding:0px 8px;}
    
    .shop_product input {width:36px;}
    .checkboxfield input {width:20px; float:left; margin:0 10px 0 0;}
    .checkboxfield span {position:relative; top:-3px; display:inline;}
    .checkboxfield span.hideme {display:none;}

/*--- popup image ---*/

    .popup_image {float:right; text-align:center; margin:0 0 12px 12px;}
    .popup_image img, .popup_image_left img {border:1px solid #c8c8c8;}
    .popup_image span, .popup_image_left span {display:block; background:url(../images/design/zoom.gif) no-repeat 0 2px; padding:0 0 0 18px; font-weight:bold;}

    .popup_image_left {float:left; text-align:center; margin:0 0 12px 12px;}

    #e35 img, #e35 em {display:none;}
    #e35 dl {margin:0 0 12px 0;}
    #e35 a {color:#FFD657;}
    #subnav_e38, #subnav_e34, #subnav_e36, #subnav_e42, #subnav_e40 {display:none;}

    #logo, .vcard, .startpage #title {display:none;}
   
#aktion_div {display:none;position:absolute;width:436px; height:611px; top:50%;margin-top:-286px;left:40%;margin-left:-194px;background:white;z-index:100000!important;padding:0px;border:5px solid #ffd200;}
#close_aktion {display:block;text-align:right;margin:0;padding:1px;cursor:pointer;color:#a5037c;background:#ffd200;text-transform:uppercase;font-family:arial; font-size:11px;}
#close_aktion:hover{text-decoration:underline;}

#edv_umstellung {padding: 5px; background-color: #61656e; color: white; margin-top: 35px;}
.edv_umstellung {padding: 5px 20px 5px 20px; background-color: #81848b; color: white; margin-top: -35px; width:257px;}