@charset "utf-8";

@media only screen 
and (max-width : 1024px) {

html, body {height: 100%;
            width:100%;

        background-repeat:no-repeat;
        background-position:top left;
        background-image: url(../gfx/Anna-Winter-BG.jpg);
        background-attachment:scroll;
        background-size: 1000px auto;
        font: 9pt 'texgyreadventorregular', Verdana, sans-serif; letter-spacing:0.1em;
        color:#fff7ea;
        background-color: #111;
        margin: 0;
        padding: 0;

	}
.smalltext {font-size:6pt;
	position:relative;
	margin: auto;
	width:880px;
	}

.title  {height: 180px;
            width:auto;
	}
ul#navigation li {font: 12pt 'texgyreadventorbold', Verdana, sans-serif;letter-spacing: 0.3em;        
        margin-right:60px;
	}
.container {width:900px;
	}
}
@media only screen 
and (min-width : 1025px)
and (max-width : 1400px) {

html, body {height: 100%;
            width:100%;

        background-repeat:no-repeat;
        background-position:top left;
        background-image: url(../gfx/Anna-Winter-BG.jpg);
        background-attachment:scroll;
        background-size: 100% auto;
        font: 10pt 'texgyreadventorregular', Verdana, sans-serif; letter-spacing:0.1em;
        color:#fff7ea;
        background-color: #111;
        margin: 0;
        padding: 0;

	}
.smalltext {font-size:7pt;
	position:relative;
	margin: auto;
	width:980px;
	}

.title  {height: 200px;
            width:auto;
	}
ul#navigation li {font: 13pt 'texgyreadventorbold', Verdana, sans-serif;letter-spacing: 0.3em;        
        margin-right:70px;
	}
.container {width:1000px;
	}
}

@media only screen 
and (min-width : 1401px)
and (max-width : 1600px) {

html, body {height: 100%;
            width:100%;

        background-repeat:no-repeat;
        background-position:top left;
        background-image: url(../gfx/Anna-Winter-BG.jpg);
        background-attachment:scroll;
        background-size: 1580px auto;
        font: 11pt 'texgyreadventorregular', Verdana, sans-serif; letter-spacing:0.1em;
        color:#fff7ea;
        background-color: #111;
        margin: 0;
        padding: 0;

	}
.smalltext {font-size:8pt;
	position:relative;
	margin: auto;
	width:980px;
	}

.title  {height: 260px;
            width:auto;
	}
ul#navigation li {font: 14pt 'texgyreadventorbold', Verdana, sans-serif;letter-spacing: 0.3em;        
        margin-right:80px;
	}
.container {width:1000px;
	}
}
@media only screen 
and (min-width : 1601px)
and (max-width : 1800px) {

html, body {height: 100%;
            width:100%;

        background-repeat:no-repeat;
        background-position:top left;
        background-image: url(../gfx/Anna-Winter-BG.jpg);
        background-attachment:scroll;
        background-size: 1780px auto;
        font: 12pt 'texgyreadventorregular', Verdana, sans-serif; letter-spacing:0.1em;
        color:#fff7ea;
        background-color: #111;
        margin: 0;
        padding: 0;

	}
.smalltext {font-size:9pt;
	position:relative;
	margin: auto;
	width:1080px;
	}

.title  {height: 280px;
            width:auto;
	}
ul#navigation li {font: 15pt 'texgyreadventorbold', Verdana, sans-serif;letter-spacing: 0.3em;        
        margin-right:90px;
	}
.container {width:1100px;
	}
}

@media only screen 
and (min-width : 1801px) {

html, body {height: 100%;
            width:100%;

        background-repeat:no-repeat;
        background-position:top left;
        background-image: url(../gfx/Anna-Winter-BG.jpg);
        background-attachment:scroll;
        background-size: 1920px auto;
        font: 12pt 'texgyreadventorregular', Verdana, sans-serif; letter-spacing:0.1em;
        color:#fff7ea;
        background-color: #111;
        margin: 0;
        padding: 0;

	}
.smalltext {font-size:9pt;
	position:relative;
	margin: auto;
	width:1180px;
	}
.title  {height: 300px;
            width:auto;
	}
ul#navigation li {font: 16pt 'texgyreadventorbold', Verdana, sans-serif;letter-spacing: 0.3em;        
        margin-right:100px;
	}
.container {width:1200px;
	}
}


// ENDE MEDIA QUERIES //


.logo  {height: 280px;
            width:auto;


}
.container {min-height: 80%;

        top:0px;
        margin: auto;
        margin-bottom:100px;
        padding-bottom: 0px;
        position:relative;
        z-index: 2000;
        padding:20px;


}

.menu    {position:relative;
       height:50px;
         top: -60px;
         
}

ul#navigation {position:absolute;
        list-style-type:none;
        border: none;
        margin-left:80px;
        display:inline;

}

ul#navigation li {
        display:inline;
        font-style:normal;
        color:#fff;
}

ul#navigation a, ul#Navigation a:visited {
        background:rgba(118,105,64,0.8);
        border-radius: 5px;
        margin-left:0px;
        margin-bottom: 30px;
        padding: 2px 18px 2px 22px;
        display: inline;
        text-decoration: none;
        color:#fefefe;

}
ul#navigation a:hover, ul#navigation a:active, ul#navigation a:focus, ul#navigation a:active {
  display: inline;
  color:rgba(182,164,134,1);
  background:rgba(255,255,255,0.8);

}

.reg {font: 10pt 'texgyreadventorregular';
         color:#fff7ea;
}

iframe {border:none;

}

ul, ol, dl {
        padding-left: 12px;
        margin-left:auto;
        margin: 0;
}
h1, h2, h3, h4, h5, h6, p {

        text-align: justify;
}

h1  {

}

h2 {
}

h3, h4, h5, h6 {


}

a img {
        border: none;
}

a:link { font-weight:bold;
        color:#2b3034;
        text-decoration: none;
}
a:visited {
        color:#2b3034;
        text-decoration: none;
}
a:hover, a:active, a:focus {
        text-decoration: none;
        color: #2d4150;
}

.content {padding:10px;
        background:rgba(118,105,64,0.8);
        border-radius: 5px;

}

.contact {width:700px;
	padding:20px;
        background:rgba(118,105,64,0.8);
        border-radius: 5px;

}

.floatleft {float:left;
            margin-right: 10px;
}

.floatright {float:right;
                 margin-left: 10px;
}

.clearfloat {clear:both;
}

#footer {position:relative:
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	min-height:20px;
	width:100%;
	min-width:950px;
	display:block;
}
.footercontent  {position:relative;
		margin-left:auto;
		margin-right:auto;
		width:570px;
		height:35px;
		display:block;
		background:rgba(118,105,64,0.4);
        border-radius: 3px;
}
.footercontent >ul {position:absolute;
        list-style-type:none;
        padding:8px 0px;
        border: none;
        margin:auto;
        display:block;
        

}

.footercontent >ul >li {
        display:inline-block;
        font-style:normal;
        color:#fff7ea;
        margin-left: 10px;
}
.fb-like {margin-left:0px;
	background:none;
	width:100px;
}

.footercontent >ul >li a, .footercontent >ul >li a:visited {color:#fff7ea;
	font-size:7pt;
	letter-spacing:0.1em;
	text-decoration:none;
}
.footercontent >ul >li a:hover, .footercontent >ul >li a:active, .footercontent >ul >li a:focus, .footercontent >ul >li a:active{
	text-decoration:underline;
}
.imprint {
	padding-left:180px;
}