@charset "utf-8";
/***************************************************************************
Bergblumen Touristic CSS - Definitionen für Mobilphons
***************************************************************************/

/***************************************************************************
iPhone Bildschirm Aufloesung
***************************************************************************/
/*Bildschirm 320px bis 400px - portrait */
@media only screen and (min-width:320px) and (max-width:420px) and (orientation:portrait)
{
	div#wrapper { width: 98%;}
	.header { width: 94%; height: auto;}
	.logo { width: 18%; margin-left: 2%; margin-right: 1%;}
	.logoBild { width: 90%; height: auto;}
	.company-d { width: 28%; margin-right: 4%;}
	.deText1 { width: 110%;}
	.company-cn { width: 40%;}
	.cnText1 { width: 110%;}
	.main { width: 94%;}
	.menuHaupt { width: 94%; height: 20%;}
	.menuCH { width: 43%; height: 20px; margin-bottom: 4px; margin-left: 2%; margin-right: 2%; margin-top: 4px; font-size: 100%;}
	.menuBody { width: 80%; font-size: 76%;}
	.reiseAngebote { width: 94%;}
	@media only screen and (min-width:320px) and (max-height:480px) and (orientation:portrait)
	{
		.reiseAngebote { height: 17.4rem;}
		.text_wir { height: 23.7rem; font-size: 80%;}
		.ticketAngebote { height: 16.4rem; font-size: 60%;}
		.titel { font-size: 70%;}
		.schiffAngebote { height: 12rem;}
		.titel_schiff { font-size: 90%}
	}
	@media only screen and (min-width:320px) and (min-height:481px) and (max-height:533px) and (orientation:portrait)
	{
		.reiseAngebote { height: 21rem;}
		.text_wir { height: 25.8rem; font-size: 80%;}
		.ticketAngebote { height: 19rem; font-size: 70%;}
		.titel { font-size: 70%;}
		.schiffAngebote { height: 16rem;}
		.titel_schiff { font-size: 100%}
	}
	@media only screen and (min-width:320px) and (min-height:534px) and (orientation:portrait)
	{
		.reiseAngebote { height: 23rem;}
		.text_wir { height: 29rem; font-size: 80%;}
		.ticketAngebote { height: 22.4rem; font-size: 70%;}
		.titel { font-size: 70%;}
		.schiffAngebote { height: 25.8rem;}
		.titel_schiff { font-size: 100%}
	}
	.karteBusreisen { width: 90%;}
	.ChinaTAB { width: 45%; font-size: 100%; padding: 1%;}
	.bild1 { width: 100%;}
	.text_wir { width: 90%;}
	.ticketAngebote { width: 94%;}
	.titel { width: 94%;}
	.titel_schiff { width: 94%;}
	.schiffAngebote { width: 94%;}
	.schiffTAB { width: 86%; font-size: 70%;}
	.bild2{ width: 100%;}
	.bildBerlin { width: 280px; margin-top: 6px;}
	.kontakt { width: 280px; margin-top: 6px; font-size: 12px;}
	footer { width: 94%; font-size: 70%}
}
/*Bildschirm 480px bis 740px - landscape */
@media only screen and (min-width:480px) and (max-width:740px) and (orientation:landscape)
{
	div#wrapper { width: 98%;}
	.header { width: 94%; height: auto;}
	.logo { width: 18%; margin-left: 2%; margin-right: 1%;}
	.logoBild { width: 60%; height: auto;}
	.company-d { width: 28%; margin-right: 4%;}
	.deText1 { width: 90%;}
	.company-cn { width: 40%;}
	.cnText1 { width: 90%}
	.main { width: 94%;}
	.menuHaupt { width: 98%; height: 20%;}
	.menuCH { width: 28%; height: 20px; margin-bottom: 2px; margin-left: 2%; margin-right: 1%; margin-top: 4px; font-size: 16px;}
	.menuBody { width: 80%; font-size: 76%;}
	.reiseAngebote { width: 90%; height: 156px;}
	@media only screen and (min-height:320px) and (orientation:landscape)
	{
		.reiseAngebote { height: 10.4rem;}
		.text_wir { height: 14rem; font-size: 80%;}
		.ticketAngebote { height: 8.4rem; font-size: 70%;}
		.titel { font-size: 70%;}
		.schiffAngebote { height: 11rem;}
		.titel_schiff { font-size: 90%}
	}
	@media only screen and (min-height:360px) and (max-height:384px) and (orientation:landscape)
	{
		.reiseAngebote { height: 11.8rem;}
		.text_wir { height: 15.4rem; font-size: 80%;}
		.ticketAngebote { height: 8.4rem; font-size: 80%;}
		.titel { font-size: 80%;}
		.schiffAngebote { height: 12rem;}
		.titel_schiff { font-size: 100%}
	}
	@media only screen and (min-height:385px) and (orientation:landscape)
	{
		.reiseAngebote { height: 14.4rem;}
		.text_wir { height: 18rem; font-size: 80%;}
		.ticketAngebote { height: 11.4rem; font-size: 90%;}
		.titel { font-size: 80%;}
		.schiffAngebote { height: 14.6rem;}
		.titel_schiff { font-size: 100%}
	}
	.ChinaTAB { width: 48%; font-size: 100%; padding: 1%;}
	.bild1 { width: 100%;}
	.text_wir { width: 90%;}
	.ticketAngebote { width: 80%;}
	.titel { width: 94%;}
	.titel_schiff { width: 94%; font-size: 90%;}
	.schiffAngebote { width: 94%;}
	.schiffTAB { width: 84%; font-size: 80%}
	.bild2{ width: 100%;}
	.bildBerlin { width: 280px; margin-top: 10px;}
	.kontakt { width: 280px; margin-top: 10px; font-size: 16px;}
	footer { width: 98%; font-size: 60%}
}


