/* ############################################### Allgemeine Styles ############################################### */
* {
	font-weight: normal;
	text-decoration: none;
	background-repeat: no-repeat;
}

body {
	min-height: 100%;
    text-align: left;
    margin: 0;
    padding-bottom: 40px;
}

img {
   vertical-align: middle;
}

a img {
	border: 0;
}

a.imgLink{
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0;
    padding: 0;
}

h1, h2, h3 {
	line-height: 18px;
}


h1 {
	font-size: 15px;
	margin-top: 12px;
	margin-bottom: 12px;
}

h2 {
	font-size: 14px;
	margin-bottom: 10px;
}

h3 {
	font-size: 13px;
	margin-bottom: 5px;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}

td, th {
	vertical-align: top;
	text-align: left;
}

th {
	font-weight: bold;
}

hr {
	clear: both;
	height: 0;
	margin-top: 20px;
	border: none;
}

p {
	margin: 0;
}

ol, ul, li {
	padding: 0;
	margin: 0;
}


ol, ul {
	margin-left: 20px;
}

div.clear {
	clear: both;
}

/* das element selbst und auch alle inneren elemente sollen die eigenschaft bekommen*/
b, b > * { 
	font-weight: bold;
}

/* das element selbst und auch alle inneren elemente sollen die eigenschaft bekommen*/
i, i > * {
	font-style: italic;
}

/* das element selbst und auch alle inneren elemente sollen die eigenschaft bekommen*/
u, u > * {
	text-decoration: underline;
}

input, textarea, select {
	border-width: 1px;
	border-style: solid;
	width: 200px;
}

input[type="checkbox"],
input[type="radio"] {
	border: none;
	width: auto;
}

fieldset {
	border: 1px solid #cecece;
	margin: 20px 0;
}

input.error, textarea.error, select.error {
	border: 1px solid red;
}

.Attention, 
.Attention > *,
.attention,
.attention > *,
.Success,
.Success > *, 
.Warning,
div#loginErrorMsg, 
div#loginErrorMsg div,
.SuccessBorderless,
.SuccessBorderless > *   {
	font-weight: bold !important;
}

.Success,
.Success > *
.SuccessBorderless,
.SuccessBorderless > *  {
	color: #5AAE2E !important;
}

div.SuccessBorderless{
	margin-top: 10px;
	margin-bottom: 10px;
}

.Attention,
.Attention > *,
.attention,
.attention > *
div#loginErrorMsg  {
  color:#FF0000 !important;
}

.Warning,
.Warning > + {
	color: #FF8000  !important;
}

table.tableAdrType col.form_col_label {
	width: 160px;
}

table.tableAdrType col.form_col_input {
	width: 210px;
}

table.tableAdrType#tableUADR col.form_col_label {
	width: 150px;
}

table#tableUADR {
	margin-top: 20px;
	border: 0;
}


.leiOscewPreviewImg {
	cursor: pointer;
	margin: 5px;
}



.leiOscewPreviewImgAct {
	border: 4px groove gray;
}

/* wichtig, damit der Tooltip direkt dar�ber ist  */
section#content div.hint_adr {
	width: 16px;
}


.right {
	text-align:right;
}

.noBg, .leer {
	background: none !important;
	border: 0 !important;
}


input.InputfieldDisabled {
	background-color: #eee;
}

/* alle Tabellen im default 100%, das benoetigt man am meisten */
section#content table {
	width: 100%;
}


/***************************************** Abstaende ueber den Komponenten ***************************************************/

section#content  table.data, footer div#footerGrp, footer a#totop, footer a#print {
	margin-top: 20px;
}

section#content  table.data.leisdesc, footer div#footerGrp, footer a#totop, footer a#print {
	 margin-top: 0;
}


section#content footer {
	clear:both;
}

/***************************************** Buttons ***************************************************/

/* Abstand ueber dem Button nur fuer #content, nicht fuer Dialog */
section#content button.ui-button {
	margin-top: 20px;
}

section#content button.itbButtonUp {
	margin-top: 0;
	margin-bottom: 30px;
	margin-right: 50px;
}

/* Buttons Blaetterlogik */
section#content button.itbButton.browse {
    margin-top: 10px;
}


/***************************************** ITB File Input ***************************************************/

section#content button.itbButton.ui-button.itbFileUp {
    margin: 0 0 0 2px;
}

/******************************* Login ****************************************/

section#content form#loginForm {
	margin-top: 50px;
}

section#content form#loginForm ul li {
	padding: 3px 0;
	width: 350px;
}

section#content form#loginForm ul.inputs {
	list-style: none;
	margin-left: 0;
}

section#content form#loginForm ul.inputs li input.loginInput {
	float: right;
}

section#content form#loginForm button#BTN_LOGIN_SUBMIT {
	display: block;
	margin-bottom: 20px;
}

section#content form#loginForm div#angemeldetbleiben_div {
	margin: 20px 0 5px 0;
}

section#content form#loginForm div#loginErrorMsg div {
	margin-top: 20px;
}

label.LabelLinks,
.links,
.Navigation {
	text-decoration: underline;
}

/**************************** Shopzugang Anfordern ***************************************/

.itb-texttop {
	margin-bottom: 20px;
	font-size: 12pt;
}

.itb-form-group {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.itb-form-label {
	width: 20%;
}

.itb-form-input, input {
	border: 1px solid #cccccc;
	border-radius: 2px;
	padding: 5px;
	font-family: Arial, Lucida Sans, sans-serif;
	font-size: 12px;
	color: #666666;
}

 button[disabled]{
	 background-color: #ccc !important;
 }

.inner-content {
	padding: 20px 20px 20px 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

/**************************** Passwort vergessen ***************************************/

section#content table#pw {
	width: 100%;
	padding: 5px 0;
}

section#content table#pw colgroup col.colCheck {
	width: 20px;
}

section#content table#pw colgroup col.colLabel {
	width: 150px;
}

section#content table#pw colgroup col.colInput {
	width: auto;
}

