a:hover {
	text-decoration:underline;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    font-size: 100% !important;
}

input[type="submit"], 
input[type="button"] {
/*	color: #4d4d4d;
	text-shadow: 1px 1px rgba(255, 255, 255, .3);
	border: 1px solid #9d9d9d;
	background: #cdcdcd;
	background-image: -moz-linear-gradient(top, rgb(234,234,234), rgb(177,177,177));
	font-weight: bold;
	font-size: 12px;
	padding: 9px 25px;
	text-decoration: none;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
	transition: opacity .3s;
	margin-bottom:10px;
	cursor:pointer;*/

	background-color: #005684;
	border: 1px solid rgb( 44, 91, 104 );
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	color: #fff;
	padding: 8px 16px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: background-color 0.1s linear;
	margin-bottom:10px;
	cursor:pointer;
}

input[type="submit"]:hover, 
input[type="button"]:hover {
	opacity:0.9;
}

input[type="submit"]:focus, 
input[type="button"]:focus {
	color:#EEE;
}

div.header {
/*	background-position: center top;
    background-size: 100%;
    background-image: url("../img/header.jpg");
	min-height: 350px;
	background-repeat: no-repeat;*/
/*	max-width: 1600px;*/
	max-width: 1300px;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	margin-top:15px;
}

body#pageid-3 div.header {
	margin-top:0px;
}

div.header img {
	width:100%;
	border-radius: 5px;
}

div.header a {
    position: absolute;
    width: 60px;
    height: 20px;
    display: block;
    bottom: 4px;
    left: 232px;
}

div#logo, div#logo a  {
	margin-top:15px;
	margin-bottom:20px;
	font-size: 28px;
	font-weight: 700;
	color: #003958;
	font-family: 'Oxygen', sans-serif;
	text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.45);
	text-decoration: none;
}

div#logo a {
	margin-top:0px;
	margin-bottom:0px;
}

article, div#footer {
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-top:20px;
}

div.main-content {
	margin-top:25px;
	margin-bottom:25px;
	padding-left:15px;
	padding-right:20px;
}

div.right-content {
	margin-top:25px;
	margin-bottom:25px;
}

div.tx-felogin-pi1 form fieldset legend {
	display:none;
}

/*div.title-bar{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}*/

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
	border-color: #FFF transparent transparent !important;
}

.drilldown .is-drilldown-submenu-parent > a::after {
	border-left-color: #FFF !important;
}

.drilldown .js-drilldown-back > a::before {
	border-right-color: #FFF !important;
}


div#responsive-menu.top-bar div.top-bar-left ul{
	background-color:#005684 !important;

}

.top-bar, 
.top-bar ul {
/*	align-items: center;
	justify-content: center;*/
/*	background-color: #005684 !important;*/
	padding:0px !important; 
	background-color:#005684 !important;
}

.top-bar, 
.top-bar ul li {
	padding:0px !important; 
}

.top-bar, 
.top-bar ul li.active-li,
.top-bar ul li:hover {
	background-color:#3CAAE6;
}

.top-bar, 
.top-bar ul li.active-li a,
.top-bar ul li:hover a {
	color:#FFF !important;
}


.top-bar, 
.top-bar ul a {
	color:#FFF !important;
	font-weight:normal;
	text-transform:uppercase;
	font-size:15px;
}

.top-bar ul a {
	padding: 1.2rem 1.8rem !important;
}

div.top-bar div.top-bar-left div.is-drilldown ul.menu.drilldown li a {
	background-color: #005684;
	border-bottom:1px solid #cacaca;
	padding: 0.7rem 1rem !important;
}

div.top-bar div.top-bar-left div.is-drilldown ul.menu.drilldown li a:hover,
div.top-bar div.top-bar-left div.is-drilldown ul.menu.drilldown li.active-li a {
	background-color:#3CAAE6 !important; 
}

div.top-bar ul li ul li.menu-text.is-submenu-item.is-dropdown-submenu-item a {
	padding: 1.0rem 1.5rem !important;
}


div.top-bar {
	background-color:transparent !important;
}


/*.top-bar ul li {
	border:1px solid #005684 !important;
}*/


h1 {
	font-size: 1.8rem !important;
	color: #003958 !important;
	margin-bottom: 20px !important;
}

h2 {
	font-size: 1.4rem !important;
	color:#2f7100 !important;
}

div.main-content,
div.right-content,
p {
	font-size: 0.9rem !important;
}

div#welcome-user {
	font-size: 1.0rem !important;
}

div.teaserbox.start {
	background-color: #EEEEEE;
	border: 1px solid #AAA;
	float: left;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
}

div.grid-container div.tx-datamintsfeuser-pi1 fieldset {
    margin-bottom: 0px;
    padding: 10px;
    border:none;
}

div#footer {
	font-size: 11px;
	padding-top: 15px;
	padding-bottom:15px;
	text-align: center;
	margin-bottom: 15px;
}

div#footer a {
	color: #0a0a0a;
}


/*Hamburger Icon Anfang */

div.top-bar .hamburger-box {
    width: 32px;
	height:16px;
}
div.top-bar button.hamburger {
    padding-top:8px !important;
	padding-left:12px !important;
	padding-right:0px !important;
	padding-bottom:5px !important;
	height:41px;
}

div.top-bar .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px !important;
    height: 1px !important;
    background-color: #FFF !important;
}

div.top-bar button {
	background-color: #005684 !important;	
}

