* {
	margin:0px;
	padding:0px;	
}
img {
	border: 0px;
}
body {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #757575;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	overflow-y:scroll;
	color: #333333;
	* overflow-y:hidden;
}

/* Access Keys */
.accesskeys {
	display:none;
}


h1 {
	font-size: 14px;
	color: #195ba2;
	/*line-height: 26px;*/
	font-weight: bold;
	margin-bottom: 5px;
}
h2 {
	font-size: 14px;
	color: #195ba2;
/*	line-height: 16px;*/
	font-weight: bold;
	margin-bottom: 5px;
}

h1#pagetitle {
	font-size: 24px;
	/*line-height: 26px;*/
	margin-top:-0px;
	margin-left: -1px;
	margin-bottom:10px;
	font-weight: bold;
	color: #195BA2;
	width: auto;
	/*float: left;*/
}

/*** LAYOUT ***/

/* Site */
#site {
	width:940px;
	position:relative;
	padding:0px 0px 0px 0px;
	text-align: left;
	margin:auto;
	background-color: #ffffff;
}

/* Header */

#header {
	width: 940px;
	height: 78px;
	background-color: #ffffff;
}

#top {
	height: 15px;
	background: url(../img/background_top.gif) no-repeat left bottom;
}

#topnav {
	height: 30px;
}

#logo_search {
	height: 33px;
	width: 940px;
	display:inline-block;
	float:right;
}
.quicksearchSubmit {
	vertical-align: sub;
	* vertical-align: top;
}

#logo {
	float:left;
	position: relative;
    z-index: 12;
}


#search {
	float: right;
	margin-top: 10px;
}

/* Keyvisual */
#keyvisual {
	position: relative;
	z-index: 3;
	width: 725px;
	height: 280px;
	float:right;
	margin-top: -75px;
}

/* Page */
#page {
	
	width:940px;
	margin: 0 auto;

}
#wrapper {
	width: 940px;
	display:table;
	background: url(../img/background_content.jpg);
}
/* Content */
#content {
	/*background: url(../img/background_rahmen.gif) repeat-y left bottom;*/
	float:right;
	width: 725px;
}
#content_top {
	height: 35px;
	background-color: #ffffff;
	display:inline-block;
}
#breadcrumb {
	float:left;
	width:425px;
	margin-right: 15px;
	margin-top:5px;
}

#breadcrumb img.trenner_pfeil {
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
}

#print {
	width: 285px;
	float: right;
	margin-top: 10px;
}
#print a:link, #print a:visited, #print a:hover, #print a:active {
	line-height:12px;
	text-decoration: none;
	color: #195BA2;
	padding-left: 5px;
	font-size:11px;

}

#print a.active, #print li:hover, #print li.active {
	color: #195BA2;
}

#print a:hover {
	color: #195BA2;
}




#content_main {
	float:left;
	width:425px;
}

#content_right{
	width: 270px;
	margin-left: 15px;
	float: right;
}

#content_right .contentElement {
	margin-right: 15px;
}

/*** END LAYOUT ***/


/*** Navigation META HAUPT UND SUB ***/

/* Hauptnavigation */
#hauptnav {
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 50px;
	background: transparent url(../img/hauptnav_background.gif) repeat-x left bottom;
}

#hauptNavigation {
	padding:0px;
	height: 25px;
}

#hauptNavigation li {
	height:25px;
}
#hauptNavigation img {
	height: 25px;
	vertical-align:bottom;
}

#hauptNavigation a:link, #hauptNavigation a:visited, #hauptNavigation a:hover, #hauptNavigation a:active {
	display:inline-block;
	float:left;
	text-transform: uppercase;
	line-height:12px;
	padding-bottom: 13px;
	padding-right:20px;
	padding-left:20px;
	text-decoration: none;
	color: #999999;
	font-weight:bold;
	position: relative;
	z-index: 4;
	font-size:18px;
	vertical-align: text-bottom; 
}

#hauptNavigation a.active, #hauptNavigation li.active {
	color: #333333;
	background-color: #ffffff;
}

#hauptNavigation a:hover, #hauptNavigation li:hover {
	color: #333333;
}

#hauptNavigation li.first  a {
	padding-left:0px;
}
#hauptNavigation li.active {
	height: 25px;
	background-color: #ffffff;
	

}


/* Subnavigation unterer Verlauf */

#subnav_bottom {
		height: 221px;
		background: #EEF3F9 url(../img/background_subnav_bottom.jpg) no-repeat left bottom;
}