/******************************************* Warenkorb  ***********************************************/

/* Klassen f�r Border bei abweichender Rechnungsadresse */
tr.wkRowSetTrZuLeiAbwRadr {
	border-style: dashed solid;
}

tr.wkRowSetTrZuAbwRadr {
	border-bottom-style: dashed;
}

tr.wkRowSetTrZuLei {
	border-top-style: dashed;
}

tr.wkAbwRech {
	border-top: 0; 
	border-bottom-width: 2px;
}

tr.trSummeRow td {
	font-weight: bold;
}

section#content div#dataAGB {
	border: 1px solid #AFAFAF;
	margin-top: 20px;
	padding: 5px;
}

td.wkRowMenge {
	text-align: center;
}

/***************************************** Hinweisbox, wenn etwas in den Warenkorb getan wird ***************************************************/

div#wkConfirmDlg, div#wkReminderDlg {
	margin: 0;
    top: 200px;
    width: 200px;
    left: 50%;
    right: 50%;
	position: absolute;
	background-color: white;
    padding: 40px;
    -webkit-box-shadow:  0px 7px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 7px 8px 0px rgba(0, 0, 0, 0.3);
    opacity:0.95;
    font-weight: bolder;
    text-align: center;
    color: green;
    
}

div#wkReminderDlg {
	color: red;
}

/***************************************** Warenkorb Bemerkung  ***************************************************/

div#wkPosBemContent textarea{
	width: 394px;
	height: 60px;
}



/*########################################### miniWkPro ################################################### */

section#miniWkPro div.wkHead {
  height:                      25px;
}

section#miniWkPro div.wkIcon {
  width:                       25px;
  height:                      25px;
  float:                       left;
  /* background-image:            url(../img/einkaufswagen.jpg);
   background-repeat:           no-repeat;*/
  cursor:                      pointer;
}

section#miniWkPro .wkCap {
  width:                       130px;
  height:                      21px;
  float:                       left;
  margin-left:                 5px;
  margin-top:                  4px;
  font-size:                   15px;
  font-weight:                 bold;
  overflow:                    hidden;
  cursor:					   default;
}

section#miniWkPro div.wkCap div {
  float:                       left;
  height:                      23px;
}

section#miniWkPro div.wkArrow {
  width:                       25px;
  height:                      25px;
  float:                       right;
  background-repeat:           no-repeat;
  background-position:         center;
  cursor:                      pointer;
}

section#miniWkPro div.wkItemContainer {
  width:                       180px;
  height:                      20px;
}

section#miniWkPro ul.wkItems {
  width:                       100%;
  list-style-type:             none;
  -webkit-margin-before:       0px;
  -webkit-margin-after:        0px;
  -webkit-margin-start:        0px;
  -webkit-margin-end:          0px;
  -webkit-padding-start:       0px;
}

section#miniWkPro ul.wkItems li {
  margin-top:				   6px; 
  margin-bottom:			   0px; 
  margin-left:				   0px;
  margin-right:				   0px;
}


section#miniWkPro div.wkItem {
  float:                       left;
  margin-left:                 5px;
  width:                       156px;
  overflow:                    hidden;
  white-space:                 nowrap;
  text-overflow:			   ellipsis ;
}

section#miniWkPro div.wkItemDelete {
  width:                       15px;
  height:                      15px;
  float:                       right;
  margin-left:				   2px;
  padding-left:                2px;
  /* background-image:            url(wkDel.bmp);
   background-repeat:           no-repeat;
   background-position:         center;*/
  cursor:                      pointer;
}



/* ################################################################################################################# */

div.mvgnom{
	padding-left: 0px;
}

div.mvgnom div.bez{
	width: 210px;
}

div.mvgnom div.bez label.mvgnom{
	display: block;
	margin: 0 0 0 20px;
	text-align: left;
	width: 170px;
	padding-right: 0px;
}

div.mvgnom div.bez span.itb-check_wrapper{
	float: left;
}

/* ################################################### ServicekatalogAdvert ############################################################## */

section#content h1 {
	vertical-align: top;
}

section#content h1 img {
	vertical-align: inherit;
}

section#content article.articleLegkrat,
section#content article.articleLegkrat header {
	width: 197px;
}

section#content article.articleLegkrat {
	margin-left: 20px;
	list-style: none;
	float: left;
	margin-bottom: 30px;
}

section#content article.break.articleLegkrat {
	margin-left: 0;
	clear: both; 
}

section#content article.articleLegkrat header {
	display: table-cell;
	vertical-align: middle;
	padding: 0 2px 5px 0;
}

section#content article.articleLegkrat header img {
	float: right;
}

section#content article.articleLegkrat p {
	margin: 5px 0 0 0;
	padding-bottom: 5px;
	min-height: 100px;
}

section#content article.articleLegkrat footer {
	text-align: right;
}

section#content > footer {
	clear: both;
}


section#content table.legende th,
section#content table.legende th:first-child,
section#content table.legende th:last-child {
	font-weight: bold;
	background: none;
	color: #000000;
	border: none;
}

section#content .articleLegkrat select {
	width: auto;
	
}

section#content a.pdfLink {
	padding-left: 20px;
	background-image: url(../../img/gvsb_st_v2018/sb/pdf.png);
	background-repeat: no-repeat;
}

.legrkatOhneHintergrundbild{
	height: 0px;
	border-radius: 5px;
}

.legrkatMitHintergrundbild{
	height: 157px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	background-position: top center;
	background-repeat: no-repeat;
}

/* ################################################### leidetails #################################################################### */
/* TimePicker versteckt, da er sonst irgendwo auf der Seite erscheint (wird bisher nur zur Feldvalidierung verwendet), wenn irgend ein Kunde die "Picker" Funtkion verwenden will, 
dann muss dieser auch richtig positioniert werden. */
div.ui-timepicker-div{
	display: none;
}

/* ################################################### Katalog Formular ############################################################## */

section#content table#kebuForm{
	width: 435px;
	float: left;
}

