* {
  box-sizing: border-box;
}





body {
	margin: 0px;
}



.grundgeruest {

max-width: 960px;
height: 100%;
 margin: auto;
  padding-top: 10px;
 background-color:   #F9F9F9    ;
 background-image:url('../images/hintergrund-960.png');
 background-repeat: repeat-x;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);
}




.rand-oben {
width: 100%;
height: 30px;
	background-image:url('images/gezackter-rand-b.png');
	

}




.willkommen-div {
max-width:     ;
height: 30px;
margin-top: -34px;
padding-left: 50px;
}



.willkommen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: left;
 color: #FFFFFF;
	
	
}












.taube-div {
	width:    ;
height: auto;
margin-top: -20px;
padding-left: 80px;

}


.taube {
	width: 130px;;
	height: auto;

}











.untersee-und-rhein-div {
	max-width:  ;
	height: 30px;
	margin-top: -40px;	
}


.untersee-und-rhein {
	width: ;
	height: auto;
	xxxxxpadding-left: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000000;
	padding-left: 300px;

}











.frankaturversand-div {
	 width:    ;
	 height: 30px  ;
	 padding-left: 50px;
	
}

.frankaturmarken-bild {
max-width: 100% ;
}









/* ----------- FRANKATUR
                 MARKEN -------------------------*/



.frankaturversand-div-mobil {
 display: none;
	 width:    ;
	 height: 30px;
	 padding-left: 50px;
	
}

.frankaturmarken-bild-mobil {
	 max-width: 330px  ;
}




/* -------------- ENDE ----------------------*/






/* -------------- CH LI WAPPEN ----------------------*/



.CH-wappen-div {
	margin-top: 0px;
	margin-right: 20px;
	padding-left: 50px;
 float: left;
}

.CH-wappen {
	width: auto;
	height: 50px;
	border: 0px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);
}




.LI-wappen-div {
	margin-top: 0px;
	margin-right:20px;
	padding-left: 50px;
	float: left;
}



.LI-wappen {
	width: auto;
	height:50px;
	border: 0px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);
}


/* -------------- ENDE ----------------------*/




.text-1 {
	max-width:    ;
	height: auto;
	margin-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color: #000000;
}



.text-2 {
	margin-top: 10px;
	max-width:    ;
	height: auto;
	padding-left: 50px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
 	text-align:justify;
	color: #000000;

}














/* -------------- ADRESSE RAND UNTEN ----------------------*/


.adresse-div {
	 height: 110px;
	 background-color:#FFFFCC;

}



.adresse-a {
 width: 23%;
 height: auto;
 background-color:    ;
 float:left;
	padding-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
 	text-align:justify;
	color: #000000;

}


.adresse-b {
 width: 46%;
 height: auto;
 background-color:      ;
  float:left;
	padding-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
 	text-align:justify;
	color: #000000;

}



.adresse-c {
 width: 31%;
 height: auto;
 background-color:      ;
  float:left;
	padding-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
 	text-align:justify;
	color: #000000;

}






.rand-unten-blau {
 height: 40px;
		 background-image:url('images/gezackter-rand-unten.png');
 background-repeat: repeat-x;

}





/* -------------- ENDE ----------------------*/





.button-1 {
	height: 25px;
	width: 145px;
	background-color:  #3399FF;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);
	border-radius: 10px;
}

.button-1:hover {
	height: 25px;
	width: 145px;
	background-color:  #FFFF99;
	border: 0px;
	color: #000000;
}




.button-2 {
 	height: 25px;
	width: 195px;
	background-color:  #3399FF;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);
	border-radius: 10px;
}


.button-2:hover {
 	height: 25px;
	width: 195px;
	background-color: #FFFF99;
	border: 0px;
	color: #000000;
}




.button-3 {
 	height: 25px;
	width: 294px;
	background-color:  #3399FF;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);
	border-radius: 10px;
}

.button-3:hover {
 	height: 25px;
	width: 294px;
	background-color: #FFFF99;
	border: 0px;
	color: #000000;
}