html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } em { font-style: normal; } ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearleft:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } .clearleft { display: inline-block; } /* Hides from IE-mac \*/ * html .clearleft {height: 1%;} .clearleft {display: block;} /* End hide from IE-mac */ .clearright:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } .clearright { display: inline-block; } /* Hides from IE-mac \*/ * html .clearright {height: 1%;} .clearright {display: block;} /* End hide from IE-mac */ .clear { clear: both; } .invisible { position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; } .hide { visibility: hidden; width: 0; font-size: 0; } body { font-size: 62.5%; line-height: 2em; font-family: Verdana, sans-serif; letter-spacing: 0.03em; } h1, h2, h3, h4 { font-family: "Trebuchet MS", sans-serif; font-weight: normal; } h1 { font-size: 2em; margin-bottom: .8em; } h2 { font-size: 1.7em; margin-bottom: .4em; } h3 { font-size: 1.5em; margin-bottom: .35em; } h4 { font-size: 1.3em; margin-bottom: .25em; } p, ul { margin-bottom: 1.5em; } p, em, li, a, td, th, span, dd, dt { font-size: 1.2em; } p span, li a, ul ul li, li span, li em, p a, td em, td a { font-size: 1em; } h1 a, h2 a, h3 a{ font-size: 1em; } em, strong { font-weight: bold; } a:link { color: #00517d; text-decoration: underline; } a:visited { color: #81abde; text-decoration: underline; } a:active, a:focus { color: #f57c05; } a:hover { color: #f57c05; } .searchword { color: rgb(255, 165, 0); background-color: white; font-size: 1em; } .hidden { display: none; } #id_captcha_answer { width: 4em; } #wrapper-header { background-color: #f5f5f5; border-bottom: 1px solid #ccc; } #header { min-width: 980px; max-width: 1600px; margin: auto; /*overflow: hidden;*/ background-color: #5c7a9f; } #header-img { height: 200px; } #topnav { position: relative; } #topnav ul { background-color: #f5f5f5; color: #000; line-height: 2; margin-top: 0; margin-bottom: 0; padding-right: 25px; } #topnav label { float: left; } #topnav input { border: 1px solid #aaa; margin-left: 1em; } #topnav ul input#search, .content_search input { background-color: #eee; } #topnav ul li { float: right; border-left: 1px solid #ccc; } #topnav ul li a { display: block; padding-right: .75em; padding-left: .75em; } #topnav #network li { padding-right: 3px; } #topnav #network li a { padding: 3px; border: 1px solid #ccc; } #topnav #network img { display: block; } #topnav ul .first { padding-right: 0; padding-left: .75em; } #topnav #network { position: absolute; top: 2px; left: 25px; } #topnav #network li { float: left; border: 0 none; } .content_search { background-color: #f5f5f5; padding: 2em; width: 28em; border: 1px solid #ccc; } .content_search input { border: 1px solid #aaa; } .searchnav { margin: 2em .7em; font-size: 1.2em; } .searchnav a { font-size: 1em; } #imageresults .searchnav { margin-top: 0; } #content-wrapper { min-width: 980px; max-width: 1600px; margin: auto; border: 1px solid #e9e9e9; border-top: 0; } #breadcrumb { border-bottom: 1px dashed #e9e9e9; padding-left: 25px; line-height: 2; margin-bottom: 2em; } #breadcrumb p, #breadcrumb em, #breadcrumb a { font-size: 1.1em; margin-bottom: 0; } #right { float: right; position: relative; width: 400px; padding-right: 25px; } #content { min-height: 425px; margin-right: 425px; margin-left: 25px; padding-right: 3em; position: relative; } body.third #content { margin-right: 325px; } body.third #right { width: 300px; } body.third-340 #right { width: 340px } body.third-340 #content { margin-right: 380px; } body.third-200 #right { width: 200px; } body.third-200 #content { margin-right: 220px; } body.half #content { margin-right: 50%; } body.half #right { width: 45%; margin-top: 3.7em; } body.sitemap #content { margin-right: 0; } body.sitemap #right { display: none; } body.shop #content { margin-right: 275px; } body.shop #right { width: 250px; } body.slideshow #footer, body.slideshow #breadcrumb, body.slideshow #wrapper-header, body.slideshow #bottom-wrapper { display: none; } body.slideshow #content-wrapper { padding: 0; border: 0; } body.slideshow #content { width: 100%; margin: 0; padding: 0; } body.gebiet .shorttext h3 { margin-left: 160px; } #footer { clear: both; padding-left: 25px; color: #000; background-color: #f5f5f5; font-size: 0.8em; text-align: center; } #footer p { margin-bottom: 0; } .box { margin-bottom: 1.8em; } .shorttext img, .anbieter img, .longtext img { float: left; padding: .4em; border: 3px solid#f5f5f5; background-color:#f5f5f5; margin-right: 10px; } .shorttext img { margin-right: 0px; } .lefttab img { margin-left: 175px; } .galerie img { float: left; margin: .4em 10px .4em 10px; border: 3px solid white; } .galerie img.center { margin-left: auto; margin-right: auto; float: none; display: block; border: none; } .minigalerie { position: relative; width: 580px; min-height: 430px; } .market-galerie { width: 520px; min-height: 200px; } .minigalerie img { float: none; } .minigalerie .nav { float: right; margin-top: 3.5em; width: 150px; } .minigalerie h3 { margin-right: 160px; } .shorttext p, .shorttext ul{ margin-top: 0; margin-left: 160px; } .sponsoren p { clear: left; } .update { margin-top: -1em; font-size: .9em; } .newsitem .update { margin-top: 0; float: right; } .no-bottom-margin { margin-bottom: 0; } .shorttext h3, .shorttext h4 { margin-bottom: 0; } .anbieter, .galerie, .buy-now{ background-color:#f5f5f5; padding: 15px; margin-bottom: 2em; border: 1px solid #e9e9e9; } .anbieter { position: relative; } .anbieter p { margin-bottom: 0.5em; margin-right: 170px; } .anbieter .right, .smallbox .right, .market-list .right, h3 span { float: right; } .market-list { overflow: auto; border-top: 1px solid #b9b9b9; padding-bottom: 1.5em; } .market-list p { padding: 0 .2em; margin-right: 12em; } .market-list h2 { font-size: 1.2em; background-color: #f5f5f5; padding: 0 .5em; } .market-list-img { float: left; margin: 0 .5em .2em .2em; border: 1px solid #e9e9e9; width: 100px; height: 100px; display: table-cell; vertical-align: middle; } .market-list-img img { display: block; margin: auto; } .market-list ul { padding-right: .4em; width: 12em; margin-bottom: 0; list-style-type: circle; font-size: .9em; } /* .market-list li { background: #fff url(../images/link.gif) no-repeat top left; padding-left: 15px; padding-top: 0; }*/ #show-anbieter-kontakt { display: none; margin-bottom: 1em; width: 150px; } .smallbox .right { margin-right: 1em; } .smallbox form.inline { display: inline; } .service { overflow: hidden; background: url(../images/e9.png) #f5f5f5 top right repeat-y; } .service-small, .service-big { padding-left: 30px; float: right; width: 110px; } .service-big { width: 136px; } .service ul li img { background-color: #e9e9e9; border: none; padding: .4em 2px; margin-right: 0; } table.service-icons { margin-left: 2em; } table.service-icons td { vertical-align: top; padding-right: 1em; padding-bottom: .7em; } .visitenkarte_right .right { float: right; } .buy-now{ padding: 0; } .buy-now form, .buy-now h2 { padding: .5em 1em; } .anbieter h3, .anbieter h2, .galerie h2, .visitenkarte_right h2, .cash h2, .buy-now h2 { border-bottom: 1px dashed #979bb0; padding-bottom: .3em; margin-bottom: .5em; } .service h3 { border-bottom: none; } .shop_list .shorttext h2 { margin-left: 160px; } .shop-title { margin-left:160px; } .shop-title_detail { margin-left: 0; } .shop-title span, .shop-title-detail span { font-size: .9em; } .shop_medien #content { text-align: center; } .cash h2 { padding-top: .3em; border-top: 1px solid #e9e9e9; background-color: #f9f9f9; padding-left: 1em; } .buy-now h2 { background-color: #f9f9f9; } .cartwrapper h1 { padding-left: 1em; } .galerie h3 { font-size: 1.3em; padding-top: 1em; } .minigalerie h3 { font-size: 1.6em; } .imgnavi { border-bottom: 1px dashed #979bb0; padding-bottom: .5em; margin-bottom: 0; } .galerie .left { float:left; padding-top: .7em; } .galerie .right { float:right; padding-top: .7em; } .galerie .right img, .galerie .left img { display: inline; float: none; border: none; } .galerie li.active { background-color: #f9f9fa; border: 1px solid #979bb0; } #topright.right { float: right; } #topright p { margin-bottom: 0; padding-right: 25px; } #topright span { font-weight: bold; color: #f57c05; } #topright a, #topright a:visited { text-decoration: none; } #maingalerie { position: relative; text-align: center; width: 620px } #maingalerie img { margin-left: auto; margin-right: auto; } #maingalerie .textbox { text-align: left; margin-left: auto; margin-right: auto; width: 575px; margin-top: 1em; } #galerie-toolbar li.active { border-bottom: 4px solid #ffa500; border-top: 4px solid #ffa500; margin-top: 0px; } #galerie-toolbar ul { background-color: #fff; width: 572px; margin-left: auto; margin-right: auto; margin-bottom: 2.5em; } #galerie-toolbar ul li img { display: block; margin: 1px; } #galerie-toolbar ul li { float: left; margin-top: 4px; height: 33px; overflow: hidden; } #galerie-toolbar .abs_left { position: absolute; left: 0; top: 5px; } #galerie-toolbar .abs_right { position: absolute; right: 0; top: 5px; } #slideshow { text-align: center; display: none; } #slideshow #target { margin: 1em; margin-left: auto; margin-right: auto; width: 575px; } #slideshow .navwrapper { margin: 0 auto 2em auto; padding: .5em; background-color: #f5f5f5; border: 1px solid #ccc; border-top: none; overflow: auto; } #slideshow .nav { width: 35em; margin: auto; overflow: hidden; } #slideshow .nav li { line-height: 37px; height: 37px; float: left; display: inline; padding: 0.2em; } #slideshow #prevlink { padding-right: 1em; } #slideshow #nextlink { padding-left: 1em; } #linkslideshow { position: absolute; top: 50px; right: 2.5em; font-size: 1em; } #slideshow #currpage { margin-left: .35em; font-size: .75em; } #slideshow #slidedesc { padding-top: 1em; text-align: left; } #shop-medien-nav li{ margin-bottom: .5em; } #shop-medien-nav img { float: left; /* margin: 0; */ } #shop-medien-nav p { padding-top: 3px; } .pricelist { border: 1px solid #979bb0; background-color: #f9f9fa; margin-bottom: 2em; } .pricelist .pit { border-right: medium none; text-align: right; } .pricelist td { border: 1px solid #979bb0; border-left: medium none; padding: .25em; } .pricelist th { padding: .25em; background-color:#f5f5f5; font-weight: 600; } .visitenkarte_right { background-color: #f5f5f5; padding: 1em; border: 1px solid #e9e9e9; } .vertical { padding-right: 0; margin-bottom: 2em; position: relative; } .third-200 #content .vertical { width: 50%; float: right; margin-left: 1.5em; } .visitenkarte_right li { display: inline; } .compact { padding: .5em; } .login-form, .third-200 #content .login-form { background-color: #f5f5f5; border: 1px solid #e9e9e9; position: relative; margin-bottom: 1em; padding: 1em 1em 0 1em; width: 315px; float: none; margin-left: auto; margin-right: auto; } .login { position: absolute; bottom: .5em; right: 5px; } .login.bottom { position: absolute; bottom: 4.0em; } img.logo { float: left; margin: 0 2em 2em 0; } .row { margin-bottom: 2em; margin-top: 1em; } .row img { padding-right: 10px; float: left; } ul.nav ul { margin-top: 0; margin-left: 2em; } .small { margin: 0; font-size: 0.9em; } .smaller { margin: 0; font-size: 0.7em; } ol { list-style-type: decimal; padding-left: 3em; padding-bottom: 1.5em; } ul.tab, .visitenkarte ul { padding-left: 3em; list-style-type: circle; } .hinweis, .success { background-color:#f5f5f5; border: 1px solid #e9e9e9; padding: .5em 1em; margin-bottom: 1em; } .news { /* background-color:#f5f5f5; */ } .news h1 { margin-bottom: 0; } .news #content p.small { margin-bottom: 0.5em; } .wichtig { /*color: #f57c05; background-color: #fff;*/ font-weight: bold; border: 1px solid #fff; padding: .2em; margin-right: .35em; } .newsitem p { margin-bottom: 0; } .strong { font-weight: bold; } .msg { color: #F00; /*font-weight: bold;*/ } dl { overflow: auto; } .table-display dt { float: left; width: 3em; margin: 0; padding: .5em; } .table-display dd { width: 10em; float: left; margin: 0; padding: .5em; } /* ### Formulare ### */ .kontakt { background-color: #f9f9f9; border: 1px solid #e9e9e9; width: 50em; padding: 1em .3em; margin-bottom: 2em; } .kontakt label, .form-row label { display:block; float:left; padding:0pt 1em 3px 0pt; margin-left: 1em; width: 15em; text-align: right; vertical-align: middle; } .visitenkarte_right label { text-align: left; } form.vertical { background-color: #f9f9f9; border: 1px solid #e9e9e9; } .vertical label{ text-align: left; margin-left: 0; width: 100%; } #formrow-id_newsletter label, #formrow-id_agb label { margin-left: 13em; width: auto; text-align: left; float: none; } #formrow-id_newsletter #id_newsletter, #formrow-id_agb #id_agb { margin-left: 9em; float: left; } #formrow-id_newsletter .helptext { margin-left: 13em; font-size: 1em; } #formrow-id_password label, #formrow-id_username label { padding-bottom: 0; } #id_imprint, #id_description { width: 20em; } .helptext { font-size: 1em; } #formrow-id_agb label a { font-size: 1em; } #formrow-id_captcha label { float: none; } #formrow-id_captcha_answer img { float: left; margin-right: .2em; } #content .vertical #id_email { width: 20em; } .form-row { vertical-align: middle; clear: left; margin-bottom: 1em; padding-left: 1.7em; } .vertical .form-row { padding-left: .5em; } #anbieter-kontakt-form { margin-bottom: 0; } .paypal-button { margin-top: -3.5em; margin-bottom: 1.5em; float: right; } .newsletter { width: 30em; } .newsletter label { text-align: left; } .error { border: 2px solid #ffad33; padding: .2em .5em .3em 1em; } .third-200 #content .error { padding: .2em 1em .3em 1em; } .third-200 #content .error p, .error p { margin-bottom: 0; } .errorlist { margin-bottom: 0; } .anti { display: none; } .button { margin-left: 9em; } .formbutton { margin-left: .5em; } #id_text, #id_email, #id_kommentar { width: 40%; } .visitenkarte_right #id_text, .visitenkarte_right #id_email, .vertical #id_name, .vertical #id_email, #formrow-id_captcha { width: 97%; } .vertical #id_comment { width: 310px; } .visitenkarte_right label { float: none; } .visitenkarte_right .form-row { padding-left: 1.7em; padding-right: 1.7em; } .visitenkarte_right .msg, .vertical .msg { background-color: #ffad33; color: #000; font-weight: bold; padding-left: .3em; } .msg p { margin-bottom: 0; } .smallbox { width: 340px; padding: .6em 1em; } .visitenkarte_right .button, .vertical .button { margin: 0; width: auto; } .with-button { position: relative; } .with-button .login { bottom: 3px; } .pagination { background-color: #f5f5f5; border: 1px solid #e9e9e9; border-top: 1px solid #b9b9b9; text-align: center; margin-bottom: 1.5em; } .pagination span { font-size: 1em; } .col_1 { width: 110px; } .list .col_1 { font-weight: normal; } .col_2 a { color: #000; font-size: .79em; text-decoration: none; } .marked a { color: #fff; } table.list td { padding: .3em .5em; } table.list th { padding: 0 .5em; } table.list td.knapp { padding-top: 0; } /* ### Shop ###*/ table.cart { width: 50em; padding: 1em; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; margin-bottom: 1em; font-family: arial, sans-serif; } table.list { border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; margin-bottom: 2em; } .cart th{ font-weight: bold; background-color: #f9f9f9; } .cart td, .cart th { padding: .3em; vertical-align: top; } .list th, .list th h2 { vertical-align: top; background-color: #F0F0F0; } .marked h2 { background-color: #a1b5d4; color: white; } .cart tr { border-bottom: 1px dashed #c9c9c9; } .cart .nodot { border-bottom: 0 none; line-height: 1.2; } .cart .price { text-align: right; } .cart .total td { font-weight: bold; } .cart .total { background-color: #f9f9f9; } .cart .small { font-weight: normal; } .cart img { margin-top: .3em; } .cart_icon { vertical-align: baseline; } .cart_img { float: left; width: 148px; } #content .shorttext .cart_img img { float: none; border: none; background-color: #fff; padding: 0; } .cartwrapper { width: 50em; font-family: arial, sans-serif; border: 1px solid #e9e9e9; position: relative; } .cartwrapper ul { border-bottom: 1px dashed #e9e9e9; background-color: #f9f9f9; padding-top: .7em; padding-left: .3em; } .cartwrapper ul.center li { text-align: center; } .shop_top_nav { background-color: #f9f9f9; color: #00517d; } .cartwrapper .shop_top_nav li { float: left; width: 8.1em; } .cartwrapper .shop_top_nav a { text-decoration: none; } .cartwrapper li span { vertical-align: middle; font-size: .9em; } .shop-bottom-nav { position: relative; } .cartwrapper .shop-bottom-nav { border-bottom: none; margin-bottom: 0; margin-top: -1em; } .cartwrapper .right { position: absolute; right: .3em; } .cartwrapper .left { position: absolute; left: .3em; } .shop-bottom-nav { min-height: 26px; } .shop-bottom-nav li { float: none; } .shop-bottom-nav .center { text-align: center; /*margin: auto;*/ } .buy-now { } .cash .adresse { margin-left: 1.5em; margin-bottom: .7em; } .cash .adresse dt { float: left; } .cash .adresse dd { margin-left: 10em; } .cash p { margin-left: 1.5em; } /* ### Navigation ### */ #topnav a { text-decoration: none; } #topnav a:hover { color: #f57c05; background-color: #eee; } #breadcrumb a:visited, .market-list a:visited { color: #00517d; } .market-list.marked a:visited { color: #eee; } .market-list.marked a:hover { color: #f57c05; } .square a:link { padding-left: 15px; background: #fff url(../images/link.gif) no-repeat center left; } .square a:visited { padding-left: 15px; background: #fff url(../images/visited.gif) no-repeat center left; } .square li.active a:visited, .square li.active a:link, .square li.active a { background: none; padding-left: 0; } .square a:active, .square a:focus, .square a:hover { padding-left: 15px; background: #fff url(../images/hover.gif) no-repeat center left; } .square .active { padding-left: 15px; background: #fff url(../images/active.gif) no-repeat center left; } .square img { vertical-align: text-bottom; } .square a.nosquare { background-image: none; } .shop-title a { text-decoration: none; } #topcart a:link, #topcart a:visited { color: #fff; } #topcart a:active, #topcart a:focus, #topcart a:hover { color: #f57c05; } #topcart a.wichtig { text-decoration: none; } #topcart a.wichtig:hover { background-color: #fff; } .werbenavi { margin-top: -1.8em; } .sitemapbox { float: right; height: 18em; margin: 0 2em; width: 150px; } .sitemaplarge { float: left; margin: 0 2em; width: 350px; } .sitemaplarge ul ul { margin-bottom: .4em; } .sitemapbox h2, .sitemaplarge h2, .sitemapbox h3, .sitemaplarge h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 0; } .sitemapbox h2 a { color: #000; text-decoration: underline; } .sitemaplarge h3 { font-size: 1em; } .sitemapbox h2.nolink, .sitemapbox h3.nolink, .sitemaplarge h2.nolink, .sitemaplarge h3.nolink { padding-left: 15px; /* background: #fff url(../images/link.gif) no-repeat center left; */ } #bottom-wrapper { font-size: 0.8em; background-color: #f5f5f5; border-top: 1px solid #999; } #bottom-wrapper hr { clear: both; visibility: hidden; } #bottom-nav h2 { border-bottom: 1px solid #999; font-size: 2em; clear: both; margin-top: 1em; } #bottom-nav a, #bottom-nav a:link, #bottom-nav a:visited, #bottom-nav a:hover { color: #000; background-color: inherit; } #bottom-nav { margin: auto; width: 95%; } #bottom-nav ul { float: left; margin: 1em 2.5%; width: 20%; list-style-type: square; } /*#bottom-nav ul.gewaesser { width: 21em; }*/ #bottom-nav li.nolink { list-style-type: none; } #bottom-nav h3 { font-size: 1.2em; font-weight: bold; } #bottom-nav a:focus { color: #f57c05; } #topcart-background { background-color: #5c7a9f; position: absolute; right: 0; top: 0; width: 27em;/*300px;*/ height: 200px; opacity: 0.5; } #topcart-background img { padding: .65em 1em; } #topcart{ position: absolute; right: 0; top: 0; color: #fff; width: 27em; height: 200px; } #topcart-content { padding: 0 1em; } #topcart h2 { padding: .35em 0 .35em 4em; border-bottom: 1px dashed #fff; } #topcart p { padding-left: 1.8em; } #searchresults { margin-top: 3em; } #searchresults em { font-weight: bold; font-size: 1em; } #searchresults h3 { margin-bottom: 0; } #not_found { padding: 1em; margin-bottom: 1em; } .minilist { list-style-type: disc; padding-left: 1.5em; } #beschreibung-nav { width: 250px; border: 1px solid #ccc; padding: 1em; background-color: #f5f5f5; float: right; margin-left: 1em; } #beschreibung-nav-link { float: right; background-color: #F5F5F5; padding: .3em; border: 1px solid #ccc; } #beschreibung-nav li { margin-bottom: .6em; } #anbieter-kontakt { border: 1px solid #ccc; width: 350px; margin: auto; /* TODO: IE6,7 */ } #content #anbieter-kontakt { float: right; margin-bottom: 1.8em; } #anbieter-kontakt h3 { padding-left: .8em; } #anbieter-kontakt .vertical { background-color: #fff; border: 0 none; } a.headerlink { visibility: hidden; } h3:hover > a.headerlink { visibility: visible; } .staticmap { margin-bottom: 1.5em; } /* ### Statistiken ### */ .keyentry { padding-left: .3em; border-bottom: 1px dashed #bcbcbc; } .valueentry { padding-left: .3em; border-bottom: 1px dashed #f6c074; text-align: right; padding-right: .3em; } .barfill { border: 1px solid #00517d; height: 3px; line-height: 4px; background-color: #81abde; } .barempty { line-height: 4px; } .maintable { border: 1px solid #999999; font-size: 10px; width: 95%; margin-bottom: 2.5em; } .maintable th { font-size: 1.3em; font-weight: bold; background-color: #f9f9f9; border-bottom: 1px solid #e9e9e9; padding: .3em; } .subtitle { border-bottom: 1px solid #e9e9e9; padding: .3em; } #show-related-entries, #related-entries-more { display: none; } .map_container { width: 100%; height: 700px; } #right_image_container { width: 400px; }