@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0;
	padding: 0;
	color: #000;
}
h2 {
	font-size: 18px;
	font-weight: bold;
}
h1 {
	font-size: 24px;
	font-weight: bold;
	font-family: 'Poiret One', "cursive;";
	padding-top: 30px;
	text-shadow: 2px 2px 2px #000;
}
.News_1_Text {
	font-family: 'Poiret One', "cursive;";
	font-size: 14px;
	color: #FFF;
	padding-top: 30px;
	height: 50px;
}
.News_Text {
	font-family: 'Poiret One', "cursive;";
	font-size: 16px;
	text-align: left;
	height: auto;
	padding-bottom: 10px;
	padding-top: 30px;
	line-height: 1px;
}
#copy {
	font-family: 'Poiret One', "cursive;";
	font-size: 12px;
	color: #999;
	float: left;
	margin-bottom: 15px;
	padding-left: 31px;
	padding-top: 15px;
	width: auto;
}
#Impressum {
	font-family: 'Poiret One', "cursive;";
	font-size: 12px;
	color: #999;
	text-align: right;
	margin-bottom: 15px;
	padding-right: 31px;
	padding-top: 15px;
	width: auto;
}
.News_2_Text {
	font-family: 'Poiret One', "cursive;";
	font-size: 16px;
	color: #FFF;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
    padding-right: 0px;
    padding-left: 0px;
    font-weight: lighter;
    /* [disabled]background-color: #020202; */
    margin-right: 28px;
    font-family: 'Poiret One', "cursive;";
    text-align: center;
}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
	color: #FFF;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	color: #FFF;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
	color: #FFF;
}

/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
.container {
	background-color: #333; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	font-family: 'Poiret One', "cursive;";
	font-size: 0.8em;
	color: #FFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1100px;
	margin-top: 30px;
}
.container_PG {
	background-color: #333; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	font-family: 'Poiret One', "cursive;";
	font-size: 0.8em;
	color: #FFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1100px;
	margin-top: 30px;
	background-image: url(../images_Startseite/HG_Header_265.jpg);
	background-repeat: repeat-x;
}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
.header {
	background-color: #333333;
	height: 265px;
	background-image: url(../images_Startseite/HG_Header_265.jpg);
	background-repeat: repeat-x;
}
.header_PG {
	background-color: #333333;
	height: 215px;
	background-image: url(../images_Startseite/HG_Header_PG.jpg);
	background-repeat: repeat-x;
}

/* ~~ Dies sind die Layoutinformationen. ~~ 

1) Eine Auffüllung wird nur oben und/oder unten im div-Tag positioniert. Die Elemente innerhalb dieses div-Tags verfügen über eine seitliche Auffüllung. Dadurch müssen Sie keine Box-Modell-Berechnungen durchführen. Zu beachten: Wenn Sie dem div-Tag eine seitliche Auffüllung oder einen Rahmen hinzufügen, werden diese zu der festgelegten Breite addiert und ergeben die *gesamte* Breite. Sie können auch die Auffüllung für das Element im div-Tag entfernen und ein zweites div-Tag ohne Breite und mit der gewünschten Auffüllung im ersten div-Tag einfügen.

*/

.content {
	font-family: 'Poiret One', "cursive;";
	font-size: 1.1em;
	color: #FFF;
	background-color: #333;
	letter-spacing: 0.1em;
	text-align: justify;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
}
.container #content #HG_Impressum {
	padding-right: 28px;
	padding-left: 28px;
	padding-top: 50px;
	font-family: 'Poiret One', "cursive;";
	font-size: 1.1em;
	line-height: 1.3em;
	background-color: #333;
	background-repeat: no-repeat;
	color: #999;
	background-image: url(../images_Startseite/HG_Impressum.jpg);
}
h3 {
	font-size: 1.5em;
	font-family: 'Poiret One', "cursive;";
	color: #999;
	text-shadow: 2px 2px 2px #000;
}
h4 {
	font-family: 'Poiret One', "cursive;";
	font-size: 1.1em;
	line-height: 1.3em;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
	font-weight: 500;
	padding-left: -28px;
}
h6 {
	font-family: 'Poiret One', "cursive;";
	font-size: 0.8em;
	line-height: 1.2em;
	color: #999;
	text-shadow: 2px 2px 2px #000;
	font-weight: 500;
	padding-left: -28px;
}
.Content_FA2010_10_HG {
}
.content_FA {
	font-family: 'Poiret One', "cursive;";
	font-size: 1em;
	color: #FFF;
	background-color: #333;
	letter-spacing: 0.1em;
	text-align: justify;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
}

