/* For all devices - Allgemeine Formatierungen für alle Viewports */
a , a:hover , a:focus , a:active, a:visited  {
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
} 
#benutzer , #passwort {
	background-color:#EFF9C6;
}

.bg-guitar { background-color: #8E5A3E !important;}
.bg-love-red { background-color: #D1333F !important; }

body   {
	margin:0px;
	padding:0px;
	background-color:silver;
	/* font-family:Helvetica , Verdana , sans-serif; */
}
.bold {
	font-weight:bold;
}
.border-bottom-dotted {
	border-bottom: 1px dotted #3e3e3e;
}
.border-bottom-solid {
	border-bottom: 1px solid #3e3e3e;
}
.border-bottom-solid-bold {
	border-bottom: 3px solid #3e3e3e;
}

.box { float: left; }

.box-shop {
	width: 80%;
}
.box-shop-jahr {
	width: 10%;
	max-width: 8em;
	float: left;
}
.box-shop-content {
	width: 60%;
	float: left;
}
.box-shop-preis {
	width: 30%;
	float: left;
}

.box-page-title-content {
	background: silver;
	padding: 2vw;
	position: absolute; 
	top: 16vw; 
	/*left: 60vw; */
	width: 40vw; 
	opacity: 0.8; 
	z-index: 100;
}


.float-left { float:left;	}
.float-right { float:right;	}
.clear-both {
	clear:both;
}

#content-panel {
	padding:20px;
	overflow:hidden;
}
#content-panel-40 {
	position:relative;
	top:-550px;
	left:60%;
	width:40%;
	overflow:hidden;
	background-color:#d3d3d3;
}
#content-panel-footer-shop{
	/*background-color:gold; */
	height:100px;
}

#content-panel-page {
	height:500px; 
	padding-left:1.5em;
	overflow:auto
}


#content-panel-shop { /*neu*/
	padding:	1em 2em 1em 2em;
	/*overflow:	auto; */
}
#content-panel-shop-img { /*neu*/
	width:10em;
	margin:0px;
	padding:0px;
	padding-top:2.7em;
}
#content-panel-shop-articles {
	padding-top:1.5em;
}
#content-panel-title {
	font-size:1.5em;
}
#content-panel-text {
	font-size:0.9em;
}


.dialog-img-artikel {
	height:520px;
}
.dialog-agb { width:72%;}
.dialog-agb-text { width:70%; }


.img-links {
	padding-left:10px;
	width:200px;
	border:0px;
}
.input-shop {
	margin:0px;
	padding:0px;
	text-align:center;
	width:20px;
	background-color:#EFF9C6;
}
h1 , h2 , h3 , h4 , h5 , h6 {
	font-weight:normal;
}
img , div {margin:0px;padding:0px;}

.openStreetMap {
	width: 80vw;
	height: 20vw;
}

#page-body {
	width:100%;
	height:100%;
	/*background-color:silver;*/
}
#page , #page-content , #page-content-diashow , #page-contnent-text , #page-content-login {
	background-color:#fff;
}

#page {
	margin-right:5%;
	margin-left:5%;
	width:90%;
	height:100%;
	overflow:auto;
}
#page-content {
	width:100%;
	width:1200px;
	max-width:100%;
	overflow:hidden;
}
#page-content-form-20 {
	/*float:left;*/
	width:20%;
	
}
#page-content-img {
	width:100%;
	height:730px;
	overflow:hidden;
}
#page-content-image-30 {
	/*float:left;*/
	width:30%;
	
}
#page-header{
	background-color:silver;
	height:128px;
	background-image: url(http://www.wein-und-mut.de/a.images/schiefer-textur.png);
		background-position: left top;
		background-repeat: repeat;
		background-origin: content-box;
		background-size: 100%;
}
#page-img-logo {
	width:200px;
	padding: 1em 0em 0em 1.2em;
	opacity: 1.0;
}
#page-navi {
	background-color:#f9f9f9;
	width:100%;
	height:1.6em;
	box-size: border-box;
	position: relative; 
	top: 0em; 
	z-index:101 !important;
}
#page-navi ul  {
	margin:0px;
	padding:0px;
}
#page-navi ul li , #tech-navi ul li {
	float:left;
	margin:0px;
	list-style-type:none;
}


