/* CSS Document */ /* - - - - - - - - - - - - - - - - - - - - - /* ----------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; } body { background: url(../images/bg.png) repeat; font-family: Arial, Helvetica, sans-serif; color:#969696; font-size:12px; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; } form{margin:0; padding:0; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; } fieldset { border: 0; } img { border:0; vertical-align:bottom;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0; line-height:normal; text-align:left;} h2{color:#FFFFFF; font-size:14px; margin-top:5px;} h3{color:#FFFFFF; font-size:16px;} h4{ color:#2e85ac; font-size:18px;} h5 {font-family: Arial, Helvetica, sans-serif; color:#f6aa42; font-size:12px;} h6 { color:#2e85ac; font-size:14px;} p{ margin:0; padding:0;font-family: Arial; font-size:11px; line-height:18px; color:#000000; text-align:justify; font-size:12px;} ul,li {margin:0; padding:0; list-style:none; font-size:12px; font-family: Arial, Helvetica, sans-serif;} th {color: #666666; font-family: Arial; font-size:14px;} a{margin:0; padding:0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:#F6AA42; font-size:12px; text-decoration:none;} a:hover {margin:0; padding:0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:#2e85ac; font-size:12px; text-decoration:none;} .clear {clear:both; height:1px; } .cl_cle{ clear:left;height:1px;} .display{ display:block; float:none; text-align:left; } * { margin: 0; } html, body { height: 100%; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; } .push { height:50px; } .left{ float:left;} .right{ float:right;} .marginlf{ margin-left:15px;} .marginrf{ margin-right:15px;} .margintp{ margin-top:25px;} /* ----------------------------------------------------------------------------- Template Styles -----------------------------------------------------------------------------*/ #wrapper{ width:100%; display:block; text-align:center; background:url(../images/round.png) repeat-y;} #wrap{ width:979px; margin:auto; display: block; background:url(../images/bg_inner.png) repeat-y; height:100%; padding-left:5px; padding-right:4px;} /* ----------------------------------------------------------------------------- top header styles with waves goes here -----------------------------------------------------------------------------*/ #waves_header{ background:url(../images/top_waves.png) center top no-repeat; height:191px; display:block; z-index:1; position: absolute; width:100%; top:0; left:0; } #waves_header .in{ width:982px; margin:auto; display:block; padding-left:6px;} #waves_header #logo{ width:191px; height:123px; float:left; z-index:1; position:relative;} #waves_header #logo a{ background:url(../images/logo.png) no-repeat; width:191px; height:123px; display:block;} #waves_header .navigation{ width:780px; margin-left:-15px; padding-left:20px; float:left; background:#2e85ac; border-bottom:1px solid #f6aa42; height:31px;} #waves_header .navigation li{ float:left; display:block;} #waves_header .navigation #navi_one{display:block; width:88px; } #waves_header .navigation #navi_one a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;line-height:31px; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase;} #waves_header .navigation #navi_one a:hover{ background:url(../images/navi_one.png) no-repeat; width:88px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_one .selected{ background:url(../images/navi_one.png) no-repeat; width:88px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_two{display:block; width:124px; line-height:31px;} #waves_header .navigation #navi_two a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:31px;} #waves_header .navigation #navi_two a:hover{ background:url(../images/navi_2.png) no-repeat; width:124px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_two .selected{ background:url(../images/navi_2.png) no-repeat; width:124px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_three{display:block; width:112px; line-height:31px;} #waves_header .navigation #navi_three a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:31px;} #waves_header .navigation #navi_three a:hover{ background:url(../images/navi_three.png) no-repeat; width:112px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_three .selected{ background:url(../images/navi_three.png) no-repeat; width:112px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_four{display:block; width:96px; line-height:31px;} #waves_header .navigation #navi_four a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:31px;} #waves_header .navigation #navi_four a:hover{ background:url(../images/navi_four.png) no-repeat; width:96px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_four .selected{ background:url(../images/navi_four.png) no-repeat; width:96px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_five{display:block; width:70px; line-height:31px;} #waves_header .navigation #navi_five a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:31px;} #waves_header .navigation #navi_five a:hover{ background:url(../images/navi_two.png) no-repeat; width:70px; height:31px; line-height:31px; display:block;} #waves_header .navigation #navi_five .selected{ background:url(../images/navi_two.png) no-repeat; width:70px; height:31px; line-height:31px; display:block;} .flag_navi{ background:url(../images/flag_navi.png) right top no-repeat; width:590px; padding-left:10px; height:31px; float:right; margin-right:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#ffffff;} .flag_navi p{ float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#ffffff; margin-left:100px;} .flag_navi li{ float:left; display:block; padding-top:3px; padding-left:11px; padding-right:11px; background:url(../images/divider.png) right no-repeat; } .flag_navi ul{ margin-left:30px;} .flag_navi .england a{ background:url(../images/england.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .england a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .england .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .german a{ background:url(../images/german.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .german a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .german .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .spanish a{ background:url(../images/spanish.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .spanish a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .spanish .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .italy a{ background:url(../images/italy.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .italy a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .italy .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .french a{ background:url(../images/french.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .french a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .french .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .dutch a{ background:url(../images/dutch.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .dutch a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .dutch .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .finnish a{ background:url(../images/finnish.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .finnish a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .finnish .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .swedish a{ background:url(../images/swedish.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .swedish a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .swedish .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} .flag_navi .hungary a{ background:url(../images/hungary.png) no-repeat; height:14px; cursor:pointer; width:26px; display:block;} .flag_navi .hungary a:hover{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image up to start of 2nd tab image*/ } .flag_navi .hungary .selected{ /*Selected Tab style*/background-position:100% -14px; /*Shift background image */} /* ----------------------------------------------------------------------------- header styles goes here -----------------------------------------------------------------------------*/ #header_flash{ width:979px; height:349px; display:block;} #content{ width:979px; margin-top:-20px; display:block; padding-bottom:20px;} #content .lf{ width:672px; display:block; float:left;} #content .lfin{ padding-left:10px; padding-right:20px;} #content .rf{ width:283px; background:#0093bc; display:block; float:left; padding-top:20px; padding-left:12px; padding-right:12px;} a.read_more{ background:url(../images/read_more.jpg) no-repeat; width:99px; height:24px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; text-decoration:none; text-transform:uppercase; padding-top:9px; margin-top:11px; text-align:center;} a:hover.read_more{ color:#ffd573;} #content .lf .lf317{ float:left; width:305px; display:block;} .orange_nav{ display:block; background:#f6aa42; height:46px; padding-top:18px;} .orange_nav{ display:block; background:#f6aa42; height:31px; padding-top:18px; text-align:center;} .orange_nav li{ float:left; display:block;} .orange_nav #navi_one{display:block; width:125px; margin-left:3px; margin-right:3px; } .orange_nav #navi_one a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;line-height:31px; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; padding-left:2px; padding-right:2px;} .orange_nav #navi_one a:hover{ background:url(../images/navi_01.png) no-repeat; width:125px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_one .selected{ background:url(../images/navi_01.png) no-repeat; width:125px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_two{display:block; width:88px; margin-left:3px; margin-right:3px; } .orange_nav #navi_two a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;line-height:31px; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; padding-left:2px; padding-right:2px;} .orange_nav #navi_two a:hover{ background:url(../images/navi_02.png) no-repeat; width:88px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_two .selected{ background:url(../images/navi_02.png) no-repeat; width:88px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_three{display:block; width:130px; margin-left:3px; margin-right:3px; } .orange_nav #navi_three a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;line-height:31px; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; padding-left:2px; padding-right:2px;} .orange_nav #navi_three a:hover{ background:url(../images/navi_03.png) no-repeat; width:130px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_three .selected{ background:url(../images/navi_03.png) no-repeat; width:130px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_four{display:block; width:110px; margin-left:3px; margin-right:3px; } .orange_nav #navi_four a{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;line-height:31px; display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; padding-left:2px; padding-right:2px;} .orange_nav #navi_four a:hover{ background:url(../images/navi_04.png) no-repeat; width:110px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .orange_nav #navi_four .selected{ background:url(../images/navi_04.png) no-repeat; width:110px; height:31px; line-height:31px; display:block; margin-left:3px; margin-right:3px;} .blue_title{ border-bottom:4px #146c9a solid; border-right:4px #146c9a solid; border-left:4px #146c9a solid; border-top:11px #146c9a solid; background:#a5cade; height:28px; padding-left:10px; width:297px; padding-top:6px;} .arrowe{background:url(../images/arrow.jpg) right no-repeat; height:13px;} .boder_dot{ border-bottom:1px dotted #ffffff; padding-bottom:20px; text-align:center;} .boder_dotl{ border-bottom:1px dotted #ffffff; padding-bottom:20px; text-align:left;} .gray_arrow{ display:block; margin-top:15px;} .gray_arrow li{ background:url(../images/gray_arrow.jpg) left 2px no-repeat; padding-left:20px; color:#000000; padding-bottom:20px; } .gray_arrow li a{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#033264;} a.click{ background:url(../images/clcik_here.png) no-repeat; width:199px; height:35px; float:right; margin-right:50px; display:block; margin-top:5px;} /* ----------------------------------------------------------------------------- arrow blue styles goes here -----------------------------------------------------------------------------*/ .arrow_blue{ display:block; padding-top:10px; padding-left:7px;} .arrow_blue li{ background:url(../images/arrow_q.png) left 3px no-repeat; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin-bottom:10px;} .arrow_blue li span{ font-weight:bold;} .arrow_blue li b{ color:#ffffff;} .arrow_blue li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;} .arrow_blue li a span{ font-weight:bold;} .arrow_red{ display:block; padding-top:10px; padding-left:30px; padding-right:10px;} .arrow_red li{ background:url(../images/arrow.png) left 3px no-repeat; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin-bottom:10px;} .arrow_red li span{ font-weight:bold;} .arrow_red li b{ color:#ffffff;} .arrow_red li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2e85ac; font-weight:normal; font-weight:bold;} .arrow_red li a span{ font-weight:bold;} .arrow_red li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f6aa42; font-weight:normal; font-weight:bold;} /* ######### Style for Drop Down Menu ######### */ .dropmenudiv_e{ position:absolute; top: 0; border: 2px solid #e9efef; /*THEME CHANGE HERE*/ border-width: 0 2px 2px 2px; font:normal 12px Verdana; line-height:26px; z-index:100; background: #ffedd5; width:150px; visibility: hidden; text-align:left; } .dropmenudiv_e a{ width: auto; display: block; text-indent: 15px; border-bottom: 1px solid #eae9e9; /*THEME CHANGE HERE*/ border-bottom-width: 1px; padding: 2px 0; cursor:pointer; text-decoration: none; color:#000000; font-size:11px; } * html .dropmenudiv_e a{ /*IE only hack*/ width: 100%; } .dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/ color: #f6aa42; } /* ----------------------------------------------------------------------------- footer styles goes here -----------------------------------------------------------------------------*/ #footer { background:url(../images/footer.png) no-repeat; height:88px; z-index:2; position: fixed; bottom:0; left:0; width:100%;} #footer_inner{ width:979px; margin:auto; height:88px; } #footer a{ color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px; background: url(../images/divider_bot.jpg) right no-repeat;} #fotogalerie {width:672px; margin:0px 50px 0px 40px;} .fotos_01 {padding:6px 6px 6px 6px; float:left; border:1px solid #828282; width:150px; height:115px; margin:0px 25px 10px 30px; } .fotos_02 {padding:6px 6px 6px 6px; float:left; border:1px solid #828282 ;width:150px; height:115px; margin:0px 25px 10px 10px;} .fotos_03 {padding:6px 6px 6px 6px; float:left; border:1px solid #828282; width:150px; height:115px; margin:0px 20px 10px 10px;} .foto {padding:10px 10px 10px 10px; background-color:#FFFFFF; border:2px solid #828282; width:420px; margin:20px 20px 20px 25px;} #fotos {background-image:url(../images/foto_bg.png); width:430px; height:335px; margin-top:20px; padding:5px; text-align:center;} .fotos_img { padding:5px; text-align:center; padding-right:5px;} .pics {float:right; width:230px; margin-left:5px;} .pics_01 {float:right; width:260px; margin-left:5px;} .pics_02 {float:right; width:320px; margin-left:5px;} .pics_03 {float:right; width:900px; margin-top:15px;} .kontakt {float:left; width:150px; height:15px;} .kontakt_02 {float:left; width:154px; height:15px; margin:20px 0px 0px 150px;} .Stil1 {color: #2e85ac}