/* FARBEN *************************************/

.disguise {
	opacity: 0.2;
}

button, a.button {
	transition: background-color 500ms linear;
}

/* transparent */

.svg_half_transparent svg {
	opacity: 0.5;
}

.color_transparent {
	color: transparent;
}

table tr.gap,
table tr th,
.bg_color_transparent {
	background-color: transparent !important;
}

table.calendar td > div {
	border: 1px solid transparent;
}  

/* white */
#submenu_container a,
body.looser select.bg_color_lgrey.total,
#popup nav *,
a.button:not(.bg_color_white):not(.bg_color_lgrey), 
button:not(.bg_color_white):not(.bg_color_lgrey), 
select:not(.bg_color_white):not(.bg_color_lgrey):not([role=select]):not(.color_grey),
input[type=button],
a.button span,   
header *,
header p,
footer *,
.color_white,
.content a.color_white {     
	color: white;
} 

#table_etaps tbody tr.highlight:not(.bg_color_lblue),
table.highlight tbody tr:not(.bg_color_lblue):hover,
tr:not(.stop_row)[data-get]:hover,
tr:not(.stop_row)[data-href]:hover {
	/*outline: thin solid black;*/
	background-color: white !important;
	cursor: crosshair;
}

table.highlight tbody tr:hover {
	cursor: crosshair;
}

a.button.border_color_white,
button.border_color_white {
	border: 2px solid #ffffff !important;
}


span.openi.color_white,  
td.gap,
/* span.color_white.open::after, */
option, 
.bg_color_white {
	background-color: white;
}

td.gap {
	border-bottom: 1px solid transparent;
}

button,
.fill_color_white,
a.button:not(.bg_color_white) svg,
button:not(.bg_color_white):not(.bg_color_lgrey) svg,
#popup header > div svg,
footer > nav svg,
header > nav svg:not(.multi_color) {
	fill: white;
}

/* hell hell grau */

.fill_color_mgrey {
	fill: #cccccc;
}

.button_optic {
	border: 1px solid #999999;
	background-color: #e7e7eb;
	padding: 2px 5px 2px 5px;
	white-space: nowrap;
}

@media only screen and (max-width: 767.9px) {
	.button_optic {
		white-space: normal;
	}
}

/*
123456 7 890abcde f 12345678 9 0abcde f
*/

.bg_color_dwhite,
section:not(.bg_color_white):not(.bg_color_dwhite):not(.bg_color_lblue):not(.bg_color_lred):not(.bg_color_lgrey):not(.bg_color_lyellow):nth-of-type(even) {
	background-color: #f8f8fc; 
}

section:not(.bg_color_white):not(.bg_color_dwhite):not(.bg_color_lblue):not(.bg_color_lred).none ~ section:not(.bg_color_white):not(.bg_color_lblue):not(.bg_color_lred):not(.bg_color_lyellow):nth-of-type(odd) {
	background-color: #f8f8fc;
}

section:not(.bg_color_white):not(.bg_color_dwhite):not(.bg_color_lblue):not(.bg_color_lred).none ~ section:not(.bg_color_white):not(.bg_color_lblue):not(.bg_color_lred):not(.bg_color_lyellow):nth-of-type(even) {
	background-color: #ffffff;	
}

table.help tr:not(.bg_color_transparent) {
	background-color: #ededf1;
}

/* tabellen erste sektion */

section.bg_color_white table:not(.no_colorizing) tbody tr:not(.bg_color_lblue):not(.empty) {
	background-color: #f8f8fc !important;
}


section:nth-of-type(odd) table:not(.no_colorizing) tbody tr:not(.bg_color_lblue):not(.empty),
section:nth-of-type(odd) table:not(.no_colorizing) tfoot:not(.no_colorizing) tr:not(.bg_color_lblue):not(.empty) {
	background-color: #f8f8fc;
	border-bottom: 1px solid #a1a1a1;
}

section:nth-of-type(odd) table:not(.no_colorizing) tbody tr.bg_color_lblue:not(.empty),
section:nth-of-type(odd) table:not(.no_colorizing) tfoot tr.bg_color_lblue:not(.empty) {
	border-bottom: 2px solid black;
}

section:nth-of-type(odd) tr.section_header,
section:nth-of-type(odd) td.section_header {
	background-color: #efeff3;
}

/* zweite sektion */
section:nth-of-type(even) table:not(.no_colorizing) tbody tr:not(.bg_color_lblue):not(.bg_color_lred):not(.empty) {
	background-color: #f0f0f4; /*#ededf1;*/
}

section:nth-of-type(even) table:not(.no_colorizing) tbody tr:not(.empty) {
	border-bottom: 1px solid #a1a1a1;
}

section:nth-of-type(even) tr.section_header,
section:nth-of-type(even) td.section_header {
	background-color: #e7e7eb;
}

