ul,li,h1,h2,h3,h4,h5,h6,p,form,table,tbody,tr,td,th,img { margin: 0; padding: 0 }

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
}
body  { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c3d7e8 }
#pagewidth { text-align: left; margin-right: auto; margin-left: auto; width: 949px } 
 
#container { position: relative; width: 100%; height: 197px } 
 
#maincol   { background-image: url(../images/fond_07.gif); background-repeat: repeat-y; background-position: 61px 0; text-align: left; display: inline; position: absolute; left: 0; width: 949px; height: 420px; float: right }
#maincol h2 { color: #324f61; font-size: 14px; font-weight: bolder; line-height: 18px; margin-top: 6px; margin-bottom: 6px }
#maincol p  { padding-right: 10px }
#header { background-image: url(../images/fond_02.gif); background-repeat: no-repeat; background-position: 61px 0; height: 194px }
#header h1 { text-indent: -999em }
#logo { position: absolute; top: 138px; left: 723px; width: 120px; height: 52px }
#topmenu  { color: #fff; font-weight: bold; position: absolute; top: 102px; left: 760px; width: 130px; height: 25px }
#topmenu a:link { color: #324f61; font-weight: normal; text-decoration: none }
#topmenu a:visited { color: #324f61; font-weight: normal; text-decoration: none }
#topmenu a:hover { color: #324f61; font-weight: normal; text-decoration: underline }
#menu  { list-style-type: none; z-index: 1000 }
#menu span { display: none }
#restaurant    { background-image: url("../images/menu_03.gif"); background-repeat: no-repeat; position: absolute; z-index: 1001; top: 209px; left: 16px; width: 53px; height: 266px }
#restaurant:hover  { background-image: url("../images/menu_o_03.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1001; top: 209px; left: 16px; width: 53px; height: 266px }
#restaurant.active { background-image: url("../images/menu_o_03.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1001; top: 209px; left: 16px; width: 53px; height: 266px }
#fotogalerie   { background-image: url(../images/menu_10.gif); background-repeat: no-repeat; position: absolute; z-index: 1002; top: 635px; left: 101px; width: 126px; height: 49px }
#fotogalerie:hover    { background-image: url("../images/menu_o_10.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1002; top: 635px; left: 101px; width: 126px; height: 49px }
#fotogalerie.active { background-image: url("../images/menu_o_10.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1002; top: 635px; left: 101px; width: 126px; height: 49px }
#leistungen    { background-image: url(../images/menu_12.gif); background-repeat: no-repeat; position: absolute; z-index: 1003; top: 635px; left: 262px; width: 281px; height: 49px }
#leistungen:hover     { background-image: url("../images/menu_o_12.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1003; top: 635px; left: 262px; width: 281px; height: 49px }
#leistungen.active { background-image: url("../images/menu_o_12.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1003; top: 635px; left: 262px; width: 281px; height: 49px }
#events  { background-image: url(../images/menu_14.gif); background-repeat: no-repeat; position: absolute; z-index: 1004; top: 635px; left: 580px; width: 133px; height: 45px }
#events:hover   { background-image: url("../images/menu_o_14.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1004; top: 635px; left: 580px; width: 133px; height: 45px }
#events.active { background-image: url("../images/menu_o_14.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1004; top: 635px; left: 580px; width: 133px; height: 45px }
#jobs   { background-image: url(../images/menu_16.gif); background-repeat: no-repeat; position: absolute; z-index: 1005; top: 635px; left: 761px; width: 89px; height: 45px }
#jobs:hover    { background-image: url("../images/menu_o_16.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1005; top: 635px; left: 761px; width: 89px; height: 45px }
#jobs.active { background-image: url("../images/menu_o_16.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1005; top: 635px; left: 761px; width: 89px; height: 45px }
#kontakt   { background-image: url(../images/menu_05.gif); background-repeat: no-repeat; position: absolute; z-index: 1006; top: 209px; left: 880px; width: 45px; height: 266px }
#kontakt:hover    { background-image: url("../images/menu_o_05.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1006; top: 209px; left: 880px; width: 45px; height: 266px }
#kontakt.active { background-image: url("../images/menu_o_05.gif"); background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 1006; top: 209px; left: 880px; width: 45px; height: 266px }
#content  { margin-top: 10px; margin-right: 90px; margin-left: 100px; height: 400px; overflow: auto }
#content ul { padding-left: 15px }
#content input  { margin-bottom: 5px; width: 280px }
#content textarea  { margin-bottom: 12px; width: 280px }
div.column { float: left }
div.abstandlinks { padding-left: 10px }
div.infobox { background-color: #fddaad; padding-left: 10px }
#footer { background-image: url(../images/fond_16.gif); background-repeat: no-repeat; background-position: 61px 0; text-indent: -999em; position: relative; top: 420px; left: 0; width: 949px; height: 46px }

/* preload hover images */
#pl_restaurant {background-image: url("../images/menu_o_03.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}
#pl_fotogalerie {background-image: url("../images/menu_o_10.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}
#pl_leistungen {background-image: url("../images/menu_o_12.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}
#pl_events {background-image: url("../images/menu_o_14.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}
#pl_jobs {background-image: url("../images/menu_o_16.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}
#pl_kontakt {background-image: url("../images/menu_o_05.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}

