/* ---------------- allgemeine formate ------------------ */



BODY {

	color: 		#FFF;

	background: 	#FFF;
	background-image: url(/touren/font.png); 
	background-repeat: repeat-y; 

	margin: 	0;
	padding:	0;
	border: 	none;
}


hr {
	display:	none;
}



p, h1, h2, h3, h4, h5, h6 {
	margin-top:	0;
}



h1 {
	font-family: 	Georgia,Times;
	font-size:	24px;
	line-height:	29px;
	font-weight:	normal;
}



h2 {
	font-family: 	Georgia,Times;
	font-size:	24px;
	line-height:	29px;
	font-weight:	normal;
}



h3 {
	font-family: 	Tahoma,Verdana,Arial,Sans-Serif,Helvetica;
	font-weight:	bold;
	font-size:	11px;
	line-height:	16px;
	letter-spacing:	1px;
	text-transform:	uppercase;
	margin-bottom:	5px;
}



i {
	font-style:	normal;
}


ul{
	color: #fff;
}

li{
	color: #fff;
}




select {
	font-size: 	11px;
	text-transform:	none;
	font-weight:	bold;
	letter-spacing:	0;
	line-height:	13px;
	width:		75%;
	color:		#000;
	padding:	0;
	margin:		0;
	border:		none;
	background-color: none;
}




/* ---------------- linkfarben ------------------ */



A {
	text-decoration: none;
}

A:link,
A:visited {
	color:		#fff;
}

A:active, 
A:hover {
	color:		#F93;
}



A.dunkelgrau:link, 
A.dunkelgrau:visited {
	color:		#CCC;
}

A.dunkelgrau:active, 
A.dunkelgrau:hover {
	color:		#FFF;
}



A.grau:active, 
A.grau:hover {
	color:		#CCC;
}


A.lila:active, 
A.lila:hover {
	color:		#C6C;
}


A.pink:active, 
A.pink:hover {
	color:		#F6C;
}


A.rot:active, 
A.rot:hover {
	color:		#F9C;
}


A.hellgelb:link, 
A.hellgelb:visited {
	color:		#FFA975;
}

A.hellgelb:active, 
A.hellgelb:hover {
	color:		#FFF;
}




/* ---------------- tooltip ------------------ */



a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
	position:	relative;
}
  
a.tooltip:hover {
	color:		#0000ff; 
	background:	transparent;
}

a.tooltip span {
	display:	none;  
	text-decoration: none; 
}

a.tooltip:hover span {

	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	12px;
	text-transform:	none;

	font-weight:	normal;
	letter-spacing:	0px;

	background: 	#999;

	display:	block;

	position:	absolute; 
	top:		36px; 
	left:		-220px; 
	width:		280px;

	color:		#fff; 
	padding:	6px;
	
	z-index: 4;
	overflow: visible;
}






/* ---------------- tooltip guides ------------------ */



a.tooltipguides, a.tooltipguides:link, a.tooltipguides:visited, a.tooltipguides:active  {
	position:	relative;
}
  
a.tooltipguides:hover {
	color:		#0000ff; 
	background:	transparent;
}

a.tooltipguides span {
	display:	none;  
	text-decoration: none; 
}

a.tooltipguides:hover span {

	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	12px;
	text-transform:	none;

	font-weight:	normal;
	letter-spacing:	0px;

	background: 	#999;

	display:	block;

	position:	absolute; 
	top:		10px; 
	left:		-40px; 
	width:		280px;

	color:		#fff; 
	padding:	6px;
}







/* ---------------- hintergrundfarben ------------------ */


.lila{
	background: 	#939;
}


.pink{
	background: 	#C39;
}


.rot{
	background: 	#F06;
}


.gelb{
	background: 	#F93;
}


.grau{
	background: 	#999;
}







/* ---------------- layoutraster ------------------ */



	/* -------- home ------------- */


#foto-home{

	background-image: url(/home/titelbild.jpg);
	background-position: top left;

	position:	absolute;

	width:		950px;
	height:		195px;

	top:		10px;
	left:		0;

	padding:	0;
	margin:		0;
}



#claim-home {

	background-image: url(/home/claim.font.png);
	background-position: top left;

	font-family: 	Georgia,Times;
	font-size:	20px;
	text-transform:	lowercase;
	text-align:	right;

	color: 		#FFF;

	position:	absolute;

	top:		205px;
	left:		0;

	width:		942px;
	height:		33px;

	padding:	10px 8px 0 0;
	margin:		0;
	border:		0;
}



#tourenauswahl-box-01 {

	position:	absolute;

	top:		248px;
	left:		0;

	width:		950px;
	height:		220px;

	padding:	0;
	margin:		0;
	border:		0;
}



#tourenauswahl-box-02 {

	position:	relative;

	top:		0;
	left:		0;

	width:		140px;
	height:		220px;

	padding:	0;
	margin:		0 0 0 15px;

	float:		left;
}



