@charset "UTF-8";
/*-----------------------------------------------------------
Touren-stylesheet
Stand: 22.04.2013
Datei: revier.css
Autor: Claudia Renner
-------------------------------------------------------------*/

@media all {
.content-container_3 {/*revier: revier aussen, revier, revier_side */
	margin-left: 24%;
	margin-top: 7.5em;
	margin-right: 3%;
}
.content-container_2 {/*revier: karte, karte_side */
	margin-left: 24%;
	margin-top: 7.5em;
	margin-right: 3%;
}
.tour_container {
	width: 63%;
	float: left;
}
.karte_side{
	margin-left: 65.5%;
}
.revier {
	width: 63%;
	float: left;
}
.revier_side{
	margin-left: 65.5%;
}
.karte {
	width: 100%;
	background-color: rgba(255,153,0,1);
	display: block;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

.karte_side h4{
	color: #000000;
	font-size: 110%;
	padding-top: 0.75em;
}
.karte_side h2, .revier_side h2{
	padding-top: 0;
}
.karte_columns{
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}

.tour_container h4{
	padding: 0.5em 0 0 0;
}
.tour {
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.tour ul {
	padding: 0;
	margin: 0;
	float: left;
}
.tour li {
	float: left;
	padding: 0;
	margin: 0.5em 0.5em 0.5em 0;
	list-style-type: none;
	width: auto;
}
.tour a {
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0.5em 0.75em;
	display: block;
	background-color: #e2e2e2;
	border: 1px solid #CCCCCC;
	font-size: 90%;
}
.tour a:hover {
	color: #999;
}
.tour a:active {
	color: #777;
}
.tour .current_page_item {
	color: #777;
}


}

@media only screen and (max-width:1279px){
.content-container_2 {/*revier: karte, karte_side */
	margin-left: 24%;
	margin-top: 5em;
	margin-right: 3%;
	padding-top: 0;
}
.content-container_3 {/*revier: revier aussen, revier, karte_side */
	margin-top: 2em;
	margin-left: 24%;
	margin-right: 3%;
}

.karte_side h4{
	
	font-size: 110%;
	padding-top: 0.75em;
}
.revier {
	width: 100%;
	float: none;
}
.revier_side {
	margin-left: 0;
	padding-top: 1em;
}
.tour_container {
	width: 63%;
	float: left;
}
.karte_side{
	margin-left: 65.5%;
}
.tour a {
	padding: 0.3em 0.45em;
}
}

@media only screen and (max-width:900px) {
.content-container_2 {/*revier: karte, karte_side */
	margin-left: 24%;
	margin-top: 2em;
	margin-right: 3%;
	padding-top: 0;
}
.revier {
	width: 100%;
	float: none;
}
.revier_side {
	margin-left: 0;
	padding-top: 2em;
}
.tour_container {
	padding-top: 0;
	width: 100%;
	float: none;
}
.karte_side {
	margin-left: 0;
	padding-top: 2em;
}
.karte_columns{
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
}
}
@media only screen and (max-width:760px){

.content-container_2 {/*revier: karte, karte_side */
	margin-left: 3%;
	margin-top:0;
	margin-right: 3%;
	padding-top: 3em;
}
.content-container_3 {/*revier: revier aussen, revier, karte_side */
	margin-top: 6em;
	margin-left: 3%;
	margin-right: 3%;
}
.revier {
	width: 100%;
	float: none;
}
.revier_side {
	margin-left: 0;
	padding-top: 2em;
}
.tour_container {
	padding-top: 0;
	width: 100%;
	float: none;
}
.karte_side {
	margin-left: 0;
	padding-top: 2em;	
}
.karte_columns{
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}
}

@media only screen and (max-width:479px){
.content-container_3 {/*revier: revier aussen, revier, karte_side */
	margin-top: 3.7em;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
and (orientation : landscape) {
.content-container_2 {/*revier: karte, karte_side */
	margin-left: 24%;
	margin-top: 5em;
	margin-right: 3%;
	padding-top: 0;
}
.content-container_3 {/*revier: revier aussen, revier, karte_side */
	margin-top: 2em;
	margin-left: 24%;
	margin-right: 3%;
}

.karte_side h4{
	font-size: 90%;
	padding-top: 0.75em;
	
}
.karte_side p{
	font-size: 90%;	
}
.revier {
	width: 100%;
	float: none;
}
.revier_side {
	margin-left: 0;
	padding-top: 1em;
}
.tour_container {
	width: 63%;
	float: left;
}
.karte_side{
	margin-left: 0;
	padding-top: 0;
	margin-left: 65.5%;
}
.tour a {
	padding: 0.3em 0.45em;
	font-size: 80%;
}
.karte_columns{
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}
}

/*-----------------------------------------------------------
Ende des stylesheets
-------------------------------------------------------------*/