/* section:nth-of-type(even) table:not(.no_colorizing) tbody tr:not(.bg_color_lblue):nth-child(2n+1):not(.empty) {
	background-color: #f0f0f4; #ededf1;
}

section:nth-of-type(even) .no_header tbody tr:not(.bg_color_lblue):nth-child(2n):not(.empty),
section:nth-of-type(even) table:not(.no_colorizing) tbody tr:not(.bg_color_lblue):nth-child(2n):not(.empty) {
	background-color: #e7e7eb;   #e2e2e6; abcdef
} */

table.layout tr {
	background-color: transparent !important;
}

.ui-widget table tr {
	background-color: transparent !important;
} 

a.button.disabled,
button[disabled],
td.bg_color_lgrey,
.bg_color_lgrey {
	background-color: #e7e7eb;
}


/* dunkelgrau */

footer > div {
	color: #b3b3b3;
}

section:last-of-type {
	border-bottom: 0;
}

#submenu_container > div > div:not(:last-of-type) {
	border-right: 1px solid #999999;
}

.bg_color_dgrey {
	background-color: #999999;
}

.fill_color_dgrey {
	fill: #666666;
}

.color_dgrey {
	color: #909090;
}

div.bar,
#submenu_container div > span {
	background-color: #999999;
}

@media only screen and (max-width: 767.9px) {
	.fill_grey_mobile {
		fill: #999999;
	}
}

.fill_grey {
	fill: #999999;
}

#submenu_container a.line_bottom {
	border-bottom: 1px solid #999999;
}

header > nav p.line_left {
	border-left: 1px solid #999999;
}

/* schwarz */

a.secret,
/* span.open[data-type=none], */
select.bg_color_lgrey,
mark.bg_color_lgrey, option, optgroup,
#submenu_container div > span,
body, p, td, .color_black, h1, h2 {
	color: #333333;
}

tr.line_top {
	border-top: 2px solid #333333;
}

tr.section_header,
td.section_header {
	border-bottom: 2px solid #333333;
}

.border_horizontal {
	border-bottom: 2px solid #333333;
	border-top: 2px solid #333333;
	margin-top: 60px;
}

.border_right {
	border-right: 2px solid #333333;
}

.fill_color_black,
a.button svg.fill_color_black,
button.bg_color_lgrey,
#bubble svg {
	fill: #333333;
}

.bg_color_black {
	background-color: #333333;
}

table.calendar.active td > div:hover,
.border_black {
	border: 1px solid #333333 !important;
}

/* span.open[data-type=none]:after {
	background-color: black;
} */

#bar,
header > nav > a,
#submenu_container > div,
#bubble > div > div.content,
header, footer, nav > div {
	background-color: #333333;
}

@media only screen and (min-width: 768px) {
	#submenu_container a:hover,
	header p:hover,
	header a:hover,
	footer a:hover {
		background-color: black;
	}
}

#modal_popup, #modal_dialog,
.dot_black {
	background-color: black;
}

/* grau */

button.color_grey svg,
.fill_color_grey {
	fill: #a1a1a1; /* 160, 0, 156 */
}

span.invisible,
button.bg_color_grey:hover:not([disabled]):not(.selected),
.dot_grey,
.bg_color_grey {
	background-color: #a1a1a1; /* 160, 0, 156 */
}

button.switch.bg_color_grey,
button.switch.color_grey {
	border: 2px solid #a1a1a1;
}

p.linklist > span:first-child,
p.values > span > span:first-child {
	border-bottom: 1px solid #a1a1a1; /* 160, 0, 156 */
}

.color_grey_td td,
.color_grey {
	color: #a1a1a1;
}

.bg_color_grey:hover:not([disabled]):not(.selected),
.dot_grey:hover {
	background-color: #8c8c8c; /* 160, 0, 132 */
}


/* dunkelblau */

#popup header > div,
.sprite_continents,
.sprite_countries,
.bg_color_dblue {
	background-color: #004a80; /* 137, 240, 60 */
}

ul li a,
p.text a,
p.article a,
section.articles p a,
a.link {
	border-bottom: 2px solid #004a80;
}

.link,
.anchor_links a,
p.linklist a {
	border-bottom: 3px solid transparent;
}

.a_selected,
p.linklist a:hover,
ul li a:hover,
.anchor_links a:hover,
p.text a:hover,
p.article a:hover,
section.articles p a:hover, 
a.link:hover {
	border-bottom: 3px solid #004a80;
} 

body.total p.values > span > a:last-child,
.content a:not(.secret):not(.color_red):not(.color_white):not(.button),
.color_dblue {
	color: #004a80;
}

/* span.open:after, */
span.openi, span.openh, span.openp, span.openr, span.openu {
	background-color: #004a80; 
}

#table_etaps.selection svg.position_marker,
body.anonymous a:not(.button).total svg,
body.total a:not(.button).total svg,
a.button.bg_color_white svg,
button.color_dblue svg,
.fill_color_dblue {
	fill: #004a80;
}

