/*
Beim Einbinden dieser CSS-Datei auch die entsprechende JS-Datei goobutton.js einbinden, die Eventlistener hinzufügt.
Wird die JS-Datei nicht eingebunden, arbeiten Buttons und Links als ganz normale HTML-Elemente ohne Style-Änderungen oder Ajax-Funktionen bei Klicken

Direkt zu benutzen sind aus dieser Datei folgende Klassen:
goobutton_button	=> Für Buttons in Formularen
goobutton_link		=> Für Buttons, hinter denen einfach nur ein Link steckt
goobutton_link_ajax	=> Für Buttons, die ein Link sind, aber durch die eine Ajax-Aktion durchgeführt wird. Als Fallback (Ajax-Problem oder JS deaktiviert) wird das normale href-Attribut verwendet
goobutton_button_ajax	=> Für Buttons in Formualren, durch die eine Ajax-Aktion durchgeführt wird. Als Fallback (Ajax-Problem oder JS deaktiviert) wird das normale Formular submittet

Weitere Informationen in js/goobutton.js
 */



/* goobutton_button* für Elemente des Typs <button> */

.goobutton_button
{
	background-color: #ff8020;
	color: white;
	font-weight: bold;
	border-style: solid;
	border-color: lightgrey darkgrey darkgrey lightgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 20px;
}

.goobutton_button:hover
{
	cursor: pointer;
}

.goobutton_button:active
{
	border-color: darkgrey lightgrey lightgrey darkgrey ;
}

.goobutton_button_clicked
{
	background-color: #ff8020;
	color: dimgrey;
	font-weight: bold;
	border-style: solid;
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 20px;
	background-repeat: no-repeat;
	background-position: right center;
	/*	background-image wird in JS-Datei nachgeladen */
	pointer-events: none;
}



/* goobutton_link* für Elemente des Typs <a> */

a.goobutton_link
{
	background-color: #ff8020;
	color: white;
	white-space: nowrap;
	font-weight: bold;
	border-style: solid;
	border-color: lightgrey darkgrey darkgrey lightgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 22px;
	text-decoration: none;
	line-height: 2.5;
	background-image: none;
}

a.goobutton_link:link
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link:visited
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link:focus
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link:hover
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link:active
{
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	text-decoration: none !important;
}

.goobutton_link_clicked
{
	background-color: #ff8020;
	color: dimgrey;
	white-space: nowrap;
	font-weight: bold;
	border-style: solid;
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 22px;
	line-height: 2.5;
	background-repeat: no-repeat;
	background-position: right center;
/*	background-image wird in JS-Datei nachgeladen */
	pointer-events: none;
}

a.goobutton_link_clicked:link
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_clicked:visited
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_clicked:focus
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_clicked:hover
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_clicked:active
{
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	text-decoration: none !important;
}



/* goobutton_button_ajax* für Elemente des Typs <button> die Ajax-Aktionen ausführen sollen */

.goobutton_button_ajax
{
	background-color: #ff8020;
	color: white;
	font-weight: bold;
	border-style: solid;
	border-color: lightgrey darkgrey darkgrey lightgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 20px;
	background-image: none;
	line-height: 1.18;
}

.goobutton_button_ajax:hover
{
	cursor: pointer;
}

.goobutton_button_ajax:active
{
	border-color: darkgrey lightgrey lightgrey darkgrey ;
}

.goobutton_button_ajax_clicked
{
	background-color: #ff8020;
	color: dimgrey;
	font-weight: bold;
	border-style: solid;
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 20px;
	background-repeat: no-repeat;
	background-position: right center;
	/*	background-image wird in JS-Datei nachgeladen */
	pointer-events: none;
}



/* goobutton_link_ajax* für Elemente des Typs <a> die Ajax-Aktionen ausführen sollen */

a.goobutton_link_ajax
{
	background-color: #ff8020;
	color: white;
	white-space: nowrap;
	font-weight: bold;
	border-style: solid;
	border-color: lightgrey darkgrey darkgrey lightgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 22px;
	text-decoration: none;
	line-height: 2.5;
}

a.goobutton_link_ajax:link
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax:visited
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax:focus
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax:hover
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax:active
{
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	text-decoration: none !important;
}

.goobutton_link_ajax_clicked
{
	background-color: #ff8020;
	color: dimgrey;
	white-space: nowrap;
	font-weight: bold;
	border-style: solid;
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	border-width: 2px;
	border-radius: 5px;
	padding: 4px 22px;
	line-height: 2.5;
	background-repeat: no-repeat;
	background-position: right center;
	/*	background-image wird in JS-Datei nachgeladen */
	pointer-events: none;
}

a.goobutton_link_ajax_clicked:link
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax_clicked:visited
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax_clicked:focus
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax_clicked:hover
{
	cursor: pointer;
	text-decoration: none !important;
}

a.goobutton_link_ajax_clicked:active
{
	border-color: darkgrey lightgrey lightgrey darkgrey ;
	text-decoration: none !important;
}