@import url(style_navigation.css);

/* Allgemeiner Teil */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12pt;
	line-height: 1.8em;
	font-family: Arial, sans-serif;
}

/* Links */
a {
	text-decoration: underline;
	color: #1F4E79;
}
a:hover {
	text-decoration: underline;
	color: #808080;
}

/* Überschriften */
h1 {
    text-align: center;
    text-decoration: none;
    color: #191919;
    font-size: 30pt;
    font: bold;
}

h2 {
    text-align: left;
    text-decoration: none;
    color: #191919;
    font-size: 18pt;
    font: bold;
}

br.clear {
	clear: both;
}

/* Hintergrund */
#background {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
    @media screen and (min-width: 1700px) {
        #container {
            position: relative;
            width: 1000px;
            height: 100%;
            margin: 0 auto;
            background-color: transparent;
        }   
    }
    
    @media screen and (max-width: 1400px) {
        #container {
            position: relative;
            width: 900px;
            height: 100%;
            margin: 0 auto;
            background-color: transparent;
        }
    }

    @media screen and (max-width: 1100px) {
        #container {
            position: relative;
            width: 800px;
            height: 100%;
            margin: 0 auto;
            background-color: transparent;
        }
    }
    
        /* Kopfteil */
        #header {
            position: relative;
            width: 100%;
            height: 15%;
	        min-height: 100px;
            margin-top: 2%;
            background-color: transparent;/*#D8D8D8;*/
            /*opacity: 0.9; */
            /*box-shadow: 0 0 50px 50px #D8D8D8;*/
        }
        
            #logo {
                position: relative;
                width: 30%;
                height: 95%;
                background-color: transparent;
            }
            
            #logo img {
                max-height: 100%;
                max-width: 100%;
                margin: auto;
                background-repeat: no-repeat;
            }
            
            #title {
                position: absolute;
                right: 0;
                top: 0;
                padding-top: 3%;
                width: 70%;
                height: 95%;
                background-color: transparent;
                text-shadow: 2px 2px #808080;
            }
            
            #title p {
                padding-top: 3%;
                text-align: center;
                text-decoration: none;
                color: #1F4E79;
                font-size: 24pt;
                font: bold;
            }
        
        /* Hauptteil der Seite */
        #main {
            position: relative;
            width: 100%;
            height: 65%;
            min-height: 400px;
            margin-top: 3%;
            background-color: transparent;
        }
            /* Menü */
            #nav {
                position: absolute;
                width: 25%;
		        min-width: 250px;
                height: 100%;
                background-color: transparent;
            }
                
                .button_wrapper {
                    position: relative;
                    display: block;
                    background-image: url(../images/button.png);
                    background-position: left;
                    background-repeat: no-repeat;
                    height: 60px;
                    width: 90%;
                    margin-top: 0px;
                    text-align: center;
                    text-shadow: none;
                }
                
                .button_wrapper:hover {
                    background-image: url(../images/button_hover.png);
                    text-shadow: 0px 0px 20px #FFFFFF;
                }
                
                a.button, a.button:hover {
                    position: relative;
                    display: inline-block;
                    padding-top: 12px;
                    height: 42px;
                    width: 100%;
                    color: #FFFFFF;
                    text-decoration: none;
                }
                
                .submenu_wrapper {
                    position: relative;
                    display: block;
                    left: 20px;
                    height: 26px;
                    width: 75%;
                    margin-top: 10px;
                    text-align: right;
                    background-color: #1F4E79;
                }
                
                .submenu_wrapper_selected {
                    position: relative;
                    display: block;
                    left: 20px;
                    height: 26px;
                    width: 75%;
                    margin-top: 10px;
                    text-align: right;
                    background-color: #808080;
                }
                
                .submenu_wrapper:hover {
                    background-color: #808080;
                }
                                
                a.submenu, a.submenu:hover {
                    position: relative;
                    display: inline-block;
                    padding-top: 0px;
                    padding-right: 10px;
                    width: 95%;
                    color: #FFFFFF;
                    text-decoration: none;
                    font-size: larger;
                    font-variant: small-caps;
                }
                
                #nav_title {
                    position: absolute;
                    left: 0;
                    top: 170px;
                    width: 100%;
                    height: auto;
                }
                
                #nav_title h1 {
                    font-variant: small-caps;
                    text-align: left;
                    line-height: 50px;
                    text-shadow: 2px 2px #808080;
                }
    
            /* Seiteninhalt */
            #content {
                position: absolute;
                right: 0;
                top: -15px;
                width: 65%;
                height: 100%;
                overflow: auto;
                background-color: transparent;
            }
            
                #content h2 {
                    font-variant: small-caps;
                    font-size: 14pt;
                    padding-left: 15px;
                }
                    
                    .price {
                        position: absolute;
                        right: 0;
                        bottom: 30px;
                        width: auto;
                        height: auto;
                        background-color: transparent;                    
                        z-index: 9;
                    }
                    
                    .price_other {
                        position: absolute;
                        right: -25px;
                        bottom: -20px;
                        width: auto;
                        height: auto;
                        background-color: transparent;
                        z-index: 9;
                    }
                    
                    .price img{
                        float: right;
                        max-width: 220px;
                    }
                    
                    .annotation {
                        position: absolute;
                        line-height: 13pt;
                        bottom: -30px;
                        right: 0;
                    }
                    
                .offers_wrapper {
                    position: relative;
                    display: block;
                    left: 10px;
                    height: 70px;
                    width: 97%;
                    margin-top: 3px;
                    text-align: left;
                    background-color: #1F4E79;
                }
                
                .offers_wrapper:hover {
                    background-color: #808080;
                }
                
                    a.offers, a.offers:hover {
                        position: relative;
                        display: inline-block;
                        float: left;
                        padding-top: 19px;
                        padding-left: 20px;
                        height: 51px;
                        width: 56%;
                        color: #FFFFFF;
                        text-decoration: none;
                        text-shadow: 0px 0px 20px #FFFFFF;
                        font-weight: bold;
                        font-size: x-large;
                        font-variant: small-caps;
                    }
                
                    a.offers_price, a.offers_price:hover{
                        position: relative;
                        float: left;
                        display: inline;
                        padding-top: 22px;
                        padding-left: 15px;
                        height: 48px;
                        width: 36%;
                        color: #FFFFFF;
                        /*background-color: #0000FF;*/
                        text-decoration: none;
                        text-align: right;
                        text-shadow: 0px 0px 20px #FFFFFF;
                        font-weight: bold;
                        font-style: italic;
                        font-size: xx-large;
                        font-variant: normal;
                        /*-ms-transform: rotate(-15deg); /* IE 9 */
                        /*-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
                        /*transform: rotate(-15deg);*/
                    }
                
                #cont-slider {
                    position: relative;
		            float: right;
                    width: 65%;
                    height: 100%;
                    overflow: hidden;
                    background-color: transparent;
                }
                
                #clean-slider {
                    position: relative;
		            float: right;
                    width: 65%;
                    height: 100%;
                    overflow: hidden;
                    background-color: transparent;
                }
                
                    .slider-wrapper {
                    	max-width: 100%;
                    	max-height: 100%;
                    	margin: 0 auto;
                    	overflow: hidden;
                    	background-color: transparent;
                    }
                
                #pass_foto {
                    left: 0px;
                    top: 0px;
                    width: 22%;
                    height: 200px;
                    margin-right: 3%;
                    float: left;
                    background-size: contain;
                    background-position: left top;
                    background-image: url(../images/pass_foto.png);
                    background-repeat: no-repeat;
                    /*background-color: #008000;*/
                }
                
                #logo_big {
                    top: 0px;
                    width: 75%;
                    height: 200px;
                    float: left;
                    background-size: contain;
                    background-position: right top;
                    background-image: url(../images/logo.jpg);
                    background-repeat: no-repeat;
                    /*background-color: #1F4E79; */
                }
                
                #contact_data {
                    width: auto;
                    height: auto;
                    float: none;
                    clear: both;
                    overflow: hidden;
                    text-align: center;
                    font-size: x-large;
                    line-height: 50px;
                    padding-top: 30px;
                }
            
        
            /* Fußzeile */
            #footer {
                position: absolute;
                bottom: 0;
                width: 100%;                   
                height: 10%;
		        min-height: 60px;
                background-color: #1F4E79;
            }
            
                #footer a {
                    text-decoration: underline;
                    color: #FFFFFF;
                }
                
                #footer a:hover {
                    color: #808080;
                }
                
                #footer p {
                    position: absolute;
                    color: #FFFFFF;
                    top: 10px;
                    right: 10px;
                }
                
                #footer table tr td {
                    padding: 10px 0 10px 50px;
                    color: #FFFFFF;
                }
            
            #impressum {
                width: auto;
                height: auto;
                overflow: hidden;
                padding: 30px 0 10px 50px; 
            }
            
            #impressum p {
                line-height: 18px;
            }
            
            #offers {
                width: auto;
                height: auto;
                overflow: hidden;
                padding: 30px 0 20px 50px;
                background-color: transparent;
            }