body { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; }

table, tr, td { margin: 0; padding: 0; font-size: 12px; }

hr { border-top: 1px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; height: 1px; padding: 0 5px 0 5px; margin: 0 5px 0 5px }

input { padding: 0; margin: 0; font-size: 9px; }

form { padding: 0; margin: 0; }

a { color: #9E012E; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

ul { margin-top: 0; }
li { list-style-image: url(/imperia/aqarium/_img/li_img.gif); color: #434444; font-size: 12px; text-align: justify; line-height: 18px; padding: 0 0 3px 0; }

#start-slogan { position: absolute; left: 492px; top: 65px; }
#start-box { position: absolute; left: 360px; top: 281px !important; top/**/: 274px; }


/* PRELOADING */

#backgroundPic { position: absolute; left: 0px; top: 186px; border-top: 1px solid #FFF; width: 1003px; height: 527px; background: transparent; }
#backgroundImg { width: 1003px; height: 409px; display: none; }

#preloader { position: absolute; top: 66px; color: #FFFFFF; padding: 8px 0px 0px 8px; z-index: 1; }
#bg-switcher { position: absolute; z-index: 15; left: 779px; top: 70px; }
#bg-switcher-help { position: absolute; z-index: 15; left: 805px; top: 87px; background: #FFFFB7; border: 1px solid #4C4C4C; color: #4C4C4C; display: none; }


/* POSITIONING */

#page { width: 1003px; background: #9E012E; text-align: left; height: 581px; z-index: 0; }
#header { position: absolute; left: 0; top: 0; height: 51px !important; height /**/:66px; width: 971px	 !important; width /**/:1003px; padding: 15px 0 0 32px; background: #9E012E; color: #FFFFFF; font-size: 10px; font-family: Arial, sans-serif; z-index: 12; }
#header2 { position: absolute; left: 0; top: 0; height: 35px !important; height /**/:50px; width: 971px !important; width /**/:1003px; padding: 15px 0 0 32px; background: #9E012E; color: #FFFFFF; font-size: 10px; font-family: Arial, sans-serif; z-index: 12; }
#header a, #footer a { color: #FFFFFF; text-decoration: none; }
#subnav { position: absolute; top: 49px; left: 0px; width: 993px !important; width /**/:1003px; height: 17px; font-size: 12px; padding: 0 0 0 10px; background-color: #FFFFFF; z-index: 15; }
#logo { position: absolute; top: 0; left: 779px; width: 183px; height: 93px; background-color: #FFFFFF; z-index: 15; }
.slider { position: absolute; left: 0; top: -55px; height: 116px !important; height /**/:121px; width: 972px !important; width /**/:1003px; padding: 5px 0 0 31px; border-bottom: 1px solid #FFFFFF; background: #E7E3BD; z-index: 9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; }
#slider-top { position: absolute; left: 0; top: 0; width: 1003px; height: 47px; z-index: 15; display: none; }
#slider-bottom { position: absolute; left: 0; top: 185px; width: 1003px; height: 420px; z-index: 15; display: none; }
#navigation { position: absolute; left: 15px; top: 225px; width: 209px; height: 200px; z-index: 6; }
#content { position: absolute; left: 0; top: 66px; width: 1003px; height: 527px; z-index: 3; background-repeat: no-repeat; }
#footer { background-color: #9E012E; height: 22px; width: 1003px; text-transform: uppercase; color: #FFFFFF; font-size: 10px; font-family: Arial, sans-serif; margin: 0 0 5px 0; }
#stuff { position: absolute; top: 224px; left: 778px; width: 224px !important; width /**/:225px; background: #E7E3BD; border-top: 1px solid #E7E3BD; border-left: 1px solid #E7E3BD; border-bottom: 1px solid #E7E3BD; z-index: 6; overflow: hidden; padding-bottom: 9px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9; }
#sound { position: absolute; left: 915px; top: 160px; z-index: 18; }
#impressionen-close { position: absolute; left: 885px; top: 130px; z-index: 18; }
#site-view { position: relative; left: 244px; top: -45px; width: 652px; background-color: #FFFFFF; border: 1px solid #A0002C; margin-bottom: 4px; padding: 0px; overflow: visible; z-index: 1; }
#quicknav-static { position: absolute; z-index: 16; left: 400px; top: 10px; }
#quicknav  { position: absolute; z-index: 16; left: 510px; top: 10px; }

#aq-header { background: #E7E3BD; color: #9D022E; padding: 17px 0 13px 34px; font-size: 1.3em; font-weight: bold; }


/* NAVIGATION */

.subnav-box-Aktuell { position: absolute; left: 128px; top: 5px; }
.subnav-box-Kontakt { position: absolute; left: 209px; top: 5px; }
.subnav-box-Feste_feiern { position: absolute; left: 306px; top: 5px; }
.sub-subnav-box-Aktuell { display: none; position: absolute; left: 130px; top: 0; z-index: 10; width: 200px; }
.sub-subnav-box-Kontakt { display: none; position: absolute; left: 150px; top: 0; z-index: 10; width: 200px; }
.sub-subnav-box-Feste_feiern { display: none; position: absolute; left: 110px; top: 0; z-index: 10; width: 200px; }
.subnav-link a { color: #9D022E; background: transparent url(/imperia/aqarium/_img/subnav_link_off.gif) no-repeat 0 4px; text-decoration: none; padding: 0 0 0 12px; font-weight: bold; }
.subnav-link a:hover { color: #FFFFFF; background: transparent url(/imperia/aqarium/_img/subnav_link_on.gif) no-repeat 0 4px; text-decoration: none; padding: 0 0 0 12px; font-weight: bold; }
.subnav-link-on a { color: #FFFFFF; background: transparent url(/imperia/aqarium/_img/subnav_link_off.gif) no-repeat 0 4px; text-decoration: none; padding: 0 0 0 12px; font-weight: bold; }
.subnav-link-on a:hover { color: #FFFFFF; background: transparent url(/imperia/aqarium/_img/subnav_link_on.gif) no-repeat 0 4px; text-decoration: none; padding: 0 0 0 12px; font-weight: bold; }

.subnav-2-link { position: absolute; left: 120px; display: block; }
.subnav-2-link a { color: #448DD5; background: transparent url(/imperia/_img/subnav_link_off.gif) no-repeat 0 4px; text-decoration: none; padding: 0 0 0 12px; font-weight: bold; }
.subnav-2-link a:hover { color: #1D6EC0; background: transparent url(/imperia/_img/subnav_link_on.gif) no-repeat 0 4px; text-decoration: none; padding: 0 0 0 12px; font-weight: bold; }

.nav-left a { background: transparent url(/imperia/aqarium/_img/nav_left_off.gif) no-repeat 0 0; padding: 3px 0 3px 39px; color: #A40F37; font-weight: bold; display: block; text-decoration: none; }
.nav-left a:hover { text-decoration: none; color: #A40F37; background: transparent url(/imperia/aqarium/_img/nav_left_hover.gif) no-repeat 0 0; }
.nav-left-on a { background: transparent url(/imperia/aqarium/_img/nav_left_on.gif) no-repeat 0 0; padding: 6px 0 9px 39px; color: #A40F37; font-weight: bold; display: block; text-decoration: none; }

#nav-left-sub { width: 207px !important; width /**/:209px; background-color: #E7E3BD; border: 1px solid #E7E3BD; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9; padding: 5px 0px 9px 0px; }
#nav-left-sub * { position: relative; }
#nav-left-sub div { color: #000000; font-size: 12px; margin: 4px 0px 5px 0px; }
.nav-left-sub-off a { background: transparent url(/imperia/aqarium/_img/nav_left_icon.gif) no-repeat 21px 5px; font-weight: normal; padding: 0px 2px 0px 32px; color: #333333; text-decoration: none; }
.nav-left-sub-off a:hover { color: #333333; text-decoration: underline; }
.nav-left-sub-on { background: url(/imperia/aqarium/_img/nav_left_icon.gif) no-repeat 21px 5px; padding: 0px 2px 0px 32px; color: #115192; font-weight: bold; }
.nav-left-sub-on a { text-decoration: none; color: #333333; }
.nav-left-sub-2-off a { background: transparent; color: #333333; font-weight: normal; font-size: 11px; padding: 0 0 0 42px; text-decoration: none; }
.nav-left-sub-2-off a:hover { text-decoration: underline; }
.nav-left-sub-2-on a { background: transparent; color: #333333; font-weight: bold; font-size: 11px; padding: 0 0 0 42px; text-decoration: none; }


/* IMPRESSIONEN */

.impressionen-headlines { height: 117px; width: 1003px; color: #FFFFFF; padding: 0; }
.impressionen-headline { padding: 52px 0px 10px 161px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 36px; border-bottom: 1px solid #FFFFFF; }
#t-flash-small { display: none; }
#t-flash-big { display: block; }

/* HEADLINES */

.start-headlines { height: 117px; width: 1003px; color: #9E012E; padding: 0; }
.start-headline { padding: 52px 0px 10px 45px; color: #9E012E; font-family: Arial, sans-serif; font-size: 30px; }
.start-subHeadline { font-size: 17px; }
.main-headline { padding: 52px 0px 10px 246px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 30px; }
.sub-headline { padding: 33px 0px 10px 244px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 30px; }


/* TRANSPARENT STUFF */

.content-container { position: relative; top: 41px; left: 245px; width: 510px; }
.content-transparent { position: relative; top: 41px; left: 245px; width: 510px; background-color: #FFFFFF; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity: 0.90; margin-bottom: 15px; }
.content-transparent-sommer { position: relative; top: 41px; left: 245px; width: 510px; background-color: #FFFFFF; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity: 0.90; margin-bottom: 15px; }
.content-transparent-container { position: relative; display: block; width: 525px; left: 240px; top: 35px; }
.content-transparent-small { float: left; display: block; position: relative; top: 5px; left: 5px; width: 120px; height: 320px; background-color: #FFFFFF; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity: 0.90; margin: 2px 10px 5px 0; }
.content-transparent-headline { color: #9E012E; font-size: 25px; padding: 22px 59px 0px 34px; }
.content-transparent-headline-small { color: #9E012E; font-size: 17px; padding: 18px 5px 0px 10px; height: 50px !important; height /**/:75px; }
.content-transparent-subHeadline { color: #9E012E; font-size: 17px; padding: 5px 59px 4px 34px; }
.content-transparent-text { left: 0; color: #000000; font-size: 12px; padding: 5px 59px 15px 34px; text-align: justify; line-height: 18px; }
.content-transparent-text-small { color: #000000; font-size: 12px; padding: 20px 9px 0 10px; text-align: left; line-height: 18px; height: 195px !important; height /**/:200px; overflow: hidden; display: block; }
.content-transparent-button { margin: 7px 0 0 10px; }
.content-transparent-button a { color: #6A6667; font-size: 11px; text-align: left; padding: 0 23px 0 6px; text-transform: uppercase; text-decoration: none; background: #E7E3BE url(/imperia/aqarium/_img/nav_left_icon.gif) no-repeat center right; border: 1px solid #E7E3BE; }
.content-transparent-button-sommer { margin: 7px 0 0 10px; }
.content-transparent-button-sommer a { color: #FFFFFF; font-size: 11px; text-align: left; padding: 0 23px 0 6px; text-transform: uppercase; text-decoration: none; background: #F38B10 url(/imperia/_img/nav_left_icon_orange.gif) no-repeat center right; border: 1px solid #FCDCB6; }
.content-transparent-backbutton { margin: 7px 0 0 10px; }
.content-transparent-backbutton a { color: #6A6667; font-size: 11px; text-align: right; padding: 0 6px 0 15px; text-transform: uppercase; text-decoration: none; background: #E7E3BE url(/imperia/aqarium/_img/nav_left_icon.gif) no-repeat 5px 3px; border: 1px solid #E7E3BE; }

.container { position: relative; }
.float { float: left; padding: 5px; }


/* SOMMER */

.content-transparent-headline-sommer { color: #FFA422; font-size: 25px; padding: 22px 59px 0px 34px; }
.content-transparent-subHeadline-sommer { color: #FFA422; font-size: 17px; padding: 5px 59px 4px 34px; }
.content-transparent-button-sommer { margin: 7px 0 0 10px; }
.content-transparent-button-sommer a { color: #FFFFFF; font-size: 11px; text-align: left; padding: 0 23px 0 6px; text-transform: uppercase; text-decoration: none; background: #F38B10 url(/imperia/_img/nav_left_icon_sommer.gif) no-repeat center right; border: 1px solid #FCDCB6; }

.content-transparent-headline-small-sommer { color: #FFA422; font-size: 17px; padding: 18px 5px 0px 10px; height: 50px !important; height /**/:75px; }

.teaser-3-header-sommer { background: #FFFFFF url(/imperia/aqarium/_img/bg_teaser.jpg) repeat-y 0 0; margin: 0 0 2px 0; padding: 22px 2px 4px 6px; }
.teaser-3-header-sommer a { text-decoration: none; font-size: 15px; color: #FFA422; font-weight: bold; }

.ce-headline-sommer { color: #FFA422; font-size: 18px; font-weight: bold; padding: 0 0 10px 0; }
.ce-headline-2-sommer { color: #FFA422; font-size: 12px; padding: 0 0 15px 0; }
.ce-headline-3-sommer { color: #FFA422; font-size: 14px; padding: 0 0 10px 0; }

/* TABS */

.tab-container { position: relative; height: 333px; margin: 5px 0 5px 0; }

.tab-nav { background: transparent url(/imperia/aqarium/_img/tab_off.gif) no-repeat 0 0; height: 21px; width: 187px; padding: 0 0 0 15px; }
.tab-nav a { text-decoration: none; color: #9E012E; font-size: 12px; display: block; width: 185px; }
.tab-nav-on { background: transparent url(/imperia/aqarium/_img/tab_on.gif) no-repeat 0 0; height: 21px; width: 187px; padding: 0 0 0 15px; }
.tab-nav-on a { text-decoration: none; color: #FFF; font-size: 12px; display: block; width: 185px; }

div.tab-main { position: absolute; left: 187px; top: 0; background: #E7E3BD; width: 389px !important; width /**/:434px; height: auto; display: none; color: #434444; font-size: 12px; text-align: left !important; line-height: 18px; padding: 18px 30px 18px 17px; }
div.tab-main:first-letter { padding-left: 12px; }


/* SHEET MODE */

.sheet { padding: 38px 30px 18px 28px; width: 590px !important; width /**/:649px; }

.ce-headline { color: #9E012E; font-size: 18px; font-weight: bold; padding: 0 0 10px 0; }
.ce-headline-2 { color: #9E012E; font-size: 12px; padding: 0 0 15px 0; }
.ce-headline-3 { color: #9E012E; font-size: 14px; padding: 0 0 10px 0; }
.ce-text { color: #434444; font-size: 12px; text-align: justify; line-height: 18px; padding: 0 0 15px 0; }
.ce-text-italic { color: #434444; font-size: 12px; text-align: justify; line-height: 18px; font-style: italic; padding: 0 0 15px 0; }
.ce-image-zoom { background: #9E012E url(/imperia/aqarium/_img/zoom.gif) no-repeat bottom left; padding: 0 0 18px 0; }
.ce-table { margin: 5px 0 5px 0; }
.ce-table td { background: #E7E3BD; padding: 3px 8px 3px 12px; font-size: 12px; color: #434444; }
.ce-download { background: #E7E3BD; padding: 2px 8px 2px 3px; }
.ce-download a { color: #434444; font-size: 12px; font-weight: bold; text-decoration: none; }
.ce-download a small { font-weight: normal; font-size: 10px; }

.aq-frag-headline { color: #000; font-size: 1.2em; font-weight: bold; padding: 15px 0 10px 10px; }


/* TEASER */

.teaser-element { padding: 12px 5px 0 0; }
.teaser-link-element { padding: 5px 5px 0 0; }
.teaser-link a { color: #9E012E; font-weight: bold; text-decoration: none; background: url(/imperia/aqarium/_img/nav_left_icon.gif) no-repeat 8px 6px; padding: 2px 2px 0px 20px; }
.teaser-link a:hover { color: #9E012E; text-decoration: underline; }

.teaser-headline a { color: #000; font-weight: bold; text-decoration: none; background: url(/imperia/aqarium/_img/nav_left_icon.gif) no-repeat 8px 6px; padding: 2px 2px 0px 20px; }
.teaser-headline a:hover { color: #9E012E; text-decoration: underline; }
.teaser-text { padding: 2px 2px 5px 8px; color: #333333; font-size: 11px; }
.teaser-line { border-bottom: 1px solid #FFF; margin: 8px 2px 1px 8px; }

.teaser-1-container { position: relative; top: 41px; left: 245px; width: 510px; }
.teaser-1-item { display: block; }
.teaser-1-bg { position: absolute; left: 0; top: 0; }
.teaser-1-content { position: absolute; left: 0; top: 0; }

.teaser-3-container { position: relative; display: block; width: 525px; left: 240px; top: 42px; }
.teaser-3-start { width: 2px; background: #FFFFFF; float: left; height: 290px !important; height /**/:288px; }
.teaser-3-item { float: left; display: block; position: relative; top: 0; left: 0; width: 128px !important; width /**/:130px; height: 288px; background-color: #FFFFFF; margin: 0 0 5px 0; padding: 2px 0 0 2px; }
.teaser-3-header { background: #FFFFFF url(/imperia/aqarium/_img/bg_teaser.jpg) repeat-y 0 0; margin: 0 0 2px 0; padding: 22px 2px 4px 6px; }
.teaser-3-header a { text-decoration: none; font-size: 15px; color: #9E012E; font-weight: bold; }
.teaser-3-text { padding: 5px 5px 5px 8px; font-size: 12px; height: 100px; }

.teaser-4-start { width: 2px; background: #FFFFFF; float: left; height: 179px !important; height /**/:177px; }
.teaser-4-item { float: left; display: block; position: relative; top: 0; left: 0; width: 128px !important; width /**/:130px; height: 177px; background-color: #FFFFFF; margin: 0 0 5px 0; padding: 2px 0 0 2px; }

.teaser-4-button { margin: 9px 0 0 10px !important; margin /**/: 0 0 0 10px; }

.teaser-5-container { position: relative; display: block; width: 525px; left: 240px; top: 42px; }
.teaser-5-header { font-size: 12px; font-weight: bold; color: #9E012E; background: transparent url(/imperia/aqarium/_img/nav_left_on.gif) no-repeat 0 0; padding: 7px 0 8px 42px; }
.teaser-5-transparent { width: 525px; -moz-opacity:0.85; -khtml-opacity:0.85; opacity: 0.85; filter:alpha(opacity=80); background: #FFFFFF; border: 1px solid #9E012E; }
.teaser-5-title { color: #9E012E; font-size: 18px; padding: 16px 10px 18px 36px;}
.teaser-5-item { padding: 0 39px 20px 35px; width: 451px !important; width/**/: 525px; }
.teaser-5-tbl-headline  { color: #9E012E; font-weight: bold; font-size: 14px; }
.teaser-5-tbl-text { color: #000000; font-size: 12px; padding: 5px 0 0 0; }
.teaser-5-tbl-img img { border: 1px solid #9E012E; }


/* SITEMAP */

.sitemap-left-nil a { color: #9d022e; font-size: 18px; font-weight: bold; padding: 0 0 10px 7px; text-decoration: none; }
.sitemap-left-nil a:hover { color: #95012b; text-decoration: none; }
.sitemap-left-one a { color: #9d022e; font-size: 14px; margin: 0 0 15px 20px; padding: 0; text-decoration: none; }
.sitemap-left-one a:hover { color: #95012b; text-decoration: none; }
.sitemap-left-two a { color: #9d022e; font-size: 12px; padding: 0 0 10px 40px; text-decoration: none; }
.sitemap-left-two a:hover { color: #95012b; text-decoration: none; }
.sitemap-top-nil a { color: #9d022e; font-size: 18px; font-weight: bold; padding: 0 0 10px 7px; text-decoration: none; }
.sitemap-top-nil a:hover { color: #95012b; text-decoration: none; }
.sitemap-top-one a { color: #9d022e; font-size: 14px; padding: 0 0 15px 20px; }
.sitemap-top-one a:hover { color: #95012b; text-decoration: none; }
.sitemap-top-two a { color: #9d022e; font-size: 12px; padding: 0 0 10px 40px; }
.sitemap-top-two a:hover { color: #95012b; text-decoration: none; }


/* FORMS */

.form-misc { background: #E7E3BD; padding: 5px 5px 5px 55px; color: #434444; font-size: 12px; line-height: 18px; }
.form-misc textarea { width: 300px; }
.form-misc-noleftpadding { background: #E7E3BD; padding: 5px; color: #434444; font-size: 12px; line-height: 18px; }
.form-misc-noleftpadding input { width: 200px; }
.form-misc-noleftpadding-noinputwidth { background: #F6FAFD; padding: 5px; color: #434444; font-size: 12px; line-height: 18px; }
.form-title { background: #E7E3BD; padding: 5px 5px 5px 15px; color: #434444; font-size: 12px; line-height: 18px; font-weight: bold; }
.form-text { background: #E7E3BD; padding: 5px 5px 5px 15px; color: #434444; font-size: 12px; line-height: 18px; }
.form-sep { padding: 5px; margin: 0px; }
.form-header { background: #E7E3BD; padding: 5px 5px 5px 15px; color: #434444; font-size: 12px; line-height: 18px; font-weight: bold; }
.form-header-headline { color: #9E012E; font-size: 14px; }
.form-header-text { font-size: 12px; color: #434444; font-weight: normal; }
.form-required { color: #D10000; font-weight: normal; }


/* NEWSLETTER */

.nl-error { color: #D10000; }