a.border_color_dblue {
	color: #004a80 !important;
}

.border_color_dblue {
	border: 1px solid #004a80;
}

a.button.switch.bg_color_dblue,
a.button.switch.color_dblue,
select.switch.bg_color_dblue,
select.switch.color_dblue,
button.switch.bg_color_dblue,
button.switch.color_dblue {
	border: 2px solid #004a80;
}

.fill_color_dblue:hover {
	fill: #003760;
	stroke: #003760;
}

.dot_dblue:hover,
.bg_color_dblue:hover:not([disabled]):not(.selected):not(.disabled) {
	background-color: #003760; /* 137, 240, 45 */
}

/*
.fill_color_dblue:hover {
	fill: #003760;
}
*/

/* mittelblau */

::-moz-selection {
	background-color: #007acc;
	color: white;
}

/* span.open.color_mblue:after, */
.sprite_countries:hover,
.sprite_countries.selected,
.sprite_continents:hover,
.sprite_continents.selected,
.dot_mblue,
.bg_color_mblue {
	background-color: #007acc;
}

.fill_color_mblue_hover:hover,
.fill_color_mblue {
	fill: #007acc;
}

/* span.open.color_mblue, */
p.values > span > span:last-child,
.color_mblue {
	color: #007acc;
}

header p.bg_color_mblue:hover,
#submenu_container .bg_color_mblue:hover,
.dot_mblue:hover {
	background-color: #0068b3;
}

table.highlight .bg_color_lblue_hover_tr tr:hover {
	background-color: #d9efff !important;
}

.bg_color_lblue {
	background-color: #d9efff;	
}

.calendar .bg_color_lblue {
	border: 1px solid #d9efff;
}

/* gelb */

body.looser p.linklist a.total:hover {
	border-bottom: 3px solid #b39500;
}

.bg_color_pure_yellow,
span.total,
.bg_color_yellow {
	background-color: #b39500; /* 33, 240, 84 */
}

.fill_color_yellow {
	fill: #cc0;
}

body.looser button.total:not(.switch),
body.looser a.button.total:not(.switch),
body.looser select.total {
	background-color: #b39500 !important; /* 33, 240, 84 */
}

body.looser button.switch.total,
body.looser a.button.switch.total {
	border: 2px solid #b39500 !important;
}

div.choose_fee.active,
.border_yellow {
	border: 5px solid #b39500;
}

body.looser a.link.total {
	border-bottom: 2px solid #b39500 !important; 
}

body.looser a.link.total:hover {
	border-bottom: 4px solid #b39500 !important;
}

.bg_color_pure_yellow:hover,
.bg_color_yellow:hover,
.dot_yellow:hover {
	background-color: #998000; /* 33, 240, 72 */
}

body.looser .bg_color_dblue.total:hover,
body.looser .bg_color_grey.total:hover {
	background-color: #998000 !important; /* 33, 240, 72 */
}

body.looser a.total svg,
body.looser a.button.bg_color_white.total svg,
body.looser button.bg_color_white.total svg,
.fill_color_yellow {
	fill: #b39500 !important;
}

body.looser a.total:hover svg,
body.looser a.button.bg_color_white.total:hover svg,
body.looser button.bg_color_white.total:hover svg,
.fill_color_yellow:hover {
	fill: #998000 !important;
}

body.looser .switch.total,
body.looser a.total,
.color_yellow {
	color: #b39500 !important;
}

/*.bg_color_lyellow .logo_coaster_count {
	fill: rgb(255, 241, 200);
}*/

.bg_color_lyellow {
	background-color: rgb(255, 241, 200);
}

/* rot */
p.linklist a.color_red:hover {
	border-bottom: 3px solid rgb(181, 13, 13);
}

button.color_red svg,
.fill_color_red {
	fill: rgb(181, 13, 13);
}

.color_red {
	color: rgb(181, 13, 13);
}

.border_color_red {
	border: 2px solid rgb(181, 13, 13);
}

span.new,
.dot_red,
.bg_color_red { 
	background-color: rgb(181, 13, 13);
}

button.switch.bg_color_red,
button.switch.color_red {
	border: 2px solid rgb(181, 13, 13);
}

.bg_color_red:hover:not(.selected):not([disabled]),
.dot_red:hover {
	background-color: rgb(160, 12, 12);
}

#popup nav .color_red {
	color: rgb(255, 60, 60);
}

.fill_color_mred {
	fill: rgb(255, 60, 60);
}

.bg_color_lred {
	background-color: #ffd9d9;
}

.anchor_links a.color_red:hover {
	border-bottom: 3px solid rgb(181, 13, 13);
} 

/* special farben */

.color_green {
	color: #008000;
}

.bg_color_facebook {
	background-color: #3b5998
} 

.fill_color_green {
	fill: #008000;
}

td.bg_color_lgreen {
 	background-color: #eaffcc;
}