#tourenauswahl-pfeil {

	position:	absolute;

	top:		108px;
	left:		0px;

	width:		12px;
	height:		12px;

	padding:	0;
	margin:		0;
}



#tourenauswahl-box-03 {

	font-family: 	Tahoma,Verdana,Arial,Sans-Serif,Helvetica;
	font-weight:	bold;
	font-size:	11px;
	line-height:	16px;
	letter-spacing:	1px;
	text-transform:	uppercase;

	position:	absolute;

	top:		110px;
	left:		13px;

	width:		127px;
	height:		110px;

	padding:	0;
	margin:		0;
}




#content-startseite-links {
	position: absolute;
	left: 15px;
	top: 446px;
	width: 620px;
	margin: 4px 0 18px 0px;
	font-family: Verdana,Arial,Sans-Serif,Helvetica;
	font-size: 12px;
	line-height: 18px;
}


#content-startseite-news {
	margin: 0 0 0 105px;
}


#content-startseite-rechts {
	position: absolute;
	left: 710px;
	top: 446px;
	width: 260px;
	margin-top: 4px;
	margin-bottom: 18px;
	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size: 12px;
	line-height: 18px;
}



#content-startseite-news ul {
	padding: 0px;
	margin: 0px;
}
#content-startseite-news li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1.5em;
}



#content-startseite-rechts ul {
	padding: 0px;
	margin: 0px;
}
#content-startseite-rechts li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1.5em;
}






#fusszeile-1 {

	position:	absolute;

	bottom:		80px;
	left:		0px;

	width:		950px;
	height:		80px;

	padding:	0;
	margin:		50px 0 0 15px;
	border:		0;
}



#fusszeile-2 {

	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	12px;
	line-height:	18px;

	position:	absolute;

	bottom:		0px;
	left:		0px;

	width:		950px;
	height:		20px;

	padding:	0 0 0 15px;
	margin:		0;
	border:		0;
}



	/* -------- text ---------- */


#layoutbox-21 {

	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	12px;
	line-height:	18px;

	position:	absolute;

	top:		278px;
	left:		0;

	width:		965px;

	padding:	0;
	margin:		0;
}


#layoutbox-22 {

	padding:	0;
	margin:		0 0 150px 0;
}


#layoutbox-23 {

	float:		right;
	width:		725px;
}


#spalte-mitte {

	float:		left;
	width:		510px;
}


#spalte-rechts {

	margin-left:	525px;
	margin-top: 	0;
}


#spalte-links {

	width:		200px;
}


#spalte-mitte-rechts-kombi {

	float:		left;
	width:		510px;
}


#layoutbox-23 ul {

	padding:	0px;
	margin:		10px 20px 20px 0;
}

#layoutbox-23 li {
	line-height:	14px;
	color:		#fff;
	padding:	4px 0px 4px 0px;
	margin:		0px;
	list-style:	none;
	border-style:	solid;
	border-width:	0px 0px 1px 0px;
	border-color:	#F93;
}


.icon-level {

	line-height:	11px;
	height:		11px;
	padding:	0;
	margin:		0;
	vertical-align: bottom;

}





.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ---------------- produkte ------------------ */

.produkt {
	padding:	0px;
	margin:		0 20px 6em 0;
	border-style:	solid;
	border-width:	1px 0px 0px 0px;
	border-color:	#F93;
	color: #fffff;
}

.produktImage {
	float: left;
	width: 295px;
	padding: 0;
	margin: 0;
}

.produktBody {
	margin-left: 300px;
}

/* ---------------- news ------------------ */

.news {
	padding:	0px;
	margin:		0 20px 6em 0;
	border-style:	solid;
	border-width:	1px 0px 0px 0px;
	border-color:	#F93;
	color: #fffff;
}

.newsImage {
	float: left;
	width: 120px;
	padding: 0;
	margin: 0;
}

.newsBody {
	margin-left: 135px;
}


/* ---------------- kopfzeile ------------------ */



#kopfzeile-hotline {

	font-family: 	Georgia,Times;
	font-size:	20px;

	color: 		#FFF;
	background:	#FFF;

	position:	absolute;

	top:		0;
	left:		0;

	width:		950px;
	height:		32px;

	padding:	7px 0 0 15px;
	margin:		0;
	border:		0;
}



#kopfzeile-claim {

	font-family: 	Georgia,Times;
	font-size:	20px;
	text-align:	right;

	color: 		#FFF;
	background:	#F93;

	position:	absolute;

	top:		211px;
	left:		0;

	width:		942px;
	height:		33px;

	padding:	10px 8px 0 0;
	margin:		0;
	border:		0;
}







/* ---------------- foto ------------------ */



#titelbild {

	position:	absolute;

	top:		16px;
	left:		292px;

	width:		658px;
	height:		195px;
}



#fotocredit {

	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	10px;

	color:		#F60;

	position:	absolute;

	top:		215px;
	left:		300px;
}







/* ---------------- titel ------------------ */



