<p>Verbindung zum MySQL Server (Bilder) fehlgeschlagen: php_network_getaddresses: getaddrinfo failed: Name or service not known</p>@charset "utf-8";

a:		  {text-decoration:none;}
a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;}
a:active  {text-decoration:none;}



.vorschau-button{
	cursor:pointer;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


html {
	background-color: #FFFFFF;
}


body {
	font-family: Arial;
/*	background-image:url(img/bild0.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	background-attachment:fixed;
*/	width: 100%;
	margin: 0 auto;
	padding: 0px;
	position:relative;
}

img {
	border: 0px;
}


	.ribbon-wrapper {
	  width:				85px;
	  height:				88px;
	  overflow:				hidden;
	  position:				absolute;
	  top:					0px;
	  right:				0px;
      z-index:				3;
      	}
	
	.ribbon {
	  font:					bold 13px Sans-Serif;
	  color:				white;
	  text-align:			center;
	  -webkit-transform:	rotate(45deg);
	  -moz-transform:		rotate(45deg);
	  -ms-transform:		rotate(45deg);
	  -o-transform:			rotate(45deg);
	  position:				relative;
	  padding:				3px 0;
	  left:					-5px;
	  top:					15px;
	  width:				120px;
	  background-color:		#DF2828;
	  background-image:		linear-gradient(top, #B54C4C, #DF2828); 
	}

	.ribbon-wrapper_gross {
	  width:				135px;
	  height:				138px;
	  overflow:				hidden;
	  position:				absolute;
	  top:					0px;
	  right:				0px;
      z-index:				3;
      	}
	
	.ribbon_gross {
	  font:					16px Sans-Serif;
	  color:				white;
	  text-align:			center;
	  -webkit-transform:	rotate(45deg);
	  -moz-transform:		rotate(45deg);
	  -ms-transform:		rotate(45deg);
	  -o-transform:			rotate(45deg);
	  position:				relative;
	  padding:				5px 0;
	  left:					-5px;
	  top:					23px;
	  width:				200px;
	  background-color:		#DF2828;
	  background-image:		linear-gradient(top, #B54C4C, #DF2828); 
	}
#logo {
	margin:0 auto;
	width: 1000px;
	float: left;
    color: #FFFFFF;
    height: 70px;
    
}

.fehlermeldung{
	font-size: 10px;
	line-height: 12px;
}


.detail40{
	padding-right:		0px;
	padding-left:		15px;
	text-align:			left;
	vertical-align:		middle;
	height:				30px;
	
	font-size:15px !important;

}
.block40 {
	background:          linear-gradient( 0deg, #0055B8, #0055B8);	
	color:               #FFFFFF;
	padding-right:       0px;
	padding-left:        15px;
	text-align:          left;
	vertical-align:      middle;
	height:              40px;
}
.input_details{
	width:250px;
	border:none !important;
	margin: 0px !important;
	padding: 0px !important;
	background:none;
	font-size:16px !important;
}
.warenkorb_button{
	float:right;
	display:inline;
	padding-left:20px;
	padding-right:20px;	
	height:40px;
	cursor: pointer; cursor: hand;
	color:white;
}
.vorschau-button{
	padding-right:       20px;
	display:             inline;
	line-height:         40px;
	text-decoration:     none;	
	
}


input[type='text'], input[type='password'], input[type='email'], input[type='number'], textarea, select{
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	padding:4px;
	margin-right:4px;
	border: 1px solid #0055B8;
	background-color: #FAFAFA;
	color: #444460;
}
select{
	font-size:				12px;
	font-style:				normal;
	line-height:			normal;
	padding-left:			0px;
	padding-right:			0px;
	padding-top:			3px;
	padding-bottom:			4px;
	height:					24px;
}
input:invalid, select:invalid, textarea:invalid{
	box-shadow:none;
}

input.input_fehler, select.input_fehler, textarea.input_fehler{
/*	border:1px solid red !important;	*/
	background-color:#DDFFDD;
}


.kontakt {
	font-size:           14px;
	font-style:          normal;
	line-height:         normal;
	list-style-type:     none;
	float:               left;
	background-color:    white;
	border: 1px solid black;
}

.kontakt_input {
	width:				300px;
	padding:			4px;
}

.kontakt_select {
	width:				310px;
	padding:			3px 0px;
}

.kontakt_input_anrede {
	width:				100px;
	padding:			3px 0px;
}
.kontakt_input_plz {
	width:				100px;
	padding:			3px 0px;
}
.kontakt_input_ort {
	width:				187px;
	padding:			3px 0px;
}




.zeitfeld{
	transition:all 0.3s;
	width:100%;
	background-color:lightgreen;
	margin:2px; 0px; 2px; 0px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
.zeitfeld_auswahl{
	transition:all 0.3s;
	background-color:#FFFFaa !important;
}
.zeitfeld_ausgebucht{
	width:100%;
	background-color:lightgrey;
	margin:2px; 0px; 2px; 0px;
	vertical-align:middle;
	text-align:center
}
.zeitfeld:hover{
	transition:all 0.3s;
	background-color:lightblue;
}
.zeitfeld_aktiv{
	transition:all 0.3s;
	background-color:lightblue;
}

.input_infotext{
	width:430px;
	border:none !important;
	margin: 0px !important;
	padding: 0px !important;
	background:none;
	font-size:14px;
}

#logo_links {
	text-align: left;
	font-size: 30px;
	font-weight: normal;
	vertical-align:middle;
	height:70px;
    color: #FFFFFF;
    padding-left: 18px;
}

#logo_rechts {
	text-align: right;
	vertical-align:middle;
	font-size: 30px;
	font-weight:normal;
    color: #FFFFFF;
    padding-right: 18px;
}

#logo_links a, #logo_rechts a {
    color: #FFFFFF}

.navicontainer{
	background:          linear-gradient( 0deg, #0055B8, #0055B8);	
	filter:              progid:DXImageTransform.Microsoft.gradient(startColorstr=#0055B8, endColorstr=#0055B8);
	height:              40px;
	padding:0px;
	margin:0px;
	position:fixed;
	top:70px;
	width:100%; z-index:50;
}

.navicontainer_unten{
	background:          linear-gradient( 0deg, #0055B8, #0055B8);	
	filter:              progid:DXImageTransform.Microsoft.gradient(startColorstr=#0055B8, endColorstr=#0055B8);
	height:              40px;
	padding:0px;
	margin:0px;
	width:100%;
	position:absolute;
	bottom:0px; z-index:999;
	bottom:0px;
	left:0px;

}

ul#Navigation {
	background:          linear-gradient( 0deg, #0055B8, #0055B8);	
	filter:              progid:DXImageTransform.Microsoft.gradient(startColorstr=#0055B8, endColorstr=#0055B8);
	list-style-type:     none;
	text-align:          left;
	height:              40px;
	width:               1000px;
	padding:             0px;
	margin:0 auto;
	
}

ul#NavigationFusszeile {
	background:          linear-gradient( 0deg, #0055B8, #0055B8);	
	filter:              progid:DXImageTransform.Microsoft.gradient(startColorstr=#0055B8, endColorstr=#0055B8);
	list-style-type:     none;
	text-align:          left;
	height:              40px;
	width:               1000px;
	padding:             0px;
	margin:				 0 auto;
}

ul#Navigation li, ul#NavigationFusszeile li {
	list-style:          none;
    display:             inline;
    margin:              0px; 
	padding:             0px;
	float:               left;
}

ul#Navigation a, ul#NavigationFusszeile a{
/*	background-image:    url(img/NaviTrennung.jpg);
	background-repeat:   no-repeat;
	background-position: right; */
	padding-right:       20px;
	padding-left:        20px;
	display:             block;
	line-height:         40px;
	text-decoration:     none;
	font-size:           14px;
	color:               #FFF;
}

ul#Navigation ul{
list-style: none;
margin: 0;
padding: 0;    
display:none;
position: absolute;
background-color: #0055B8;
}

ul#Navigation li:hover ul{
	display:inline-block;
}

ul#Navigation ul li{
	clear:both;
	width:100%;
	border:0 none;
}

ul#Navigation .LinkAktiv a, ul#NavigationFusszeile .LinkAktiv a{
	color:    #28FF28;
	background-color:  #0055B8;
}

ul#Navigation a:hover, ul#NavigationFusszeile a:hover {
	color:    #28FF28;
	background-color:    #0055B8;
}

* html ul#Navigation a, * html ul#NavigationFusszeile a {
    width:               1em;    /* nur fuer IE 5.0x erforderlich */
    width:               auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

a {
    color: #444460}
#Titel {
	font-size: 26px;
	font-weight:bold;
	color:green;
	margin-bottom: 20px
}

#Bild {
	margin: 0;
	width: 510px;
	height: 340px;
	border-radius: 5px;
	border: 1px solid blue;
	display: block;
	margin-bottom:10px;
}