/* Leftnavigation (Subnavigation) Ebene 1 */

#subNavigation {
	margin-top: 15px;
	overflow:hidden;
	padding:0px;
	float:left;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEF3F9;
}
#subnav li {
	margin: 0;
	list-style-type: none;
}
#subnav li a {
	text-decoration: none;	
	display: block;
	width: 189px;
	font-size: 12px;
	font-weight: normal;
	line-height:25px;
	color: #999999;
	padding-left: 10px;
	background: transparent url(../img/subnav_ebene1_background.gif) repeat-x left bottom;
}
#subnav li a:focus,
#subnav li a:hover,
#subnav li a:active {
	background: #ffffff url(../img/subnav_ebene1_act_background.gif) repeat-x left bottom;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#subnav li.nav-ebene1akt a {
	background: #ffffff url(../img/subnav_ebene1_act_background.gif) repeat-x left bottom;
	font-weight: bold;
	color: #333333;
	width:190px;
}
#subnav li.nav-ebene1akt a.titel, #subnav li a.titel  {
	background-color: #999999;
	color: #ffffff;
	font-weight:bold;
}
/*Subnav Ebene 2*/
#subnav2 {
	margin: 0;
	margin-left: 4px;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #ffffff;
	overflow:hidden;
}

#subnav2 li.nav-ebene2 a {
	background: #ffffff url(../img/subnav_ebene2_background.gif) repeat left bottom;
	padding-left:15px;
	color:#999999;
	font-weight:normal;
	width: 185px;
	background: #ffffff;
}




#subnav2 li a:hover {
	background: #ffffff;
	color: #333333;
	font-weight:bold;

}

#subnav2 li.nav-ebene2akt a {
	padding-left:15px;
	width:200px;
	background: #ffffff url(../img/subnav_ebene2_background.gif) repeat-x left bottom;
}
#subnav2 li.last a {
	padding-left:15px;
}


/*Subnav Ebene 3*/
#subnav3 {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}
#subnav3 li {
	background-color: #ffffff
	
}
#subnav3 li.last a {
	border-bottom: 0px;
	color:#999999;
}
#subnav3 li.nav-ebene3 a, #subnav3 li.nav-ebene3akt a {
	font-weight:normal;
	color:#999999;
	padding-left:25px;
	padding-right: 10px;
	padding-bottom: 2px;
	line-height: 20px;
	width:165px;
	background: #ffffff url(../img/subnav_ebene3_background.gif) repeat-x left bottom;

}
#subnav3 li.nav-ebene3 a:hover {
	color:#333333;
	font-weight:bold;
	background: #EEF3F9 url(../img/subnav_ebene3_act_background.gif) repeat-x left bottom;
}
#subnav3 li.nav-ebene3akt a {
	background: #EEF3F9 url(../img/subnav_ebene3_act_background.gif) repeat-x left bottom;
	color:#333333;
	font-weight: bold; 
}

#subnav3 li.last {
	border-bottom:0px;
}

/*Subnav Ebene4*/
#subnav4 {
border: 0px;
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}
#subnav4 li {
	border: 0px;
	background-color: #f6f6f6;
}
#subnav4 li.last a {
	border-bottom: 0px;
	color:#333333;
}
#subnav4 li.nav-ebene4 a {
	background-color: #f6f6f6;
	font-weight:normal;
	color:#333333;
	padding-left:50px;
	border:0px;
}
#subnav4 li.nav-ebene4 a:hover {
	background-color: #f6f6f6;
	color:#e2001a;
	font-weight:bold;
	border:0px;
}
#subnav4 li.nav-ebene4akt a {
	background-color: #f6f6f6;
	padding-left:50px;
	color: #e2001a;
	border:0px;
}
#subnav4 li.nav-ebene4 {
	border-bottom:0px;
	border-top:0px;
}
#subnav4 li.last {
	border-bottom:0px;
}
/*Subnav Ende*/


/* Metanavigation */
#metanav {
	margin-top:15px;
	margin-right: 20px;
	padding:0px;
	float:right;
}

#metaNavigation  li {
	list-style-type:none;
	margin-left: 15px;
}

#metaNavigation  a:link, #metaNavigation  a:visited, #metaNavigation  a:hover, #metaNavigation  a:active {
	text-decoration: none;
	color: #999999;
	font-size:11px;
}
#metaNavigation  a.active {
	color: #333333;
}

#metaNavigation a:hover {
	color: #333333;
}


