html,body,textarea { scrollbar-base-color:#efefef; scrollbar-3d-light-color:#606060; scrollbar-arrow-color:#606060; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#efefef; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#606060; scrollbar-track-color:#606060; } body { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #04297D; margin:0; padding: 0; background:url(http://www.privatzimmer.or.at/selbstwarten/upload/kunden/269/styles/) no-repeat top center; background-color: #FFFFFF; overflow-x:hidden; } .bgcont { /*background:url(http://www.appartement-weissacher.at//images/bg_content.jpg) repeat-x top left;*/ background-color: #FFFFFF; } .bgnav { /*background:url(http://www.appartement-weissacher.at//images/bg_nav.gif) no-repeat top left; */ background-color: #FFFFFF; } .bgimp { /*background:url(http://www.appartement-weissacher.at//images/bg_imp.gif) no-repeat top left; */ background-color: #3d70af; } .contentholder { position:absolute; width:100%; height:auto; margin:0px 0px 0px -400px; top: 3%; left: 50%; text-align:left; z-index: 0; } /* grid.css */ .bbox { height:80px;} .bbox1 { width:160 px; height:110 px; } .bbox2 { background:url(http://www.appartement-weissacher.at//images/bg_box.gif) repeat center; } .clipwrapper{ position:relative;float:left; padding:5px;margin:5px;background-color:#ffffff; } .clip{ position:absolute; clip:rect(0px 150px 100px 0px); } .clipout{ position:relative; width:150px; height:100px; } .clipin{ position:absolute; clip:rect(0px 150px 100px 0px); top:0px; left:0px; } h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#04297D;} h1 {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:1;margin-bottom:0.5em;} h2 {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:0.75em;} h3 {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:1em;} h4 {font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:1.25em;height:1.25em;} h5 {font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:1.5em;} h6 {font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} blockquote {margin:1.5em;color:#04297D;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #04297D;} address {margin:0 0 1.5em;font-style:italic;} del {color:#04297D;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'Verdana, Arial, Helvetica, sans-serif', 'Verdana, Arial, Helvetica, sans-serif', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#04297D;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:8;padding-left:8;} .plus5px {margin-left:5;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .top1 {margin-top:15;padding-top:15;} .top2 {margin-top:5;padding-top:5;} .bottom {margin-bottom:0;padding-bottom:0;} .bottom1 {margin-bottom:145;padding-bottom:145;} .bottom2 {margin-bottom:15;padding-bottom:15;} .around { padding-left:5px;} #head {color:#ff9900;} .centre { text-align:center;} div.span-0,div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:0px;text-align:left;} div.last {margin-right:0;} div.zindex {z-index:0;} div.zindex1 {z-index:2000;} div.right {float:right;} .span-0 {width:10px;} .span-1 {width:41px;} .span-2 {width:74px;} .span-3 {width:107px;} .span-4 {width:140px;} .span-5 {width:173px;} .span-6 {width:206px;} .span-7 {width:239px;} .span-8 {width:272px;} .span-9 {width:305px;} .span-10 {width:338px;} .span-11 {width:371px;} .span-12 {width:404px;} .span-13 {width:437px;} .span-14 {width:470px;} .span-15 {width:503px;} .span-16 {width:536px;} .span-17 {width:569px;} .span-18 {width:602px;} .span-19 {width:635px;} .span-20 {width:668px;} .span-21 {width:701px;} .span-22 {width:734px;} .span-23 {width:767px;} .span-24, div.span-24 {width:800px;margin:0;} .append-1 {padding-right:33px;} .append-2 {padding-right:66px;} .append-3 {padding-right:99px;} .append-4 {padding-right:132px;} .append-5 {padding-right:165px;} .append-6 {padding-right:198px;} .append-7 {padding-right:231px;} .append-8 {padding-right:264px;} .append-9 {padding-right:297px;} .append-10 {padding-right:330px;} .append-11 {padding-right:363px;} .append-12 {padding-right:396px;} .append-13 {padding-right:429px;} .append-14 {padding-right:462px;} .append-15 {padding-right:495px;} .append-16 {padding-right:528px;} .append-17 {padding-right:561px;} .append-18 {padding-right:594px;} .append-19 {padding-right:627px;} .append-20 {padding-right:660px;} .append-21 {padding-right:693px;} .append-22 {padding-right:726px;} .append-23 {padding-right:759px;} .prepend-1 {padding-left:33px;} .prepend-2 {padding-left:66px;} .prepend-3 {padding-left:99px;} .prepend-4 {padding-left:132px;} .prepend-5 {padding-left:165px;} .prepend-6 {padding-left:198px;} .prepend-7 {padding-left:231px;} .prepend-8 {padding-left:264px;} .prepend-9 {padding-left:297px;} .prepend-10 {padding-left:330px;} .prepend-11 {padding-left:363px;} .prepend-12 {padding-left:396px;} .prepend-13 {padding-left:429px;} .prepend-14 {padding-left:462px;} .prepend-15 {padding-left:495px;} .prepend-16 {padding-left:528px;} .prepend-17 {padding-left:561px;} .prepend-18 {padding-left:594px;} .prepend-19 {padding-left:627px;} .prepend-20 {padding-left:660px;} .prepend-21 {padding-left:693px;} .prepend-22 {padding-left:726px;} .prepend-23 {padding-left:759px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #606060;} div.colborder {padding-right:5px;margin-right:5px;padding-top:15px;margin-top:16px;border-right:1px solid #606060;} div.colborder1 {padding-right:20px;margin-right:20px;padding-top:15px;margin-top:16px;border-right:1px solid #606060;} div.bbott {padding-bottom:10px;margin-bottom:10px;padding-top:15px;margin-top:16px;border-bottom:1px solid #606060;} div.btop {padding-top:10px;margin-top:10px;padding-bottom:15px;margin-bottom:16px;border-top:1px solid #606060;} .pull-1 {margin-left:-27px;} .pull-2 {margin-left:-66px;} .pull-3 {margin-left:-99px;} .pull-4 {margin-left:-132px;} .pull-5 {margin-left:-165px;} .pull-6 {margin-left:-198px;} .pull-7 {margin-left:-231px;} .pull-8 {margin-left:-264px;} .pull-9 {margin-left:-297px;} .pull-10 {margin-left:-330px;} .pull-11 {margin-left:-363px;} .pull-12 {margin-left:-396px;} .pull-13 {margin-left:-429px;} .pull-14 {margin-left:-462px;} .pull-15 {margin-left:-495px;} .pull-16 {margin-left:-528px;} .pull-17 {margin-left:-561px;} .pull-18 {margin-left:-594px;} .pull-19 {margin-left:-627px;} .pull-20 {margin-left:-660px;} .pull-21 {margin-left:-693px;} .pull-22 {margin-left:-726px;} .pull-23 {margin-left:-759px;} .pull-24 {margin-left:-792px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -33px 1.5em 33px;} .push-2 {margin:0 -66px 1.5em 66px;} .push-3 {margin:0 -99px 1.5em 99px;} .push-4 {margin:0 -132px 1.5em 132px;} .push-5 {margin:0 -165px 1.5em 165px;} .push-6 {margin:0 -198px 1.5em 198px;} .push-7 {margin:0 -231px 1.5em 231px;} .push-8 {margin:0 -264px 1.5em 264px;} .push-9 {margin:0 -297px 1.5em 297px;} .push-10 {margin:0 -330px 1.5em 330px;} .push-11 {margin:0 -363px 1.5em 363px;} .push-12 {margin:0 -396px 1.5em 396px;} .push-13 {margin:0 -429px 1.5em 429px;} .push-14 {margin:0 -462px 1.5em 462px;} .push-15 {margin:0 -495px 1.5em 495px;} .push-16 {margin:0 -528px 1.5em 528px;} .push-17 {margin:0 -561px 1.5em 561px;} .push-18 {margin:0 -594px 1.5em 594px;} .push-19 {margin:0 -627px 1.5em 627px;} .push-20 {margin:0 -660px 1.5em 660px;} .push-21 {margin:0 -693px 1.5em 693px;} .push-22 {margin:0 -726px 1.5em 726px;} .push-23 {margin:0 -759px 1.5em 759px;} .push-24 {margin:0 -792px 1.5em 792px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .box {padding:1.5em;margin-bottom:1.5em;} .boxi {padding:0px !important;padding:10px;margin-bottom:10px;} .fotter {padding:0px !important;padding:4px;text-align:center;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} */ #socialbookmark { width:auto; height:auto; position:absolute; /*left:250px; top:-300px;*/ left:0px; top:0px; border:1px solid #151515; background-color: #EFEFEF; margin:0; padding:0; z-index:2000; } #social-content { position:absolute; visibility:hidden; top: 50%; left:50%; margin:0px; margin-top: -300px; margin-left:-250px; padding:0; z-index:2000; } .latestnav { display:block; } .content { position:relative; height:600px; height:auto !important; min-height:400px; width:600px; width:px !important; margin: 0px 5px 5px 5px !important; margin-left:10px; margin-right:10px; display:block; float:left; margin-top: 0px; } .content_100prozent { position:relative; height:600px; height:auto !important; width:100%; margin-left:10px; margin-right:10px; margin: 0px 5px 5px 5px !important; display:block; float:left; margin-top: 0px; } .content_module { position:relative; width:100%; margin: 0px 0px 5px 0px; display:block; float:left; } .block { position:relative; height:auto; width:200px; display:block; float:right; margin-left: 15px; padding: 15px 0px 15px 0px !important; padding:15px; } #topnav { margin: 0px; height: 18px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } .text { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #04297D; text-decoration:none; text-align: left; line-height:19px; } a:focus, a:hover {color:#CC0033;} a {color:#CC0033;} a.head:focus, a.head:hover {color:#CC0033;} a.head {color:#04297D;text-decoration:none;} a.text:focus, a.text:hover {color:#CC0033;} a.text {color:#CC0033;text-decoration:none;} a.text:link { color: #04297D; text-decoration: none; } a.text:visited { color: #04297D; text-decoration: none; } a.text:hover { color: #CC0033; text-decoration: none; } a.text:active { color: #CC0033; text-decoration: none; } .head { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #04297D; text-decoration: none; } a.head:link { color: #04297D; text-decoration: none; } a.head:visited { color: #04297D; text-decoration: none; } a.head:hover { color: #CC0033; text-decoration: none; } a.head:active { color: #CC0033; text-decoration: none; } .b1 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .b2 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .b3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .b1s { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #fb1d27; text-decoration: none; } .b2s { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #ace243; text-decoration: none; } .b3s { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #01a1e6; text-decoration: none; } a.head:link { color: #04297D; text-decoration: none; } a.head:visited { color: #04297D; text-decoration: none; } a.head:hover { color: #CC0033; text-decoration: none; } a.head:active { color: #CC0033; text-decoration: none; } .textmini { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; } .textkal { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #CC0033; } .sub { font: italic 12px Verdana, Arial, Helvetica, sans-serif; color: #04297D; text-decoration: none; } a.sub:link { color: #CC0033; text-decoration: none; } a.sub:visited { color: #04297D; text-decoration: none; } a.sub:hover { color: #CC0033; text-decoration: none; } a.sub:active { color: #CC0033; text-decoration: none; } .link { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: ; text-align: left; } .textbox1 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; font-size: 10px; color: #000000; text-decoration: none; border: 1px solid #606060; clear: none; float: none; margin: 0px; padding: 0px; height: 16px; } .bild1 { position:static; clear:none; float:left; margin-bottom:8px; margin-top:3px; margin-right:10px; padding: 3px 0px 3px 0px !important; padding: 3px; /*cursor: pointer;*/ } .bild2 { position:static; clear:none; float:right; margin-bottom:8px; margin-top:3px; margin-left:10px; padding: 3px 0px 3px 0px !important; padding: 3px; /*cursor: pointer;*/ } .sprachen { position:relative; /*display:block;*/ text-align: right; float:right; width: 800; top: 108px; padding-right: 27px; z-index: 1000; } .imp1 { position:relative; /*display:block;*/ text-align: center; float:left; top: 10px; left:40px; } .imp2 { position:relative; /*display:block;*/ text-align: right; float:right; top:10px; right: 35px; } .dashedline {border-top:1px dashed #04297D; width:100%;} .dashedline1 {border-top:1px solid #04297D; width:100%;} .mainnavi { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .mainnavihi { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #CC0033; text-decoration: none; } ul.columns-two { list-style-type: none; padding: 0; margin: 0; } li.innen { float: left; width: 200px; margin: 0 20px 10px 0; } li.aussen { float: left; width: 200px; padding: 0; margin: 0 0 10px 0;} li.clr { display: inline; margin: 0; padding: 0; width: 1px; } br.clr { clear: left; width: 1px; font-size:1px; margin: 0; padding: 0; overflow:hidden; } @charset "UTF-8"; /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 12px; cursor: default; width: auto; z-index: 1000; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 12px; position: relative; text-align: center; cursor: pointer; width: auto; float: left; z-index: 1000; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) width-attribut MUSS gegeben sein (abs. Wert!) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 12px; z-index: 1020; cursor: default; width: 15em; position: absolute; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 100%; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; /*margin: -5% 0 0 95%;*/ margin: 0 0 0 100%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ /*ul.MenuBarHorizontal ul { border: 0px solid #FFFFFF; }*/ /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #FFFFFF; filter:alpha(opacity=50); color: #FFFFFF; padding: 0.55em 0.5em 0.7em 0.65em; text-decoration: none; background: url(http://www.appartement-weissacher.at//images/bg_nav1.gif) repeat-x top; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #FFFFFF; filter:alpha(opacity=50); color: #FFFFFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color:#FFFFFF; filter:alpha(opacity=50); color: #CC0033; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { background: url(http://www.appartement-weissacher.at//images/bg_nav1.gif) repeat-x top; /*background-position: 0% 0%; background-position: 95% 50%;*/ } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background: url(http://www.appartement-weissacher.at//images/bg_nav1.gif) repeat-x top; /*background-position: 0% 0%; background-position: 95% 50%;*/ } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background: url(http://www.appartement-weissacher.at//images/bg_nav1.gif) repeat-x top; /*background-position: 0% 0%; background-position: 95% 50%;*/ } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background: url(http://www.appartement-weissacher.at//images/bg_nav1.gif) repeat-x top; /*background-position: 0% 0%; background-position: 95% 50%;*/ } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; /*background:#FFFFFF;*/ background: url(http://www.appartement-weissacher.at//images/bg_nav1.gif) repeat-x top; } }