section#content table#kebuForm.multiLanguage input,
section#content table#kebuForm.multiLanguage select{
	width: 170px;
}

section#content table#kebuForm td,
section#content table#kebuForm th{
	padding: 2px;
}

section#content table#kebuForm col.col1{
	width: 35%;
}

section#content table#kebuForm col.col2{
	width: 65%;
}


section#content table#kebuForm.multiLanguage col.col1,
section#content table#kebuForm.multiLanguage col.col3{
	width: 30%;
}

section#content table#kebuForm.multiLanguage col.col2{
	width: 40%;
}

img#kebuLogo{
	margin: 24px 0 0 0;
	float: right;
}

input#tSearch{
	height: 20px;
	vertical-align: middle;
	margin-bottom: 9px;
	margin-right: 5px;
	/*font-size: 18px;*/
}

button#kebuPreviewBottomPrint{
	margin: 0 0 0 75px;
}

button#kebuPreviewBottomClose{
	margin: 0 75px 0 0;
}

body#kebuPreview{
	background-color: #ffffff;
}


section#content  table#nomenklaturTable tr.mvgES {
	display: none;
}



/*Anzeige der Nomenklaturen in der Katalogbestellung*/
.mvgnom div, .mvgnom img, .mvgnom input{
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	background-color:transparent;
	border:0px;
}  
.mvgnom input{
	height:14px;
	width: 14px;
}
.mvgnom div{
	padding-top: 5px;
	padding-bottom: 2px;
	/* height: 20px; */
}

.mvgnom .bez{
	padding-top: 0px;
}

/* cd = checkboxdiv */
.mvgnom .cd,
.mvgnom  .tb {
	float: left;
}

.mvgnom  .tb {
	padding-left: 3px;
}

div.mvgnom div.bez div.cd a {
	margin-top: -5px;
}

/* lid = logoImageDiv */
.mvgnom .lid{
	width: 10px;
	float: left;
	padding-left: 5px;
}

/*lsd = logoSelectDiv */
.mvgnom .lsd{
	width: 155px;
	float: left;
	display:none;
	padding-right: 2px;
}

/*ltd = logoTextDiv*/
.mvgnom .ltd{
	float: right;
	width: 155px;
	padding-right: 2px;
}

/*ls =logoSelect */
.mvgnom .ls{
	width: 155px;
	padding: 0px;
	margin: 0px;
}

.mvgnom .tb .id {
	float: left; 
	width: 35px; 
	text-align: right;
}

/*Anzeige der Marken in der Katalogbestellung*/
.markinput{
	width: 155px;
	padding: 0px;
	margin: 0px;
}
.markcheckbox{
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	background-color:transparent;
	border:0px;
}

/*** Medieneintr�ge ***/
section#content table.showKau tr.grayHeadline {
	background-color: #b2b2b2;
}

section#content table.showKau  {
	width: 100%;
}

section#content table.showKau tr.withBorder,
section#content table.showKau tr.borderBottom {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

section#content table.showKau tr.borderBottom {
	border-bottom: 1px solid gray;
}

section#content table#tableEntwuerfe tr {
	background-color: transparent;
}

section#content table#kebuForm td {
	padding: 0 2px 0 2px 0;
}

section#content table#kebuForm img.flagge {
	margin-right: 15px;
	margin-top: 2px;
	vertical-align: top;
}

section#content table#tableEntwuerfe {
	border: 1px solid gray;
}

section#content table#tableEntwuerfe tr td.LinedHeader {
	border-top: 1px solid gray;
}

/* Unterstreichung neben dem Plus wird vermieden */
section#content a.imgLink,
#popUp a.imgLink,
section#contentBoxen div.content a.imgLink,
a.imgLink{
	text-decoration: none;
}

table#nomenklaturTable col#nomBezCol {
		width: 400px;
}


table#nomenklaturTable tr.searchResult1 {
	background-color: #dfdfdf !important;
}

table#nomenklaturTable tr.searchResult2 {
	background-color: #efefef !important;
}


body#bodyIdSHOWKAU_DATA table#showKauDataTable h1 {
	margin-top: 10px;
	
}
body#bodyIdSHOWKAU_DATA h3 {
	margin: 10px 0;
}

body#bodyIdSHOWKAU span#spanEinsendeschluss,
body#bodyIdSHOWKAU span#spanEinsendeschluss * {
	font-weight: bold;
}

section#content table#tableEntwuerfe.showKauStart,
section#content table#tableEntwuerfe.showKauStart tr {
	border: 0;
}


section#content table#tableEntwuerfe tr.secondOrderRow,
section#content table#tableEntwuerfe tr.secondOrderRow td {
	border: none;
}

section#content table#tableEntwuerfe tr.secondOrderRow td {
	padding: 0 0 20px 0;
}

section#content table#tableEntwuerfe tr.secondOrderRow td hr {
	margin-top: 20px;
}

section#content  input.kebu-counter {
	width: 30px;
	
}

/* ################################################### FileUpl/ Mediengallerie ########################################################### */


section#content  ul.galleryList a {
	text-decoration: none;
}

section#content li.galleryList a.delete,
section#content li.galleryList a.deleteDisabled {
	display: inline-block;
	width:  20px;
	height: 20px;
	background-repeat: no-repeat;
}
		
section#content li.galleryList a.delete {
	background-image: url('../../img/gvsb_st_v2018/sb/del.png');
}

section#content li.galleryList a.deleteDisabled {
	background-image: url('../../img/gvsb_st_v2018/sb/del_dis.png');
}

section#content  ul.fileUpload {
	margin-bottom: 20px;
}

section#content div#progressBar {
	margin-top: 20px;
}

body#bodyIdFILEUPLOAD section#content  #btnMedieneintrag  {
	float: right;
    margin-top: -30px;
}


section#content  ul.galleryList {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
    
}

section#content ul.galleryList li {
	width: 165px;
	padding: 0 10px 10px 0;
	float: left;
}


section#content ul.galleryList li:nth-child(3n + 1) {
	clear:both;
}


table#fileInfo td.LinedHeader {
	font-weight: bolder;
}

