@charset "utf-8";

/* -- ferienwohnungen weiler -- */
/* -- all.css -- */
/* -- programming by www.sebastian-stuetz.de -- */
/* -- date: 06/05/2009 -- */

@import url("contao.css"); 
@import url("reset.css");

html,body {
    height:100%;
    width:100%;
    }


body {
	margin:0;
	padding:0;
	font-family:Verdana,Helvetica, sans-serif;
	font-size:12px;
	line-height:1.7em;
	color:#555;
	background:url(../images/bg_body.png);
	text-align:center;
	}

img {
    border:0;
    padding:0;
    margin:0;
    }
    
    .caption {
        font-size:80%;
        line-height:1.2em;
        font-style:italic;
        }   

p {
    margin:0 0 1.7em 0;
    }

strong {
    font-weight:bold;
    }
    
h1 {
    margin:0 0 16px 0;
    font-family:'AmbleBoldItalic', Verdana, Helvetica, sans-serif;
    font-size:32px;
    line-height:1.2em;
    font-weight:normal;
    color:#9d8869;
    background-color:transparent;
    }

h2 {
    margin:0 0 16px 0;
    font-family:'AmbleBoldItalic', Verdana, Helvetica, sans-serif;
    font-size:18px;
    line-height:1.3em;
    font-weight:normal;
    color:#9d8869;
    background-color:transparent;
    }

h3 {
    margin:0 0 16px 0;
    font-family:'AmbleBoldItalic', Verdana, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.3em;
    font-weight:normal;
    color:#555;
    background-color:transparent;
    }

h4 {
    margin:0 0 16px 0;
    font-family:'AmbleBoldItalic', Verdana, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.3em;
    font-weight:normal;
    border-bottom:1px solid #555;
    color:#555;
    background-color:transparent;
    }


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

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

ul {
    list-style-image:url(../images/ul_bullet.png);
    margin:8px 0 12px 25px;
    padding:0;
    }
    
    ul li {
        padding:1px 0 1px 0;
        }

ol {
    list-style-image:none;
    list-style-type:decimal;
    margin:8px 0 12px 25px;
    padding:0;
    }
    
    ol li {
        padding:1px 0 1px 0;
        }

table, tr, td, thead, tbody {
    margin:0 0 0 0;
    padding:0 0 0 0;
    border-collapse:collapse;
    } 

/* --- Layout --- */


#headerPic, #footerPic { display:none; } 
.startseite #headerPic, .startseite #footerPic { display:block; }

#m_wrapper {
    width:100%;
    height:100%;
    margin:0 0 0 0;
    padding:24px 0 0 0;
    background:url(../images/bg_body_top.png) 0 0 repeat-x;
    }
    
    #s_wrapper {
        width:800px;
        margin:0 auto;
        background:#FFF url(../images/bg_container_top.png) 0 0 repeat-x;
        -webkit-box-shadow:0px 6px 24px #000;
        -moz-box-shadow:0px 6px 24px #000;
        box-shadow:0px 6px 24px #000;
        }
        
        /* -- Header -- */
        
        #s_header {
            padding:24px 0 0 0;
            position:relative;
            }
        
            #laenderpics {
                position:absolute;
                top:24px;
                right:32px;
                text-align:right;
                }
                
                body.de #flagDE { opacity:.5; }
                body.en #flagEN { opacity:.5; }

    /* --- mod_navigation --- */
    #s_header .mod_navigation {
        margin:0 0 0 0;
        padding:0 0 0 0;
        background:url(../images/bg_topnavi.png) 0 0 repeat-x;
        border-bottom:1px solid #9d8869;
        }

        body.startseite #s_header .mod_navigation {
            margin:0 0 1px 0;
            padding:0 0 0 0;
            background:url(../images/bg_topnavi.png) 0 0 repeat-x;
            border-bottom:1px solid #9d8869;
            }
    
    #s_header .mod_navigation a {
        text-decoration:none;
        color:#fff;
        }
        

    #s_header .mod_navigation ul {
        margin:0 0 0 22px;
        padding:0 0 0 0;
        list-style-type:none;
        list-style-image:none;
        }
        
        #s_header .mod_navigation ul li {
            display:block;
            padding:4px 10px 0 10px;
            margin:0 16px 0 0;
            float:left;
            }

            #s_header .changelink {
                position:absolute;
                right:32px;
                bottom:0;
                }
                
                #s_header .changelink a {
                    color:#FFF;
                    background-color:transparent;
                    text-decoration:none;
                    font-weight:bold;
                    }
                
                #s_header .changelink a:hover {
                    color:#FFF;
                    background-color:transparent;
                    text-decoration:none;
                    font-weight:bold;
                    }

            
    #stage {
        margin:1px 0 0 0;
        }
        
    #container {
        background:url(../images/bg_container.png) 0 0 repeat-x;
        padding:12px 0 0 0;
        margin:0 0 0 0;
        width:800px;
        }
    
        body.startseite #container {
            background-image:none;
            padding:0 0 0 0;
            }

        #s_main .inside {
            padding:32px 0 32px 32px;
            }
            
            body #s_main .inside {
                padding:32px 32px 32px 32px;
                }

        
        #right {
            margin:0 0 0 32px;
            width:200px;
            } 

            #right ul {
                list-style-type:none;
                list-style-image:none;
                margin:32px 0 0 0;
                padding:0 0 0 0;
                }
                
                #right ul a {
                    color:#333;
                    text-decoration:none;
                    }

                #right ul a:hover {
                    color:#999;
                    text-decoration:none;
                    }
                
                #right ul li {
                    display:block;
                    margin:0 0 2px 0;
                    padding:8px;
                    border-bottom:2px solid #9d8869;
                    background:#fff;
                    }
                    
                    #right ul li.active { color:#9d8869; font-weight:bold; }

        #sfooter {
            margin:32px;
            border-top:1px solid #CCC;
            text-align:right;
            padding:0 0 32px 0;
            }
            
            #sfooter a {
                color:#CCC;
                text-decoration:none;
                }
            
            #sfooter .mod_customnav {
                float:right;
                }