.titel-text{

	padding:	15px 0 40px 0;
}







/* ---------------- text ------------------ */



.intro{

	font-family: 	Georgia,Times;
	font-size:	15px;
	line-height:	20px;

	padding:	0 40px 40px 0;
}


.fliesstext{

	padding:	0 0 40px 0;
	z-index:	3;
	overflow: visible;
}



.karte-profil-reisebereicht{
	font-family: 	Tahoma,Verdana,Arial,Sans-Serif,Helvetica;
	font-weight:	bold;
	font-size:	11px;
	line-height:	16px;
	letter-spacing:	1px;
	text-transform:	uppercase;

	padding:	0 0 40px 0;
}







/* ---------------- randspalte ------------------ */



.randspalte{

	overflow:	visible;
	padding:	7px 10px 0px 10px;
	margin:		0;
	height:		50px;
}


.abstand{

	height:		30px;
}







/* ---------------- label ------------------ */



.label{

	font-family: 	Tahoma,Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	11px;
	font-weight:	bold;
	line-height:	20px;
	letter-spacing:	1px;
	text-transform:	uppercase;
}


.neu{
	font-family: 	Georgia,Times;
	font-size:	30px;
	line-height:	40px;
	font-weight:	normal;
	text-transform:	lowercase;
}







/* ---------------- level ------------------ */



.level{

	font-family: 	Tahoma,Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	11px;
	font-weight:	bold;
	line-height:	16px;
	letter-spacing:	1px;
	text-transform:	uppercase;
}


.level-stern-aktiv{

	font-size:	16px;
}


.level-stern-passiv{

	font-size:	16px;
	color:		#C6C;
}







/* ---------------- navigation ------------------ */



#navigation-font{

	position:	absolute;

	top:		16px;
	left:		0px;

	width:		292px;
	height:		581px;
}


.navigation-block{

	position:	absolute;

	top:		21px;
	left:		0px;

	width:		292px;
	height:		650px;

	z-index:	3;
}


.navigation-level-1{

	overflow:	hidden;
	padding:	7px 8px 0 0;
	margin:		0;
	width: 		200px;
	height:		50px;
}


.navigation-level-2{

	font-family: 	Verdana,Arial,Sans-Serif,Helvetica;
	font-size:	12px;
	line-height:	20px;

	height:		184px;
	width: 		120px;
	margin:		4px 0 0 80px;
}


.navigation-icon{

	width:		80px;
	height:		45px;
	margin-top:	-3px;
	overflow:	hidden;
	float:		left;
}


.navigation-text{

	font-family: 	Verdana;
	font-weight: 	bold;
	font-size:	11px;

	height:		43px;
	text-transform:	uppercase;
}







/* ---------------- infobox ------------------ */



.infobox{

	color: #fff;
	margin-top:	30px;
	padding-bottom:	15px;
	height:		auto;
}







/* ---------------- termine ------------------ */



.termin{

	height:		auto;
	margin-top:	450px;
	padding-bottom:	15px;
}


.termin-passiv{

	color:		#F93;
}







/* ---------------- preise ------------------ */



.preis-passiv{
	color:		#F9C;
}


.preis-euro{
	font-family: 	Georgia,Times;
	font-weight:	bold;
	font-size:	20px;
	line-height:	40px;
	text-transform:	uppercase;
}







/* ---------------- buchung ------------------ */



.buchung{
	background:	none;
}


.terminorder {
	display: inline;
	float: left;
	width: 252px;
}
.terminstatus {
	display: inline;
	float: left;
	width: 237px;
}


/* ---------------- fusszeile ------------------ */
#print{
	display:	none;
}


/* ---------------- guides ------------------ */
#guides {
	overflow: hidden;
	width: 460px;
	border 1px solid #0f0;
}

div#guides div {
	float: left;
	width: 85px;
	margin: 15px 20px 15px 0;
	font-weight: bold;
	font-size: 10px;
}

div#guides div.gfoto{
	margin-right: 5px;
	width: 120px;
	height: 140px;
	overflow: hidden;
}

/* fuer kleinen weissen rahmen um das img 
div#guides div.gfoto img {
	background: #fff;
	padding: 3px;
}
*/


/* ---------------- suchbegriffe ------------------ */



#keyword-repeat{
	color:		#FFF;
	width:		100px;
	height:		2px;
	overflow:	hidden;
	position:	absolute;
	top:		0;
	left:		0;

	z-index:	-2;
}

/* ---------------- monae ------------------------- */


#terminliste li,
#terminliste ul {
	color:		#FFF;
}


#terminliste A {
	text-decoration: none;
}

#terminliste A:link, #terminliste A:visited {
	color:		#FFF;
}

#terminliste A:active, #terminliste A:hover {
	color:		#F93;
}

#terminliste A.passiv:link, #terminliste A.passiv:visited {
	color:		#F93;
}
#terminliste A.passiv:active, #terminliste A.passiv:hover {
	color:		#F93;
}