/***************************************************************************
Bereich Body
***************************************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/bg117.jpg);
	font-size: 16px;
	color: #000;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div#wrapper {
	margin: 0 auto;
	font-size: 90%;
}
/***************************************************************************
Bereich Header
***************************************************************************/
header {
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 6px;
	margin-left: auto;
}

.logo {
	float: left;
}

.company-d {
	padding-top: 6px;
	float: left;
}

.company-cn {
	padding-top: 6px;
	float: left;
}

/*************************************************************************
Menuebereich - Alle Seiten
**************************************************************************/
.main { margin-left: auto; margin-right: auto; float: left;}

.menuHaupt {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-left: 1%;
	margin-right: auto;
	margin-bottom: 4px;
	float: left;
}

.menuCH {
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-radius: 8px;
	float: left;
}

.menu1 { 
	margin-left: 10px;
	margin-right: auto;
}

.menuBody { margin-left: 10px;}

.rueckButton {
	font-size: 120%;
}

.lineWidth {
	text-align: center;
}

/*************************************************************************
Bereich Reise-Angebote
**************************************************************************/
.reiseAngebote {
	overflow: auto;
	text-align: center;
	margin-left:4%;
	margin-right: auto;
}

.schiffAngebote {
	overflow: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.ticketAngebote {
	overflow: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.text_wir {
	padding-left: 6px;
	padding-right: 6px;
	overflow: auto;
	float: left;
}

.titel {
	text-align: center;
	float: left;
}

.titel_schiff {
	text-align: center;
	float: left;
}

.bildMittig {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tourPreis {
	color: #C00;
}

/*************************************************************************
Tabellen ELemente - Chine Index Seite
**************************************************************************/
.ChinaTAB {
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.schiffTAB {
	margin-left: auto;
	margin-right: auto;
}

.tablist2 {
	width: 19%;
	text-align: center;
}

.tablist3 {
	width: 29%;
	text-align: center;
}

.tabTitel2 {
	width: 19%;
	text-align: center;
	color: #00F;
}

.tabTitel3 {
	width: 29%;
	text-align: center;
	color: #00F;
}

.bildChinaworte {
	display: block;
   margin-left: auto;
   margin-right: auto;
}

.bildBerlin {
	margin-left: auto;
	margin-right: auto;
}

.kontakt {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-left: auto;
	margin-right: auto;
}

/*************************************************************************
Text Elemente - 
**************************************************************************/
.clearFloat {
	clear: left;
}

.mitte {
	text-align: center;
}

/*************************************************************************
Fu�bereich - Alle Seiten
**************************************************************************/
footer {
	padding-top: 4px;
	text-align: center;
	float: left;
}

/*************************************************************************
Links der Page
**************************************************************************/
a:link { font-weight:bold; color: #009; text-decoration:none; }
a:visited { font-weight:bold; color: #606; text-decoration:none; }
a:hover { font-weight:bold; color: #060; text-decoration:none; }
a:active { font-weight:bold; color: #F60; text-decoration:underline; }