/* ################################################### Technische Genehmigungen / AGBs / Standbau ########################################################### */

section#content table#tableTechGen {
	margin-top: 40px;
}

section#content table#tableTechGen a.pdfLink {
	padding-bottom: 2px;
}

section#content table#tableTechGen tr.trPdfRow td.tdPdfRow,
section#content table#tableTechGen td.tdRowBem {
	vertical-align: top;
	padding-bottom: 15px;
}

section#content table#tableTechGen tr.trPdfRow td.tdPdfRow,
section#content table#tableTechGen td.tdRowBem {
	vertical-align: top;
	padding-bottom: 15px;
}

/* ################################################### Startseite ########################################################### */

body#bodyIdSTART section#content h2 {
	margin-top: 40px;
}

body#bodyIdSTART section#content h2 span.h2SpanVgTitel {
	font-weight: bold;
}

section#content a.listLink {
	padding-left: 20px;
	background-image: url(../../img/gvsb_st_v2018/sb/list_bg.png);
	background-repeat: no-repeat;
	background-color: #014495;
}

div.startLeftPadding {
	margin-bottom: 20px;
	padding-left: 20px;
}

section#content div#divShowAgbAbfrage {
	margin: 10px 0;
}

section#content div#persAnrede,
section#content div#hinterlegteEmail {
	margin: 10px 0;
}

/* ################################################### Tech. Abfrage ################################################################# */

table.tableTechAbfrage {
	margin: 5px;
	padding: 5px;
}

/* ######################################## Vorveranstaltungen (Ausklappvariante) ##################################################### */

section#content table.data_innertable > tbody > tr:nth-child(2n)	{
	background-color: #eeeeee;
	border: 1px solid gray;
}

section#content table.data_innertable > tbody > tr {
	border: 1px solid gray;
}


/* ################################################## Bestellbestand ################################################################### */

section#content div#divStanddaten {
	width: 200px;
	float: right;
}

section#content div#divAuftragsdaten {
	float: left;
}

section#content tr.trHatZuschlaege {
	border-bottom-style: dashed;
}

section#content tr.trIstZuschlagsleistung {
	border-top-style: dashed;
}

/* ################################################## LeiKatalog ################################################################### */

section#content div#leiKatImg {
	float: left;
}

table#tableSerkatLeistung{
	margin-top: 20px;
}

/* ################################################## Leidescription ################################################################### */

section#content table#leiEws td.folgeEws {
	padding: 0;
}

table.minmaxMenge {
	margin-top: 10px;
	width: auto;
	max-width: 200px;
}
.mmBez, .mmVal {
	padding-right: 5px;
}
.mmVal {
	text-align: right;
}
.mmStk {
	width: 100%;
}

/* Hinzuf�gen-Button Tabstundemenge */
table.zeilenFormular button#btnHinzufuegen {
	margin-top: 0;
}

/* ###################################################################################################################################### */

body#bodyIdNEWPASSWORD form#formpw label {
    clear: both;
    display: block;
    float: left;
    line-height: 20px;
    vertical-align: top;
    width: 140px;
}

body#bodyIdNEWPASSWORD form#formpw input {
	margin-top: 2px;
	width: 120px;
}


body#bodyIdSTART div#persAnrede {
	font-weight: bolder;
}

/* ##################### Adressen - Alle adressen auf einer Seite (newAdrAll) (eingebaut f�r SPM) ##################### */

fieldset.adressFormular{
	margin: 0px;
	margin-bottom: 10px;
}

fieldset.adrInnerFieldset{
	margin: 0px;
	margin-bottom: 10px;
}

fieldset.adrInnerFieldset {
	border: 0;
	padding: 0;
}

.adrVerwendungTitle {
	font-weight: bold;				
}
			
table.tableUseHADRSelect {
	margin-bottom: 13px;
}

.fieldcheckerror .itb-check {
	background-image: url(../../img/jquery/checkBigGreenError.png);
}

label.fieldcheckerror{
	color: #FF0000;
	font-weight: bold;
}

input.fieldcheckerror,
select.fieldcheckerror{
	background-color: #FFEEEE;
}			
			
td.fieldcheckerror{
	padding-bottom: 5px;
	padding-top: 2px;
}

/* ################################ Adresse Ihre Daten Ansprechpartner (eingebaut f�r SPM) ################################# */

table.tableStartKenKAT {
	width: 100%;
}

table.tableKenTextbottom,
table#tableBottomline,
p.pForm {
	width: 80%;
}

.alignAP {
	vertical-align: top;
}

table#tableStartKen td.tdStartKenLabel {
	vertical-align: top;
	width: 20%;
}

td.tdKennLabel {
	vertical-align: top;
	width: 99%;
}

/* ################################ Mitaussteller-Standanmeldung (eingebaut f�r SPM) ################################# */

div.divPrioCheckbox {
	float: right;
}

.text_right {
	text-align: right;
}

span.inaktiv {
	color: #999999;
}

div#divDetailsLeft {
	float: left;
}

div#divDetailsRight {
	float: right;
	width: 350px;
}

div.container {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

td#labelAtyp {
	width: 200px;
}

td#tdMAVorjahr {
	width: 50%;
}

table#tableForm {
	margin-top: 20px;
	margin-bottom: 20px;
}

section#content button#btnMAVjUebernehmen {
	margin-top: 0;
}

table caption {
	text-align: left;
}

/************************ Katalogeintr�ge **************************/

a.imgLink img {
	margin-right: 5px;
}

section#content table#tableEntwuerfe {
	width: 100%;
}

/******************************************************************/
section#content  span.bezZuschlLei {
	font-weight: bolder;
}

/************************ Mein Stand **************************/

table.meinStand {
    margin-top: 5px;
}

table.meinStand td {
    vertical-align: top;
}

table.meinStand td.spalteRechts {
    padding-left: 10px;
}

/******************************************************************/

section#content  .leiBuchbarBisContent {
	padding: 10px 0 10px 20px;
	clear: both;
}




