/* CSS-File www.santonio.at */ /* dunkelbraun #673f02 mittelbraun #e9e3bf hellbraun #f3f0dc */ /* Zentrieren der Website im Browser */ html,body,#container { height: 100%; width: 100%; margin: 0; padding: 0; } body { text-align: center; /* IE/Win bug fix */ font-family: Verdana, Arial, Helvetica, sans-serif; } #wrapper { margin: 10px; } #content { height: 745px; width: 800px; background: url(../images/common/cont_bg.gif); z-index: 10; text-align: left;} div { scrollbar-base-color:#e9e3bf; scrollbar-3dlight-color:#e9e3bf; scrollbar-arrow-color:#673f02; scrollbar-darkshadow-color:#f3f0dc; scrollbar-face-color:#e9e3bf; scrollbar-highlight-color:#673f02; scrollbar-shadow-color:#673f02; scrollbar-track-color:#e9e3bf} /* Works in IE5+/Win, Opera 5+, Netscape 6+, Firefox, Konqueror 3, Safari Does not work in NS4.x or IE/Mac */ .valignmid1 { position: relative; margin: 0 auto; } /* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x don't appear to have this problem. We hide this from IE5/Mac, because it doesn't support display:table-cell and it doesn't have the same bug that allows this to work in IE5-6/Win (hide from IE/Mac) \*/ .valignmid1 { display: table; vertical-align: middle; } /* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/ .valignmid2 { width: 100%; display: table-cell; vertical-align: middle; } * html .valignmid2 { top: 50%; left: 0; position: relative; } * html .valignmid3 { top: -50%; position: relative; } /* This is to make the text easier to select in IE5-6/Win (hide from IE/Mac) \*/ * html .valignmid1, * html .valignmid2, * html .valignmid3 p, * html .valignmid3 h1 { height: 1%; } /* ENDE zentrieren der Website im Browser*/ #menu { width:200px; height:745px; margin:0px; padding:0px; float:left;} /* 3-Pixel-Sprung HACK unter - http://www.positioniseverything.net/explorer/threepxtest.html - http://xhtmlforum.de/33087-noch-einmal-floating.html */ * html #menu{ /* \*/ margin-right: -3px; /* */ } #header {margin-left:200px; width:580px; margin:0px; padding:0px; height:240px; text-align:left;} * html #header{ /* \*/ margin-left:217px; /* */ } #data {margin-left:200px; width:570px; height:238px;} * html #data{ /* \*/ margin-left:197px; /* */ } #img {margin-left:200px; width:580px; height:257px;} * html #img{ /* \*/ margin-left:197px; /* */ } #menu td a {background-repeat:no-repeat; background-position:right; display:block} a.cafe {background-image:url(../images/menu/cafe.gif);} a.cafe:hover {background-image:url(../images/menu/cafe_o.gif);} a.bar {background-image:url(../images/menu/bar.gif);} a.bar:hover {background-image:url(../images/menu/bar_o.gif);} a.lounge {background-image:url(../images/menu/lounge.gif);} a.lounge:hover {background-image:url(../images/menu/lounge_o.gif);} a.gastgarten {background-image:url(../images/menu/gastgarten.gif);} a.gastgarten:hover {background-image:url(../images/menu/gastgarten_o.gif);} a.aktuelles {background-image:url(../images/menu/aktuelles.gif);} a.aktuelles:hover {background-image:url(../images/menu/aktuelles_o.gif);} a.gastebuch {background-image:url(../images/menu/gastebuch.gif);} a.gastebuch:hover {background-image:url(../images/menu/gastebuch_o.gif);} a.kontakt {background-image:url(../images/menu/kontakt.gif);} a.kontakt:hover {background-image:url(../images/menu/kontakt_o.gif);} #menu td a.impressum {padding-left:25px;} #menu_news {padding: 55px 15px 0 25px; font-weight:bold; vertical-align:top} #bg_trenner {background-color:#673f02} /* neu definierte TAGS */ body{ background-color:#f3f0dc; z-index:200} td, th{ font-family:Verdana, Arial;font-size:11px;font-weight:normal;color:#673f02; text-decoration:none; } div{font-family:Verdana,Arial; font-size:11px; font-weight:normal; color:#673f02; text-decoration:none;} img { border:0; } p {margin-left:40px; margin-right:40p; font-size:12px;} td#spruch {font-style:italic; font-size:17px; text-align:center; margin-bottom:50px} /* Hintergrundfarben und Bilder */ /* DIV Definitionen */ #bg { width:700px; height:472px; top:50%; left:50%; margin-top:-236px; margin-left:-350px; text-align:left; background-image:url(../images/index/bg.gif); background-repeat:no-repeat; background-position:center;} #eroeffnung { top:115px; left:81px; z-index:30px } #images { top:206px; left:81px; width:492px; height:150px;} #t_small {font-size:10px} .t_yellow {color:#faba00} .t_light {color:#bbbbbb} a:link,a:visited ,a:focus { font-size:11px; color:#673f02; text-decoration:underline; } a:hover,a.active { font-size:11px; color:#673f02; text-decoration:none; } ul#gb_form {list-style-type:none; padding:0px} ul#gb_form li {padding-bottom: 8px} .inp_normal {width:200px; background-color:#e9e3bf; border:1px solid #673f02; color:#f3f0dc; font-weight:bold}