/* rot 162A83*/


body {
	margin: 0;
	padding: 10px 0 20px !important;
	text-align:center;
	background-color:#FFF;
    height: 100%;
}

div#header {
    position: relative;
    background-image: url("/img/riehle_header.jpg");
	width:100%;
	padding: 0;
	margin:0 0 0 0;

}
div#logo{
    position: absolute;
    right: 4.4%;
    top: 22%;
}
div#foto{
	width: 100%;
}
#header img{
	max-width:100%;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border: 0;
}

#container{
    position:relative; /* needed for footer positioning*/
    margin: 0 auto 0 auto; /* center, not in IE5 */
    width:951px;

    height: auto;

	text-align:left;
	background-color: #f9e9e4;


    -webkit-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.32);
    box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.32);
}

#contentContainer {
    overflow: hidden;
    height: 100%; 
}

#content, #navigation{
	float: none;
	padding:0;
    min-height: 100%; 
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 100%; 

}
#navigation{
	background-color: #f9e9e4;
    height: auto !important;
    min-height: 100%;
	}

div#contentText,
div#contentTextMap,
div#contentGalerie {
	padding: 40px 40px 40px 40px;
	margin: 0;
  max-width:684px;
}




div#feet {
	clear: left;
	height:0px;
}


form#mobilNav{
	padding: 0.5em 0;
	height:2em;

}
#mobilNav select{
	margin-left:5%;
	}
#navigation ul{

	display:none;
}
#address{
	width:100%;
	background-color:#162A83;
	color:#ECECEE;

}
#address p{
	padding:5px 10px;
	margin:0;
	text-align:right;
	}

.fenster {
    float: right;
    width: 180px;
    height: auto !important;
    min-height: 100%;
    padding-bottom:1000px;
    margin-bottom:-1000px;
    background-color: #f9e9e4;
    color: #F17951;
    font-size: 0.91em;
}
.fensterinhalt img {
}
.fensterinhalt p {
    padding: 24px 20px 0 20px;
    font-style: italic;
    margin: 0 0 3px 0;
    line-height: 1.8em;
}
.fensterinhalt p::before {
    content: '„';
}
.fensterinhalt p::after {
    content: '“';
}
.fensterkopf {
    padding: 0 20px 10px 20px;
    text-align: right;
    font-style: italic;
}

@media all and (min-width:745px){

/**********************************vertikale Navigation ******************************/
#navigation ul.ulRoot {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
    color: #F17951;
}

ul#ul3, ul#ul2 {
	margin: 0;
	padding: 0 0 0 5%;
	list-style-image: none;
	list-style-type: none;

}

#navigation ul.ulRoot li {
	margin: 0;
		padding:5px 0 5px 20px;

	vertical-align: middle;
	line-height:1.7em;


}
#navigation li.liMenuAktiv {





}
#navigation ul.ulRoot li a:link,
#navigation ul.ulRoot li a:visited,
#navigation ul.ulRoot li a:active{
	padding:0;
	line-height:1.1em;
	vertical-align: middle;
    color: #F17951;
	text-decoration: none;
	font-size:0.9em;
    font-weight: bold;

}
#navigation a.menuAktiv {

	text-decoration: underline;
    font-weight: bold;
}

#navigation ul#ul2 li a:link,
#navigation ul#ul2 li a:visited,
#navigation ul#ul2 li a:active{

	vertical-align: middle;
	font-size: 0.9em;
  padding: 0 0 0 0;
	text-decoration: none;
    color: #F17951;
    font-weight: normal;

	}
#navigation ul#ul3 li a:link,
#navigation ul#ul3 li a:visited,
#navigation ul#ul3 li a:active{

	vertical-align: middle;
	font-size:90%;
  padding: 0 0 0 0;
	text-decoration: none;
	color: #d47543;

	}
#navigation ul#ul2 li {
	margin: 0;
	vertical-align: middle;
	line-height:1.2em;
    padding: 16px 16px 0 8px;

}


#navigation a:hover a{
	text-transform:uppercase;
}

	#mobilNav{
		display:none;
	}
	#navigation ul{
		display:block;
	}

    #content {
        margin: 0 180px 0 180px;
        background-color: #fcf3df;
	}

	#navigation {
		float: left;
		width: 180px;
		margin:0;
	}

	#header, #logo, #foto{
		height:233px;
	}


}

@media all and (min-width:900px){
	html, body{
		height:100%;
		}

	body {
		margin: 0;
		padding: 0;
		height:100%;
		text-align:center;
	}

	#container {
		width:951px;

		background-image:url(/img/containerBackground.gif);
		background-repeat:repeat-x;
	}
	.flexslider .slides img {

    max-width: 575px;


}

}

@media all and (max-width:951px){
    html, body{
        height:100%;
    }

    body {
        margin: 0;
        padding: 0;
        height:100%;
        text-align:center;
    }

    #container {
        width:auto;

        background-image:url(/img/containerBackground.gif);
        background-repeat:repeat-x;
    }

    #contentContainer {
        position: relative;
    }

    #content {
        margin: 0 0 0 180px;
        position: absolute;
        top: 0;
    }

    .flexslider .slides img {

        max-width: 575px;


    }
    .fenster {
        float: none;
        width: 180px;
    }
    #navigation {
        margin-bottom: 20px;
    }

}

@media all and (max-width:744px){

    #content {
        margin: 0;
        background-color: #fcf3df;
        position: relative;
    }
    #navigation {
        position: relative;
    }
    .fenster {
        width: auto;
        margin: 20px;
        padding-bottom: 0;
        min-height: auto;
    }
    .fensterinhalt img {
        float:right;
        margin-left: 20px;
    }
    .fensterinhalt p {
        padding: 0 20px 0 20px;
        font-style: italic;
        margin: 0 0 3px 0;
        line-height: 1.8em;
    }
    #header {
        height: 110px;
        background-position:right center;
    }
    div#logo {
        top: 5px;
        right: 20px;
    }
    #logo img {
        height: 60px;
        width: auto;
    }
}

@media all and (max-width:600px){
    div#contentText, div#contentTextMap, div#contentGalerie {
        padding: 10px;
    }

}