/*********************** Checkliste Standgestaltung bzw. Standkennungen mit Folgekennungen ****************************/

/* Katrins Spezialwaffe */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body#bodyIdSTKEN section#content hr.hrKennungen {
	margin-top: 10px;
	margin-bottom: 20px;
	border: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #7a7a7a;
}

body#bodyIdSTKEN section#content div.divKenInput input[type="text"],
body#bodyIdSTKEN section#content div.divKenInput input[type="email"],
body#bodyIdSTKEN section#content div.divKenInput textarea {
	margin-bottom: 10px;
}

body#bodyIdSTKEN section#content div.divKenInput textarea {
	width: 100%;
}

body#bodyIdSTKEN section#content div.divKenLabel {
	padding: 5px 5px 5px 0;
}

body#bodyIdSTKEN section#content .katInputPure { 
	padding: 5px;
	width: auto;
	float: left;
	margin-right: 10px;
	line-height: 20px;
	vertical-align: middle;
}

body#bodyIdSTKEN section#content .katInputPure.kenAusgewaehlt {
	background-color: #f5f5f5;
}

body#bodyIdSTKEN section#content .folgeKenDiv {
	clear: both;
	padding: 10px;
	margin-top: -1px;
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	background-color: #f5f5f5;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP .folgeKenDiv,
body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP .divKenLabel {
	padding: 0;
	margin: 0;
	border: 0;
}

body#bodyIdSTKEN section#content .folgeKenDiv .katInputPure,
body#bodyIdSTKEN section#content .folgeKenDiv .katInputPureMitFolgekennung  {
	clear: both;
	display: block;
	border: none;
	position: relative;
}

body#bodyIdSTKEN section#content div#stKenContent h2.h2KenlistUeb {
	border-bottom: 1px solid black;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP {
	padding: 25px 30px;
	background-color: #f5f5f5; 
}

body#bodyIdSTKEN section#content div.kenlistueb_MARKUP div.divKenInput {
	padding-top: 10px;
	
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP .folgeKenDiv {
	padding-top: 10px;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP  .divKenInput + br {
	display: none;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP h2 {
	border: 0;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_NEBENEINANDER {
	display: table-cell;
	padding-right: 10px;
	width: 270px;
}

body#bodyIdSTKEN section#content form#mailForm label,
body#bodyIdSTKEN section#content form#mailForm td.labelWidth {
	white-space: nowrap;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistUeb {
	clear: both;
	display: table;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistUeb h2.h2KenlistUeb {
	padding-bottom: 5px;
	border-bottom: 1px solid #5B5C5D;
	background-repeat: no-repeat;
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistUeb h2.h2KenlistUeb.ausgerollt,
body#bodyIdSTKEN section#content div#stKenContent div.kenlistUeb h2.h2KenlistUeb.eingerollt {
	cursor: pointer;
	padding-left: 15px;	
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistUeb h2.h2KenlistUeb.ausgerollt {
	background-image: url('../../img/minus_mR.gif');
}
body#bodyIdSTKEN section#content div#stKenContent div.kenlistUeb h2.h2KenlistUeb.eingerollt {
	background-image: url('../../img/plus_mR.gif');
}

body#bodyIdSTKEN section#content div#stKenContent div.kenlistueb_MARKUP h2.h2KenlistUeb {
	border-bottom: none;
	margin-top: 0;
	background-image: none;
	padding-left: 0;
}

body#bodyIdSTKEN section#content div#stKenContent div.bottomline {
	margin-top: 40px;
}

ul#emailFormular {
	margin-left: 0;
}

.egk-download-table {
	border-collapse: separate;
}

.egk-download-table td {
	padding: 3px 5px;
	vertical-align: middle;
}


.egk-download-table button.ui-button {
	margin: 0 !important;
}

.missingLeiEw{
	font-weight: normal;
	font-size: 15px; 
	color: #ff0000;
}

/*********************** Vorverstaltungen mit Leistungserweiterungen *************************/

body#bodyIdSHOWAU_VORVG input.mengeInput {
	width: 40px;
}

body#bodyIdSHOWAU_VORVG td#weitereAngaben button {
	margin-top: 0;
}

body#bodyIdSHOWAU_VORVG table.data td.isInWk {
	text-align: right; 
	padding-right: 17px;	
}

body#bodyIdNEWADR div.adrLabelWieHst {
	padding-bottom: 10px;
	margin-left: 18px;
	margin-top: -5px;
	display: none;
}





/********************************************************************/
/********************************************************************/
/********************************************************************/
/***************** ehem. aus der default.custum.css******************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/* Allgemeine Styles */

img {
   vertical-align: middle;
}

a img {
	border: 0;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}

td, th {
	vertical-align: top;
	text-align: left;
}

hr {
	clear: both;
	height: 0;
	margin-top: 20px;
	border: none;
}

p {
	margin: 10px 0;
}

ol, ul, li {
	padding: 0;
	margin: 0;
}


ol, ul {
	margin-left: 20px;
}

div.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* das element selbst und auch alle inneren elemente sollen die eigenschaft bekommen*/
b, b > * { 
	font-weight: bold;
}

/* das element selbst und auch alle inneren elemente sollen die eigenschaft bekommen*/
i, i > * {
	font-style: italic;
}

/* das element selbst und auch alle inneren elemente sollen die eigenschaft bekommen*/
u, u > * {
	text-decoration: underline;
}

/* kundenspezifisch */

body {
	min-height: 100%;
    margin: 0;
    padding-bottom: 10px;
	background: #f2f2f2;
	font-family: Arial, Lucida Sans, sans-serif;
	font-size: 12px;
	color: #666666;
}

body, input, select, textarea {
	font-family: Arial, Lucida Sans, sans-serif;
	font-size: 12px;
	color: #666666;
}

input, select, textarea {
	border: 1px solid #cccccc;
    border-radius: 2px;
    padding: 5px;
}

input.InputfieldLong,
input.InputfieldShort {
	width: 220px;
}

select.InputfieldLong {
	width: 232px;
}