.BildAktiv {
	float:left;
	width:120px;
	height:80px;
	margin-right:6px;
	border:1px solid blue;
	border-radius:5px;
}

.BildPassiv {
	cursor: pointer; cursor: hand;
	float:left;
	width:120px;
	height:80px;
	margin-right:6px;
	border:1px solid black;
	border-radius:5px;
}

#angebot {
	float:inherit;
	width:514px;
	height:470px;
	margin:0 auto;	
	display:block;
}

.button {
	font-size: 12px;
	list-style-type: none;
	float: left;
	background-color: #FFF;
	text-decoration: none;
}

.senden_aktiv{	border: 1px solid blue;
	border-radius: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	color:white;
	background: linear-gradient( 0deg, #4040DD, #9090DD);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9090DD, endColorstr=#4040DD);
	height: 30px;
	font-size:15px;
	padding-left:20px;
	padding-right:20px;
}

.senden_aktiv:hover{
	cursor: pointer; cursor: hand;
	border: 0px solid black;
	color:white;
	background:none;
	background-color: #77F;
}

.input {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	border: 1px solid #000;
	width: 300px;
	padding: 4px;
	background-color: #FFF;   
}

.kontakt {
	font-style: normal;
	line-height: normal;
	list-style-type: none;
	background-color: #FFF;
}

.kontakt_input {
	border: 1px solid #000;
	width: 300px;
	padding: 4px;
}

.kontakt_input_anrede {
	border: 1px solid #000;
	width: 100px;
	padding: 4px;
}

.inputort {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	border: 1px solid #000;
	float: left;
	width: 250px;
	padding: 5px;
}

.fehler {
	background-color: #E9E9FF;   
}
.button {
	font-size:           12px;
	font-style:          normal;
	line-height:         normal;
	list-style-type:     none;
	float:               left;
	background-color:    #FFF;
	text-decoration:     none;
}


.mini_aktiv {
	border-right:        1px solid #0055B8;
	border-top:          1px solid #0055B8;
	border-bottom:       1px solid #0055B8;	
    padding:			 5px;
}

.mini_aktiv_links {
	border-left:         1px solid #0055B8;
}

.mini_passiv {
	border-right:        1px solid #0055B8;
	border-top:          1px solid #0055B8;
	border-bottom:       1px solid #0055B8;		
}

.links{
	text-align:left;	
}
.rechts{
	text-align:right;	
}
.mitte{
	text-align:center;	
}

.beamer{
border-radius:6px;
border:1px solid black;	
}

.beamer:hover{
border:1px solid grey;
}

.hauptbild{
border-radius:4px;
border:1px solid black;	
}

.hauptbild:hover{
border:1px solid grey;
}

#angebote{
	line-height:1rem;	
}

