
body { background-color:#324a62; 
	background-image: url(/icons/wallpaper_blue.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	color: white;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 
.ontop {
	border: 2px groove silver;
	height: 5.25em;
	max-width: 70%;
	background-repeat:no-repeat;
	background-image: url(https://dl.dropbox.com/s/g2zxoibdn0exk00/header_pic.png?dl=0);
	background-size:10%;
	background-position: 1em center;
}
#menu_top { padding-top:2em; }
#head_txt { 
	font-weight:bold;
	font-size: 1.5em;
	color: white;
	margin: 0 0 0 6.5em;
	padding-top: 1em;
	text-shadow: 1px 1px 1px black;
}
#start_window {
	text-align: center;
	background-repeat:no-repeat;
	margin-top:0em;
	width:100%;
	height:55em;
	/*background-image: url(/icons/presu.png);*/
	background-image: url(https://dl.dropbox.com/s/ktntnutg4an4thb/presu_neu.png?dl=0);
	background-color:transparent;
	background-size:100%;
}
#start_txt, #vote_txt, #info_txt { max-width: 90%;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:darkblue;
	text-shadow: -1px 0 darkgray, 0 1px darkgray, 1px 0 darkgray, 0 -1px darkgray;
}
#start_txt { margin: -40em 0 0 0; }
.menu_lnk#start_menu_lnk { font-size:28px;color:darkblue; }
.menu_lnk#start_menu_lnk:hover { color:lightblue; }
/* styling */
select {
	text-align:left;
  	width:200px;
  	border: 1px solid #bbb;
  	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
  	background-color:transparent;
	padding-right:10px;
	color: white;
	cursor: pointer;
  	border: 1px solid black;
	background:url(/icons/down.png) no-repeat right center;
}
option#head {
	color:darkgray;
	background-color: gray;
}
#failed {
	padding:20px;
	font-weight:bolder;
	color:red;
	text-align:center;
}
#side_menu_right {
	width:350px;
	margin: 0 4em 0 0;
	float:right;
	border: 2px groove silver;
	
}
a { 
	color:lightblue; 
	}
a:link {
	font-weight:bolder;
	text-decoration: none; 
	padding-left:20px;
	}
a:hover {
	color:#4d66f5;
}
#desc_lnk:link { color: black; }
#desc_lnk:hover { color: red; } 
#account_lnk  { font-size:28px;color: #f90606; }
#account_lnk:hover  { color:#4d66f5; }

.menu_lnk {
	font-size: 2em;
	padding-bottom:20px;
}
#merkzettel { background-image: url(/icons/merkzettel.png); }
#warenkorb { background-image: url(/icons/warenkorb.png); }
#orders { background-image: url(/icons/orders.png); }
#bestellung { 
	float: left;
	border: none;
	background-image: url(/icons/kasse.png); 
	width: 5em;
	height: 5em;
	background-color: transparent;
	background-repeat:no-repeat;
	background-size:100%;
	margin: -0.25em 0 0 2em;
	cursor: pointer;
	}
#merkzettel, #warenkorb, #orders {
	float: left;
	background-color: transparent;
	background-repeat:no-repeat;
	background-size:100%;
	margin: 1em 0 0 1em;
	width: 4em;
	height: 5em;
	color: white;
	text-shadow: 0 0 2px black;
}
.artikel { 
	width: 1.75em; 
	height: 1.5em;
	background-color: darkblue;
	text-align: center;
	border-radius: 1em;
	padding-top: 0.25em;
}
.img_lnk { 
	float:left; 
	margin-top:5px;
	cursor: help; }
h1 { 
	margin: 1em 0 0 0.5em;
	color: white; 
}
h2  {
	font-size:14px;
	font-weight:bolder;
	color:darkblue;
	text-shadow: -1px 0 lightgray, 0 1px lightgray, 1px 0 lightgray, 0 -1px lightgray

}
h3  {
	font-size:14px;
	font-weight:bolder;
	color:white;
}
h4, h5, h6, h7, h8, h9 {
	font-size:18px;
	font-weight:bold;

}
h4 { 
	color:lightgray;
	text-shadow: 0 0 2px black;
}
h9 { color:green; }
h8 { color:#9ac108; }
h7 { color:yellow; }
h6 { 
	color:darkgoldenrod; 
	text-shadow: 0 0 2px black;
}
li { margin-left: 1.5em; }
h5 { color:red; }
.order_class {
	display: none;
	margin-top:20px;
	width:90%;
	padding:20px;
	background-color:black;
}

#gototop { 
 	background:transparent;
 	position: fixed;
 	bottom:20px;
 	right:20px;
 	padding:0.1em;
}
#normaltxt {
	padding:15px;
	color:white;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background-color:black;
	border:1px groove silver;
}
fieldset {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color: white;
	width:68.5%;
}
#eigenes {
	color:darkblue;
}
.color_field {
	float:left;
	width:200px;
	height:100px;
	text-align:center;
	font-weight:bold;
	border: 2px groove silver;
	}
#lnk_txt {
	margin-left:20px;
	margin-top:-5px;
	background-color:black;
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#cremeweiß { background-color:#faf9fb; color:black; }
#platingrau { background-color:#7f7679; }
#grau { background-color:#8a9597; }
#silbergrau { background-color:#8a9597; }
#betongrau { background-color:#818479; }
#kieselgrau { background-color:#b9b9a8; }
#staubgrau { background-color:#7d7f7d; }
#nussbraun { background-color:#5b3a29; }
#kirschrot { background-color:#dc143c; }
#laubgrün { background-color:#029902; }
#blau, #himmelblau { background-color:#0088ff; }
#gelb, #rapsgelb { background-color:#feef05; color:black; }
#schwarz { background-color:#000; }
#creme { background-color:#ffe4c4; color:black; }
#oliv-grün { background-color:#0a2b0b; }
#ultramarinblau { background-color:#028299; }
#brillantblau { background-color:#3e5f8a; }
#verkehrsrot { background-color:#cc0605; }
#reinorange { background-color:#e75b12; }
#lichtgrau { background-color:#d7d7d7; }
#wasserblau { background-color:#07737a; }
#maisgelb { background: #e1a100; color:black; }
#tr_rt { background: #ab0532; color:red; }
#tr_or { background: #ea8a06; color:#8c5c1b; }
#tr_bl { background: #4843f5; color:#131078; }
#klar { background: #aaa9b4; color:#8c8c94; }
#chr  { background: silver; color:white; }
#gr_ws  { background: #8a9597; color:white; font-weight: bold; }
#chr_ws  { background: silver; color:white; font-weight: bold; }
#gr_rt  { background: #8a9597; color:#dc143c; font-weight: bold; }
#chr_rt  { background:silver; color:#dc143c; font-weight: bold; }
#gr_or { background: #8a9597; color:#ea8a06; font-weight: bold; }
#chr_or { background: silver; color:#ea8a06; font-weight: bold; }
#chr_klar { background: silver; color:white; font-weight: bold; }

#del-table { 
	float:right; 
	margin: -1.5em -12em 0 0;
}
#break-table, #change-table { 
	float:right;
	margin-top:-1.5em;
	}
#break-table { margin-right: 29em; }
#change-table { margin-right:40em; }
.00, .10, .15, .20, .25, .30, .35, .40, .45, .50 { width:200px;
	height:40px;
	background-repeat:no-repeat;
	background-size:40%;'
	}
/*
.vote_class { 
	display: none;
	text-align: center; 
	}
.own { margin: 4em 0 0 0; }

#accept { 
	margin: 0 16em 0 0;  
	}
#leave { margin: 2em 0 0 0; }
*/
/* ####################################### */