a {
	text-decoration: underline;
	color: #666666;
}

h1, h2, h3, h4, h5 {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
}

h1 {
	font-size: 24px;
	line-height: 24px;
	margin-top: 20px;
}

h2 {
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 20px;
}

h3 {
	font-size: 16px;
	line-height: 16px;
}

h4 {
	font-size: 15px;
	line-height: 15px;
}

h5 {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}

div#barTop,
header#topHeader,
nav#menueOben,
div#contentInner {
	background-color: #ffffff;
	margin: 0 auto;
	display: block;
}

div#barTop {
	width: 980px;
	margin: 5px auto 0 auto;
	height: 38px;
	background-color: #303577; /* parametrisierbar */
}

header#topHeader {
	width: 940px;
	height: 96px;
	text-align: right;
	padding: 20px;
}

header#topHeader.vgLogo {
	background-position: 20px 20px;
	background-repeat: no-repeat;
}

header#topHeader div#divVGZeitraum {
	margin-top: 80px;
	font-weight: bold;
}

a#headerLink {
	text-decoration: none;
}

/*********************************** MiniWk **********************************************/

section#miniWk {
	width: 960px;
	text-align: right;
}

section#miniWk a {
	text-decoration: none;
	color: #ffffff;
}

section#miniWk {
	color: #ffffff;
}

section#miniWk img {
	padding: 10px 15px;
}




div#contentInner {
	width: 940px;
	padding: 0 20px;
}

nav#menueOben {
	width: 980px;
	padding: 0;
}

/**************************** Navigation oben *********************************/
nav#menueOben div {
	height: 45px;
	background-color: #98989a;
	box-shadow: 0 22px 0 rgba(255, 255, 255, 0.1) inset;
}

nav#menueOben div ul {
	margin-left: 0;
}

nav#menueOben div ul li {
	float: left;
	list-style-type: none;
	font-size: 14px;
}

nav#menueOben div ul li a {
	padding: 0 20px;
	color: #ffffff;
	line-height: 45px;
	display: block;
	text-decoration: none;
	border-right: 1px solid #ffffff;
}

nav#menueOben div ul li a:hover,
nav#menueOben div ul li a.active {
	background-color: #a0a0a3;
	box-shadow: 0 22px 0 rgba(255, 255, 255, 0.1) inset;
	text-shadow: none;
	color: #ffffff;
}

/* Navigationsspecials */

/* Home mit H�uschen */
nav#menueOben div ul li a#LEIKAT_ADVERTISEMENT {
	padding: 0 16px 0 20px;
}

/* Logout */
nav#menueOben div ul li:last-child {
	float: right;
	border-right: 0;
	border-left: 1px solid #ffffff;
}

nav#menueOben div ul li a#LOGOUT_CHECK {
	border-right: 0;
	float: right;
}

nav#menueOben div ul li a#LOGOUT_CHECK:hover {
	color: #ffffff;
}

/* Ende Navigationsspecials */


/**************************** Suche *********************************/

section#search {
	margin-bottom: 20px;
}

form#searchTop {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}

form#searchTop input#needle {
	border-radius: 4px;
	clear: both;
	width: 180px;
	background: url('../../img/gvsb_st_v2018/sb/lupe_suche.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 30px;
}

form#searchTop button#sucheBtn {
	display: none;
}




/***************************** Men� links ******************************/

nav#menu {
	margin: 50px 20px 40px 0;
	width: 220px;
	min-height: 400px;
	float: left;
}

nav#menu header#headerMenu {
	font-size: 16px;
	line-height: 28px;
	color: #999999;
}

nav#menu ul#listeMenu,
nav#menu ul#listeMenu li.liEbene0.active ul {
	list-style: none;
	margin-left: 0;
}

nav#menu ul#listeMenu li {
	border-top: 1px solid #c7c7c7;
	line-height: 28px;
}

nav#menu ul#listeMenu.ulEbene0 li:last-child {
	border-bottom: 1px solid #c7c7c7;
}

nav#menu ul#listeMenu li a {
	text-decoration: none;
	color: #333333;
	background-color: #333333;
	display: block;
}

nav#menu ul#listeMenu li a,
nav#menu ul#listeMenu li a:hover,
nav#menu ul#listeMenu li a.active,
nav#menu ul#listeMenu li.liEbene0.active ul li.liEbene1 a:hover,
nav#menu ul#listeMenu li.liEbene0.active ul li.liEbene1 a.active {
	background-image:url('../../img/gvsb_st_v2018/sb/navi_pfeil_transparent.png');
	padding-left: 15px;
}

nav#menu ul#listeMenu li a:hover,
nav#menu ul#listeMenu li a.active,
nav#menu ul#listeMenu li.liEbene0.active ul li.liEbene1 a:hover,
nav#menu ul#listeMenu li.liEbene0.active ul li.liEbene1 a.active {
	color: #ca0000; /* parametrisierbar */
	background-color: #ca0000; /* parametrisierbar */
}

/* 2. Ebene */
nav#menu ul#listeMenu li.liEbene0.active ul li.liEbene1 {
	border: 0;
	margin-top: 0;
	padding-left: 10px;
}

nav#menu ul#listeMenu li.liEbene0.active ul li.liEbene1 a,
nav#menu ul#listeMenu li.liEbene0 ul li.liEbene1 ul li.liEbene2 a {
	color: #999999;
	background-color: #999999;
}

/* 3. Ebene */
nav#menu ul#listeMenu li.liEbene0 ul li.liEbene1 ul li.liEbene2 {
	border: 0;
	margin-top: 0;
	padding-left: 20px;
}

/***************************** Ende Men� links ******************************/


/***************************** Contentboxen (ehemals Men� rechts) ******************************/

div#contentboxen {
	margin-top: 40px;
	width: 220px;
	display: block;
}

 div#contentboxen ul#listeMenurechts {
	margin-left: 0;
}

div#contentboxen ul#listeMenurechts > li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #ca0000; /* parametrisierbar */
	border-radius: 4px;
	padding: 20px;
	vertical-align: bottom;
}

