@charset "UTF-8";

@media all
{
  /* allgemeines */
  p {
  	margin: 0 0 20px 0;
	padding: 0;
  }

  table.full { width:100%; }
  table.fixed { table-layout:fixed; }
  
  /* Elemente */
  

/* content */
#wrap {margin-top: 8.5em;}
  
  div#footer {
	clear: both;
	height: 50px;
	position: relative;
	padding: 20px 0 20px 0;
	text-align: center;
	font-size: 0.786em;
	color: #666;  
  	margin: 0 auto;
  	background: url(/images/apps/tmpl/logo-klein.png) center 50px no-repeat;
  } 

.appstart {
	display: block;
	padding-right: 20px;
	margin: 0 1.25em;
	color: #999;
	background: url(/images/apps/tmpl/tool-appstart_lt.png) top right no-repeat;
}

.sellytile:hover .appstart {
	color: #333;
	background: url(/images/apps/tmpl/tool-appstart_dk.png) top right no-repeat;
	}
	
.ym-gbox-full .appstart {
	margin: 0 9.75em;
}
	
/* _______________________________________ Layout Unterseiten */

#layout {
	/* width: 100%;  war 940px */
	background: white;
	padding: 2em;
}

#layout_hp {
	background: white;
	padding: 2em 2em 0 2em;
}
			

#layout h2 {
	font-weight: 300;
	font-size: 314.26%; /* 44px; */
	color: #333;
	padding: .25em 0 .75em 0;
	margin-top: 0;
	margin-bottom: 20px;
}

#layout_hp h2 {
	font-weight: 300;
	font-size: 314.26%; /* 44px; */
	color: #333;
	padding: .25em 0 .25em 0;
	margin: 0;
}


#unternavigation {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 187px;
	float: left;
}
#unternavigation li {
	margin: 0;
	padding: 0;
}
#unternavigation li a {
	display: block;
	margin-bottom: 2px;
	padding: 2px 7px;
	color: #666;
}
#unternavigation li a:hover, #unternavigation li a:active, #unternavigation li a.current {
	background: #ececec;
	color: #333;
}

#content {
	border-left: 1px solid #ccc;
	min-height: 350px;
	width: 74.66%; /* 660px; */
	float: left;
	padding-left: 19px;
	padding-bottom: 40px;
}

#content h3 {
	color: #333;
	margin-top: 0;
	/*font-size: 24px;*/
	margin-bottom: 1.2em;
	font-weight: normal;
}

.infoblock {
	/* width: 630px; */
	border-top: 1px solid #ccc;
	padding: 10px 15px;
	position: relative;
	float: left;
}

.infoblock .spalte1 {
	width: 165px;
	float: left;
	color: #333;
}
.infoblock .spalte2 {
	width: 360px;
	float: left;
}
.infoblock .bearbeiten {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #999;
	text-decoration: underline;
}
.infoblock .bearbeiten:hover, .infoblock .bearbeiten:active {
	color: #333;
}

/* Bearbeiten-Modus */
.infoblock-open {
	background: #ececec;
}
/* Variante simple Eingabefelder */
.infoblock-open .spalte2.open {
	width: 465px !important;
}

.infoblock-open h4 {
	color: #333;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 20px 0;
}
.infoblock-open a.abbrechen {
	display: block;
	text-decoration: underline;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

a.underlined, a.underlined:hover {text-decoration: underline; cursor:pointer;}

.strong {
	font-weight: bold;
}

.fwdreason_container {
	margin-bottom: 20px;
	background: #fbf9d2 url(/images/apps/css/Achtung_gross.png) 2em center no-repeat;
	padding: 1.25em 0;
}

.fwdreason_container.success {
	background: #fbf9d2 url(/images/apps/css/haekchen_gruen.png) 2em center no-repeat;
}

.fwdreason {
	color: #333;
	margin: 0 5em;
	text-align: center;
	
}

.product_icon {
	width: 100%;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.5);
	margin-bottom: 20px;
	padding: 2em 0;
}

.preview_text {
	font-size: 1.5em;
	margin-top: 0.5em;
}

.preview_list {
	background: url(/images/apps/css/haeckchen_gruen.png) left -4px no-repeat;
	font-size: 1.5em;
	line-height: 1.75em;
	padding-left: 1.75em;
	margin-left: 22.34%; /* 5em; */
}

.lnk_minus {
	background: url(/images/apps/css/icon-minus_lt.png) 0 5px no-repeat;
	padding-left: 14px;
	font-weight: bold;
}

.lnk_minus:hover {
	background: url(/images/apps/css/icon-minus_dk.png) 0 5px no-repeat;
}

.lnk_plus {
	background: url(/images/apps/css/icon-plus_lt.png) 0 5px no-repeat;
	padding-left: 14px;
	font-weight: bold;
}

.lnk_plus:hover {
	background: url(/images/apps/css/icon-plus_dk.png) 0 5px no-repeat;
}

.selly_hidden {
	display: none;
}
	
.note {
	display: block;
	background: #fbf9d2;
	padding:0.75em;
}

.respImgContainer {
	display:block;
	text-align:center;
	margin: auto;
}

.respImgContainer > img {
	margin:auto;
	vertical-align: middle;
	max-width: 100%;
}

}

@media screen and ( max-width: 940px) {
	#unternavigation {
		margin: 0 auto 1em auto;
		padding-top: 0.5em;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		float: none;
		width: 100%; /* war auto */
	}
	
	#unternavigation li {
		display:block;
		float: left;
		margin: 0 1em 0.5em 0;
	}
	
	#content {
		float: none;
		width: auto;
		border-left: none; /* 1px solid #ccc; */
		margin: 0; /* 2em; */
		padding-left: 0;
	}
	
	.infoblock {
		width: 100% !important;
	}

	.infoblock .spalte1, .infoblock .spalte2 {
		padding-left: 1em !important;
	}
	
	.wst_table .infoblock .spalte2,
	.subBlock .infoblock .spalte2,
	.subBlock .infoblock.infoblock-open .spalte2
	 {
		width: 100%;
	}
	
	.infoblock .einstellungen-wrap .spalte1,
	.infoblock .einstellungen-wrap .spalte2,
	.wst_table .infoblock .spalte2,
	.subBlock .infoblock .spalte2,
	.subBlock .infoblock.infoblock-open .spalte2 {
		padding-left: 0 !important;
	}
	
	
	.infoblock-plain .spalte2.open {
		width: 100% !important;
	}
}