body {
	padding: 0px;
	margin-top: 5px;
	background-color: #E5E5E5;
	font-size: 12px;
	font-family: "Verdana",Times,sans-serif;
	font-weight: normal; 
	color: #484848;
	height: 100%;
	background: -webkit-radial-gradient(#FFFFFF, #D2D2D2);
	background: -o-radial-gradient(#FFFFFF, #D2D2D2);
	background: -moz-radial-gradient(#FFFFFF, #D2D2D2);
	background: radial-gradient(#FFFFFF, #D2D2D2);
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	}

html { overflow-y: scroll; height: 100%; } 

b, strong { font-weight: bold; }

img, a img { padding-bottom: 2px; border: none; vertical-align: middle; padding-right: 5px; }

a:active img  { border-bottom: 0px; text-decoration: none; }

a:visited img { color: #626262; }



.clearfloat { clear: both; }

p { margin: 1px; }

h3 { margin-top: 1px; margin-bottom: 3px; }

ul { margin: 0px; }

li { line-height: 20px; }



a { text-decoration: none; cursor: pointer; color: #626262; }

a:hover { color: #FF0000; text-decoration: none; }

a:visited { color: #626262; }

a:active {  color: #626262; }

label { cursor: pointer; }

span#links { cursor: pointer; }





.checkbox_icon { background-image: url("../Style/Icons/vlad.png"); }

label.css-label {
	-ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;
}
input[type=checkbox].css-checkbox {
	margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);
}
input[type=checkbox].css-checkbox + label.css-label {
	background-position: 0px 0px; height: 15px; line-height: 15px; padding-left: 20px; font-size: 15px; vertical-align: middle; display: inline-block; cursor: pointer; background-repeat: no-repeat;
}
input[type=checkbox]:checked.css-checkbox + label.css-label {
	background-position: 0px -15px;
}

input[type=checkbox].lrg.css-checkbox + label.lrg.css-label {
	background-position: 0px 0px; height: 20px; line-height: 20px; padding-left: 22px; font-size: 15px; vertical-align: middle; display: inline-block; cursor: pointer; background-repeat: no-repeat;
}
input[type=checkbox]:checked.lrg.css-checkbox + label.lrg.css-label {
	background-position: 0px -20px;
}




#img_menue_icons { padding: 3px 0px 4px 3px; color: #2C2C2C; background-color: #F2F2F2; border: 1px solid #A3A3A3; margin-bottom: 3px; margin-right: 5px; opacity: 0.9; border-radius: 4px; }

#img_menue_icons:hover { background-color: #ffffff; }




div.con_left a#con_left_navi { color: #2C2C2C; background-color: #FFFFFF; padding: 0px 5px 0px 3px; line-height: 30px; margin-bottom: 5px; border: 1px solid #dddddd; display: block; box-shadow: 1px 2px 4px 0px #C0C0C0; } /* Navigation auf der Linken Seite */

div.con_left a#con_left_navi:hover { background-color: #FFFF91; border-bottom: 1px solid #C1C1C1; color: #000000; }


div.top_menue_index, div.top_menue_index_kalender, div#ansicht_google, div.top_menue { margin-bottom: 15px; margin-top: -3px; padding: 10px 0px 10px 2px; border-radius: 4px; box-shadow: 2px 4px 10px #C0C0C0;  

	background: -webkit-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* Standard syntax */
	
	}


div.top_menue_index_kalender a { padding: 4px 1px 4px 5px; background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: .9; filter: Alpha(Opacity=30); border-radius: 4px; }


div.top_menue_index a.menue_buttons { padding: 4px 5px 4px 5px; color: #2C2C2C; background-color: #F2F2F2;	border: 1px solid #A3A3A3; margin-bottom: 3px; margin-right: 10px; opacity: .9; filter: Alpha(Opacity=30); border-radius: 4px; }

div.top_menue_index a:hover.menue_buttons { background-color: #ffffff; }




.storno_div { opacity: 0.4; background:url('../Style/Icons32/Cancel_256x256.png') no-repeat; background-position: 40% 50%; width: 100%;  height: 600px;  position: absolute; z-index: 0; display: block; content: ''; }





/* Links und Buttons */

a#img_kopf_navi { background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: .9; filter: Alpha(Opacity=30); border-radius: 4px; }

a:hover#img_kopf_navi { border: 1px solid #A3A3A3; background-color: #FFFFFF; }

a#img_kopf_navi { padding: 4px 1px 4px 5px; } /* Navigation Kopf */

/* a#left_navi { color: #2C2C2C; background-color: #F2F2F2; padding: 5px 5px 1px 3px; margin-bottom: 3px; border: 1px solid #dddddd; display: block; } 

a#left_navi:hover { background-color: #FFFFFF; } */

td#artikel_suche_buttons a {  border: 1px solid #ffffff; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; padding: 5px 4px 5px 4px; margin-right: 15px; }

td#artikel_suche_buttons a:hover { border: 1px solid #C0C0C0; }



/* Der bereich für das Menü Listen und Details */

/* .div_top_menue { margin-bottom: 10px; padding: 10px 0px 4px 2px; border: 0px solid #dddddd; margin-top: -4px; } */


a.menue { padding: 5px 5px 5px 5px; color: #2C2C2C; background-color: #F2F2F2; border: 1px solid #A3A3A3; margin-bottom: 3px; margin-right: 10px; opacity: .9; filter: Alpha(Opacity=30); border-radius: 4px; }

a:hover.menue { background-color: #ffffff; }

#img_menue_buttons, .img_menue_buttons { padding: 3px 0px 4px 3px; color: #2C2C2C; background-color: #F2F2F2; border: 1px solid #A3A3A3; margin-bottom: 3px; margin-right: 5px; opacity: .9; filter: Alpha(Opacity=30); border-radius: 4px; }
#img_menue_buttons:hover, .img_menue_buttons:hover { background-color: #ffffff; }



	div.newboxes { display: none; position: absolute; z-index: 1; background-color: #ffffff; padding: 5px; border-left: 6px solid #888888; border-bottom: 5px solid #ACACAC; border-right: 6px solid #888888; margin-left: 0px; margin-top: 10px; min-width: 200px;	line-height: 22px; }

	div.newboxes a { display: block; color: #000000; border: 1px solid #ffffff; padding: 1px 5px 1px 5px; margin-bottom: 5px; } 

	div.newboxes a:hover { color: #FF0000; border: 1px solid #C0C0C0; } 

	div.newboxes a img {  padding-left: 3px; }



.div_top_menue { margin-bottom: 15px; margin-top: -3px; padding: 10px 0px 10px 2px; border: 0px solid #dddddd; box-shadow: 2px 4px 10px #C0C0C0;  

	background: -webkit-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* Standard syntax */
	}

div.kalender_navi_div { margin-top: -4px; }

div.kalender_navi_div #datum_senden { margin-left: -10px; }


div.kalender_navi_div input { margin-left: -5px; margin-right: 10px; height: 20px;  margin-bottom: 3px; width: 80px; text-align: center; }


div.suche_navi_div { margin-top: -4px;  margin-right: 5px; }

div.suche_navi_div input { width: 120px; text-align: left; }






/* Tabellen ansicht der Listen */

div.info_div_listen { padding: 5px 5px 2px 5px; margin-bottom: 5px; border: 1px solid #FFFF66; border-left: 2px solid #FFFF66; border-bottom: 2px solid #FFFF66; }

table#abfrage_liste { border-spacing: 0px; width: 100%; margin-bottom: 5px; } 

table#abfrage_liste tr td { vertical-align: top; } 

tr#tr_liste_ueberschrift td div { line-height: 22px; background-color: #F5F5F5; margin: -2px; margin-bottom: 5px; padding: 2px 2px 0px 3px; border-bottom: 1px #dddddd solid; border-top: 1px #dddddd solid; font-weight: bold; }

table#abfrage_liste td span#span_sort { width: 20px; display: inline-block; }

table#abfrage_liste td a#span_sort { text-decoration: none; }

div#anfang { border-left: 1px solid #dddddd; }

div#ende { border-right: 1px solid #dddddd; }


div.trenner_navi_left { border-top: solid #dddddd 1px; height: 1px; width: 100%; margin-top: 10px; margin-bottom: 10px; }

table#abfrage_liste .trenner_datum td { border-bottom: 1px dotted #000000; padding-bottom: 5px; line-height: 1px; }

table tr.tr_liste td, table tr#tr_liste td  { padding: 2px 1px 2px 1px; line-height: 20px; vertical-align: top;  border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }


table.details { border-spacing: 0px; padding: 5px; border: 1px #C0C0C0 solid; border-radius: 3px; }

table.details tr.details_ueberschrift td { padding: 0px; }

tr.details_ueberschrift td div { color: #3E3E3E; font-size: 9.0pt; font-weight: bold; letter-spacing: 0.05em; margin-top: -2px; margin-right: -4px; margin-bottom: 7px; margin-left: -4px; padding: 0px 0px 4px 5px; border-bottom: 1px #DDDDDD solid; line-height: 22px; text-align: center;  }

tr.details_ueberschrift td div {

	background: -webkit-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #FFFFFF 75%, #EFEFEF 90%); /* Standard syntax */
	}

table.details tr td { padding: 0px 2px 0px 2px; line-height: 26px; vertical-align: top; }

table.details tr.edit td { padding: 3px 2px 5px 2px; vertical-align: top; }

table.table_erinnerung { width: 98%; } 

table.table_erinnerung tr.ueberschrift td div { font-weight: bold; padding: 2px; background-color: #F5F5F5; margin-top: 10px; color: #000000; } 


.background1 { background-color: #ffffff; cursor: pointer; }     

.background2 { background-color: #F2F5FA; cursor: pointer; }

tr.tr_liste:hover, tr#tr_liste:hover, tr.tr_hover:hover, div.div_hover:hover { background-color: #FFFF00; cursor: pointer; }


/* DIVs loader */
#loaderDiv { /* fuer suche.js */
	
	display: none; border: 0px solid #000000; width: 100%; text-align: center; padding-top: 15px; padding-bottom: 0px; 
	
	background-image: url("../Style/Icons/loadingAnimation.gif"); background-repeat: no-repeat; background-position: top; 
	}

div#loaderDiv_index { position: absolute; z-index: 1; margin-left: auto; margin-right: auto; left: 0; right: 0; margin-top: -30px; }


.loaderDiv_drucker { 
	border: 0px solid #000000;	width: 100%; text-align: center; padding-top: 15px; 
	background-image: url("../Style/Icons/loadingAnimation.gif"); background-repeat: no-repeat; background-position: top; 
	}

.loaderDiv_spin128 { height: 130px; padding: 0px 130px 0px 130px; background-image: url("../Style/Icons/spin128.gif"); background-repeat: no-repeat; background-position: top; }



/* Diese sind für <span></span> */
.loaderDiv_kreis { padding: 0px 10px 0px 10px; background-image: url("../Style/Icons/loading_kreis.gif"); background-repeat: no-repeat; background-position: top; }

.loaderDiv_balken { padding: 0px 100px 0px 100px; background-image: url("../Style/Icons/loadingAnimation.gif"); background-repeat: no-repeat; background-position: top; }


.loaderDiv_spin64 { height: 130px; padding: 0px 65px 0px 65px; background-image: url("../Style/Icons/spin64.gif"); background-repeat: no-repeat; background-position: top; }


.loader_spinner_kreis_css {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin_kreis 2s linear infinite; /* Safari */
	animation: spin_kreis 2s linear infinite;
	}

/* Safari */
@-webkit-keyframes spin_kreis {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
	}

@keyframes spin_kreis {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}



.loader_spinner_kreis_klein {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 10px solid #E2E2E2;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	width: 30px;
	height: 30px;
	-webkit-animation: spin_kreis_klein 1.5s linear infinite; /* Safari */
	animation: spin_kreis_klein 1.5s linear infinite;
	}

/* Safari */
@-webkit-keyframes spin_kreis_klein { 
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
	}

@keyframes spin_kreis_klein {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}



form.form_filter div.kategorie { float: left; border: 1px solid #808080; border-radius: 2px; margin-right: 10px; padding: 5px 0px 5px 0px; }

form.form_filter div.kategorie_header { text-align: center; min-width: 150px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #C0C0C0; }

form.form_filter label { background-color: #FFFFFF; padding: 2px 25px 2px 2px; margin-right: 5px; display: block; }

form.form_filter label:hover { background-color: #FFFF00; } 

input.filter_checkbox { margin-top: -1px; margin-bottom: 0px; margin-right: 5px; }

span#div_bottom_filter_an_aus { cursor: pointer; text-align: center; border: 1px solid #C0C0C0; border-radius: 2px; padding: 5px 15px 5px 15px; color: green; }

span#div_bottom_filter_an_aus:hover { background-color: #FFFF00; }

div.div_overflow { overflow: auto; height: 100px; min-width: 150px; white-space: nowrap; } 

a.label_an_aus { margin-right: 15px; padding: 5px 10px 5px 2px; text-decoration: underline; }

a.label_an_aus:hover { background-color: #FFFF00; }

a.label_an_aus span { margin-right: -3px;margin-bottom: 1px; }


/* DIVs */

div#div_inhalt_erinnerung { display: none; position: absolute; z-index: 1; background-color: #ffffff; padding: 5px; border: 4px solid #A0A0A0; margin-left: -5px; }

div#div_inhalt_erinnerung { margin-left: auto; margin-right: auto; left: 0; right: 0; width: 600px; min-height: 200px; line-height: 22px; } /* Style für die Box */

div#div_inhalt_erinnerung { margin-top: -10px; }


/* div#div_userbox_inhalt { display: none; position: absolute; z-index: 1; right: 0px; margin-top: 30px; width: auto; background-color: #ffffff; padding: 5px; border: 2px solid #dddddd; line-height: 18px; } */


div#edit_adresse_div { display: none; position: absolute; z-index: 1; margin-left: -5px; margin-top: -5px; background-color: #ffffff; padding: 5px; border: 2px solid #A0A0A0; width: 100%;  box-shadow: 1px 1px 10px 0px #66FF00; min-height: 200px; line-height: 22px; }


div#box_listen, div#edit_info_box_auswahl { display: none; position: absolute; z-index: 1; background-color: #ffffff; padding: 5px; border: 4px solid #A0A0A0; margin-left: -5px; }
div#box_listen, div#edit_info_box_auswahl { min-width: 1000px; min-height: 400px; line-height: 22px; } /* Style für die Box */


div#box_mail_senden { display: none; position: absolute; z-index: 1; background-color: #ffffff; padding: 5px; box-shadow: 0px 0px 15px 10px #AAAAAA; border: 0px solid #0033CC; }
div#box_mail_senden { margin-left: 100px; width: 750px; min-height: 200px; line-height: 22px; } /* Style für die Box */


div#box_normale { display: none; position: absolute; z-index: 1; background-color: #ffffff; padding: 5px; box-shadow: 0px 0px 10px 5px #828282; border: 2px solid dddddd; }





/* ****************** Alles ueber 1280px ********************* */

@media screen and (min-width: 1280px) {

	div.hauptcontainer { border: 4px solid #dddddd; width: 1250px; margin: 0 auto; padding: 5px; background-color: #ffffff; }

	div.con_left { float: left; width: 180px; min-height: 100px; margin-right: 40px; margin-left: 10px; margin-top: -2px; }

	div.con_mitte { float: left; width: 1010px; border: 0px solid #dcdcdc; padding-top: 0px; }

	}



/* ****************** 300 bis 1280px ********************* */

@media screen and (min-width: 300px) and (max-width: 1280px) {

	div.hauptcontainer { border: 4px solid #dddddd; width: 1220px; margin: 0 auto; padding: 5px; background-color: #ffffff; }

	div.con_left { float: left; width: 180px; min-height: 100px; margin-right: 10px; margin-top: -2px; }

	div.con_mitte { float: left; width: 1010px; border: 0px solid #dcdcdc; padding-top: 0px; }

	}



@media screen and (min-width: 1500px) {

	/* body { font-size: 14px; } */

	div.hauptcontainer { border: 4px solid #dddddd; width: 1400px; margin: 0 auto; padding: 5px; background-color: #ffffff; }

	div.con_left { float: left; width: 15%; min-height: 100px; margin-right: 25px; margin-top: -2px; }

	div.con_mitte { float: left; width: 81%; border: 0px solid #dcdcdc; padding-top: 0px; }

	input[type="text"], div.kalender_navi_div input { height: 24px; } 

	}





@media screen and (min-width: 1005px) {

	div#box_normale { left: 50%; margin-left: -360px; min-width: 720px; min-height: 200px; line-height: 22px; } /* Style für die Box */

	div.top_menue { display: none; }

	div.con_left { display: block; }

	}








/* ****************** Alles unter 1000px ********************* */
@media screen and (max-width: 1000px) {

	div.hauptcontainer { width: 1020px; }

	div#box_normale { left: 50%;  width: 90%; min-width: 720px; min-height: 200px; line-height: 22px; transform: translate(-50%, 10px);  } /* Style für die Box */ 

	div.con_left { 
	
		float: left; position: absolute; z-index: 1; padding: 10px; border: 1px solid #808080; box-shadow: 0px 0px 15px 10px #AAAAAA; border-radius: 3px; 
	
		background-color: #FFFFFF; width: 94%; min-height: 20px; margin-top: -15px; display: none; 
		
		}

	div#mein_kalender_div, div.trenner_navi_left { display: none; }

	div.con_left a#con_left_navi { 

		background: -webkit-linear-gradient( #C0C0C0 0% , #FFFFFF 50% ); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(to bottom, #C0C0C0 0%, #FFFFFF 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(to bottom, #C0C0C0 0%, #FFFFFF 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom, #C0C0C0 0%, #FFFFFF 50%); /* Standard syntax */ 
	
		margin: 5px; padding: 5px; min-width: 170px; float: left; border-radius: 8px; font-size: 12px; 
		
		}

	div.con_left a#con_left_navi:hover { background: linear-gradient(to bottom, green 0%, #FFFFFF 50%); /* Standard syntax */  }

	

	div.top_menue { font-size: 11pt; padding: 2px 7px 4px 7px; line-height: 26px; cursor: pointer; }
	
	div#mein_kalender_div { display: none; }

	div.top_logo { display: none; }
	
	}







	

div#div_ups_inhalt { display: none; position: absolute; z-index: 1; min-width: 750px; min-height: 350px;  margin-left: 0px; margin-top: 0px; background-color: #ffffff; padding: 5px; border: 4px solid #804000; line-height: 18px; }

div.kleines_storno_fenster { display: none; position: absolute; background-color: #ffffff; padding: 5px; border: 2px solid #909090; margin-top: 25px; min-width: 200px; max-width: 500px; line-height: 18px; }

div.navi_kleines_storno_fenster { border-bottom: 1px solid #dddddd; padding: 5px 0px 8px 0px; text-align: right; }

table.navi_infofenster { width: 100%; border-bottom: 1px solid #dddddd; padding-bottom: 5px; border-spacing: 0px; line-height: 24px; }

/* table.navi_infofenster #spanid { margin-right: -2px; } */



	table.kopf_angaben td { padding-bottom: 3px; }

	table.bestellung_fuss { margin-left: 0px; margin-top: -20px; width: 100%; } 

	table.bestellung_fuss td { padding-top: 3px; } 

	table.bestellung_fuss div.user { padding-top: 10px; border-top: 1px solid #8F8F8F; margin-top: 10px; }

	table.bestellung_fuss tr.art_zahlung td { padding-top: 5px; font-weight: bold; }
	

	table.adressfeld { width: 100%; margin-bottom: 10px; z-index: 2; border: 1px solid #dddddd; border-radius: 4px; }

	table td.adressfeld { vertical-align: top;  padding: 0px; line-height: 18px; }

	
	table.adressfeld table.table_rechts { float: right; text-align: left; border: 0px solid #000000; min-width: 220px; }

	table.table_rechts td { padding-right: 10px; line-height: 22px;  }






	tr.betreff td { padding: 10px 0px 0px 0px; font-weight: bold; }

	tr.betreff td input { font-weight: bold; }

	tr.Zahlungsart td, tr.Bestellart td, tr.Betreffart td, tr.Lieferzeitsart td { font-weight: normal; }

	div.ueberschrift { background-color: #ffffff; color: #616161; margin-bottom: 5px; margin-bottom: 5px; line-height: 22px; padding: 1px 2px 1px 3px;  border-bottom: 1px #dddddd solid;  border-top: 0px #dddddd solid; font-weight: bold; }

	div.adressdaten { padding: 5px; line-height: 18px; }

	table#edit, table#edit_adressen { border: 0px solid #dddddd;  border-right: 2px solid #dddddd; border-bottom: 2px solid #dddddd; padding: 5px; }

	/* table#edit_adressen { height: 250px; } */

	table#edit div.ueberschrift { border-bottom: 1px solid #dddddd; }

	table#edit select {  height: 26px; }









/* Blaettern */ 
table.blattern { border-spacing: 0px; width: 100%; border: 1px solid #dddddd; margin-bottom: 5px; background-color: #FDFDFD; color: #6C6C6C; }

table.blattern td { line-height: 18px; padding: 2px;}

a.ganz_zurueck { padding: 0px 16px 0px 0px; background-image: url("../Style/Icons/backward.png"); background-position: 0px; background-repeat: no-repeat; }

a.eins_zurueck { padding: 0px 20px 0px 0px; background-image: url("../Style/Icons/zurueck.png"); background-position: 0px;	background-repeat: no-repeat; }

a.eins_vor { padding: 0px 0px 0px 16px;	background-image: url("../Style/Icons/vor.png"); background-position: 0px; background-repeat: no-repeat; }

a.ganz_vor { padding: 0px 16px 0px 0px;	background-image: url("../Style/Icons/foward.png"); background-position: 0px; background-repeat: no-repeat; }



/* textfelder und inputs */

input:focus { -webkit-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1); -moz-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1); box-shadow: 1px 1px 10px 1px rgba(150,150,150,1); outline: 0; }



#form_login_senden input[type="text"], #form_login_senden input[type="password"] { border: 1px solid #ADADAD; border-radius: 2px; height: 20px; padding-left: 4px; }

#form_login_senden input[type="text"]:focus, #form_login_senden input[type="password"]:focus { 
		
		-webkit-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
		-moz-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
		box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
		
		}


button.button_senden { border-radius: 4px;

	background-color: #F0F0F0; line-height: 22px; border: 1px solid #C0C0C0; border-bottom: 1px solid #808080; border-right: 1px solid #808080; padding: 2px 10px 2px 5px; font-family: Verdana; font-size: 9pt; color: #000000; 
	
	}

button.button_senden:hover { cursor: pointer; background-color: #66FF00; }


textarea { border: 1px solid #BFBFBF; min-height: 40px; }
textarea:focus { -webkit-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	-moz-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	outline: 0; border: 1px solid #808080; }

input { font-family: "Verdana";	font-weight: normal; font-size: 11.5px;	color: #303030;	height: 22px; padding: 0px 2px 0px 2px;	border: 1px solid #BFBFBF; vertical-align: middle; }

input.suche { margin-top: -1px; padding-left: 22px; text-align: center; background-image: url("../Style/Icons/suche2.png"); background-position: 3px; background-repeat: no-repeat; background-color: #ffffff; }

input.suche:focus, #edit_adressfeld input:focus, #update_adresse input:focus, #form_senden input:focus, #system_steuerung input:focus, #updates input:focus, #ups_senden input:focus, #dpd_senden input:focus, #artikelupdate input:focus, #update_viele input:focus { 

	-webkit-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	-moz-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	box-shadow: 1px 0px 3px 1px rgba(150,150,150,1);
	 outline: 0;
	}


form#update_adresse_auftrag input:focus, form#update_adresse_bestellung input:focus, .buchung_senden input:focus  { 

	-webkit-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	-moz-box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	box-shadow: 1px 1px 10px 1px rgba(150,150,150,1);
	 outline: 0;
	 background-color: #FFFFDD; 
	 border: 1px solid #FFFFFF;
	 }


#artikelupdate input, #update_viele input { height: 24px; }

#artikelupdate textarea { padding: 5px; }


/* input.senden { height: 24px; border: 1px solid #A6A6A6;  padding: 0px 10px 0px 10px; cursor: pointer; } */


.switch { position: relative; display: inline-block; width: 46px; height: 20px; } /* The switch - the box around the slider */

label.switch { margin-right: 5px; }

.switch input { display: none; } /* Hide default HTML checkbox */

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } /* The slider */

.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #33CC00; }

input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before { 
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	}

.slider.round { border-radius: 17px; } /* Rounded sliders */

.slider.round:before { border-radius: 50%; } 

input.senden:hover { background-color: #ffffff; cursor: pointer; }

input.radio { margin-top: 0px; margin-bottom: 1px; height: 20px; padding-top: 5px; vertical-align: middle; }

input.checkbox { margin-top: -1px; }

/* select, select.option { color: #303030; font-family: Verdana; font-size: 10pt; } */



.fileUpload input.upload_bild, .fileUpload input.upload_downloads, .fileUpload input.upload_datei {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	}

input.upload_bild_buttom_user { position: absolute;	top: 0;	right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }





/* remove standard-styles */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-family: Verdana; 
	font-size: 10pt;
	width: 100%
	} 


/* styling */
select {
	width:100%;
	height: 26px;
	border: 1px solid #bbb;
	font-family: Verdana; font-size: 11.5px;
	padding: 2px 30px 2px 1px;
	box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
	background-color:white;
	background-image:url('../Style/Icons/pfeil_select2.png');
	background-position: 99% 50%;
	background-repeat: no-repeat;
	}

select:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); }

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand { display:none; }

.lt-ie10 select { background-image: none; }



input.senden { 
	line-height: 24px; 
	height: 28px;
	padding: 1px 30px 2px 6px; 
	border: 1px solid #A6A6A6; border-radius: 4px; 
	font-family: Verdana;
	background-color: #FFFF91;
	background-image:url('../Style/Icons/Download_16x16.png');
	background-position: 94% 50%;
	background-repeat: no-repeat; 
	
	}

input.senden:hover { background-color: #33FF00; cursor: pointer; }




div.footer { width: 100%; bottom: 0px; padding: 15px 0px 0px 0px; margin-top: 10px;	margin-bottom: 10px; border-top: 1px solid #D4D4D4;	text-align: center;	color: #5B5B5B;	font-size: 8pt; }

div.footer a { color: #5B5B5B; }












/* **************** Kalender ***************** */
div.main_kalender { border: 2px solid #dddddd; border-radius: 4px; padding: 1px; }

table.main_kalender_top { height: 24px; width: 100%; background-color: #EEEEEE; color: #4F4F4F; font-size: 9pt; border-bottom: 1px dotted #9F9F9F; } /* Für Jahr und Monat evt auch blättern */

table.main_kalender_top td { vertical-align: top; padding-top: 3px; }

table.main_kalender_top img { padding: 0px; } 

table.main_kalender {  width: 100%; margin-top: 1px; font-size: 7.5pt; font-family: Verdana; text-align: center; }

table.main_kalender tr.kalender_ueberschrift td { font-weight: bold; text-align: center; padding-top: 5px; padding-bottom: 5px; }

.main_kalender tr.kalender_felder td { height: 16px; border: 1px solid #ffffff; text-align: center; }

.main_kalender tr.kalender_felder td:hover { background-color: #FFFF00; border: 1px solid #dddddd; cursor: pointer; color: #000000; }

.main_kalender tr.kalender_felder td.leere_felder { text-align: center; color: #dddddd; }

.main_kalender tr.kalender_felder td.leere_felder:hover { color: #ffffff; background-color: #C4C4C4; border: 1px solid #FFFF00; }


table.main_kalender td.heutiger_tag  { background-color: #FF0000; border: 1px solid #dddddd; color: #FFFFFF; }

td.tagcolor1, td.tagcolor2, td.tagcolor3, td.tagcolor4, td.tagcolor5 { color: #4F4F4F; } 

td.tagcolor6 { color: #0000cc; }  

td.tagcolor7 { color: #cc0000; } 

.kwshover { background-color: #FFFF00; } 

#mein_kalender_clock {  color: #4F4F4F;  border-bottom: 1px dotted #9F9F9F; padding-top: 5px; text-align: center; }

.ansicht_uhrzeit { letter-spacing: 0.1em; padding: 4px 2px 2px 2px; text-align: center; font-size: 8pt; background-color: #EEEEEE; height: 16px; margin: -2px; margin-top: 6px; border-top: 1px dotted #9F9F9F;  }

div.main_kalender_jahr { border: 2px solid #dddddd; border-radius: 4px; padding: 1px; width: 180px; float: left; margin-right: 10px; margin-bottom: 10px; } /* für 12 Monats ansicht */ 





/* Terminplaner Wochenansicht */


div.con_termine { margin-right: 5px; margin-bottom: 5px; padding-top: 0px; width: 13.3%; min-height: 20px; line-height: 16px; border: 1px solid #AEAEAE; padding-left: 2px; }

div.ueberschrift_wochentage { background: url(../Style/button_bg.png) repeat-x left top; font-size: 9.0pt; width: 13.3%; margin: 0px 5px 10px 0px; padding: 5px 0px 5px 2px; text-align: center;  border: 1px solid #D7D7D7; }


div.vorhandene_eintrage a { background-color: #FFFF99; padding: 5px 1px 5px 1px;  margin-top: 5px; margin-left: -2px; border-top: 1px solid #FFCC00; }

div.schulferien { margin-right: 5px; width: 13.3%; border: 1px dotted #828282; padding: 3px 0px 2px 2px; min-height: 16px; margin-bottom: 3px; color: #8D95F5; font-size: 9pt; text-align: center; }

div.feiertage { margin-right: 5px; width: 13.3%; border: 1px dotted #828282; padding: 3px 0px 2px 2px; min-height: 16px; margin-bottom: 3px; color: #FF0000; font-size: 9pt; text-align: center; }

div.fehltage { margin-right: 5px; width: 13.3%; border: 1px dotted #828282; padding: 3px 0px 2px 2px; min-height: 16px; margin-bottom: 3px; font-size: 9pt; text-align: center; }

a:hover.edit_eintrag, div.ueberschrift_wochentage:hover, div.con_termine a#edit_und_update:hover { background-color: #FFFF00; cursor: pointer; }





/* Terminplaner Monat bzw. Montageplanung oder Auftragsplanung */ 

div.ueberschrift_wochentage_monate { 
	
	background: url(../Style/button_bg.png) repeat-x left top;
	
	text-align: center; font-size: 10.5pt; border: 1px solid #D7D7D7; padding: 3px 0px 4px 0px; margin-right: 5px; margin-bottom: 5px; width: 13.0%; min-height: 16px; line-height: 16px; 
	}



div.kw_monat, div.kw_monat_drucken { 
	text-align: center;
	min-height: 16px;
	float: left; 
	color: #868686;
	
	
}


div.kw_monat_drucken { padding: 5px; margin: 0px 5px 5px 0px; border: 1px dotted #ffffff; } 

div.kw_monat { background: url(../Style/button_bg.png) repeat-x left top; padding: 3px 5px 3px 5px; ; margin: 0px 5px 5px 0px; border: 1px solid #D7D7D7; } 


div.tage_monate { 
	text-align: left;
	width: 129px;
	float: left; 
	border: 1px solid #C8C8C8; 
	border-bottom: 2px solid #dddddd; 
	border-right: 2px solid #dddddd;
	padding: 0px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	min-height: 60px;
	
}


div.tage_monate a.inhalt { 
	display: block; 
	color: #525252;
	min-height: 16px;
	border-bottom: 1px solid #ffffff; background-color: #FCFDCC; 
	padding: 3px 0px 2px 22px;
	background-image: url('../Style/Icons/mini-archive.gif');
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

div.tage_monate a:hover.inhalt { background-color: #FFFF00; }



div.monat_schulferien, div.monat_feiertag  {padding: 3px 0px 2px 3px; margin-top: 1px; margin-bottom: 3px; text-align: center; }

div.monat_schulferien { color: #8D95F5; background-color: #E8E8E8; }

div.monat_feiertag { color: #FF0000; background-color: #E8E8E8; }


/* Wenn Termine vorhanden sind */
div.tage_monate_uhrzeit {  background-color: #FCFDCC; text-align: center; font-size: 8.5pt; padding: 3px 0px 3px 0px; margin-bottom: 3px; margin-left: -2px; } /* Überschrift Uhrzeit bei eintrag */

div.tage_monate_eintrage a { display: block; background-color: #ffffff; color: #4E4E4E; padding: 0px 1px 5px 2px; margin: 5px 0px 3px 0px; border-top: 2px solid #FFCC00; }

div.tage_monate_eintrage a:hover { background-color: #FFFF00; }




/* Jahresansicht */

div.tagcon, div.tagcontop, div.tagcon_leer, div.monatcon  { 
	min-width: 24px;
	width: 2.65%; 
	min-height: 24px;
	line-height: 24px;
	float: left; 
	/* padding-top: 6px; */
	text-align: center; 
	margin-left: 2px;

	}

/*
div.tagcon, div.tagcontop, div.tagcon_leer, div.monatcon  { 
	width: 24px; 
	height: 20px;
	float: left; 
	padding-top: 6px;
	text-align: center; 
	margin-left: 2px;
	}
*/



div.tagcon, div.tagcontop, div.tagcon_leer  { border: 1px solid #CFCFCF; }

div.monatcon { border: 0px dotted #000000; }


.Feiertag { background-color: #CCFF99; color: #000000; }

.Schulferien { background-color: #B8C0FA; color: #3C3C3C; }

.Krank1, .Krank { background-color: #FFFF00; color: #000000; }

.Krank5 { background-color: #FFFFAA; color: #000000; }

.Urlaub1, .Urlaub { background-color: #00FF00; color: #4F4F4F; }

.Urlaub5 { background-color: #C4FFC4; color: #727272; }

.Freigestellt1, .Freigestellt { background-color: #FF8000; color: #000000; }

.Freigestellt5 { background-color: #FFDFBF; color: #727272; }	

.Sonderurlaub1, .Sonderurlaub { background-color: #0000FF; color: #ffffff; }
	
.Sonderurlaub5 { background-color: #CCCCFF; color: #494949; }

.Resturlaub1, .Resturlaub { background-color: #FF0000; color: #ffffff; }

.Resturlaub5 { background-color: #FFC1C1; color: #4A4A4A; }

.neutral { background-color: #ffffff; color: #FF0000; }