/* roundIconPure.png ist als transparentes Bild da, aber soll keinen Fehler werfen */
div#contentboxen a.outerLink img.iconContentBoxen {
	display: none;
}

div#contentboxen div.content a {
	color: #ffffff;
}

div#contentboxen ul#listeMenurechts li a.outerLink {
	text-decoration: none;
}

div#contentboxen ul#listeMenurechts li a.outerLink div {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #ffffff;
}

div#contentboxen ul#listeMenurechts > li:last-child {
	margin-right: 0;
}

div#contentboxen ul#listeMenurechts li div[id^="div_empf"] {
	color: #ffffff;
	margin-top: 10px;
	word-wrap: break-word;
}

section#content div#contentboxen ul#listeMenurechts a.outerLink div {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 17px;
	color: #ffffff;
}

/* MiniTermine */

li#miniTermine div#div_miniTermine ul#termine {
	margin-left: 0;
}

li#miniTermine div#div_miniTermine ul#termine li {
	list-style: none;
	color: #ffffff;
	padding-left: 20px;
	margin-top: 10px;
	
}

/* Buchungsende */


/****************************** Ende Contentboxen  *********************************************/



section#content {	
	margin-top: 8px;
	padding: 20px 0 20px 0;
	width: 700px;
	float: left;
}

nav#navFooter {
	margin: 0 auto 20px auto;
	width: 980px;
	line-height: 80px;
	text-align: right;
}

nav#navFooter a {
	text-decoration: none;
}

nav#navFooter div#footerLogo {
	margin-top: 20px;
	height: 100px;
	width: 980px;
	background-color: #ffffff;
	background-position: right center;
}

/********************************* Servicekatalog Advert ******************************/

section#content article.articleLegkrat footer {
	display: none;
}

section#content article.articleLegkrat, 
section#content article.articleLegkrat header {
    width: 219px;  
}

body#bodyIdLEIKAT_ADVERTISEMENT section#content article.articleLegkrat header {
	padding: 0;
	vertical-align: bottom;
	border-radius: 5px;
	background-color: #999999;

}

body#bodyIdLEIKAT_ADVERTISEMENT section#content article.articleLegkrat header:hover {
	background-color: yellow;
}

body#bodyIdLEIKAT_ADVERTISEMENT section#content article.articleLegkrat header a {
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	display: block;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background-color: #000000;
	opacity:0.8;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}

body#bodyIdLEIKAT_ADVERTISEMENT section#content article.articleLegkrat header a,
section#content article.articleLegkrat header a {
	width: 190px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

body#bodyIdLEIKAT_ADVERTISEMENT section#content article.articleLegkrat header a:hover {
	background-color: #ca0000; /* parametrisierbar */
}

body#bodyIdLEIKAT_ADVERTISEMENT section#content article.articleLegkrat p {
    margin: 10px 0 40px 0;
    line-height: 20px;
}

/* Unterseiten */

section#content article.articleLegkrat header a {
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	display: block;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background-color: #000000;
}

section#content form#legrkat article.articleLegkrat p.line > a,
section#content p.pLeikatGruppe > a {
	padding-left: 10px;
	background-image:url('../../img/gvsb_st_v2018/sb/navi_pfeil_default.png');
	display: block;
}

/************************************ Servicekatalog �bersicht  ****************************/

section#content table.data tr.trServicekatalogTableData {
	background-color: #f0f0f0;
	margin-bottom: 10px;
}

section#content table.data tr.trServicekatalogTableData td {
	padding: 10px 0 10px 10px;
	vertical-align: bottom;
}

section#content table.data tr.trServicekatalogTableData td.lastTd {
	padding: 10px;
}

section#content table.data tr.trServicekatalogTableData td.tdThumb {
	vertical-align: top;
}

section#content table.data tr.trServicekatalogTableData td.tdData {
	vertical-align: top;
}

section#content table.data tr.trServicekatalogTableData span.LeiBez {
	font-size: 17px;
}

section#content table.data tr.trServicekatalogTableData p.pPreis {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 17px;
}

section#content table.data tr.trServicekatalogTableData input {
	width: 40px;
	text-align: center;
}

section#content table.data tr.leerzeile {
	height: 10px;
}

/********************************* Warenkorb  ********************************************/

section#content table.data tr.trWarenkorbTableData,
section#content table.data tr.wkRowSetTrZuAbwRadr,
section#content table.data tr.wkAbwRech {
	background-color: #f0f0f0;
}


section#content table.data tr.trWarenkorbTableData {
	border-bottom: 5px solid #ffffff;
}

tr.wkRowSetTrZuAbwRadr {
    border-bottom-style: none;
}

section#content table.data th {
	font-weight: normal;
	font-size: 11px;
	color: #969696;
}

section#content table.data tr.trWarenkorbTableData td,
section#content table.data tr.wkRowSetTrZuAbwRadr td,
section#content table.data tr.trSummeRow td {
	padding: 10px 0 10px 10px;
	vertical-align: bottom;
}

section#content table#wkTable th {
	padding: 10px 0 10px 10px;
	text-align: right;
}

section#content table.data tr.trWarenkorbTableData td.lastTd,
section#content table.data tr.wkRowSetTrZuAbwRadr td.lastTd,
section#content table.data tr.wkAbwRech td {
	padding: 10px;
	white-space: nowrap;
}

section#content table.data tr.trWarenkorbTableData span.leiBez,
section#content table.data tr.wkRowSetTrZuAbwRadr span.leiBez {
	font-size: 17px;
	margin-top: 0;
}

section#content table.data tr.trWarenkorbTableData td.tdData,
section#content table.data tr.wkRowSetTrZuAbwRadr td.tdData {
	vertical-align: top;
}

section#content table.data tr.trWarenkorbTableData td.preis,
section#content table.data tr.wkRowSetTrZuAbwRadr td.preis {
	text-align: right;
}