/* Sprachnavigation */
#sprachnav { 
	float:right;
	margin-left:0px;
	margin-top: 17px;
}


.CUR, .NO, .INACT, .SPC {
	float:left;
	font-size: 11px;
}



.tx-srlanguagemenu-pi1 .CUR a {font-size: 11px; background-color: transparent; color: #333333; text-decoration: none; font-weight: bold; }
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; font-weight: bold; font-size: 11px;}

.tx-srlanguagemenu-pi1 .NO a {font-size: 11px; background-color:transparent; color: #333333; text-decoration:none; font-weight:normal; }
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; font-size: 11px; }

.tx-srlanguagemenu-pi1 .INACT a { font-size: 11px;  color: #333333; text-decoration: none; font-weight: normal; }
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; font-size: 11px; font-weight:normal; }
.tx-srlanguagemenu-pi1 .SPC {float:left; line-height:10px; margin-top:2px; width: 0px; background-color: #333333; margin-left: 5px; margin-right: 5px; }
/* Sprachnav END*/


.horizontalNavigation {
	list-style: none;
}
.horizontalNavigation li {
	float:left;	
}

.verticalNavigation,.verticalNavigation ul {
	list-style: none;
}

/* Breadcrumb Navigation */

#breadcrumb  a:link, #breadcrumb  a:visited, #breadcrumb  a:hover, #breadcrumb  a:active {
	text-decoration: none;
	color: #666666;
	font-size:10px;
}



/* Footer */

#footer {
	width: 940px;
	/*margin-top: 25px;*/
	color: #cccccc;
	font-size: 11px;
}

#footer  a:link, #footer  a:visited, #footer  a:hover, #footer  a:active {
	text-decoration: none;
	color: #999999;
	font-size:11px;
}

#footerleft {
	float:left;
	width: auto;
}
#footerright {
	float:right;
	width: auto;
}

/* Footer Navigation */
#footernav {
	height: 20px;
	margin-top: 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}

#footerNavigation  a:link, #footerNavigation  a:visited, #footerNavigation  a:hover, #footerNavigation  a:active {
	text-decoration: none;
	color: #999999;
	font-size:11px;
}
#footerNavigation li {
	margin-right: 15px;
}


/* Quicksearch */
.quicksearchSumit {
	vertical-align: top;
}

#tx-indexedsearch-searchbox-sword {
	width: 180px;
	margin-left: 10px;
	margin-right: 5px;
}


#contentMain {
	/*margin-bottom: 145px;*/
	margin-bottom: 200px;
}
#contentMain .tx-niexpose-pi1 {
	float:left;
}

/* Content Footer */
#content_footer {
	bottom:45px;
	left:215;
	position:absolute;
	width:425px;
}

/*IE6 + IE7*/
* html #content_footer, html* #content_footer {
	bottom: 75px;
}

#totop {
	padding-top: 45px;
}
#totop  a:link, #totop  a:visited, #totop  a:hover, #totop  a:active {
	background-image:url(/fileadmin/templates/img/totop.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#195BA2;
	font-size:12px;
	padding-left:10px;
	text-decoration:none;
}


hr.totop {
	color: #97b9dc;
	background-color: #97b9dc;
	height:1px;
	border: 0;
	margin-bottom: 20px;
}


/* Last visited pages */
#lastpage  a:link, #lastpage  a:visited, #lastpage  a:hover, #lastpage  a:active {
	text-decoration: underline;
	color: #195BA2;
	font-size:12px;
	line-height: 18px;
}
#lastpage a.active {
	color: #cc0033;
}

hr.lastpage {
	color: #97b9dc;
	background-color: #97b9dc;
	height:1px;
	border: 0;
	margin-top: 20px;
	clear:left;
}
div#lastpage {
	display:table;
}
ul#last_page  {
	float:left;
}
#lastpage li {
	color: #195BA2;
	* width: 100%;
}
	
}
#lastpage li.first {
	margin-left: 0px;
	padding-left: 0px;
}
#lastpage li.last {
	border-right: 0px;
	
}
#lastpage  li.last a:link, #lastpage li.last a:visited, #lastpage li.last a:hover, #lastpage li.last a:active, #lastpage  a:hover {
	color: #CC0033;
	line-height: 18px;
}
#lastpage li.trenner {
	width: 1px;
	height: 12px;
	background-color: #195BA2;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 10px;
}

#lastpage h2 {
	color: #666666;
	margin-bottom: 2px;
}
/* End Content Footer */