.button_img{
	border:none;
	background:none;
	padding:0px;
	margin:0px;	
	cursor:pointer;
}
.button_img:hover{
	border:none;
	background:none;
	padding:0px;
	margin:0px;	
	cursor:pointer;
}
.button_img[disabled]{
	border:none;
	background:none;
	padding:0px;
	margin:0px;	
	cursor:pointer;
}

.button_img:disabled img{
	opacity:0.5;	
}
.button_img:disabled{
	cursor:auto;	
}

select:disabled, input:disabled, textarea:disabled{
	background-color: #E6E6EC;
	color: #444460;
}


#content{
	text-align:center;
	width:100% - 140px;
	min-width: 900px;
	margin:0px;
/*	background: rgba(0,0,0, 0.1);
/*	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
*/
	font-size: 0.81rem;
	line-height: 1.4rem;
	border-radius:5px;
	padding: 10px;
	color:#444460;
	background-color:#FFFFFF;
	min-height:1000px;
	height:auto !important;
	position:relative;
/*	background:rgba(0, 0, 0, 0.1); */
	margin-top:110px;
}

#shop{
	width:100%;	
	height:300px;
}
#waren{
/*	margin-right:400px; */
	display:inline-block;
	text-align:left;
    margin-left:-10px;
    max-width:1400px;
}