section#content table.data tr.trWarenkorbTableData input,
section#content table.data tr.wkRowSetTrZuAbwRadr input  {
	width: 40px;
	text-align: center;
}


section#content div#dataAGB {
    border: 1px dashed #dadada;
    border-radius: 4px;
    margin-top: 40px;
    padding: 10px;
}

/******************************** Leidetails **********************************/

/* sind on leidetails.custom.inc.xls, weil die Style anders nicht �berschrieben werden k�nnen */

section#content form#leiForm table.data span.leiBez,
section#content form#leiForm table.data td.leiPreis,
section#content form#leiForm table.data td#weitereAngaben table#leiEws td#tdWeitereAngaben {
	font-size: 17px;
	margin-top: 0;
}

section#content form#leiForm table.data tr.tdLeidetails td {
	vertical-align: top;
}

section#content form#leiForm table.data tr.tdLeidetails td#leiEinheit {
	vertical-align: middle;
	text-align: right;
}

section#content form#leiForm table.data tr.tdLeidetails td#leiInputMenge {
	text-align: right;
	width: 40px;
}

section#content form#leiForm table.data tr.tdLeidetails td:last-child {
	padding-right: 20px;
	text-align: right;
}

section#content form#leiForm button[id^="back"] {
	margin-left: 20px;
}

section#content form#leiForm button#putInWk {
	margin-right: 20px;
}

.leiOscewPreviewImgAct {
    border: 2px solid #ca0000;
    padding: 5px;
}

section#content form#leiForm li {
	margin-left: 20px;
}

section#content form#leiForm div#divLeiLangbez {
	padding: 20px;
}

/**************************** Termine  ******************************************/

section#content form#termine table.data tr {
	background-color: #f0f0f0;
}

section#content form#termine table.data tr td {
	padding: 15px 0 15px 15px;
	border-top: 5px solid #ffffff;
}

section#content form#termine table.data tr td:last-child {
	padding: 15px 15px 15px 15px;
}


section#content form#termine table.data tr th {
	display: none;
}

section#content form#termine table.data {
	margin-bottom: 20px;
}

/******************************* Kontakte  *************************************/

body#bodyIdKONTAKT section#content h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}

body#bodyIdKONTAKT section#content,
section#content table.tableKontakt {
	line-height: 25px;
}

body#bodyIdKONTAKT section#content div#contentboxen {
	line-height: normal;
}

/********************************** Bestellbestand ***********************************/

section#content div#bestellbestandDaten {
	display: table;
	width: 660px;
	padding: 20px;
	background-color: #f0f0f0;
}

section#content div#divAuftragsdaten,
section#content div#divStanddaten {
	width: 50%;
	display: table-cell;
}

section#content table#showauftragTable.data thead tr.trennzeile {
	background-color: #afafb3;
	line-height: 30px;
	vertical-align: middle;
	color: #ffffff;
	border-bottom: 4px solid #ffffff;
}

section#content table#showauftragTable.data thead tr td.iconPlus {
	background-position: 8px 3px;
	background-image: url('../../img/gvsb_st_v2018/sb/plus.png');
}

section#content table#showauftragTable.data thead tr td.iconMinus {
	background-position: 8px 3px;
	background-image: url('../../img/gvsb_st_v2018/sb/minus.png');
}

section#content table#showauftragTable.data thead tr.trennzeile td {
	padding: 0;
}

section#content table#showauftragTable.data thead tr.trennzeile:hover {
	background-color: #303577; /* parametrisierbar */
	cursor: pointer;
}

section#content table#showauftragTable.data thead tr.trennzeile td.iconPlus {
	padding-left: 40px;
}

section#content table#showauftragTable.data th,
section#content form table#showauftragTable.data td {
	padding: 10px 0 10px 10px;
}

section#content form table#showauftragTable.data tr {
	background-color: #f0f0f0;
}

section#content form table#showauftragTable.data tr.trTableHeader {
	background-color: #ffffff;
}

section#content table#showauftragTable.data tbody tr {
	border-bottom: 5px solid #ffffff;
}

section#content table#showauftragTable .hideFirst {
	display: none;
}

/********************************** Upload ***********************************/

section#content table#uplodedfiles.data th,
section#content table#uplodedfiles.data td {
	padding: 10px 0 10px 10px;
}

section#content table#uplodedfiles.data tbody tr {
	background-color: #f0f0f0;
}

section#content table#uplodedfiles.data tbody tr {
	border-bottom: 5px solid #ffffff;
}

form#uploadfile textarea,
section#content select#art {
	box-sizing: border-box;
}

section#content select#art {
	width: 250px;
}

/**********************************************************************/
section#content  span.bezZuschlLei {
	font-weight: normal;
}

/**********************************************************************/

/**********************************************************************/
/***** NOTLOESUNG weil ImageMacgick grad nicht geht *******************/
/**********************************************************************/
/**********************************************************************/
a img.servicecatalogImgThumbn,
img.servicecatalogImgThumbn {
	max-width: 55px;
	max-height: 55px;
} 


section#content img[id ^= 'leiImg'] {
	max-width: 220px;
	max-height: 200px;
}

section#content  img.leiOscewPreviewImg {
	max-width: 36px;
	max-height: 36px;
	
}

/**********************************************************************/
/**********************************************************************/
section#content img.orderNoIcon {
	margin-right: 20px;
	float: right;
	clear: both;
}



.kontakt-kontakt-content {
	display: block;
	width: 400px;
}

.leiverweise {
	background-color: white;
	width: 600px;
	padding: 10px;

	-webkit-box-shadow: 3px 2px 5px 2px rgba(204,204,204,1);
	-moz-box-shadow: 3px 2px 5px 2px rgba(204,204,204,1);
	box-shadow: 3px 2px 5px 2px rgba(204,204,204,1);
}

div.auswahlgruppe{
	float: left;
	width: 70px;
	background-color: #fff;
	background-clip: border-box;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	margin-right: 28px;
}

div.auswahlgruppe.markiert{
	border: 1px solid #dc3545;
}

div.auswahlgruppe a img{
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
 }