/* Rechner */
#rechner_related_content {
	background-color:#C3D4E7;
	margin-left:-15px;
	padding-bottom:10px;
}

.clear {
	clear:both;
}




.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/************************************************************
					Krankmeldung
************************************************************/
form.krankmeldung fieldset {
	border: 0px;
}

form.krankmeldung legend{
	padding-top: 20px;
	font-weight: bold;
	color: #000;
}

form.krankmeldung div.fieldleft {
	width: 45%;
	float: left;
	clear: both;
}

form.krankmeldung div.fieldleftwide {
	width: 100%;
	float: left;
	clear: both;
}

form.krankmeldung div.fieldleftwider {
	width: 100%;
	float: left;
	clear: both;
}

form.krankmeldung div.fieldright {
	width: 55%;
	float: left;
}

form.krankmeldung div.fieldrightslim {
	width: 40%;
	float: left;
}

form.krankmeldung div.fieldrightmatchingslim {
	clear: both;
}



form.krankmeldung div.fieldrightNoLeft {
	margin-left: 45%;
	width: 55%;
	float: left;
}

form.krankmeldung div.fieldrightNoLeftmatchingslim {
	margin-left: 50%;
	width: 50%;
	float: left;
}

form.krankmeldung div.fieldrightNoLeftslim {
	margin-left: 60%;
	width: 40%;
	float: left;
	background-color: #0f0;
}

form.krankmeldung div.fieldboth {
	width: 100%;
	float: left;
}

form.krankmeldung div.fieldleft,
form.krankmeldung div.fieldleftwide,
form.krankmeldung div.fieldleftwider,
form.krankmeldung div.fieldright,
form.krankmeldung div.fieldrightslim,
form.krankmeldung div.fieldrightmatchingslim,
form.krankmeldung div.fieldrightNoLeft,
form.krankmeldung div.fieldrightNoLeftmatchingslim,
form.krankmeldung div.fieldrightNoLeftslim,
form.krankmeldung div.fieldboth {
	margin-bottom: 5px;
}

form.krankmeldung label{
	width: 166px;
	display: block;
	float: left;
	clear: both;
	padding-right:4px;
}

form.krankmeldung div.fieldrightslim label {
	width: 98px;
}

form.krankmeldung div.fieldleftwide label {
	width: 166px;
}

form.krankmeldung div.fieldleftwider label {
	width: 492px;
}


form.krankmeldung div.fieldwrap {
	display: block;
	margin-left: 170px;
}

form.krankmeldung div.fieldleftwide div.fieldwrap {
	margin-left: 170px;
}

form.krankmeldung div.fieldleftwider div.fieldwrap {
	margin-left: 492px;
}

form.krankmeldung div.fieldrightslim div.fieldwrap {
	margin-left: 98px;
}

form.krankmeldung div.fieldwrapNoLabel {
	display: block;
}

form.krankmeldung label.labelonly {
	width: 100%;
}

form.krankmeldung input.textinput {
	width: 120px;
}

form.krankmeldung div.fieldleftwide input.textinput,
form.krankmeldung div.fieldrightslim input.textinput,
form.krankmeldung input.textinputsmall {
	width: 90px;
}

form.krankmeldung input.error {
	background-color: #F99;
}

form.krankmeldung label.error {
	color: #F00;
}

form.gewinncodes fieldset {
	border: 0px;
}

form.gewinncodes legend{
	padding-top: 20px;
	font-weight: bold;
	color: #000;
}

form.gewinncodes div.fieldleft {
	width: 45%;
	float: left;
	clear: both;
}

form.gewinncodes div.fieldleftwide {
	width: 100%;
	float: left;
	clear: both;
}

form.gewinncodes div.fieldleftwider {
	width: 100%;
	float: left;
	clear: both;
}

form.gewinncodes div.fieldright {
	width: 55%;
	float: left;
}

form.gewinncodes div.fieldrightslim {
	width: 40%;
	float: left;
}

form.gewinncodes div.fieldrightmatchingslim {
	clear: both;
}



form.gewinncodes div.fieldrightNoLeft {
	margin-left: 45%;
	width: 55%;
	float: left;
}

form.gewinncodes div.fieldrightNoLeftmatchingslim {
	margin-left: 50%;
	width: 50%;
	float: left;
}

form.gewinncodes div.fieldrightNoLeftslim {
	margin-left: 60%;
	width: 40%;
	float: left;
	background-color: #0f0;
}