.ware{
	transition:all 0.3s;

	width:180px;
	min-height:343px;
	margin: 10px;
    margin-left:20px;
    margin-right:0px;
/*	margin-top:30px;
	margin-bottom:20px;
*/	padding:10px;
	border:1px solid #0055B8;
	background-color:white;
/*	float:left;
	color:#444444; */
	display:inline-block;
}

.warenbeschreibung{
	width:180px;
	text-align:left;
	margin-top: 0px;
}
.warenbeschreibung h1{
	font-size:18px;
	font-weight:bold;
	display:inline;
}


.warenbeschreibung .preis{
	width:180px;
	font-size:18px;
	font-weight:bold;
	text-align:right;	
}

.warenbeschreibung .preis input{
	width:60px;
	font-size:18px;
	font-weight:bold;
	text-align:right;	
}


.warenbeschreibung h1 input{
	width:180px;
	border:none !important;
	margin: 0px !important;
	padding: 0px !important;
	background:none;
	color:inherit;
	font-size: 15px;
	font-weight:bold;
}
.warenbeschreibung h1{
	font-size: 15px;
}

#warenkorbcontainer{
	background: rgba(0, 85, 184, 0.3);
    position:	fixed;
    top:		0px;
    left:		0px;
    width:		100%;
    height:		100%;
    z-index:	10;
    display:none;
}

#warenkorb{
	width: 1000px;
	vertical-align:top;
	position:fixed;
	right:calc(50% - 500px);
	top:120px;
	bottom:20px;
	border:1px solid #0055B8;
    z-index:11;
    background-color:white;
    display:none;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}
#warenkorbtabelle{
	width:600px;
	line-height:1rem;
	text-align:left;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#einkaufslisten_div{
	display:none;
	overflow:hidden;
	position:absolute;
	top:50px;
	left:400px;
	width:150px;
	z-index:3;
	
	background-color: white;
	border:1px solid #0055B8;
	
	text-align:left;
	padding:10px;
}
/*
#einkaufslisten_button:hover + #einkaufslisten_div, #einkaufslisten_div:hover{
	display:inline;
	height:auto;	
}
*/
.warenkorbtext{
	overflow:hidden;
	width:270px;	
	white-space:nowrap;
	cursor:pointer;
}

.warenkorb_anzahl{
	width:40px;	
	text-align:center;
}

.home_gruppe{
	width:200px;
	height:225px;
	margin:10px;
/*	margin-top:40px;*/
	border:1px solid #0055B8;
	backkground-color:white;
	float:left;
	text-align:center;
	position:relative;

}
.home_gruppe:hover{
	border:1px solid #0055B8;

}

.home_gruppenbild{
	position:absolute;
	top:10px;
	left:10px;
}