div.top-bar div.top-bar-left ul.menu.dropdown li.menu-text.is-dropdown-submenu-parent ul.is-dropdown-submenu li {
	border-bottom:1px solid #cacaca;
}
/*Hamburger Icon Ende */

/*Datamints Anfang*/

.tx-datamintsfeuser-pi1 .name-submit {
    margin-top: 0px !important;
}

@media (min-width: 864px) {
.hide-for-medium-only {
    display: none !important; 
	} 
div.right-content,
div-main-content {
	margin-left:5px !important;
}
}

@media (max-width: 865px) {
.show-for-medium-only {
    display: none !important; }
	 }

div#countdownLabel {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	color:#F00;
	border-bottom:1px solid #AAAAAA;
	padding-bottom:5px;
}

div.clearer {
	clear:both;
}

div#abgabetermin {
	float:left;
	width:600px;
	text-align:center;
	border:1px solid #AAA;	
	padding-top:8px;
	padding-bottom:0px;
	background-color:#EEEEEE;
	margin-bottom:30px;
}

div.is-countdown {
	width:300px;
	float:left;
	margin-bottom:7px;
	border:none;
	margin-left:150px;
}

div.punkteliste div.headline {
	width:450px;
	border-top:1px dotted #BBB;
	border-left:1px dotted #BBB;
	border-right:1px dotted #BBB;
	font-weight:bold;
	background-color:#DDD;
	float:left;
}

div.punkteliste div.headline div.teilnehmer-head {
	float:left;
	width:300px;
	border-right:1px dotted #AAA;
	padding:5px;
	padding-left:10px;
}

div.punkteliste div.headline div.punkte-head {
	float:left;
	padding: 5px;
	padding-left:10px;
	text-align:center;
}

div.punkteliste div#liste div.teilnehmer {
	width:450px;
	float:left;
	border-top:1px dotted #BBB;
	border-left:1px dotted #BBB;
	border-right:1px dotted #BBB;
}

div.punkteliste div#liste div.teilnehmer div.name-wrap {
	float:left;
	border-right:1px dotted #AAA;
}

div.punkteliste div#liste div.teilnehmer div.name {
	float:left;
	width:300px;
	padding:5px;
	padding-left:10px;
}

div.punkteliste div#liste div.teilnehmer div.punkte {
	padding:5px;
	padding-left:10px;
	text-align: center;
}

div.punkteliste div#liste {
	float:left;
	width:452px;
	border-bottom:1px dotted #BBB;
}

/* GOLD */
/* div.punkteliste div#liste div.teilnehmer:first-child {
	background-color:#D4AF37;
}
 */
/* SILBER */
/* div.punkteliste div#liste div.teilnehmer:nth-child(2) {
	background-color:#C0C0C0;
} */

/* BRONZE */
/* div.punkteliste div#liste div.teilnehmer:nth-child(3),
div.punkteliste div#liste div.teilnehmer:nth-child(4) {
	background-color:#CD7F32;
} */


@media (min-width: 640px) {
div.main-content {
	border-right: 1px solid #BBBBBB;
}
}

@media (max-width: 639px) {

h1 {
	margin-bottom:10px !important;
}
/* site-14 ist Login-Seite	 */
body#site-14 div.tx-datamintsfeuser-pi1 {
	margin-bottom:0px;
}

/* site-14 ist Login-Seite	 */
body#site-14 div.tx-datamintsfeuser-pi1 label {
	width:100%;
}
	
body article div,
body article span, 
body article a,
body p,
body label {
	font-size: 1.1rem !important;
	font-weight: 400;
	line-height:1.6;
}
article {
	border:none;
	margin-top:10px;
}

article.grid-container {
	padding-left:0px;
	padding-right:5px;
}
div.right-content {
	order:1;
	border: 1px solid #BBBBBB; 
	border-radius: 4px; 
	padding-left: 15px;
	padding-top:2px;
	padding-right: 20px;
	margin-top:10px;
	margin-bottom:0px;
}
div.main-content {
	order:2;
	margin-bottom:10px;
	margin-top:15px;
	padding-left:15px;
	border: 1px solid #BBBBBB; 
	border-radius: 4px; 
	padding-top:5px;
}

/* Punktestand */
body#site-10 div.main-content {
	padding-bottom:20px;
}

div.tx-felogin-pi1 p {
	padding-bottom:20px;
}


div.tx-datamintsfeuser-pi1 input {
	width:100%;
}
div.tx-datamintsfeuser-pi1 .name-submit input {
	margin-left:0px;
}
div.grid-container div.tx-datamintsfeuser-pi1 fieldset {
	padding:0px;
}
div#welcome-user, div#account-link {
	float:left;
	margin-right:10px;
}


div#account-link a,div#logout-link a {
	font-size:1.1rem;
	line-height:1.7;
}

div.loginarea div.right-content div.sticky {
	padding-bottom:15px;
	padding-top:10px;
}

div#abgabetermin {
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}

div.is-countdown {
 width:100%;
 margin-left:auto;
}

div#footer {
	font-size:14px;
}

div.punkteliste div.headline {
  width: 100%;
}

div.punkteliste div.headline div.teilnehmer-head {
	width:60%;
	font-weight:bold;
}

div.punkteliste div.headline div.punkte-head {
	width:40%;
	font-weight:bold;
}

div.punkteliste div#liste {
	width:100%;
}

div.punkteliste div#liste div.teilnehmer div.name-wrap {
	width:60%;
}

div.punkteliste div#liste div.teilnehmer {
	width:100%;
}

}

