body {
    font-family: HelveticaNeue-Light,Helvetica\ Neue\ Light,Helvetica\ Neue,Helvetica,Arial,"Lucida Grande",sans-serif;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.hidden-row {
	display: none;
}


.msg {
    color: red;
}

.small {font-size: 0.8em;}

body {font-size: 70%;}
td {font-size: 0.9em;}


.confirmation {
	background-color:#E8EAED;
	text-align: center; 
	font-size: 1.2em;
	line-height:120%;
}


.table {border:none;}


.table-cell-a {
	display: block;
	font-size: 1em;
	width:100%;
}

.table-cell-b {
	display: block;
	font-size: 1em;
	width:100%;	
}

.table-cell-c {
	display: block;
	font-size: 1em;
	width:100%;	
}

.table-cell-a-hidden {
	display: none;
}


.table-cell-b-hidden {
	display: none;
}

.table-cell-c-hidden {
	display: none;
}


.table-row {
	display: table-row;
	margin-bottom: 20px;
}

.thead {
	font-weight: bold;
}

.desktop {
	display: none;
}
.mobile {
	display: block;
}

button.button3 {
	color: #303030; 
	background-color:#FFFFFF;
	border-radius: 30px;
	width: 100;
	font-size: 0.8em;
}
button.button3:hover{
		border: solid;
		background-color:#E8EAED;
		border-color:#E8EAED;
}

button.button2 {
	color: #303030; 
	background-color:#FFFFFF;
	border-radius: 30px;
	width: 100;
	font-size: 0.8em;
}

button.button2:hover{
		border: solid;
		background-color:#E8EAED;
		border-color:#E8EAED;
}

button.button1 {
	color: #303030; 
	background-color:#FFFFFF;
	border-radius: 30px;
	font-size: 1.2em;
	padding: 5px 10px 5px 10px;
}

button.button1:hover{
		border: solid;
		background-color:#E8EAED;
		border-color:#E8EAED;
}


button.buttonSubmit, a.buttonSubmit {
	font-size: 1.1em;
    fill: #f1f0ec;
    color: #f1f0ec;
    background-color: #a09f9f;
    border-radius: 30px 30px 30px 30px;
    padding: 15px 30px 15px 30px;
    border: 0;
 	box-shadow: none;
}

button.buttonSubmit:hover{
	border: solid;
	color: #a09f9f; 
	background-color:#FFF;
    border: 0;
 	box-shadow: none;
	
}

.imageButton{
	font-size: 3em; 
}  

input,select {
	font-size: 0.8em;;
}

input.fixedinputline{
	border:none;
	border-bottom:solid;
	text-align: right;
	font-size: 0.9em;;
}

input.fixedinput{
	border:none;
	text-align: right;
	font-size: 0.9em;;
}


@media screen and (max-width: 350px){
	.optionsImage{
		width: 150px;
	}
	.optionsImageChild{
		width: 75px;
	}
	.plotAttachmentHeigth{
		height: 300px;
	}
}

@media screen and (min-width: 350px){
	button.button2 {
		width: 150;
		font-size: 0.85em;
	}
	.optionsImage{
		width: 200px;
	}
	.optionsImageChild{
		width: 100px;
	}
	.plotAttachmentHeigth{
		height: 500px;
	}
}

@media screen and (max-width: 400px){
	.plotAttachmentHeigth{
		height: 300px;
	}
	.contactTextArea{
		box-sizing: border-box; 
		max-width:40%; 
		border-width: 2px; 
		border-color: #AAA; 
		color: #000;"
	}
}

@media screen and (min-width: 400px){
	.plotAttachmentHeigth{
		height: 500px;
	}
	.contactTextArea{
		box-sizing: border-box; 
		max-width:100%; 
		border-width: 2px; 
		border-color: #AAA; 
		color: #000;"
	}
}



@media screen and (min-width: 500px){
	body {font-size: 80%;}
	td {font-size: 0.9em;}	
	
	button.button3 {
		width: 150;
		font-size: 0.85em;
	}
	button.button2 {
		width: 210;
		font-size: 0.9em;
	}

	button.button1 {
		font-size: 1.3em;
	}

	.table {
		display: table;
		border-collapse:collapse;
		width: 100%;
	}
	
	.table-row {
		display: table-row;
	}

	.table-cell-a {
		display: table-cell;
		padding: 0px;
		width:15%;
	}
	.table-cell-b {
		display: table-cell;
		padding: 0px;
		width:15%;
	}
	.table-cell-c {
		display: table-cell;
		padding: 0px;
		width:70%;
	}

	.table-cell-a-hidden {
		display: table-cell;
		padding: 0px;
		width:15%;
	}
	.table-cell-b-hidden {
		display: table-cell;
		padding: 0px;
		width:15%;
	}
	.table-cell-c-hidden {
		display: table-cell;
		padding: 0px;
		width:70%;
	}


	.desktop {
		display: table-row;
	}
	.mobile {
		display: none;
	}
	.optionsImage{
		width: 150px;
	}
	.optionsImageChild{
		width: 75px;
	}
	
	
}

@media screen and (min-width: 750px){
	body {font-size: 90%;}
	td {font-size: 0.9em;}	
	
	button.button3 {
		width: 210;
		font-size: 0.85em;
	}
	button.button2 {
		width: 250;
		font-size: 0.9em;
	}
	
	.imageButton{
		font-size: 5em; 
	}  
	input,select {
		font-size: 0.9em;
	}
	input.fixedinputline{
		font-size: 1em;
	}
	input.fixedinput{
		font-size: 1em;
	}
	.optionsImage{
		width: 180px;
	}
	.optionsImageChild{
		width: 90px;
	}
	
	
}

@media screen and (min-width: 870px){
	body {font-size: 100%;}
	td {font-size: 1em;}
	button.button3 {
		width: 250;
		font-size: 0.9em;
	}
	button.button1 {
		font-size: 1.4em;
	}
	
	.imageButton{
		font-size: 5em; 
	}  
	input,select {
		font-size: 1em;;
	}
	input.fixedinputline{
		font-size: 1.1em;;
	}
	input.fixedinput{
		font-size: 1.1em;;
	}
	.optionsImage{
		width: 200px;
	}
	.optionsImageChild{
		width: 100px;
	}
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext  {
  visibility: hidden;
  width: 300px;
   bottom: 100%;
  left: 50%;
  margin-left: -150px; 
  
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip .tooltiptextLeft  {
  visibility: hidden;
  width: 300px;
   bottom: 100%;
  left: 50%;
  margin-left: -300px; 
  
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip:hover .tooltiptextLeft {
  visibility: visible;
}


a.menu-item-link:hover{
		background-color: #EAECEE;
}

.mk-footer-copyright {
    font-size: 11px;
    letter-spacing: 1px;
        text-decoration: none;
}
.footer_menu_right{
	text-align: right;
	
}

a.footer_menu{
	color: #0f0f0f;
	text-align: right;
		text-decoration: none;
}

div.shadowBox{
	margin: 40px; 
	box-shadow: 5px 5px 5px 5px #888888;
}

.blinkklasse {
  animation: blink 1s linear infinite;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.blinkklasseR {
  animation: blinkR 1s linear infinite;
}

@keyframes blinkR {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.plotDetailHead{
	padding: 20px 20px 0px 20px;
	color: #DEDDDD;
    font-size: 1em;
    line-height: 1.2em;
}

.plotDetailData{
	padding: 5px 20px 20px 20px;
    color: #F8F7F5;
    font-size: 1.4em;
    line-height: 1.2em;
}

.plotDetailHeadGrey{
	padding: 20px 20px 0px 20px;
	color: #666;
    font-size: 1.4em;
    line-height: 1.2em;
}

.plotDetailDataGrey{
	padding: 5px 20px 20px 20px;
    color: #666;
    font-size: 1em;
    line-height: 1.2em;
}

/* spamschutz
*/
#yourWish{
	width: 0px;
	height: 0px;
	line-height: 0px;
}