.home_gruppeninput100{
	height:35px;
	padding-top:10px;
	position:absolute;
	top:155px;
	left:0px;
	width:200px;
	background: rgba(0,0,0, 0.2);
	font-size:24px;
	color:black;
}

.home_gruppentextcontainer{
	position:absolute;
	height:225px;
	top:0px;
	width:200px;
	overflow:hidden;
	transition: height 0.5s;
	transition-delay:0s;
}

.home_gruppentextcontainer:hover{
	transition: height 1s;
	transition-delay:0.5s;
	height:600px;
}

.home_gruppentext{
	padding:7px;
	font-size:16px;
	text-align:left;
/*	height:257px; */
	width:186px;
    background-color:white;
	z-index:1;
	margin-top:225px;
	margin-left:10px;
	position:absolute;
	border-left:1px solid #0055B8;
	border-top:1px solid #0055B8;
	border-bottom:1px solid #0055B8;
	border-right:1px solid #0055B8;
}
.home_gruppentitel{
	text-align:left;
	position:absolute;
	top:195px;
	left:10px;
	font-size:16px;
}

#home_container{
	display:flex;
	flex-flow:row wrap;
    max-width:100%
/*	justify-content:center;
	margin:0 auto;
	margin-left:300px; */
}

#home_artikelgruppen{
    width:240px;
    padding-top:10px;
	text-align:left;
}
::placeholder{
	color:grey;
    opacity:1;
}

#home_artikelgruppen a{
	font-size:14px;
    border: 1px solid #0055B8;
    border-top-width:0px;
    padding:7px;
    width: 180px;
    height:21px;   
    display: inline-block; 
	color:  #0055B8;
	background-color:  #FFFFFF;
}
#home_artikelgruppen a:hover, #home_artikelgruppen a.link2_aktiv{
	color:  #FFFFFF;
	background-color:  #0055B8;
}

#login_form, #register_form{
	display:inline;
	margin-left:50px;
	margin-right:50px;	
}
#login_form table, #register_form table{
	display:inline;
	text-align:left;
}

.login{
	width:163px;	
}

.plz{
	width:50px;	
}
.ort{
	width:100px;
}

.cbox {
	height: 15px;
	width:15px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:0px;
}

button{
	border: 0px solid black;
	color:#FFFFFF;
	background:          linear-gradient( 0deg, #0055B8, #0055B8);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0055B8, endColorstr=#0055B8);
	height: 25px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:3px;
}

button:disabled, button:disabled:hover{
	background:none;
	cursor: default !important	;
	background-color: #7171B7;	
	pointer-events:none;
}

button:hover{
	cursor: pointer; cursor: hand;
	border: 0px solid black;
	color:#FFFFFF;
	background:none;
	background-color: #5050A0;
}

#lieferadresse{
	display:inline;
	text-align:left;
	float:left;
	margin-left:50px;
}
#rechnungsadresse{
	display:inline;
	text-align:left;
	float:left;
	margin-left:50px;
}
#lieferzeitraum{
	display:inline;
	text-align:left;
	float:left;
	margin-left:50px;
}

#lieferzeiten{
	border-collapse:collapse;	
}
#lieferzeiten tr td, #lieferzeiten tr td table tr td{
	padding:0px;	
}
#lieferzeiten tr td table{
	border-collapse:collapse;	
}

/*
#bestellbutton, #bestellen{
	position:absolute;
	bottom:10px;
	right:10px;	
}
*/
.adresstabelle{
	text-align:left;	
}

#warenkorb_navigation{
	height:60px;
	border:1px solid white;	
	position:fixed;
	top:110px;
	z-index:9;
	padding-top:10px;
	top:100px;
	left:0px;
	right:0px;
}

#warenkorb_navigation a{
	height: 25px;
	line-height:25px;
	background-color:green;
	color: white;
	padding-left:5px;	
	padding-right:5px;	
}
#warenkorb_navigation a:hover{
	background-color:#00bb00;	
}

