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: 0px; margin: 0px; font-size: 9px; }

form { padding: 0; margin: 0; }

a { color: #65A2E5; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

ul { margin-top: 0; }
li { list-style-image: url(/imperia/_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: 370px; top: 90px; color: #626262; line-height: 1.4em; width: 350px; }
#start-box { position: absolute; left: 360px; top: 281px !important; top/**/: 274px; display: none; }
#box-box { position: absolute; left: 360px; top: 281px !important; top/**/: 274px; display: none; }

#start-slogan strong { display: block; color: #63a3e3; font-size: 1.8em; font-weight: normal; width: 250px; line-height: 1.2em; }

/* PRELOADER */

#backgroundPic { position: absolute; left: 0px; top: 66px; width: 760px; height: 527px; background: url(/imperia/_img/loading.gif) no-repeat; }
#backgroundImg { width: 760px; height: 527px; 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: 530px; top: 70px; }
#bg-switcher-help { position: absolute; z-index: 15; left: 526px; top: 87px; background: #FFFFB7; border: 1px solid #4C4C4C; color: #4C4C4C; display: none; }


/* POSITIONING */

#page { width: 760px; background: #1E6FC1; text-align: left; height: 581px; z-index: 0; }
#header { position: absolute; left: 0; top: 0; height: 51px !important; height /**/:66px; width: 728px	 !important; width /**/:760px; padding: 15px 0 0 32px; background: #63A3E3; 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: 750px !important; width /**/:760px; height: 17px; font-size: 12px; padding: 0 0 0 10px; background-color: #FFFFFF; z-index: 15; }
#logo { position: absolute; top: 0; left: 535px; width: 183px; height: 93px; background-color: #FFFFFF; z-index: 15; }
.slider { position: absolute; left: 0; top: -55px; height: 113px !important; height /**/:118px; width: 729px !important; width /**/:760px; padding: 5px 0 0 31px; border-bottom: 1px solid #FFFFFF; background: #B8D5F3; z-index: 9; filter:alpha(opacity=90); -moz-opacity:0.9; }
#slider-top { position: absolute; left: 0; top: 0; width: 760px; height: 47px; z-index: 15; display: none; }
#slider-bottom { position: absolute; left: 0; top: 185px; width: 760px; 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: 760px; height: 527px; z-index: 3; background-repeat: no-repeat; }
#footer { background-color: #63A3E3; height: 22px; width: 760px; text-transform: uppercase; color: #FFFFFF; font-size: 10px; font-family: Arial, sans-serif; margin: 0 0 5px 0; }
#stuff { position: absolute; top: 224px; left: 535px; width: 224px !important; width /**/:225px; background: #BBD7F4; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; 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: 670px; top: 160px; z-index: 18; }
#impressionen-close { position: absolute; left: 640px; top: 130px; z-index: 18; }
#site-view { position: relative; left: 244px; top: -45px; width: 500px; background-color: #FFFFFF; border: 1px solid #63A3E4; margin-bottom: 4px; padding: 0px; overflow: visible; z-index: 1; }
#quicknav-static { position: absolute; z-index: 16; left: 400px; top: 10px; }
#quicknav  { display: none; }
#vvw { display: block; margin: 12px 0 0 10px; font-weight: normal; text-decoration: none; color: #003B5A; font-size: 0.9em; text-align: center; width: 80px; }
#vvw img { display: block; border: 0; }


/* NAVIGATION */


.subnav-box {  }
.subnav-box-Aktuell { position: absolute; left: 128px; top: 5px; }
.subnav-box-Shop { position: absolute; left: 229px; top: 5px; }
.subnav-box-Info { position: absolute; left: 314px; top: 5px; }
.subnav-box-Kontakt { position: absolute; left: 398px; top: 5px; }
.sub-subnav-box-Aktuell { display: none; position: absolute; left: 130px; top: 0; z-index: 10; width: 200px; }
.sub-subnav-box-Shop { display: none; position: absolute; left: 150px; top: 0; z-index: 10; width: 200px; }
.sub-subnav-box-Info { display: none; position: absolute; left: 120px; top: 30px; z-index: 10; width: 200px; }
.sub-subnav-box-Kontakt { display: none; position: absolute; left: 128px; top: 30px; z-index: 10; width: 200px; }
.subnav-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-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/_img/nav_left_off.gif) no-repeat 0 0; padding: 3px 0 3px 39px; color: #115192; font-weight: bold; display: block; text-decoration: none; }
.nav-left a:hover { text-decoration: none; color: #115192; background: transparent url(/imperia/_img/nav_left_hover.gif) no-repeat 0 0; }
.nav-left-on a { background: transparent url(/imperia/_img/nav_left_therme_.gif) no-repeat 0 0; padding: 6px 0 9px 39px; color: #115192; font-weight: bold; display: block; text-decoration: none; }

#nav-left-sub { width: 207px !important; width /**/:209px; background-color: #FFFFFF; border: 1px solid #B7D6F3; filter:alpha(opacity=90); -moz-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/_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/_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: 760px; color: #488ACD; padding: 0; }
.impressionen-teaserbox { display: none; }
.impressionen-headline { padding: 52px 0px 10px 161px; color: #488ACD; font-family: Arial, sans-serif; font-size: 36px; border-bottom: 1px solid #488ACD; }
#t-flash-small { display: block; }
#t-flash-big { display: none; }


/* HEADLINES */

.start-headlines { height: 117px; width: 760px; color: #FFFFFF; padding: 0; }
.start-headline { padding: 52px 0px 10px 45px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 30px; border-bottom: 1px solid #FFFFFF; }
.start-subHeadline { font-size: 17px; }
.main-headline { padding: 52px 0px 10px 246px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 30px; border-bottom: 1px solid #FFFFFF; }
.sub-headline { padding: 33px 0px 10px 244px; color: #FFFFFF; font-family: Arial, sans-serif; font-size: 30px; }


/* TRANSPARENT STUFF */

.content-transparent { position: relative; top: 41px; left: 245px; width: 268px; background-color: #FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.85; opacity: 0.85; margin-bottom: 15px; }
.content-transparent-container { position: relative; display: block; width: 280px; 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=80); -moz-opacity:0.85; opacity: 0.85; margin: 2px 10px 5px 0; }
.content-transparent-headline { color: #1E70C2; font-size: 25px; padding: 22px 20px 0px 15px; }
.content-transparent-headline-small { color: #1E70C2; font-weight: bold; font-size: 17px; padding: 18px 5px 0px 10px; height: 50px !important; height /**/:75px; }
.content-transparent-subHeadline { color: #1E70C2; font-size: 17px; padding: 5px 20px 4px 15px; }
.content-transparent-text { color: #000000; font-size: 12px; padding: 5px 20px 15px 15px; 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: #FFFFFF; font-size: 11px; text-align: left; padding: 0 23px 0 6px; text-transform: uppercase; text-decoration: none; background: #3C80C5 url(/imperia/_img/nav_left_icon.gif) no-repeat center right; border: 1px solid #C2D7ED; }
.content-transparent-backbutton { margin: 7px 0 0 10px; }
.content-transparent-backbutton a { color: #FFFFFF; font-size: 11px; text-align: right; padding: 0 6px 0 15px; text-transform: uppercase; text-decoration: none; background: #3C80C5 url(/imperia/_img/nav_left_icon.gif) no-repeat 5px 3px; border: 1px solid #C2D7ED; }

.container { position: relative; }
.float { float: left; padding: 5px; }

/* SOMMER */
.content-transparent-headline-sommer { color: #FFA422; font-size: 25px; padding: 22px 20px 0px 15px; }
.content-transparent-subHeadline-sommer { color: #FFA422; font-size: 17px; padding: 5px 20px 4px 15px; }
.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-weight: bold; font-size: 17px; padding: 18px 5px 0px 10px; height: 50px !important; height /**/:75px; }

.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; padding: 0 30px 26px 0; height: 333px; }

.tab-nav { background: transparent url(/imperia/_img/tab_off.gif) no-repeat 0 0; height: 21px; width: 187px; padding: 0 0 0 15px; }
.tab-nav a { text-decoration: none; color: #125292; font-size: 12px; display: block; width: 185px; }
.tab-nav-on { background: transparent url(/imperia/_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: #000000; font-size: 12px; display: block; width: 185px; }
div.tab-main { position: absolute; left: 188px; top: 0; background: #FCD3C1; width: 236px !important; width /**/:281px; height: auto; display: none; color: #434444; font-size: 12px; text-align: left !important; line-height: 18px; padding: 18px 30px 10px 17px;
}
div.tab-main:first-letter { padding-left: 12px; }

/* SHEET MODE */

.sheet { padding: 38px 30px 18px 28px; width: 441px !important; width /**/:497px; }

.ce-headline { color: #63A3E4; font-size: 18px; font-weight: bold; padding: 0 0 10px 0; }
.ce-headline-2 { color: #80B4E9; font-size: 12px; padding: 0 0 15px 0; }
.ce-headline-3 { color: #63A3E4; 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: #CBE4FF url(/imperia/_img/zoom.gif) no-repeat bottom left; padding: 0 0 18px 0; }
.ce-table { margin: 5px 0 5px 0; }
.ce-table td { background: #DFEFFF; padding: 3px 8px 3px 12px; font-size: 12px; color: #434444; }
.ce-download { background: #DFEFFF; 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; }

.ce-image-zoom2 { padding: 1px; margin: 5px 5px 28px 5px; display: block; }
.ce-image-zoom2 span { display: block; background-image: none; padding: 0; }
.ce-image-zoom2 a.z { display: block; height: 18px; width: 186px; background: #CBE4FF url(/imperia/_img/zoom.gif) no-repeat bottom left; } 
.ce-image-zoom2 a:hover { text-decoration: none; }

/* TEASER */

.teaser-headline a { color: #1E6FC1; font-weight: bold; text-decoration: none; background: url(/imperia/_img/nav_left_icon.gif) no-repeat 8px 6px; padding: 2px 2px 0px 20px; }
.teaser-headline a:hover { color: #1E6FC1; text-decoration: underline; }
.teaser-text { padding: 2px 2px 5px 8px; color: #333333; font-size: 12px; }

.teaser-1-container { position: relative; top: 41px; left: 245px; width: 268px; }
.teaser-1-item { display: block; }
.teaser-1-bg { position: absolute; left: 0; top: 0; width: 208px; }
.teaser-1-content { position: absolute; left: 0; top: 0; }

.teaser-3-container { position: relative; display: block; width: 285px; 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/_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: #35628B; 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: 285px; left: 240px; top: 42px; }
.teaser-5-header { font-size: 12px; font-weight: bold; color: #115192; background: transparent url(/imperia/_img/nav_left_therme_.gif) no-repeat 0 0; padding: 7px 0 8px 42px; }
.teaser-5-transparent { width: 285px; overflow: hidden; -moz-opacity:0.85; opacity: 0.85; filter:alpha(opacity=80); background: #FFFFFF; border: 1px solid #63A3E4; }
.teaser-5-title { color: #115192; font-size: 18px; padding: 16px 10px 18px 36px;}
.teaser-5-item { padding: 0 39px 20px 35px; width: 211px !important; width/**/: 285px; }
.teaser-5-item { padding: 0 39px 20px 35px; }
.teaser-5-tbl-headline  { color: #115192; 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 #115192; }


/* SITEMAP */

.sitemap-left-nil a { color: #63A3E4; font-size: 18px; font-weight: bold; padding: 0 0 10px 7px; text-decoration: none; }
.sitemap-left-nil a:hover { color: #367ABE; text-decoration: none; }
.sitemap-left-one a { color: #63A3E4; font-size: 14px; margin: 0 0 15px 20px; padding: 0; text-decoration: none; }
.sitemap-left-one a:hover { color: #367ABE; text-decoration: none; }
.sitemap-left-two a { color: #80B4E9; font-size: 12px; padding: 0 0 10px 40px; text-decoration: none; }
.sitemap-left-two a:hover { color: #367ABE; text-decoration: none; }
.sitemap-top-nil a { color: #63A3E4; font-size: 18px; font-weight: bold; padding: 0 0 10px 7px; text-decoration: none; }
.sitemap-top-nil a:hover { color: #367ABE; text-decoration: none; }
.sitemap-top-one a { color: #63A3E4; font-size: 14px; padding: 0 0 15px 20px; }
.sitemap-top-one a:hover { color: #367ABE; text-decoration: none; }
.sitemap-top-two a { color: #80B4E9; font-size: 12px; padding: 0 0 10px 40px; }
.sitemap-top-two a:hover { color: #367ABE; text-decoration: none; }


/* FORMS */

.form-misc { background: #F6FAFD; padding: 5px 5px 5px 55px; color: #434444; font-size: 12px; line-height: 18px; }
.form-misc textarea { width: 300px; }
.form-misc-noleftpadding { background: #F6FAFD; 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: #F6FAFD; padding: 5px 5px 5px 15px; color: #434444; font-size: 12px; line-height: 18px; font-weight: bold; }
.form-text { background: #F6FAFD; padding: 5px 5px 5px 15px; color: #434444; font-size: 12px; line-height: 18px; }
.form-sep { padding: 5px; margin: 0px; }
.form-header { background: #E8F2FA; padding: 5px 5px 5px 15px; color: #434444; font-size: 12px; line-height: 18px; font-weight: bold; }
.form-header-headline { color: #63A3E4; 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; }