/* ~~ Fußzeile ~~ */
.footer {
	background-color: #333;
	font-family: 'Poiret One', "cursive;";
	font-size: 12px;
	color: #666;
	padding-right: 0;
	height: 50px;
	background-image: none;
	background-repeat: repeat-x;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
#Logo   {
	padding-top: 30px;
	float: left;
	height: 170px;
	margin-left: 30px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#Name   {
	font-family: 'Poiret One', "cursive;";
	font-size: 60px;
	color: #FFF;
	text-align: right;
	padding-top: 120px;
	margin-right: 30px;
	height: 105px;
	font-weight: lighter;
	padding-left: 30px;
	margin-left: 30px;
	text-shadow: 2px 2px 2px #000;
}
.container .header #Navigation ul li {
	font-family: 'Poiret One', "cursive;";
	font-size: 18px;
	color: #FFF;
	background-color: #000;
	float: left;
	list-style-type: none;
	text-align: center;
	text-shadow: 0.2em 0.em;
	text-shadow: 2px 2px 2px #000;
	width: 150px;
	padding-top: 3px;
	margin-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 19px;
	margin-left: 19px;
	-webkit-transition: all 1ms;
	-moz-transition: all 1ms;
	-ms-transition: all 1ms;
	-o-transition: all 1ms;
	transition: all 1ms;
}
.container .header #Navigation_Zeile {
	background-color: #000;
	height: 90px;
	margin-right: 30px;
	margin-left: 30px;
}
.container .header #Bild_Startseite {
	margin-right: 30px;
	margin-left: 30px;
	font-family: 'Poiret One', "cursive;";
	height: 300px;
}
.fontPoiretOne {
	font-family: 'Poiret One', "cursive;";
}
.container #content .Rahmen_Jahr .Rahmen_Reizeziel .Reiseziel_Beschreibung {
	font-family: 'Poiret One', "cursive;";
	font-size: 18px;
	color: #999;
	float: left;
	width: 530px;
}
.fontTenorSans {
	font-family: 'Poiret One', "cursive;";
}
.container #content .Rahmen_Jahr .Jahreszahl {
	float: left;
	font-family: 'Poiret One', "cursive;";
	font-size: 56px;
	width: 140px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000;
	color: #9B9B9B;
	vertical-align: top;
	padding-top: 10px;
	text-align: left;
	margin-left: -130px;
	padding-left: -20px;
}
.container #content .Rahmen_Jahr .JZ20 {
	width: 160px;
	font-family: 'Poiret One', "cursive;";
	font-size: 36px;
	color: #404040;
	text-shadow: 1px 1px #000;
	float: left;
	text-align: left;
	padding-left: 20px;
	font-weight: 200;
}
.container #content .Rahmen_Jahr .Rahmen_Reizeziel {
	height: auto;
	width: 840px;
	margin-left: 200px;
	padding-top: 25px;
}
.container #content #Weltkarte {
	height: 400px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.container #content .Rahmen_Jahr {
	height: 120px;
}
.container #content .Rahmen_Jahr .Monat {
	float: left;
	font-family: 'Poiret One', "cursive;";
	font-size: 18px;
	width: 160px;
	color: #FFF;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000;
}
.container #content .Rahmen_Kapitel_AF .Startbutton_Kapitel_FA {
	height: 164px;
	float: left;
	width: 245px;
	padding-bottom: 10px;
	padding-left: 39px;
	padding-top: 29px;
}
.container #content .Rahmen_Kapitel_AF .Startbutton_Kapitel_FA_Secrets {
	height: 200px;
	float: left;
	width: 230px;
	padding: 10px;
}
.container #content .Rahmen_Kapitel_AF .HG_Bildrahmen {
	height: 200px;
	float: left;
	width: 285px;
	padding-bottom: 10px;
	background-image: url(../images_Startseite/HG_Startbutton.jpg);
	background-repeat: no-repeat;
	margin-left: 160px;
	padding-top: 10px;
}
.container #content .Rahmen_Kapitel_AF .Text_Kapitel_FA {
	float: left;
	height: 115px;
	font-family: 'Poiret One', "cursive;";
	font-size: 18px;
	padding-top: 105px;
	width: 580px;
	padding-left: 15px;
	font-weight: lighter;
	text-shadow: 2px 2px 1px #000;
	text-align: center;
}
.container #content .Rahmen_Kapitel_AF .Text_Kapitel_FA_Fotobuch {
	float: left;
	height: 115px;
	font-family: 'Poiret One', "cursive;";
	font-size: 14px;
	width: 580px;
	font-weight: lighter;
	text-shadow: 2px 2px 1px #000;
	text-align: center;
	text-decoration: none;
	padding-top: 25px;
}
.container #content .Rahmen_Kapitel_AF {
	height: 250px;
	width: 1040px;
}
.container #content .Rahmen_Kapitel_AF_Fotobuch {
	/* [disabled]height: 250px; */
	width: 1040px;
	text-align: left;
	text-decoration: underline;
}
.container #content .Rahmen_Jahr .Reiseziel {
	font-family: 'Poiret One', "cursive;";
	font-size: 18px;
	color: #FFF;
	width: 150px;
	float: left;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000;
}
.Content_FA2012_07_HG {
	background-image: url(../Fotoatlas/2012_07_Sylt_Amrum/Startbuttons/HG_Willkommen_Startseite_Reise.jpg);
	background-repeat: no-repeat;
	background-color: #333;
}
.Content_FA2012_12_HG {
	background-image: url(../Fotoatlas/2012_11_SeaCloud_II_TRAX/Startbuttons/HG_Willkommen_Startseite_Reise_2012_11.jpg);
	background-repeat: no-repeat;
}
.Content_FA2012_12_HG {
	background-image: url(../Fotoatlas/2012_11_SeaCloud_II_TRAX/Startbuttons/HG_Willkommen_Startseite_Reise_2012_11.jpg);
	background-repeat: no-repeat;
}
.Content_FA2014_7_HG {
	background-image: url(../Fotoatlas/2014_07_QM_II_Schnupperreise/Startbuttons/HG_Willkommen_Startseite_Reise_QM_II_2014_07.jpg);
	background-repeat: no-repeat;
}
.Content_FA2015_5_HG {
	background-image: url(../Fotoatlas/2015_05_21_EUROPA_II_Schnupperreise/Startbuttons/HG_Willkommen_Startseite_Reise_EUROPA_2_2015.jpg);
	background-repeat: no-repeat;
}
.Content_FA2015_12_HG {
	background-image: url(../Fotoatlas/2015_12_SeaCloud_II_TRAX/Startbuttons/HG_Willkommen_Startseite_Reise_2015_12.jpg);
	background-repeat: no-repeat;
}
.container #content .Content_FA2015_12_HG {
}
.Content_FA2016_08_HG {
	background-repeat: no-repeat;
	background-image: url(../Fotoatlas/2016_08_HH_bis_Montreal/Seitensteuerung/HG_Willkommen_Startseite_Reise_2016_08.jpg);
}
.Content_FA2018_01_HG {
	background-repeat: no-repeat;
	background-image: url(../Fotoatlas/2018_02_Kapstadt_bis_Colombo/Seitensteuerung/HG_Willkommen_Startseite_Reise_2018_01.jpg);
}
.Content_FA2017_12_HG {
	background-repeat: no-repeat;
	background-image: url(../Fotoatlas/2018_01_St_Petersburg/Seitensteuerung/HG_2017_12.jpg);
}
.Content_FA2017_06_HG {
	background-repeat: no-repeat;
	background-image: url(../Fotoatlas/2017_06_SCII_Edingurgh_bis_Travemuende/Seitensteuerung/HG_2017_06.jpg);
}
.Content_FA2015_5_95x1995_HG {
	background-image: url(../Fotoatlas/2015_05_14_Rene_Vaduz_95_x_1995/Startbuttons/HG_Willkommen_Startseite_2015_05_14_95_x_95.jpg);
	background-repeat: no-repeat;
}
.container #content #INDEX_Slideshow {
	height: 300px;
}
.Content_FA2011_10_HG   {
	background-image: url(../Fotoatlas/2011_10_Champagne/Startbuttons/HG_Willkommen_Startseite_Reise_2011_10.jpg);
	background-color: #333;
	background-repeat: no-repeat;
}
.container #content .Seitenueberschrift_Reise_FA  {
	font-size: 18px;
	text-align: center;
	font-family: 'Poiret One', "cursive;";
	text-shadow: 3px 3px 3px #000;
	width: auto;
	color: #CCC;
}
.container #content .IN_ARBEIT {
	font-size: 16px;
	text-align: center;
	font-family: 'Poiret One', "cursive;";
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
}
.Content_FA2011_05_HG {
	background-image: url(../Fotoatlas/2011_05_Seattle_Vancouver_Tofino/Startbuttons/HG_Willkommen_Startseite_Reise_2011_05.jpg);
	background-repeat: no-repeat;
}
.Content_FA2015_08_HG {
	background-image: url(../Fotoatlas/2015_08_Seattle_Vancouver_Tofino/Startbuttons/HG_Willkommen_Startseite_Reise_2015_08.jpg);
	background-repeat: no-repeat;
}
.Content_FA2019_12_HG {
    background-image: url(../Fotoatlas/2019_12_Seattle_Tofino_Vancouver/Startbuttons/HG_Willkommen_Startseite_Reise_2019_12.jpg);
    background-repeat: no-repeat;
}
.Content_FA2010_11_HG {
	background-image: url(../Fotoatlas/2010_11_SeaCloud_II_TRAX/Startbuttons/HG_Willkommen_Startseite_Reise_2010_11.jpg);
	background-repeat: no-repeat;
}
#Reise_Kapitel_Ueberschrift    {
	width: 984px;
	font-family: 'Poiret One', "cursive;";
	font-size: 15px;
	color: #666;
	padding-top: 17px;
	text-align: center;
	text-shadow: 0px 0px;
	line-height: 100%;
	margin-left: 28px;
	font-weight: 200;
}
#Bilder_scro    {
    width: 1027px;
    font-family: 'Poiret One', "cursive;";
    font-size: 15px;
    color: #ACACAC;
    text-shadow: 0px 0px;
    line-height: 100%;
    font-weight: 200;
    margin-top: 20px;
    overflow-y: auto;
    max-height: 750px;
    /* [disabled]padding-left: 0px; */
    border-spacing: 0px 0px;
    margin-left: 20px;
    margin-right: 0px;
}
#Bilder_scroll_horizontal    {
	width: 1002px;
	font-family: 'Poiret One', "cursive;";
	font-size: 15px;
	color: #ACACAC;
	text-shadow: 0px 0px;
	line-height: 100%;
	font-weight: 200;
	margin-top: 20px;
	max-height: 750px;
	text-align: justify;
	/* [disabled]padding-left: 0px; */
	border-spacing: 0px 0px;
	margin-left: 20px;
	margin-right: 0px;
	overflow-x: auto;
}
#Movie    {
    font-family: 'Poiret One', "cursive;";
    font-size: 14px;
    color: #E5E3E3;
    padding-top: 20px;
    text-align: justify;
    text-shadow: 0px 0px;
    line-height: 120%;
    margin-left: 28px;
    font-weight: 200;
    height: 700px;
    padding-left: 30px;
    padding-bottom: 10px;
    background-color: #000000;
    margin-top: 20px;
    overflow-x: auto;
    overflow-y: auto;
    width: 960px;
    font-style: normal;
    visibility: visible;
    right: auto;
    margin-right: 0px;
}
#Movie_Hoernchen    {
    font-family: 'Poiret One', "cursive;";
    font-size: 14px;
    color: #E5E3E3;
    padding-top: 20px;
    text-align: justify;
    text-shadow: 0px 0px;
    line-height: 120%;
    margin-left: 28px;
    font-weight: 200;
    height: 700px;
    padding-bottom: 10px;
    background-color: #000000;
    margin-top: 20px;
    overflow-x: auto;
    overflow-y: auto;
    width: 960px;
    font-style: normal;
    visibility: visible;
    right: auto;
    margin-right: 0px;
}
.container_PG #content #PhotoGallery {
    background-image: url(../images_Startseite/HG_Photogallery.jpg);
    height: 830px;
    width: 1040px;
}
.container_FA2008_Hausbau {
	background-image: url(../Fotoatlas/2008_Hausbau/Seitensteuerung/HG_2008_Hausbau.jpg);
}
#content .Content_FA2008_hausbau {
	background-image: url(../Fotoatlas/2008_Hausbau/Seitensteuerung/HG_2008_Hausbau.jpg);
	background-repeat: no-repeat;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #999;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Poiret One", "cursive;";
	text-align: center;
}
.Content_FA2010_10_HG {
	background-image: url(../Fotoatlas/2010_10_Weinreise_Priorat_HT/Startbuttons/HG_Willkommen_Startseite_Reise_2010_10.jpg);
	background-repeat: no-repeat;
}
.Hinweis {
	background-image: url(../images_Vorlagen/Mouseover.png);
	height: 135px;
	width: 266px;
	position: fixed;
	background-repeat: no-repeat;
	margin-left: -200px;
}
.Content_FA2014_11_HG {
	background-position: center 0%;
	background-image: url(../Fotoatlas/2014_11_SeaCloud_II_TRAX/Seitensteuerung/HG_SCII_2014_11_DELFIN.jpg);
	background-repeat: no-repeat;
}
.Content_FA2015_11_HG {
	background-position: center 0%;
	background-image: url(../Fotoatlas/2014_11_SeaCloud_II_TRAX/Seitensteuerung/HG_SCII_2014_11_DELFIN.jpg);
	background-repeat: no-repeat;
}