.content_mitte{
	margin:0 auto;
	width:960px;
}
.content_mitte td{
	vertical-align:top;
	text-align:left;
}

#bestellung_waren, #bestellungen_waren{
	max-height:500px;
	overflow-x:hidden;
	width:600px;
}
#bestellung_waren td{
	vertical-align:middle;
	line-height:1.15em;
}
h5 {
	font-weight:	300;
	display:        inline;
	font-size:		14px;
	margin:			0px;
}

h1 {
}


h2, h3 {
}

a, a:link, a:visited {
}

.einheitenselect{
	width:24px;
	padding-left:1px;
	-moz-appearance:none;	
}
.input800{
	width:802px;	
}
select.input800{
	width:812px;	
}
.output800{
	width:812px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input700{
	width:700px;	
}
select.input700{
	width:710px;	
}
.output700{
	width:710px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input600{
	width:598px;	
}
select.input600{
	width:608px;	
}
.output600{
	width:608px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}


.input550{
	width:522px;	
}
select.input550{
	width:532px;	
}
.output550{
	width:532px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input500{
	width:471px;	
}
select.input500{
	width:481px;	
}
.output500{
	width:481px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}


.input400{
	width:394px;	
}
select.input400{
	width:404px;	
}
.output400{
	width:404px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input300{
	width:292px;	
}
select.input300{
	width:302px;	
}
.output300{
	width:302px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input250{
	width:241px;	
}
select.input250{
	width:251px;	
}
.output250{
	width:251px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input244{
	width:224px;	
}
select.input244{
	width:234px;	
}
.output244{
	width:234px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input200{
	width:190px;	
}
select.input200{
	width:200px;	
}
.output200{
	width:200px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input150{
	width:139px;	
}
select.input150{
	width:149px;	
}
.output150{
	width:149px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}


/* 2/3 von 200 */
.input132{
	width:	122px;
}
select.input132{
	width:	132px;
}
.output132{
	width:132px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input100{
	width:88px;	
}
select.input100{
	width:98px;	
}
.output100{
	width:98px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

/* 1/3 von 200 */
.input66{
	width:54px;	
}
select.input66{
	width:64px;	
}
.output66{
	width:64px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input50{
	width:37px;	
}
select.input50{
	width:47px;	
}
.output50{
	width:47px;
	overflow-x:hidden;
    whitespace:nowrap;    	
}

.input25{
	width:25px;	
}
select.input25{
	width:35px;	
}

textarea{
	font-size  : 12px;
}

#fenster_abfrage,#fenster_abfrage_bearbeiten, #fenster_ersetzen, #fenster_rechnung, #fenster_loeschen, #fenster_wk_leer, #fenster_loeschen_el{
	padding:20px;
	height:120px;
	width:320px;
    background-color:white;
	border:1px solid #0055B8;
	position:fixed;
	top:50%;
	left:50%;	
	margin-top:-50px;
	margin-left:-150px;
	visibility:hidden;
    z-index: 12;
}

#hintergrund_abfrage, #hintergrund_rechnung{
	height:100%;
	width:100%;
	background: rgba(0, 85, 184, 0.3);
	position:fixed;
	top:0px;
	left:0px;	
	visibility:hidden;
	z-index:11;
}
#fenster_warnung{
	padding:20px;
	height:120px;
	width:350px;
    background-color:white;
	border:1px solid #0055B8;
	position:fixed;
	top:50%;
	left:50%;	
	margin-top:-50px;
	margin-left:-150px;
    z-index: 12;
}

#hintergrund_warnung{
	height:100%;
	width:100%;
	background: rgba(0, 85, 184, 0.3);
	position:fixed;
	top:0px;
	left:0px;	
	z-index:11;
}

#mastertable{
	margin:0 auto;	
}

#suchvorschlaege{
	position:absolute;
	width: 398px;
	height:200px;
	left: 0px;
	top:0px;
	border: 1px solid grey;
	background-color: white;
	z-index:51;
	left: 332px;
	top: 47px;
}
.suchvorschlag{
	display:block;
	height: 24px;
	vertical-align:middle;
	text-align:left;
	padding-left: 4px;	
	cursor:pointer;
}
.suchvorschlag_s, .suchvorschlag:hover{
	background-color:lightgrey;	
}
#seitenzahlen{
	height:100px;
	position:relative;
	width: 100%;
	text-align:center;
	
}
.seitenknopf, .button_gruen{
	padding:7px 5px 3px 5px;
  	font-size:14px;

	border: 1px solid grey;
	border-radius: 3px;
	margin:5px;
	text-align:center;
	height:25px;
	display:inline-block;
	vertical-align:middle;
	background-color:#008800;
	color:white !important;
}
.seitenknopf{
	font-size:16px;
	width:30px;
	height:30px;
}
.seitenknopf:hover, .button_gruen:hover{
	background-color:#00BB00;
}
.aktiv{
	background-color:#00BB00;
}
.inaktiv{
	cursor:default;
	background-color: #448844;	
}
.inaktiv:hover{
	cursor:default;
	background-color: #448844;	
}
.input_firma{
	display:none;	
}
.button_wk_unten{
	width:136px;
	display:inline-block;
	cursor:pointer;
}

.einkaufsliste_geclickt{
	transition:all 0.5s;
    position: absolute;
    margin-top: 359px;
    margin-left: 8px;
    width: 10px;
    height: 10px;
}

.warenkorb_geclickt{
	transition:all 0.5s;
    position: absolute;
    margin-top: 359px;
    margin-left: 164px;
    width: 10px;
    height: 10px;
}


#hauptbild{
    position: absolute;
    top:0px;
    left:0px;
}

#hauptbild.einkaufsliste_geclickt{
	transition:all 0.5s;
    position: absolute;
    margin-top: 478px;
    margin-left: 125px;
    width: 10px;
    height: 10px;
}

#hauptbild.warenkorb_geclickt{
	transition:all 0.5s;
    position: absolute;
    margin-top: 478px;
    margin-left: 267px;
    width: 10px;
    height: 10px;
}


#bestellbutton{
	padding-bottom:4px;
	height: 40px;
    position: absolute;
    right: 0px;
    top: 130px;
    width: 200px;
}