#page-navi ul li a  , #tech-navi ul li a{ 		text-decoration:none;font-size:0.8em;color:#6f6f6f; text-shadow:none;font-weight:normal;}
#page-navi ul li a:hover , #tech-navi ul li a:hover{ 	text-decoration:none;font-size:0.8em;color:#85bc22; text-shadow:none;font-weight:normal;}
#page-navi ul li a:focus , #tech-navi ul li a:focus  { 	text-decoration:none;font-size:0.8em;color:#85bc22; text-shadow:none;font-weight:normal;}
#page-navi ul li a:active , #tech-navi ul li a:active  { 	text-decoration:none;font-size:0.8em;color:#85bc22; text-shadow:none;font-weight:normal;}
#page-navi ul li a :visited , #tech-navi ul li a :visited { 	text-decoration:none;font-size:0.8em;color:#85bc22; text-shadow:none;font-weight:normal;}


.event-title { position:relative;left:-1em; color: #fff; background-color: #8A5023; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:60%;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-subtitle { position:relative;left:44%; color: #fff; background-color: #939534; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:50%;text-align:right;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-title-keller { position:relative;left:-1em; color: #fff; background-color: #8A5023; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:60%;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-subtitle-keller { position:relative;left:44%; color: #fff; background-color: #939534; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:50%;text-align:right;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-title-eichamt { position:relative;left:-1em; color: #fff; background-color: #2E5E56; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:60%;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-subtitle-eichamt { position:relative;left:44%; color: #fff; background-color: #D1333F; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:50%;text-align:right;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-title-hentschel { position:relative;left:-1em; color: #fff; background-color: #D1333F; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:60%;font-style:italic;box-shadow: 2px 2px 3px darkgray;}
.event-subtitle-hentschel { position:relative;left:44%; color: #fff; background-color: #4A7A07; font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;width:50%;text-align:right;font-style:italic;box-shadow: 2px 2px 3px darkgray;}

.event-logo-box {width:20em;}
.event-logo-box div h3 {margin-bottom:0em;padding-bottom:0em;}
.event-logo-img {height:5em;}

.event-date{ font-size:1.3em; }
.page-event-title-img { width:100%;}
.page-event-subtitle { position:relative;right:3em; color: #fff; background-color: darkred;font-size: 1.3em; padding: 0.5em 1.0em 0.5em 1.0em;text-align:right; }
.page-subcontent-inhalt {
	padding-top:0px;
	font-size:14px;
}
.p-right {
	text-align:right;
	padding-top:0px;
	margin-top:0px;
}

#shop-basket-head {
	position:absolute;
	top:1em;
	left:55%;
	font-size:0.8em;
	color:silver;
	text-shadow:none;
}

#shop-img {
	padding-top:1.5em;
	width: 9em;
}
.shop-img {
	border:1px solid #999999;
	width:10em;
	margin:0px;
	padding:0px;

}
.shop-panel-img {
	padding-top:1.5em;
	width: 9em;
}
.shop-price-input {
	width:5em;
}
.shop-price-per-litre {
	color:#999999;
	font-size:0.9em;
}
.shop-price-sum {
	color:blue;
	padding-bottom:1em;
}

.slideshow-gallery { width: 100% !important; float: left; }

.sold { color: #88C82E; opacity: 0.9;}


.table-td-inhalte {
	font-size:0.9em;
}
.table-td-inhalte ul {
	font-size: 0.9em;
	padding-left:40px;
	padding-bottom:10px;
	margin-left:0px;
}
.table-td-inhalte ul li {
	display:inline-block;
	font-style:italic;
}
#table-shop {
	width:95%;
	border:0px dotted red;
}



.half-padding {
	padding-top:0.5em;
}

.table-shop-year { font-size:0.8em; width: 4em;}
.table-shop-article { font-size:0.8em; width:33em;}
.table-shop-price { padding-left:0.5em; padding-right:0.5em; text-align:right; font-size:0.8em; width:8em;}
.table-shop-input{ padding:0px; margin:0px;border:1px dotted red;width:4em;}
.table-shop-input input{ text-align:center;}
.table-shop-img { border:0px dotted blue; text-align:right; margin:0px; padding-top:0px; padding-left:0.5em; font-size:0.8em; width:9em;}


td {
	vertical-align:top;
}
.td-center {
	text-align:center;
}
.td-kunde-inputs {
	width:600px;
	font-size:0.8em;
}
.td-kunde-label {
	padding-top: 1.5em;
	width:200px;
	font-size:0.8em;
	font-weight:bold;
}
.td-land {
	width:10%;
}
.td-ort {
	width:70%;
}
.td-plz {
	width:20%;
}
.td-strasse {
	width:100%;
}
th {
	background-color:#EFF9C6 ; /* #85bc22; e3e3e3 ; */
}
.th-beschreibung {
	font-weight:normal;
	text-align:left;
}
.th-wk-anzahl {
	font-weight:normal;
	text-align:center;
	width:20px;
}
.th-wk-nummer {
	font-weight:normal;
	width:20px;
}
.th-wk-beschreibung {
	font-weight:normal;
	text-align:left;
	width:500px;
}
.th-wk-preis {
	font-weight:normal;
	text-align:right;
	width:40px;
}
.th-wk-summe{
	font-weight:normal;
	text-align:right;
	width:40px;
}

.transparent-80 {
	opacity:0.8;
}


.ui-dialog-contain {
	height:600px;
	min-width:450px;
	z-index: 101 !important;
}

.ui-page, 
.ui-body-c, 
.ui-bar-a , 
.ui-mobile-viewport ,
.ui-overlay-c,
.ui-header {
	linear-gradient(silver , silver)
	background-color: silver ;
	border: 0px;
}
.ui-link {
	font-weight:normal;
}



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

	nav ul li {
		display:block;
		width: 94%;
	}

}
/* END CSS Navi */

