body {
	font-size: 12px;
	font-family: "Verdana",Times,sans-serif;
	font-weight: normal; 
	color: #484848;
	height: 100%;
	/* background-color: #909090; */
	background: -webkit-linear-gradient( #909090 0% , #FFFFFF 50% ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom, #909090 0%, #FFFFFF 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom, #909090 0%, #FFFFFF 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #909090 0%, #FFFFFF 50%); /* Standard syntax */
	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; }

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

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

a:hover, a:visited:hover { color: #FF0000; }
	
a:visited img, a:visited   { color: #626262; }

.clearfloat { clear: both; }

p { margin: 1px; } 

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

ul { margin: 0px; }

li { line-height: 20px; }

label { cursor: pointer; vertical-align: middle; }










/* Links */

div.kopf a, a.nach_oben { padding: 4px 1px 4px 5px; background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: 0.9; border-radius: 4px; }

div.kopf a:hover, a.nach_oben:hover { border: 1px solid #A3A3A3; background-color: #FFFFFF; }


div.top_menue_index_kalender a { padding: 4px 1px 4px 5px; background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: 0.9; border-radius: 4px; }

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


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

/* table.navi_infofenster a { background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: 0.9; border-radius: 4px; } */


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.menue a, a.menue_buttons_neu { padding: 4px 5px 4px 5px; background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: 0.9; border-radius: 4px; margin-right: 10px;  }

div.top_menue_index div.newboxes a { padding: 4px 5px 4px 5px; background-color: #FFFFFF; border: 0px solid #A3A3A3; margin-bottom: 2px; }



div.top_menue_index, div.top_menue_index_kalender, div#ansicht_google { 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 a.menue_buttons { padding: 4px 5px 4px 5px; color: #2C2C2C; background-color: #F2F2F2;	border: 1px solid #A3A3A3; margin-bottom: 3px; margin-right: 10px; opacity: 0.9; border-radius: 4px; }

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


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

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

#img_menue_icons, div.kalender_navi_div a { 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; }

/* Links in der Newsbox die auf und zu geht */

	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-right: 5px; } 

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

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


a#img_kopf_navi { padding: 5px 2px 5px 6px; background-color: #F2F2F2; border: 1px solid #A3A3A3; opacity: 0.9; border-radius: 4px; }

a:hover#img_kopf_navi { background-color: #FFFF91; }



/* Tabellen bearbeitung Adressen Dokumente */

form#update_adresse a.auswahl { color: #000000; border-bottom: 1px solid #008000; padding-bottom: 2px; text-decoration: none; }

div#edit_adresse_div_neu { 
	display: none; position: absolute; z-index: 1; margin-left: 0px; margin-top: 5px; background-color: #ffffff; padding: 10px; 
	border: 2px solid #9E9E9E; box-shadow: 0px 0px 15px 10px #9E9E9E; width: 990px; min-height: 200px; line-height: 22px;
	}

div#edit_adresse_div_neu td.td1 { width: 120px; }
div#edit_adresse_div_neu td.td2 { width: 120px; }
div#edit_adresse_div_neu input.input_plz { width: 70px; text-align: center; }
div#edit_adresse_div_neu input.input_ort { width: 96.5%; text-align: left; }
div#edit_adresse_div_neu select.select_anrede { padding-right: 30px; height: 24px; }



div#edit_adresse_div_neu table.felder_rechnugsadresse { width: 50%; float: left; margin-right: 0px; padding: 5px 10px 5px 5px; border-right: 2px solid #dddddd; } 

div#edit_adresse_div_neu table.felder_lieferadresse { width: 50%; float: right; padding: 5px 10px 5px 5px; }

div#edit_adresse_div_neu table.felder_rechnugsadresse div.inputs_ueberschrift { border-bottom: 1px solid #C0C0C0; padding-bottom: 2px; margin-bottom: 8px; text-align: center; font-weight: bold; color: #808080; }

div#edit_adresse_div_neu table.felder_lieferadresse div.inputs_ueberschrift { border-bottom: 1px solid #C0C0C0; padding-bottom: 2px; margin-bottom: 8px; text-align: center; font-weight: bold; color: #808080; }

div#edit_adresse_div_neu textarea { font-size: 12px; font-family: "Verdana",Times,sans-serif; padding-left: 5px; line-height: 16px; height: 16px; border-radius: 2px; width: 93%; resize: none; }

table.betreff_plus_zusatz textarea { font-size: 12px; font-family: "Verdana",Times,sans-serif; }

div#edit_adresse_div_neu textarea:focus, table.betreff_plus_zusatz 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 #FFFFFF;

	}

/* Ende Tabellen bearbeitung Adressen Dokumente */




/* Tabellen */

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, div.details_ueberschrift { 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, div.details_ueberschrift {

	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.details td { padding: 0px 3px 0px 3px ; line-height: 24px;  } */



table tr.tr_liste:hover { background-color: #FFFF00; cursor: pointer; }     

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


.background1 { background-color: #ffffff; }     

.background2 { background-color: #F2F5FA; }


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

td#artikel_suche_buttons a:hover { background-color: #FFFF00; }


div.info_div_listen { line-height: 24px; border: 1px solid #FFFF00; padding: 0px 5px 0px 5px; margin-bottom: 10px; }


.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: ''; }



/* DIV Boxen */

div#fenster_wecker { position: absolute; z-index: 2; display: none; margin-top: 20px;  background-color: #ffffff; padding: 5px; border: 1px solid #808080; box-shadow: 0px 0px 15px 10px #AAAAAA; border-radius: 3px; margin-left: -5px; min-width: 400px; margin-left: -100px; }

div#div_inhalt_erinnerung { display: none; position: absolute; z-index: 1000; background-color: #ffffff; padding: 5px; border: 1px solid #808080; box-shadow: 0px 0px 15px 10px #AAAAAA; border-radius: 3px; margin-left: -5px; }

div#div_inhalt_erinnerung { left: 50%; margin-left: -300px; width: 600px; min-height: 200px; line-height: 22px; margin-top: -10px; } /* Style für die Box */



div#edit_adresse_div { display: none; position: absolute; z-index: 1; margin-left: -5px; margin-top: -5px; background-color: #ffffff; padding: 5px; border: 4px solid #A0A0A0; width: 1000px; min-height: 200px; line-height: 22px;	}

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


div#box_listen { display: none; position: absolute; z-index: 1; background-color: #ffffff; padding: 5px; box-shadow: 0px 0px 15px 10px #AAAAAA; border: 1px solid #808080; margin-left: 0px; }

div#box_listen { width: 1000px; min-height: 300px; 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: 0px; min-width: 1000px; width: auto; min-height: 200px; line-height: 22px; } /* Style für die Box */


div#box_normale { display: none; position: absolute; z-index: 2; background-color: #ffffff; padding: 5px; box-shadow: 0px 0px 10px 5px #828282; border: 2px solid dddddd; }
div#box_normale {  left: 50%; margin-left: -350px; min-width: 700px; min-height: 200px; line-height: 22px; } /* Style für die Box */
	
div#box_normale2 { display: none; position: absolute; z-index: 2; background-color: #ffffff; padding: 5px; box-shadow: 0px 0px 10px 5px #828282; border: 2px solid dddddd; }
div#box_normale2 { left: 50%; margin-left: -390px; min-width: 700px; min-height: 100px; line-height: 22px; } /* Style für die Box */


div#div_ups_inhalt { display: none; position: absolute; z-index: 1; min-width: 750px; margin-left: 0px; margin-top: 0px; min-height: 300px; 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 #dddddd; 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.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;  }

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

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

	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 { border: 0px solid #dddddd;  border-right: 2px solid #dddddd; border-bottom: 2px solid #dddddd; padding: 5px; }

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

	/* table#edit select { padding: 2px 4px; height: 22px; } */




/* Adressbuch optionen fuer die Bilder */

div.bueroklammer_bild { text-align: right; margin-bottom: -8px; margin-right: -5px; position: relative; z-index: 0; } 

.div_hauptcontainer_bild { position: absolute; min-width: 110px; right: 1px; margin-top: 16px; text-align: center; padding: 2px 2px 2px 2px; border: 0px solid #dddddd; line-height: 18px; }

.div_option_bottom { display: none; border: 0px solid #dddddd; width: 100%; text-align: center; }
	
button.button_normal { background-color: #FFFFFF; border: 1px solid #C0C0C0; border-radius: 2px; padding: 4px; font-family: Verdana; font-size: 9.5pt; }

button.button_senden_bild { background-color: #FFFFFF; width: 100px; border: 1px solid #C0C0C0; border-radius: 2px; padding: 2px; margin-top: 5px; font-family: Verdana; font-size: 8.5pt; }

button.button_senden_bild:hover, button.button_senden_pause:hover, button.button_normal:hover { cursor: pointer; background-color: #FFFF00; border: 1px solid #808080; }

button.button_senden_bild:active, button.button_senden_pause:active { border: 1px solid #FFFFFF; }

/* Ende Adressbuch optionen fuer die Bilder */










/* 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; 

	}



/* 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 { height: 20px; padding: 0px 105px 0px 105px; 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; }

.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); }
	}






div.css-pfeil-down { width: 0; height: 0; margin-left: auto; margin-right: auto; border-left: 35px solid transparent; border-right: 35px solid transparent;	border-top: 12px solid #B9B9B9; }





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: 180px; 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: 180px; white-space: nowrap; } 

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

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

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















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: 10px; }

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


.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.radio { margin-top: 0px; margin-bottom: 1px; height: 20px; padding-top: 5px; vertical-align: middle; } */


input[type="checkbox"] { height: 14px; margin-top: 0px; vertical-align: middle; }


table input[type="text"], table input[type="password"], div.kalender_navi_div input[type="text"], form#pause_senden input[type="text"], form#wecker_senden input[type="text"], input.text_input[type="text"] { 

	border: 1px solid #ADADAD; border-radius: 2px; height: 20px; padding-left: 4px; font-size: 10pt; font-family: verdana; 
	
	}


input.suche { padding-left: 22px; background-image: url("../Style/Icons2/Suchen.png"); background-position: 3px; background-repeat: no-repeat; background-color: #ffffff; border: 1px solid #ADADAD; border-radius: 2px; height: 20px; }

input.suche:focus { border: 1px solid #33CC00; outline: 0; } 

table.navi_infofenster input { padding-left: 22px; }


input[type="radio"] { margin-top: -1px; margin-right: 5px; height: 20px; vertical-align: middle; }

textarea { padding: 3px; border-radius: 4px; border: 1px solid #ADADAD; }

table input[type="text"]:focus, table input[type="password"]:focus, form#pause_senden input[type="text"]: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 #FFFFFF;
	}



select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	} 



select {
	width: auto;
	height: 24px;
	border: 1px solid #bbb;
	padding: 2px 10px 3px 2px; 
	font-family: "Verdana",Times,sans-serif;
	font-size: 10pt;
	width: 100%
	background-color: white;
	background-image:url('../Style/Icons2/pfeil_select2.png');
	background-position: 98% 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;
}



button.button_senden_neu { line-height: 22px; background-color: #F0F0F0; border: 1px solid #C0C0C0; padding: 2px 7px 2px 7px; margin-top: 10px; font-family: Verdana; border-radius: 2px; }

button.button_senden_neu:hover { cursor: pointer; background-color: #66CC00; color: #000000; }


select option { font-family: "Verdana",Times,sans-serif; font-size: 10pt; cursor: pointer; }

button.button_senden_pause { line-height: 22px; background-color: #F0F0F0; border: 1px solid #C0C0C0; padding: 0px 7px 0px 7px; margin-top: 10px; font-family: Verdana; border-radius: 2px; }

button.button_senden_login { background-color: #F0F0F0; width: 100%; border: 1px solid #C0C0C0; padding: 8px; margin-top: 10px; font-family: Verdana; }

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_login:hover, button.button_senden_pause:hover, button.button_senden:hover { cursor: pointer; background-color: #66CC00; color: #000000; }

button.button_senden_login:active, button.button_senden_pause:active, button.button_senden:active { border: 1px solid #FFFFFF; }


input.senden { 
	line-height: 22px; 
	padding: 3px 10px 3px 30px; 
	border: 1px solid #A6A6A6; border-radius: 4px; 
	font-family: Verdana; font-size: 9.0pt;
	background-color: #FFFFFF;
	background-image:url('../Style/Icons2/Download_16x16.png');
	background-position: 8px 50%;
	background-repeat: no-repeat; 
	
	}

input.senden:hover { background-color: #FFFF91; 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; }



/* 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; }






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

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

	div.hauptcontainer { border: 4px solid #dddddd; width: 1250px; margin: 0 auto; margin-bottom: 200px; 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; }

	.button_menue_mobile { display: none; }

	}



/* ****************** 1200 bis 1280px ********************* */

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

	div.hauptcontainer { border: 4px solid #dddddd; width: 1220px; margin-bottom: 500px; margin: 0 auto; margin-bottom: 200px; 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; }

	.button_menue_mobile { display: none; }

	}



/* ****************** 300 bis 1200px ********************* */

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

	div.hauptcontainer { border: 1px solid #dddddd; min-width: 980px; margin-right: 1px; margin-top: -6px; margin-bottom: 100px; margin-left: -6px; width: 100%; padding: 5px; background-color: #ffffff; }

	div.con_left { 
	
		float: left; position: absolute; z-index: 1; padding: 20px; border: 1px solid #808080; box-shadow: 0px 0px 15px 10px #AAAAAA; border-radius: 3px; 
	
		background-color: #FFFFFF; width: 94%; min-height: 100px; 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: 10px; padding: 10px; min-width: 190px; float: left; border-radius: 8px; font-size: 16px; 
		
		}

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



	div.con_left a#con_left_navi span#spanid { display: block; height: 20px; }

	.icon_menue_mobile {  cursor: pointer; margin-right: 10px; margin-top: 5px; float: left; border-radius: 4px; border: 1px solid #A3A3A3; padding: 10px; display: inline-block; height: 13px; width: 16px; background:url('../Style/Icons/Mobile_icon2.png') no-repeat; background-position: 50% 50%; }
	
	div.con_mitte { width: 100%; border: 0px solid #dcdcdc; padding-top: 0px; }

	}




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

		div.planer_ansicht_datum  { font-size: 14px; padding: 5px 10px 4px 10px; }
		
		div.planer_blaettern  { font-size: 14px; padding: 5px 5px 5px 5px; }

		div#icon_show_user { margin-top: 9px; }
		
		/* a#img_menue_icons { padding: 7px; } */

		table.navi_table_planer a { 
			
			padding: 10px 5px 7px 10px; margin-right: 2px; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-radius: 4px;
			
			}

	}