@media screen {

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

#myGallery
{
width: 800px !important;
height: 530px !important;
}

/*** RESET ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
	font-family: Verdana, Geneva, sans-serif;
	background-color:#000000;
}

a:link {
	color: #0095ff;
	text-decoration: none;
}
a:visited {
	color: #0095ff;
	text-decoration: none;
}
a:hover {
	color: #00bfff;
	text-decoration: underline;
}
a:active {
	color: #00bfff;
	text-decoration: underline;
}

p {
	font-size: 13px;
	line-height: 18px;
}

.important {
	font-weight:bold;
}

.main {
	width:990px; 
	background-color:#4b4a4f
}

.content {
	float:left;
	width:990px;
	text-align:left;
	background-color:#4b4a4f;
	color:#6d4a34;
	height:550px;
}
.contentpix {
	float:left;
	width:990px;
	align:center;
	background-color:#4b4a4f;
	color:#6d4a34;
	height:550px;
	text-align: center;
}

.wienerin { color: #f9c252;
}

.box_1 {
	float:right;
	margin-top:50px;
	width: 360px;
	background-image: url(images/box.png);
	color:#FFFFFF;
	padding:10px;
	vertical-align:top;
}

.box_2 {
	float:left;
	margin-top:100px;
	width: 290px;
	background-image: url(images/box.png);
	color:#FFFFFF;
	padding:10px;
	vertical-align:top;
}
.box_3 {
	float:right;
	margin-top:50px;
	width: 300px;
	background-image: url(images/box.png);
	color:#FFFFFF;
	padding:10px;
	vertical-align:top;
}
.box_4 {
	float:left;
	margin-top:20px;
	width: 360px;
	background-image: url(images/box.png);
	color:#FFFFFF;
	padding:10px;
	vertical-align:top;
}
.box_veranstaltung_links {
	float:left;
	margin-top:40px;
	margin-left:20px;
}
.box_veranstaltung_rechts {
	float:right;
	margin-top:40px;
	margin-right:20px;
}
.box_weinfest {
	position: absolute;
	margin-top:300px;
	margin-left:360px;
}
.box_hover:hover {
	opacity: 0.9;
}
.bsfacebook {
	clear:both;
	width:500px;
	margin:0;
	padding:0;
	display:block;
	margin-left:auto;
	margin-right:auto;
	left: 0;
	right: 0;
    z-index: 10001;
}

/** Footer **/

.footer {
	background-color:#313134;
	color:#FFF;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
	padding-top:5px;
	height:26px;
}

.navi {
	font-size: 11px;
	line-height: 18px;
}
.navi a:link {
	color: #ffffff;
	text-decoration: none;
}
.navi a:visited {
	color: #ffffff;
	text-decoration: none;
}
.navi a:hover {
	color: #f9c252;
	text-decoration: underline;
}
.navi a:active {
	color: #f9c252;
	text-decoration: underline;
}

/** NAVMAIN **/

ul#Navigation {
	font-size:14px;
  padding: 0px;
  text-align: center;
}

ul#Navigation li {
list-style: none;
display: inline;
margin: 0; padding: 0;
}

ul#Navigation a, ul#Navigation span {
  float: left;
  margin: 0px; padding: 11px 0px;
  text-decoration: none; ;
  color: #ffffff;
}

ul#Navigation a:hover {
  color: #ffffff; background-color: #000000;
}

ul#Navigation span {
  color: #f9c252; background-color: #313134;
}

ul#Navigation div {
   clear: left;
}

}
/* ========================================================== */
/* 						   MOBILE                   	      */
/* ========================================================== */

@media screen and (max-device-width: 900px) {

.main { width:100%; }

.content { width:100%; }

p {
	font-size: 14px;
	line-height: 20px;
}

.box_1, .box_2, .box_3, .box_4 {
	float:left;
	margin-top:880px;
	width: 96%;
	background-image: url(images/box.png);
	padding-bottom: 10px;
}

.footer {
	clear:both;
	float:left;
	height:auto;
	padding:10px;
	width: 98%;	
    bottom: 10px;

}

.navi {
	font-size: 25px;
	line-height: 35px;
}
}