@charset "iso-8859-1";

/******************************************************************************/
/*  layout.css                                                                */
/*  css-Datei by ZIELOS.DE                                                    */
/*  erstellt: Ausgust 2007                                                    */
/*  by Patricia Stechert                                                      */
/*  Copyright 2007 ©                                                          */
/*  Web: www.zielos.de                                                        */
/*  E-mail: info@zielos.de                                                    */
/******************************************************************************/


* {     margin: 0px;
        padding: 0px;
        }

/******************************************************************************/
/*                              Html und Body                                 */
/******************************************************************************/

body {
        font: normal 13px Arial, Verdana, sans-serif;
        border: 0 solid;
        color: #565656;     
        background-image:url(../images/hg.jpg); 
        background-repeat: repeat-x;
        background-color: #F3F3F3;
        }

a {
        color: #FFB600;  
        text-decoration: underline;
        }

a:hover {
        color: #000000;  
        text-decoration: underline;
        }
            
            
.alles{
        width: 900px;
        margin: 0px auto;
        display: block;
        } 

#oben {
        width: 900px;
        height: 134px;
        float: left;
        display: block;
	}
	
#logo {
        background-image:url(../images/logo.jpg); 
        background-repeat: no-repeat;
        width: 167px;
        height: 134px;
        float: left;
	}
	
.homelink {
        width: 167px;
        height: 134px;
        display: block;
	}

#bild_home {
        background-image:url(../images/bild_home.jpg); 
        background-repeat: no-repeat;
        width: 900px;
        height: 275px;
        float: right;
        margin-top: 15px;
	}

#bild_restaurant {
        background-image:url(../images/bild_restaurant.jpg); 
        background-repeat: no-repeat;
        width: 900px;
        height: 275px;
        float: right;
        margin-top: 15px;
	}

#bild_events {
        background-image:url(../images/bild_events.jpg); 
        background-repeat: no-repeat;
        width: 900px;
        height: 275px;
        float: right;
        margin-top: 15px;
	}

#bild_offen {
        background-image:url(../images/bild_offen.jpg); 
        background-repeat: no-repeat;
        width: 900px;
        height: 275px;
        float: right;
        margin-top: 15px;
	}


#bild_speisen{
        background-image:url(../images/bild_speisen.jpg); 
        background-repeat: no-repeat;
        width: 900px;
        height: 275px;
        float: right;
        margin-top: 15px;
	}

#bild_reservierung{
        background-image:url(../images/bild_reservierung.jpg); 
        background-repeat: no-repeat;
        width: 900px;
        height: 275px;
        float: right;
        margin-top: 15px;
	}

#menu {	
	font-size: 14px;
        float: right;
        display: block;
        margin-top: 100px;
	}

#menu a{	
        color: #969696;
        padding: 10px 15px 10px 15px;
        display: block;
        float: left;
        text-decoration: none;
	}
	
#menu a:hover{	
        color: #000000;
        background-color: #FFB600;
	}

#menu a.aktiv{	
        color: #000000;
        background-color: #FFB600;
	}
	
#inhalt{
        float: left;
        display: block;
        width: 900px;
        }              

#inhalt_links {
        float: left;
        width: 45%;
        line-height: 160%;
	}               

#inhalt_rechts {
        float: right;
        width: 45%;
        line-height: 160%;
	}    


h1 {
        font-size: 18px;
        font-weight: normal;
	color: #FFB600;
        padding: 15px 20px 15px 0px;
        display: block;
        }  

h2 {
        font-size: 16px;
        font-weight: normal;
	color: #FFB600;
        padding: 0px 0px 10px 0px;
        display: block;
        }   
       
.gross {
        font-size: 16px;
        }   
       


br.Break { clear:both;}


.thickbox img {
	border: none;
        filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
	}
	
.thickbox  img:hover {
	border: none;
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        }

/******************************************************************************/
/*                                 FOOTER                                     */
/******************************************************************************/

#footer{
        background-image:url(../images/footer.jpg); 
        background-repeat: no-repeat;
        float: left;
        color: #888888;
	font-size: 11px;
        width: 900px;
        display: block;
        padding: 35px 0px 20px 0px;
        line-height: 160%;
        margin-top: 20px;
        }
        
#footer a{
        text-decoration: none;
        color: #888888;
        padding: 0px 8px 0px 8px;
        }

#footer a:hover{
        text-decoration: none;
        color: #000000;
        }

/******************************************************************************/
/*                                 FORMS                                      */
/******************************************************************************/


/******************************************************************************/
/*  FORMULARE 									                                              */
/******************************************************************************/

.kontakform { }

.kontakform fieldset {border: 2px; padding: 2px 2px 5px 2px; height: 45px; margin: 0px; width: 48%; float: left;}
.kontakform legend {}

.kontakform label, 
.kontakform input, 
.kontakform select {width:94%; border: solid 1px #D4D4D4; padding: 2px;}
.kontakform textarea {width:94%; border: solid 1px #D4D4D4; height: 61px; padding: 2px;}

.kontakform input:hover,
.kontakform textarea:hover,
.kontakform input:focus,
.kontakform textarea:focus {border: solid 1px #BFBFBF;background-color: #F4F4F4;}


.kontakform_nachricht { }

.kontakform_nachricht fieldset {border: 2px; padding: 2px 2px 5px 2px; height: 45px; margin: 0px; width: 100%; float: left;}
.kontakform_nachricht legend { }

.kontakform_nachricht label, 
.kontakform_nachricht input, 
.kontakform_nachricht select {width:94%; border: solid 1px #D4D4D4; padding: 2px;}
.kontakform_nachricht textarea {width:94%; border: solid 1px #D4D4D4; height: 100px; padding: 2px;}

.kontakform_nachricht input:hover,
.kontakform_nachricht textarea:hover,
.kontakform_nachricht input:focus,
.kontakform_nachricht textarea:focus {border: solid 1px #BFBFBF;background-color: #F4F4F4;}


.kontakform_button {padding-left: 2px; }

.kontakform_button {clear: both; margin-top: 30px;}
.kontakform_button input { font: normal 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
        border-right: #FFB600 1px solid; border-top: #FFB600 1px solid;
        border-left: #FFB600 1px solid; border-bottom: #FFB600 1px solid;
        color: #000; width: 150px; text-transform: uppercase; background-color: #FFB600;
        float: left; margin-right: 10px;
	}
	
.kontakform_button input:hover { font: normal 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
        border-right: #585858 1px solid; border-top: #585858 1px solid;
        border-left: #585858 1px solid; border-bottom: #585858 1px solid;
        color: #fff; text-transform: uppercase; background-color: #585858;
        cursor:pointer;
	}
	
/******************************************************************************/