@charset "UTF-8";

*{margin:0;padding:0}
    html{height:100%}
	body{height:100%;background:#000;font-family:verdana,sans-serif;font-size:12px;color:#ddd;line-height:18px}
	img{border:none}
	a{text-decoration:none}
	a:focus,a:active,a:visited,a:link{border:none}
	a:focus,a:active{outline:none}
	.clearer{clear:both;height:0;font-size:0;line-height:0}
	h1{font-size:16px;font-weight:bold;margin:0 0 12px 0}
    h2{font-size:14px;font-weight:bold;margin:12px 0 8px 0}
        .h2_2{margin-top:24px}
	a{color:#888}
	a:hover,a.act{color:#fff}
    u{font-size:13px;text-decoration:none;font-weight:bold}
    b{font-weight:bold}
    i{font-style:italic}

#preload{position:absolute;top:-200px}
#container{position:relative;padding:225px 0 60px 0;width:1008px;margin:0 auto}
    #header{position:fixed;z-index:10;top:0;width:1008px;height:206px;background:url(bgheader.png)}
        #logo{position:absolute;top:24px;left:834px;background:url(hofer-essbar_logo.gif);width:140px;height:140px}
        #navi{position:absolute;top:76px;left:34px}
        #navi li{float:left;margin-right:25px;list-style-type:none}
            #navi a{display:block;width:88px;height:88px}
            .essbar{background:url(essbar.jpg)}
            .essbar:hover,.essbar_act{background:url(essbar_act.jpg)}
            .restaurant{background:url(restaurant.jpg)}
            .restaurant:hover,.restaurant_act{background:url(restaurant_act.jpg)}
            .catering{background:url(catering.jpg)}
            .catering:hover,.catering_act{background:url(catering_act.jpg)}
            .events{background:url(events.jpg)}
            .events:hover,.events_act{background:url(events_act.jpg)}
            .kochschule{background:url(kochschule.jpg)}
            .kochschule:hover,.kochschule_act{background:url(kochschule_act.jpg)}
        #sub{position:absolute;top:179px;left:34px}
            #sub li{float:left;margin-right:10px;padding-right:10px;border-right:1px solid #fff;list-style-type:none}
            #sub li.last{margin-right:0;padding-right:0;border-right:none}
    #left{position:relative;float:left;margin-left:34px;width:540px;min-height:300px}
    #right{position:relative;margin-left:674px;width:300px}
        #right .imgbox{text-align:right}
        #right img,#left img{margin-bottom:20px}
        #left a,#right a{border-bottom:1px solid #333}
        #left a:hover,#right:hover a{border-bottom:1px solid #fff}
    .karte{text-align:center;margin-top:40px}
        .karte .h2_2{margin-top:0}
    .divider{height:30px;background:url(divider.gif) center bottom no-repeat;margin-bottom:5px}
    #map{width:540px;height:360px;overflow:hidden;margin:20px 0 15px}
    .routenplaner{border-collapse:collapse;width:540px}
        input,textarea{font-family:Verdana,sans-serif;font-size:12px;color:#ccc;background:#000;border:1px #fff solid;padding:3px;width:310px}
        .adress{width:400px}
        .formsubmit input{margin-left:10px;width:122px;color:#888}
		.formsubmit input:hover{cursor:pointer;color:#fff}
        #kontaktformular{margin:15px 0}
        #kontaktformular h2{margin:5px 0}
        #kontaktformular .formsubmit input{margin-left:180px}
	
    #footer{position:fixed;bottom:0;width:1008px;height:54px;background:url(bgheader.png)}
        #footernavi{position:absolute;top:15px;left:34px}
        #footernavi li{float:left;margin-right:10px;padding-right:10px;border-right:1px solid #fff;list-style-type:none}
        #footernavi li.last{margin-right:0;padding-right:0;border-right:none}

    .red{color:#f00}
    label{float:left;width:180px;line-height:23px}
    .radio{width:auto;margin-left:27px;border:none}
    .formfield{margin:10px 0}