body { margin: 0; padding: 20px 0 0 0; font-family: 'Ubuntu', Arial, sans-serif; font-size: 13px; font-weight: 100; color: #575757; background: url(http://www.der-warnemuender.de/public/uploads/design/hintergrund2560x1440.jpg) no-repeat center top #fff; background-attachment: fixed; background-size: cover; } h1 { color: #19385d; margin-top: 5px; margin-bottom: 10px; padding: 0; font-family: 'Prata', serif; font-weight: normal; text-transform: uppercase; font-size: 1.8em; } a { color: #19385d; } a img { border: none; } a.gray { color: #575757; } fieldset { margin: 0; padding: 0; } input, textarea { border: 1px solid #C2C7CC; border-radius: 2px; } .capt { width: 198px; text-transform: uppercase;} .text-center { text-align: center; } .underline-on-hover { text-decoration: none; } .underline-on-hover:hover { text-decoration: underline; } #wrap { width: 970px; margin: 0 auto; background-color: #c2c7cc; } #wrap-inner { padding: 0 10px 10px 10px; } .container-margin { margin-top: 10px; } #header-top { background: url(../../design/images/header-top-background.jpg) no-repeat left top #586779; height: 30px; text-align: right; padding-right: 10px; } #header-top, #header-top a { color: #fff; font-size: 15px; text-decoration: none; } #header-top a:hover { text-decoration: underline; } #header-top .search-container { height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; width: 200px; } #header-top input { border: none !important; background-color: #fff; height: 28px; line-height: 28px; padding: 0 !important; margin: 0; position: absolute; top: 1px; left: 0; width: 150px; } #header-top input.btn { background: none; border: none; padding: 0; margin: 0; width: 50px; position: absolute; top: 1px; left: 150px; } #header-logo { background: url(../../design/images/header-logo-fractal-background.jpg) no-repeat left top #fff; height: 80px; text-align: center; position: relative; } #header-logo img { border: 0; margin-top: 6px; } #current-page { background: url(../../design/images/current-page-background.png) no-repeat right center transparent; width: 276px; height: 30px; line-height: 30px; position: absolute; bottom: 0; left: 0; color: #fff; font-weight: bold; font-size: 14px; text-align: left; } #current-page .padding { padding-left: 10px; } #main-navigation { background: url(../../design/images/main-menu-background.png) repeat-x bottom left #fff; position: relative; z-index: 5; margin-bottom: 10px; } #main-navigation ul { margin: 0; padding: 0; list-style: none; width: 100%; display: table; font-family: 'Ubuntu', sans-serif; font-size: 15px; } #main-navigation li { background: url(../../design/images/main-menu-background.png) repeat-x bottom left #fff; border: 1px solid #dbdcdd; border-right-color: transparent; float: none; display: table-cell; } #main-navigation li:first-child { border-left: none; } #main-navigation li:hover, #main-navigation li.active { border: 1px solid #acadae; } #main-navigation li:first-child:hover, #main-navigation li.active:first-child { border-left: none; } #main-navigation li.last { } #main-navigation a { color: #575757; text-decoration: none; padding: 8px 0; display: block; text-align: center; } #main-navigation li.home a { text-align: center; dispay: block; text-indent: -9999px; min-width: 25px; background: url(../../design/images/menu-home.png) no-repeat center 12px transparent; } #main-navigation li.home a:hover, #main-navigation li.home:hover a, #main-navigation li.home.active a, #main-navigation li.home.open a { background-position: center -89px; } #main-navigation a:hover, #main-navigation li:hover a, #main-navigation li.active a, #main-navigation li.open a { background-color: #54667c; color: #efeced; position: relative; z-index: 6; } #main-navigation ul ul { width: auto; display: none; } #main-navigation.automatic li:hover ul, #main-navigation li.open ul { display: block; } #main-navigation ul ul { position: absolute; left: -1px; right: 0; top: 100%; margin-top: -2px; background-color: #54667c; border: 1px solid #b1b1b1; z-index: 5; padding-bottom: 11px; } #main-navigation ul ul li { float: left; background: none !important; border: none !important; } #main-navigation ul ul li a { padding: 10px; display: inline-block; color: #fff; text-decoration: none; border: none !important; border-bottom: 1px solid #fff !important; margin: 0 11px; width: 193px; text-align: left; } #main-navigation ul ul li a:hover { border: none !important; border-bottom: 1px solid #fff !important; } .c { clear: both; line-height: 0; font-size: 1px; height: 0px; overflow: hidden; margin: 0; padding: 0; } #werbung { text-align: center; } #werbung.top { background-color: #fff; } #werbung.top img { height: auto; width: 930px; } #werbung img { vertical-align: bottom; border: 10px solid #FFFFFF; } .right-ads #content, .right-extra-data #content { float: left; margin-right: 10px; width: 750px; } .right-ads-200 #content, .right-extra-data-200 #content { float: left; margin-right: 10px; width: 700px; } #werbung.right { margin-top: -10px; } #werbung.right img { margin-top: 10px; } #werbung.right, .right-container.right { float: left; } #small-image-header { margin-bottom: 10px; } #small-image-header, .right-container.right { background-color: #fff; } #small-image-header .padding { padding: 10px; } #small-image-header .inner { position: relative; } #small-image-header ul { list-style: none; padding: 0; position: realtive; margin: 0; } #small-image-header li { position: absolute; left: 0; top: 0; z-index: 1; } #small-image-header ul, #small-image-header ul img { width: 100%; height: 152px; } #small-image-header img.lines { position: absolute; left: 0; top: 0; z-index: 4; height: 152px; width: 7px; } #small-image-header .pages { position: absolute; bottom: 9px; right: 9px; text-align: right; font-size: 11px; z-index: 4; } #small-image-header .pages span { border: 1px solid #575757; background-color: #fff; display: inline-block; width: 15px; text-align: center; margin-left: 3px; cursor: pointer; } #small-image-header .pages span.active { border: 1px solid #575757; background-color: #575757; color: #fff; } #big-image-header { background-color: #fff; } #big-image-header .padding { padding: 10px; } #big-image-header .inner { position: relative; } #big-image-header ul { list-style: none; padding: 0; position: realtive; margin: 0; width: 100%; height: 278px; } #big-image-header li { position: absolute; left: 0; top: 0; padding-left: 25px; background-color: #fff; overflow: hidden; } #big-image-header li .left { float: left; width: 294px; margin-right: 10px; font-size: 16px; } #big-image-header .category { color: #a5100a; font-weight: bold; font-size: 16px; } #big-image-header h2 { color: #19385d; font-family: 'Prata', serif; font-weight: normal; font-size: 24px; padding-bottom: 20px; border-bottom: 1px dotted #19385d; } #big-image-header h2 a { color: #19385d; } #big-image-header li .left .content { font-size: 1.0em; color: #575757; } #big-image-header li .left a.content, .adventskalender { text-decoration: none; font-size: 1.0em; color: #575757; background: url(../../design/images/arrow-red.png) no-repeat right bottom transparent; padding-right: 20px; } #big-image-header li .left a:hover { text-decoration: underline; } #big-image-header ul img { width: 600px; height: 278px; } #big-image-header img.lines { position: absolute; left: 0; top: 0; z-index: 3; } #big-image-header .pages { position: absolute; bottom: 9px; right: 9px; text-align: right; font-size: 11px; z-index: 3; cursor: pointer; } #big-image-header .pages span { border: 1px solid #575757; background-color: #fff; display: inline-block; width: 15px; text-align: center; margin-left: 3px; } #big-image-header .pages span.active { border: 1px solid #575757; background-color: #575757; color: #fff; } .content-background-container { position: relative; } .content-background { background-color: #FFFFFF; bottom: 0; position: absolute; top: 10px; width: 7200px; z-index: 0; left: 0; } .right-ads .content-background, .right-extra-data .content-background { width: 770px; } .right-ads-200 .content-background, .right-extra-data-200 .content-background { width: 720px; } #content { background-color: #fff; padding: 10px 10px 10px 10px; font-size: 14px; z-index: 2; position: relative; } #content h2, #content h2 a, .right-container h2, .right-container h2 a { color: #A5100A; margin: 16px 0; padding: 0; font-family: 'Prata', serif; font-weight: normal; font-size: 18px; } #content h3, #content h3 a, .shiplist th, .right-container h3, .right-container h3 a { font-family: 'Ubuntu', sans-serif; font-weight: bold; font-size: 16px; } #content h4, #content h4 a, .right-container h4, .right-container h4 a { font-family: 'Ubuntu', sans-serif; font-weight: bold; font-size: 14px; margin-top: 0; padding-top: 0; margin-bottom: 10px; } #content h5, #content h5 a, .right-container h5, .right-container h5 a { font-family: 'Prata', serif; font-weight: normal; font-size: 16px; margin-top: 0; padding-top: 0; margin-bottom: 10px; } #content .calendar-container h2 { margin-bottom: 0; } .teaser .votingTool ul { list-style: none; } #content ul, .teaser .votingTool ul.ergList { list-style-image: url(../../design/images/arrow-blue-transparent.png); } #content ul.lines { list-style-image: none; list-style: none; padding: 0; margin: 0; } #content ul.lines li { background: url(../../design/images/arrow-blue.png) no-repeat left 3px transparent; padding: 3px 3px 3px 25px; } #content ul.lines li { position: relative; } #content ul.lines li:before, #content ul.lines li:after { content: ""; position: absolute; top: -1px; left: -1px; } #content ul.lines li:after { right: -1px; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#19385D), to(transparent)); background-image: -webkit-linear-gradient(left, #19385D, transparent); background-image: -moz-linear-gradient(left, #19385D, transparent); background-image: -o-linear-gradient(left, #19385D, transparent); } #content ul.lines li:first-child:after { content: none !important; } #content ul.lines li:first-child { border-top: none; } table.data-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table.data-table thead { font-weight: bold; text-align: left; } table.data-table td { padding: 5px; } table.data-table tbody td { white-space: nowrap; background-color: #fff; border-bottom: 1px dotted #575757; } fieldset { border: none; } .formular label { width: 350px; float: left; text-align: left; } .formular div, .formular img.captimg { margin-left: 350px; text-align: left; } .formular div input[type=text], .formular div select { width: 100%; padding: 3px 0; border: 1px solid #575757; } .formular textarea { width: 100%; padding: 3px 0; border: 1px solid #575757; } .subscriberForm .formular div input[type=text], .subscriberForm .formular div select { width: 200px } .formular .capt { width: 200px; padding: 3px 0px; border: 1px solid #575757; } #footer { background-color: #fff; padding: 50px 40px; } .footer-small #footer { width: 870px; float: left; } .footer-small .column { height: 280px; } #footer .inner { display: table; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer .column { width: 170px; padding-left: 60px; padding-right: 10px; border-left: 1px solid #bababa; display: table-cell; } #footer .column:first-child { border-left: none; padding-left: 0; } #footer strong, #footer ul { margin-bottom: 20px; display: block; } #footer strong { font-weight: bold; font-size: 1.1em; } #footer strong.inline { display: inline; } #footer a { color: #575757; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .buttons img { border: none; float: none; display: inline-block; margin: 10px 5px 0 0 ; } .teaser { background-color: #fff; margin-right: 10px; margin-top: 10px; float: left; height: 390px; } .teaser .teaser-small-title { font-weight: bold; display: block; margin-bottom: 5px; font-size: 1.1em; } .teaser.col2 { width: 470px; } .teaser.col4 { width: 230px; } #teaser-container { position: relative; } #teaser-container #werbung.right { margin-top: 0; } .teaser h2 { margin: 0 0 0 0; padding: 0; color: #19385d; font-family: 'Prata', serif; font-weight: normal; font-size: 20px; text-transform: uppercase; } .teaser h2 a { color: #19385d; } .teaser p { margin: 0; } .teaser a { text-decoration: none; color: #575757; } .teaser a:hover { text-decoration: underline; } .teaser a .red, .red { color: #a5100a; font-weight: bold; font-size: 1.1em; line-height: 1em; } .teaser .padding { padding: 10px; position: relative; } .teaser .top-container { display: block; height: 120px; } .teaser.news .more-news { display: block; position: absolute; bottom: 10px; right: 10px; background-color: #fff; color: #a5100a; font-size: 11px; font-weight: bold; width: 220px; height: 24px; line-height: 24px; text-align: center; } .teaser.news h2, .teaser.news h2 a, .teaser h2.red-headline, .teaser h2.red-headline a { color: #a5100a; } #right-bar { float: left; position: relative; width: auto; text-align: center; margin-top: 0px; } #right-bar .inner { background-color: #ffffff; float: left; margin-right: 10px; margin-top: 10px; padding: 15px; } #right-bar img { vertical-align: bottom; } #right-bar.small-left { width: 220px; position: absolute; right: 10px; top: 0; } #right-bar.small-left .inner { padding: 10px 15px; } .votingTool { background-color: #fff; text-align: left; margin-bottom: 5px; } .votingTool div strong { text-transform: uppercase; } .votingTool input[type=submit], .commentTool input[type=submit] { border: 1px solid #a4a4a4; background-color: #ededed; color: #605f5f; padding: 3px; width: 100%; } .votingTool ul, .votingTool ul.ergList { margin: 0; padding: 0; } .votingTool ul.ergList { padding-left: 40px; } .votingTool form ul li, .votingTool ul.ergList li { padding-bottom: 6px; font-weight: normal; } .votingTool input.box { margin: 0px; vertical-align: middle; } .votingTool img { margin: 0; border: none !important; } .votingTool a { font-weight: normal; text-decoration: none !important; line-height: 20px; } .votingTool .erg { width: 140px; margin-top: 2px; } .votingTool .erg div { background-color: #1c4070; height: 9px; line-height: 9px; position: relative; } .votingTool .erg div span { position: absolute; left: 100%; padding-left: 4px; } .first { border-top: 1px solid #bbbec0; } .commentTool .comment, .commentTool .comment2 { background-color: #ededed; border-bottom: 1px solid #bbbec0; color: #605f5f; padding: 7px; } .commentTool .comment2 { background-color: #ffffff; } .scroll-galerie { background-color: #c2c7cc; padding: 10px; } .scrollcontainer { position: relative; overflow: auto; width: 100%; } .scrollcontainer .element { height: 160px; float: left; margin-left: 10px; } .scrollcontainer .element:first-child { margin-left: 0; } .scrollcontainer .element img { } .scroll-block { display: none; } .scrollcontainer .scroller-background { background: url(../../design/images/scroller-background.png) no-repeat left center transparent; bottom: 4px; height: 25px; position: absolute; width: 100%; left: 0; border-radius: 20px; } .scrollcontainer .scrollBar { background: url(../../design/images/scroller-btn.png) no-repeat scroll center center transparent; cursor: w-resize; height: 24px; left: 1px; opacity: 1; position: absolute; top: 1px; width: 131px; } #content .margin-left { margin-left: 15px; } #content .filledborder-simple { background-color: #fff; border: 10px solid #c2c7cc; padding: 1px; } #content img.filledborder { background-color: #fff; border: 10px solid #c2c7cc; padding: 1px; margin-left: 100px; } #content .filledborder-container { background-color: #c2c7cc; display: inline-block; margin-left: 100px; } #content .filledborder-container img.filledborder { border: 1px solid #fff; padding: 0; margin: 0 auto; float: none !important; display: block; } #content .filledborder-container .padding { padding: 10px; display: block; } #content .filledborder-container span span { padding: 10px 0 0 0; font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #fff; display: block; } .schiffMonatLinkNone { text-decoration: none; color: #575757; } .shiplist th { text-align: left; } .shiplist .element > td { padding: 5px 0; border-top: 1px dotted #575757; } .shiplist table.data-table tbody td { white-space: normal; } .ship-detail-list-container { margin-right: 380px; } .underline-on-span { text-decoration: none; } .underline-on-span span { text-decoration: underline; } .wallpaper-container .sizes { border-left: 1px solid #fff; border-top: 1px solid #fff; margin-top: 10px; } #content .filledborder-container span span.sizes { padding-top: 0; } .wallpaper-container .sizes a { border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; text-align: center; color: #fff; background-color: #575757; width: 74px; text-decoration: none; vertical-align: top; font-style: normal; } .wallpaper-container .sizes a.light { background-color: #eeeff2; color: #575757; } #content .postservice-container .filledborder-container span span { padding-top: 0; } .postservice-container .filledborder-container span span { border: 1px solid #fff; display: inline-block; text-align: center; width: 150px; text-decoration: none; vertical-align: top; font-style: normal; background-color: #575757; color: #575757; margin-top: 10px; } .postservice-container .filledborder-container .light { border: 1px solid #fff; display: inline-block; text-align: center; width: 148px; text-decoration: none; vertical-align: top; font-style: normal; margin: 1px 0 0 0; padding: 0; } .content-footer { clear: both; text-align: right; font-size: 11px; padding-top: 20px; } #cboxLoadedContent { margin-bottom: 57px !important; } #cboxTitle { height: 52px !important; } .neptunCopyrightLink { text-align: right !important; } @media all and (min-width: 1220px) { #wrap { width: 1200px; } #small-image-header ul, #small-image-header ul img { width: 100%; height: 190px; } #big-image-header ul { height: 385px; } #big-image-header ul img { width: 830px; height: 385px; } #big-image-header h2 { padding-bottom: 20px; } #big-image-header li .left .content, #big-image-header li .left a.content, .adventskalender { font-size: 20px; } #small-image-header img.lines { height: 183px; width: 9px; } #right-bar { width: 220px; position: absolute; right: 0; top: 0; } #right-bar .inner { padding: 10px; margin-top: 10px; } #current-page { width: 333px; } .right-ads #content, .right-extra-data #content { width: 980px; } .right-ads-200 #content, .right-extra-data-200 #content { width: 930px; } .right-ads .content-background, .right-extra-data .content-background { width: 1000px; } .right-ads-200 .content-background, .right-extra-data-200 .content-background { width: 950px; } #werbung.top img { background-color: #fff; height: auto; width: 1160px; } } @media print { #footer, #main-navigation, #header-top, #small-image-header, .content-footer, #werbung, .commentTool form { display: none; } #content, #wrap { width: 100% !important; } #header-logo { height: auto; background: none; background-color: #fff; } #current-page { background: none; color: #000; position: static; } body { background: none; background-color: #fff; } #content, #wrap-inner { padding: 0; } } @media (max-width: 768px) { html { -webkit-text-size-adjust: none; text-size-adjust: none; } }