/* --- Galerie --- */

.ce_gallery ul {
    margin:0 0 0 0;
    padding:0 0 0 0;
    list-style-type:none;
    list-style-image:none;
    }

.ce_gallery ul li {
    float:left;
    display:block;
    margin:0 6px 0 0;
    padding:0 0 0 0;
    border-bottom:none;
    background:#FFFFFF !important;
    }


/* --- AKKORDION --- */

.ce_accordion {
    margin:2px 0 0 0;
    }

.ce_accordion .toggler {
    background:#9d8869;
    color:#FFF;
    padding:3px 16px;
    margin:0 0 2px 0;
    cursor:pointer;
    }

.accordionfett .toggler {
    background:#9d8869;
    color:#FFF;
    font-weight:bold;
    padding:3px 16px;
    margin:0 0 2px 0;
    cursor:pointer;
    }    

.accordion {
    margin:1px 0 0 0;
    padding:16px;
    background:#f2f2f2;
    border-bottom:2px solid #9d8869;
    }


/* --- Kontaktformular --- */

form {
    width:504px;    
    }  
    
    label.ohnestern .mandatory {
        display:none;
        }
     
p.error {
    font-size:10px !important;
    color:#CC0000 !important;
    display:inline;
    margin:0 0 0 0;
    }

form br {
    clear:left;
    }

input {
    border:none;
    border:1px solid #CCC;
    background:#FFF;
    padding:2px;
    width:300px;
    font-size:12px;
    margin:2px 0 2px 0;
    }

select {
    border:1px solid #CCC;
    background:#FFF;
    padding:2px;
    width:300px;
    font-size:12px;
    margin:2px 0 2px 0;
    }
    
    .submit {
        border:1px solid #9d8869;
        background:#9d8869;
        color:#FFF;
        padding:2px;
        width:300px;
        font-size:12px;
        margin:2px 0 2px 0;        
        }

input.error {
    margin:0 0 0 160px !important;
    }

textarea {
    border:1px solid #CCC;
    background:#FFF;
    padding:2px;
    width:300px;
    height:200px;
    font-size:12px;
    margin:2px 0 2px 0;
    }

textarea.error {
    margin:0 0 0 160px !important;
    }

label {
    width:160px;
    float:left;
    }

.captcha_text {
    clear:left;
    display:block !important;
    margin:0 0 0 160px !important;
    }

.submit_container {
    margin:0 0 0 160px !important;
    }


.adressbox {
    padding:16px;
    margin:44px 0 0 0;
    font-size:90%;
    line-height:1.6em;
    }


.infobox { border:2px solid #DDD; background:#f2f2f2; margin:64px 0 0 0; padding:10px; }
.infobox p { margin:0 0 0 0;}
.infobox a, .infobox a:link, .infobox a:visited { color:#333; text-decoration:underline; }
.infobox a:hover { text-decoration:none; }


/* --- Webfont --- */

@font-face {
    font-family: 'AmbleBoldItalic';
    src: url('../font/Amble-BoldItalic-webfont.eot');
    src: url('../font/Amble-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Amble-BoldItalic-webfont.woff') format('woff'),
         url('../font/Amble-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/Amble-BoldItalic-webfont.svg#AmbleBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    }