@charset "utf-8";

/* Layout für Mobilgeräte: 480 px oder weniger. */
h3 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
	color: inherit;
}
.main.style2.left .content {
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
}
.main.style2.right .content {
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
}.myButton1 {
	background-color:#000000;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:72px 72px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	background-image: url("images/t.png");
}
.myButton1:hover {
	background-color:#393939;
}
.myButton1:active {
	position:relative;
	top:1px;
}.myButton2 {
	background-color:#000000;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:72px 72px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	background-image: url("images/e.png");
}
.myButton2:hover {
	background-color:#393939;
}
.myButton2:active {
	position:relative;
	top:1px;
}
.myButton3 {
	background-color:#000000;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:72px 72px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	background-image: url("images/f.png");
}
.myButton3:hover {
	background-color:#393939;
}
.myButton3:active {
	position:relative;
	top:1px;
}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
h3 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.3em;
}
.main.style2.left .content {
	border-radius: 0px 16px 16px 0px;
	-moz-border-radius: 0px 16px 16px 0px;
	-webkit-border-radius: 0px 16px 16px 0px;
}
.main.style2.right .content {
	border-radius: 16px 0px 0px 16px;
	-moz-border-radius: 16px 0px 0px 16px;
	-webkit-border-radius: 16px 0px 0px 16px;
}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
h3 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.6em;
}
.main.style2.left .content {
	border-radius: 0px 16px 16px 0px;
	-moz-border-radius: 0px 16px 16px 0px;
	-webkit-border-radius: 0px 16px 16px 0px;
}
.main.style2.right .content {
	border-radius: 16px 0px 0px 16px;
	-moz-border-radius: 16px 0px 0px 16px;
	-webkit-border-radius: 16px 0px 0px 16px;
}
}