.button_gross{
	height: 40px;
	padding-bottom:4px;
}

#bestellen{
	padding-bottom:4px;
	height: 40px;
    width: 200px;
}

#bestellbutton img{
	margin-bottom:-8px;
}

#einkaufslisten_feld, #einkaufslisten_div{
	position: absolute;
    top: 395px;
    left: 40px;
   	top:50px;
	left:400px;

    width: 180px;
    min-height: 180px;
    border:1px solid #0055B8;
    background-color: white;
    z-index:3;
    display:none;
    text-align:left;
    padding:10px;
}

#einkaufslisten_feld h3, #einkaufslisten_div h3{
	margin:0px;
	display:inline;
}

#einkaufslisten_feld input{
	width:151px;
    padding-bottom:3px;
    height:15px
}

#einkaufsliste_schließen{
	position: absolute;
    right:10px;
    top: 10px;
}

.einkaufsliste_tabelle, .einkaufsliste_tabelle_div{
	white-space:nowrap;
    overflow-x: hidden;
    width	  : 154px;
    margin-right:4px;
}


.warenbeschreibung input.anzahl_wk, #content input.anzahl_wk{
	width:30px;
    padding: 4px;
    padding-bottom: 5px;
	text-align:center;
    border-left:none;
    border-right:none;
    float:left;
    margin:0px;
}

.warenbeschreibung input{
	width:170px;
	margin: 0px;
	padding: 0px;
	background:none;
	color:inherit;
}


.button_einkaufswagen{
	padding: 5px;
    background: none !important;
    height: auto;
}

.button_einkaufsliste{
	padding: 5px;
    background: none !important;
    height: auto;
}