form.gewinncodes div.fieldboth {
	width: 100%;
	float: left;
}

form.gewinncodes div.fieldleft,
form.gewinncodes div.fieldleftwide,
form.gewinncodes div.fieldleftwider,
form.gewinncodes div.fieldright,
form.gewinncodes div.fieldrightslim,
form.gewinncodes div.fieldrightmatchingslim,
form.gewinncodes div.fieldrightNoLeft,
form.gewinncodes div.fieldrightNoLeftmatchingslim,
form.gewinncodes div.fieldrightNoLeftslim,
form.gewinncodes div.fieldboth {
	margin-bottom: 5px;
}

form.gewinncodes label{
	width: 190px;
	display: block;
	float: left;
	clear: both;
	padding-right:4px;
}

form.gewinncodes div.fieldrightslim label {
	width: 98px;
}

form.gewinncodes div.fieldleftwide label {
	width: 166px;
}

form.gewinncodes div.fieldleftwider label {
	width: 492px;
}


form.gewinncodes div.fieldwrap {
	display: block;
	margin-left: 195px;
}

form.gewinncodes div.fieldleftwide div.fieldwrap {
	margin-left: 195px;
}

form.gewinncodes div.fieldleftwider div.fieldwrap {
	margin-left: 492px;
}

form.gewinncodes div.fieldrightslim div.fieldwrap {
	margin-left: 98px;
}

form.gewinncodes div.fieldwrapNoLabel {
	display: block;
}

form.gewinncodes label.labelonly {
	width: 100%;
}

form.gewinncodes input.textinput {
	width: 120px;
}

form.gewinncodes div.fieldleftwide input.textinput,
form.gewinncodes div.fieldrightslim input.textinput,
form.gewinncodes input.textinputsmall {
	width: 90px;
}

form.gewinncodes input.error {
	background-color: #F99;
}

form.gewinncodes label.error {
	color: #F00;
}

/* bugfix */
#slider div.csc-textpic img.extern {
	border: 0 none;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 9px;
}


/* -- Atupri Aktiv Wandern -- */

#filter {
	background-color: #dedede;
	margin-bottom: 5px;
	width: 100%;
	display: inline-block;
	padding-bottom: 10px;
}
#wandertipps td {
	vertical-align: top;
	line-height: 25px;
	padding-right: 15px;
} 

#filter .aktivform {
	padding: 10px;
}

#filter #schwierigkeit {
	width: 25%;
	float: left;
}
#filter #region {
	width: 33%;
	float: left;
}
#filter #thema {
	width: 25%;
	float: left;
}
#filter #submit {
	float: right;
	text-align: right;	
}


/* Rating */
DIV.tx-ratings-pi1 {
	float: left;
	margin-left: 10px;
}

.tx-ratings { padding-top: 35px; }
.tx-ratings-grey-bar { width: 150px; height: 30px; background-image: url(../img/komodeomedia.gif); }
.tx-ratings-gold-bar { height: 30px; background: url(../img/komodeomedia.gif) repeat-x 0 -30px; }
.tx-ratings-vote-bar { width: 150px; height: 30px; }
.tx-ratings-vote-bar DIV A { width: 30px; height: 30px; }
.tx-ratings-vote-bar DIV A:hover { background-image: url(../img/komodeomedia.gif); background-position: 0 -60px; }
.tx-ratings-text { font-size: 11px; }

.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 30px; z-index: 5; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 60px; z-index: 4; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 90px; z-index: 3; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 120px; z-index: 2; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 150px; z-index: 1; }


#facebook {
	float: right;
    margin-top: 25px;
}




/* Ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#body, #site {
	width: 1024px !important;
	max-width: 1024px !important;
	overflow: hidden;
	text-align: left;
}
img {
		max-width: 1024px;
	}

}


/* Iphone */
/* Portrait */
@media screen and (max-device-width: 320px) {
	body {
		width: 100%;
	}
	#site {
		width: 320px !important;
		max-width: 480px !important;
		overflow: hidden;
		text-align: left;
	}
	img {
		max-width: 320px;
	}
}
/* Landscape */
@media screen and (min-device-width: 321px) and (max-device-width: 480px) and (orientation:landscape) {
	body {
		width: 100%;
	}
	  #site {
		width: 480px !important;
		max-width: 480px !important;
		overflow: hidden;
		text-align: left;
	 }
	 img {
		max-width: 480px;
	 }
}

ul#subnav a.mbonly1 {
	display: none;
}