* {
	margin: 0;
	padding: 0;
	border:0px;
}
img {
	border:0px;
}
/* Style all font awesome icons

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}
 
.fa:hover {
  opacity: 0.7;
}
 */
/*
ul.social-icons {
	margin-top:15px;
}
*/
ul.social-icons li {
	display:inline-block;
	float:none;
	padding:12px;
	width:10px;
	height:10px;
	position:relative;
/*	background:#555; */
	background-color:transparent;
	color:#7b7bea;  
/*	border-color:#7b7bea; */
	margin-right:5px;
/*	border-radius:50%; */
}

ul.social-icons li {
	display:inline-block;
	float:none;
	padding:12px;
	width:10px;
	height:10px;
	position:relative;
	background:transparent;
	margin-right:5px;
/*	border-radius:50%; 
	border:1px solid #7b7bea;  */
}
ul.social-icons li i {
	position:absolute;
	font-size:15px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
}
ul.social-icons li a {
	color:inherit;
}
ul.social-icons li a i {
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	transition-property:transform;
	overflow:hidden;
}
ul.social-icons li a i:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}
ul.social-icons li a:hover {
	text-decoration: none;
	color:#ff6400;
	
}
















a:link {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
/*	text-decoration: none; */
	color:navy;
}
	color:navy;
}
a:hover {
	color:red;
}
a:active {
	color:orange;
}
a:visited {
	color:purple;
}
a:focus{
	color:green;
}
 
#masthead {
	text-align:center;
	margin:0 auto;
	max-width:1248px;
}
#headernaviholder {
	position:absolute;
    position: fixed;
	top: 12px;
    width: 100%;
}
#logo {
	position:absolute;
 	height:60px; /* 52+8 */
	float: left;
	width:390px;
}
 
.fettblau {
	font-size:14px; color:midnightblue; font-weight:bold;
}
.fettblau:hover {
	font-size:14px; color:red; font-weight:bold;
}
.midnightblue {
	color:midnightblue;
	font-family:Salsa, serif;
}

/* googlesuch */
.suchfeldstil {
	width: 276px;
	height: 24px;
	border: 1px solid #CFD8EE;
	margin-left: 0px;
	font-family: Orienta, Tahoma;
	font-size: medium;
		background-color:aliceblue;

}
.suchfeld {
	width: 276px;
	height: 24px;
	border:1px solid #CFD8EE;
	margin-top:2px;
	margin-bottom:4px;
		background-color:aliceblue;

}
.suchknopf {
	height: 24px;
	width: 138px;
	background-color: #CFD8EE;
	margin-top:4px;
}
.suchknopf:hover {
	height: 26px;
	width: 138px;
	background-color:greenyellow;
}
.suchknopf: active {
	height: 26px;
	width: 138px;
	background-color:red;
}

.hide_des_hakerl {
	visibility: hidden;
	height: 4px;
}
.noatext {
	text-align: left;
	color: #191970;
}
.zwitterknopf {
	height:20px;
	width:49px;
}
.muellstyle {
	color:midnightblue;
	font-family: Orienta, Tahoma;
	font-size: small;	
	margin-bottom:60px;	border-radius:12px;

}
.searchsome {
	color:midnightblue;
	font-family: Orienta, Tahoma;
	font-size: small;	
}
#copyright {
	position:fixed;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color:darkgrey;
    text-align: left;
    margin-bottom:0px;
    margin-left:0px;
}
.anmerkung {
	text-align:left;
	/* hangingindent : 1. Zeile normal 12px; ab der 2. Zeile dann +18. Achtung: Hinter dem asterisk 2 nbsp machen!*/
    padding-left: 6px ;
    text-indent: -6px ;
	color:#0e3984;
	font-family: Orienta, Tahoma, sans-serif;
	}
/* Style all font awesome icons 
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}
*/
/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand 
 
.fa-facebook {
  background: #3B5998;
  color: white;
}

 
.fa-twitter {
  background: #55ACEE;
  color: white;
}
*/
span.ib, transi {display:inline-block;}


.blueamberbox {
	/* kein padding, damit de buidl bis zum rand gehen */
	height:276px; width:276px; background-color:transparent;
}
.yachtbox {
	/* kein padding, damit de buidl bis zum rand gehen */
	height:170px; width:276px; background-color:transparent;
}

/* zum Vergleich mit blueamberbox: */
.bilderrahmen {
	margin-right:312px;
	margin-left:312px;
/*	margin-bottom:12px;*/
	margin-top:-12px; 
	padding:12px;
	height: 324px;	
	background-color:rgba(255,255,255,0.8); /* Grundeinstellung weiss */

}
.zentrieren {
	text-align:center;
}
.salsastyle {
	text-align:center;
	font-family: 'Salsa', cursive;
	font-size: xx-large;
	color: #DE1A08;
}
.salsastyle2 {
	text-align:center;
	font-family: 'Salsa', cursive;
	font-size: large;
}
#scheisshaus {
	position:relative;
	float: right;
	text-align: right;
	margin-top:-176px;
	z-index:111;
	left: 0px; top: 0px;
}
.bravissimo {
	margin-top:-8px;
}
.bravissimo:hover {
	transform:translatey(0px) translatex(54px) scale(1.4) rotate(360deg); 
	-webkit-transform:translatey(0px) translatex(54px) scale(1.4) rotate(360deg); 
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	transition-timing-function:ease-in;
	-webkit-transition-timing-function:ease-in;
	z-index:100;
}
.domrose {
	text-align: center;
	font-family: 'Salsa', cursive;
	font-size: x-large;
	font-weight:bold;
	color: #CC062A;
	text-shadow: 2px 2px #FFA500;
	margin-bottom:8px;
}
.salsastyle {
	text-align: center;
	font-family: 'Salsa', cursive;
	font-size: xx-large;
	font-weight: bold;
	color: #0000FF;
	text-shadow: 2px 2px #cdcdcd;
}
.memories {
	text-align: center;
	font-family: 'Salsa', cursive;
	font-weight: bold;
	font-size: large;
	color: #0000FF;
	text-shadow: 2px 2px #cdcdcd;
	margin-bottom:4px;
}

