@charset "UTF-8";
/* CSS Document */





* {
	padding:0px; 
	margin:0px;
	}
	
img {border:none;}


#menucontainer { 
	height:190px; 
	width:100%; 
	position:absolute; 
	top:0px; 
	background:url(../img/jute1.png) ; 
	background-position:bottom; 
	background-size:400px; 
	z-index:2; 
	}

#menu1 {
	margin:auto; 
	height:130px; 
	width:628px; 
	margin:auto;
	}
	
#menu1 ul {
	float:left;
	}
	
#menu1 li {
	list-style:none; 
	height:130px; 
	width:137px; 
	float:left; 
	margin:0px 10px;
	}
	
	
#menu1 li a img {
	max-height:110px; 
	margin-top:-85px; 
	max-width:137px; 
	-moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; 
	}
	
#menu1 li:hover a img {
	max-height:110px; 
	margin-top:12px; 
	max-width:137px; 
	}

#menu2 { 
	margin:0;
	float:right;
	}
	
#menu2 li {
	list-style:none; 
	float:left; 
	margin-right:20px;
	}
	
#menu2 li a { 
	text-decoration:none; 
	color:#fff; 
	text-transform:uppercase; 
	font-family:'Roboto Condensed', sans-serif; 
	font-weight:700; 
	font-size:22px; 
	}
	
#menu2 li a:hover {color:#592c10;}



#middle {
	min-height:100%; 
	height:auto; 
	width:880px; 
	margin:180px auto 0px auto;
	}


#footer {
	height:300px; 
	width:100%;
	background: rgb(221,234,248); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(221,234,248,0) 0%, rgba(221,234,248,1) 40%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,234,248,0)), color-stop(40%,rgba(221,234,248,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(221,234,248,0) 0%,rgba(221,234,248,1) 40%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(221,234,248,0) 0%,rgba(221,234,248,1) 40%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(221,234,248,0) 0%,rgba(221,234,248,1) 40%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(221,234,248,0) 0%,rgba(221,234,248,1) 40%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ddeaf8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#berge { 
	background:url(../img/berge.png); 
	background-repeat:no-repeat;   
	height:135px; 
	width:50%; 
	float:left; 
	margin-top:-105px;
	}
	
#wien {
	height:135px; 
	width:50%; 
	float:right; 
	background:url(../img/wien.png); 
	margin-top:-105px; 
	background-size:600px; 
	background-repeat:repeat-x;
	}
	
#gras {
	height:90px; 
	width:100%; 
	background:#96c11f; 
	z-index:0; 
	margin-top:-60px; 
	background-position:center; 
	float:left;
	}
	
#illu { 
	background:url(../img/menu3.png); 
	background-repeat:no-repeat; 
	height:195px; 
	width:100%; 
	background-size:528px; 
	background-position:center bottom; 
	margin:-200px auto 0 auto; 
	float:left;
	}
	
#menu3 { 
	width:550px; 
	height:250px; 
	margin:auto; 
	z-index:100; 
	}
#menu3 ul {
	margin:190px 25px 0px 25px;
	display:inline-block; 
	}
	
#menu3 li {
	float:left; 
	list-style:none; 
	margin:0px 20px;
	}
	
#menu3 li img {width:85px;}

#facebook { height:22px; width:22px; position:absolute; right:20px; top:2px; background:url(../img/facebook.png);  z-index:100;}

/*VORÜBERGEHENDE ÄNDERUNGEN*/
#facebook {display:none;}
/*VORÜBERGEHENDE ÄNDERUNGEN ENDE*/

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

#facebook { top: 45px;}
	

body {overflow-x:hidden;}

#menucontainer { height:250px;}
	
#menu1 li a img {
	max-height:110px; 
	margin-top:-85px; 
	max-width:137px; 
	-moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; 
	}
	
#menu1 li:hover a img {
	max-height:110px; 
	margin-top:-85px; 
	max-width:137px; 
	}

.news img {width:100%;}

#menu2 { 
	margin:0; 
	float:right; 
	position:absolute; 
	top:102px; 
	right:0px;
	}
	
#menu2 li {
	list-style:none; 
	float:none; 
	margin-right:20px; 
	text-align:right;
	}

#middle {
	min-height:100%; 
	height:auto; 
	width:580px; 
	margin:235px auto 40px auto;
	}



#berge {
	background-size:500px; 
	background-position:center; 
	height:135px; 
	width:50%; 
	float:left; 
	margin-top:-105px;
	}
	

	

}