/* iPad landscape */
@media only screen and (orientation:landscape) 
{

	.box-page-title-content {
		top: 20vw; 
	}
	
	#page {
		padding:0px;
		margin:0px;
		width:100%;
		height:100%;
	}

	#page-header{
		background-color:silver;
		height:6em;
		background-image: url(http://www.wein-und-mut.de/a.images/schiefer-textur.png);
			background-position: left top;
			background-repeat: repeat;
			background-origin: content-box;
			background-size: 100%;
		opacity:1.0;
	}
	#page-img-logo {
		padding: 0.5em 0em 0em 1.9em;
		opacity: 1.0;
	}
	#table-shop {
		width:95%;
		border:0px dotted red;
	}

}

/* slideshow */

/* end slideshow */


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}



/* iPad portrait */
@media only screen and (orientation:portrait) 
{
	.page-slideshow { position: relative; top: 0.0em !important;margin-bottom: 1.5em;}
	.page-head-image { position: relative ; top: -0.2em; }
	#page-navi ul li a { font-size: 0.42em !important; }
	.box-1-2, .slideshow-gallery { width: 100% !important; margin-right: 0px; }
	.box-shop { width: 100%; }
	
	
	.box-page-title-content {
		top: 40vw; 
		left: 0vw; 
		width: 60vw; 
	}


	#content-panel-40 {
		position:relative;
		top:-600px;
		left:60%;
		width:40%;
		overflow:hidden;
		background-color:#d3d3d3;
	}

	#page {
		padding:0px;
		margin:0px;
		width:100%;
		height:100%;
	}
	#page-content {
		width:100%;
		overflow:hidden;
	}

	#page-header{
		background-color:silver;
		height:6em;
		background-image: url(http://www.wein-und-mut.de/a.images/schiefer-textur.png);
			background-position: left top;
			background-repeat: repeat;
			background-origin: content-box;
			background-size: 100%;
		opacity:1.0;
	}
	#page-img-logo {
		padding: 1.4em 0em 0em 1.5em;
		opacity: 1.0;
	}
	#table-shop {
		width:95%;
		border:0px dotted red;
	}
}