.domrepstyle {
	text-align: center;
	font-family: 'Salsa', cursive;
	font-size: xx-large;
	color: #0000FF;
	text-shadow: 2px 2px #cdcdcd;
	margin-bottom:4px;
}

.auto-style14 {
	color: #CC062A;
}

.auto-style21 {
	font-family: Revalia, cursive;
	text-align: center;
	color: midnightblue;
}
.roserlstyle {
	float: right;
	margin-left:8px;
}
.domrepstyle {
	font-size: large;
}

.onenight {
	font-family: 'Salsa', cursive;
	font-size: medium;
	text-align: center;
	color:darkslateblue;
}
.auto-style42 {
	font-size: large;
	text-align: center;
}
.dacapo {
clear:left;
	text-align: left;
}
.auto-style48 {
	text-align: center;
	font-family: 'Salsa', cursive;
	font-size: x-large;
	font-weight: bold;
	color: #0000FF;
/*	text-shadow: 2px 2px #cdcdcd; */
}
.retrostyle {
margin-top:8px;
margin-bottom:4px;
	text-align: center;
	font-family: 'Salsa', cursive;
	font-size: large;
	font-weight: bold;
	color: #0000FF;
	text-shadow: 2px 2px #cdcdcd;
}
.retrostyle2 {
	text-align: left;
	font-family: 'Salsa', cursive;
	font-size: medium;
	color: #0000FF;
/*	font-weight: bold; 
	text-shadow: 2px 2px #cdcdcd; */
} 
.diplomatastyle {
	font-family: 'Diplomata SC', cursive;
	font-size: large;
	color: #CC062A;
	text-shadow: 2px 2px #FFA500;
	text-align: left;
}
.auto-style53 {
	text-align: left;
	color: #FFFFFF;
	font-size: x-large;
}
.noatext {
	text-align: left;
}
.dancers {
	position:relative;
	margin-left: 12px;
	margin-top:24px;
	
}
.auto-style61 {
	font-weight: normal;
}
.auto-style62 {
	color: #024D4B;
}
.tipstyle {
	color: #00345B;
}
.comment {
	text-align: left; /* hangingindent : 1. Zeile normal 12px; ab der 2. Zeile dann +18. Achtung: Hinter dem asterisk 2 nbsp machen!*/;
	padding-left: 6px;
	text-indent: -6px;
	color: #0e3984;
	font-family: Orienta, Tahoma, sans-serif;
	font-size: small;
}

/*	nur solange fuer chromedownload gebraucht: */
.chromebox {
	margin-top:0px;	 
	background-color:rgba(255,255,255,0.8); /* Grundeinstellung weiss */
	margin-bottom:0px;
}
.chromebox:hover {
/*	background-color:rgba(255,255,255,0.64);*/
	background-image:url('images/decorations/unused decorations/rainbow_in_clouds_trsp2.gif'); 
}
.chromeboxtext:hover {
	color:white;	
}
.auto-style63 {
	font-size: medium;
}
.auto-style65 {
	text-align: center;
	font-family: Salsa, cursive;
	color: #000000;
	text-shadow: 2px 2px #cdcdcd;
}
.cruisingstyle {
	font-family: 'Niconne', cursive;
	text-align: center;
	font-size: 38px;
	color: midnightblue;
}
.auto-style68 {
	text-align: center;
	font-family: 'Salsa', cursive;
	font-size: large;
	color: #007000;
	text-shadow: 2px 2px #cdcdcd;
	letter-spacing:1px;
}
.immostyle {
	color: #007000;
	font-weight:bold;
}
.immostyle:hover {
	color:midnightblue;
}

.hasitall {
	color: midnightblue;
	font-family:'Henny+Penny', cursive;
	font-size:x-large;
}

.auto-style71 {
	text-align: center;
	font-size: x-large;
}

.auto-style72 {
	margin-bottom: 0;
}

.auto-style73 {
	color: midnightblue;
	font-size: xx-large;
}

.shipshop {
	font-size: x-large;
	text-align: center;
	font-family: 'Henny+Penny', cursive;
	font-weight: bold;
	color:#024D4B;
	text-shadow: 2px 2px silver;
}
.shipshop:hover {
	font-size: x-large;
	text-align: center;
	font-family: 'Henny+Penny', cursive;
	font-weight: bold;
	color: orange;
	text-shadow: 2px 2px silver;
}

.auto-style76 {
	padding-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #0E3984;
}

.auto-style77 {
	font-size: small;
}

.auto-style79 {
	color: #003399;
}

.auto-style80 {
	text-align: left;
	top: 12px;
}

.auto-style83 {
	margin-top: -8px;
	text-align: center;
}

.auto-style84 {
	margin-top: 3px;
}