/* GAESTEHAUS SCHWEIZERHOF */
/* by Sebastian Stuetz */
/* 28.08.2009 */

body {
	color:#333333;
	background-color:#f1f1f1;
    font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:center;
	margin:0;
	padding:0;
    }

img {
    border:0;
    margin:0;
    padding:0;
    }

a {
    text-decoration:underline;
    color:#990000;
    background-color:transparent;
    }

a:hover {
    text-decoration:none;
    color:#990000;
    background-color:transparent;
    }

h1 {
    color:#990000;
    background-color:transparent;
    font-family:Verdana, Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	margin:0 0 20px 0;
    }

h2 {
    color:#333;
    background-color:transparent;
    font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
    }

.container {
    text-align:left;
    width:819px;
    margin:0 auto;
    border-left:4px solid #fafafa;
    border-right:4px solid #fafafa;
    border-bottom:4px solid #fafafa;
    padding:0;
    background-color:#FFF;
    }


/* --- Header --- */

    .header {
        height:202px;
        background-image:url(../images/logo_schweizerhof.jpg);
        background-repeat:no-repeat;
        position:relative;
        }
        
        .topnavi {
            position:absolute;
            bottom:27px;
            left:30px;
            }
            
        .topnavi a {
            text-decoration:none;
            color:#333;
            background-color:transparent;        
            }
        
        .topnavi a:hover {
            text-decoration:none;
            color:#990000;
            background-color:transparent;        
            }

        .topnavi a.active {
            text-decoration:none;
            color:#990000;
            background-color:transparent;        
            }
                
            ul.ul_topnavi { 
                list-style-type:none;
                margin:0;
                padding:0;
                }
                
            ul.ul_topnavi li {
                display:inline;
                padding:0 10px 0 0;
                }
        
/* --- Mainbereich --- */

    .mainbereich {
        width:819px;
        padding:20px 0 0 0;
        background-image:url(../images/bg_body.png);
        background-repeat:no-repeat;
        }
        
        .main_left {
            width:560px;
            float:left;
            margin:0;
            padding:0;
            }
        
        .main_left_txt {
            padding:0 80px 0 30px;
            }
            
            .content_artikel {
                margin:0 0 20px 0;
                padding:0;
                }
                
            .content_artikel_bild {
                float:left;
                margin:4px 10px 10px 0;
                padding:0;            
                }

            .content_artikel_bild_rechts {
                float:right;
                margin:4px 0 10px 10px;
                padding:0;            
                }

            .content_bilder  {
                margin:0 0 20px 0;
                padding:0;           
                }  
                
                .content_bilder img {
                    margin:0 5px 5px 0;
                    }                      
            
            .footer_left {
                font-size:10px;
                color:#666;
                background-color:transparent;
                border-top:1px solid #666;
                margin:20px 0 0 0;
                padding:3px 0 20px 0;
                }
                
                .footer_left a {
                    color:#666;
                    background-color:transparent;
                    text-decoration:none;
                    }
                
                .footer_left a:hover {
                    color:#666;
                    background-color:transparent;
                    text-decoration:underline;
                    }
        
        .main_right {
            width:200px;
            float:left;
            margin:0;
            padding:0;
            }
            
            .main_right h1 {
                width:179px;
                padding:2px 10px 2px 10px;
                margin:0 0 2px 0;
                background-color:#990000;
                color:#FFF;
                font-size:11px;
                }
            
            ul.ul_subnavi {
                list-style-type:none;
                margin:0;
                padding:0;
                }
                
                ul.ul_subnavi li a {
                    _width:180px;
                    display:block;
                    padding:2px 10px 2px 10px;
                    margin:2px 0 2px 0;
                    background-color:transparent;
                    background-image:url(../images/bg_ul_subnavi.png);
                    background-repeat:repeat-x;
                    color:#333;
                    font-size:11px;
                    text-decoration:none;                    
                    }
                
                ul.ul_subnavi li a:hover {
                    _width:180px;
                    display:block;
                    padding:2px 10px 2px 10px;
                    margin:2px 0 2px 0;
                    background-color:#990000;
                    background-image:none;
                    color:#FFF;
                    font-size:11px;
                    text-decoration:none;                    
                    }

                ul.ul_subnavi li a.active {
                    _width:180px;
                    display:block;
                    padding:2px 10px 2px 10px;
                    margin:2px 0 2px 0;
                    background-color:transparent;
                    background-image:none;
                    color:#990000;
                    font-size:11px;
                    text-decoration:none;                    
                    }
                            
        .aus {
            height:1px;
            clear:both;
            overflow:hidden;
            }


/* --- Kontaktformular --- */

label {
    padding:2px;
    width:150px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	float:left;    
    }

input.kontakt {
    padding:2px;
    width:200px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #333;
	color:#333;
	background-color:#FFF;  
	margin:0 0 5px 0;  
    }

.kontaktarea {
    padding:2px;
    width:200px;
    height:150px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #333;
	color:#333;
	background-color:#FFF;  
	margin:0 0 5px 0;  
    }

input.uebernachtung {
    padding:2px;
    width:80px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #333;
	color:#333;
	background-color:#FFF;  
	margin:0 0 5px 0;  
    }