body
{margin: auto auto;
background-image:url(images/line.jpg);

}



table,td {font-size: 97%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}

h2{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#fff;
margin-bottom:28px;
margin-top:28px;letter-spacing:2px;font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}

h3{font-size: 97%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}

h5{font-size: 97%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}

.li {
background-image:url(images/xra1.jpg);
background-repeat:repeat-y;
vertical-align:top;
border-right:solid 1px #000;
}


.re {
background-image:url(images/xra2.jpg);
background-repeat:repeat-y;
border-left:solid 1px #000;}

/* hauptgerüst */

#main {
border-bottom:solid 10px #c4c8c8;
border-right:solid 10px #c4c8c8;border-left:solid 10px #c4c8c8;
border-bottom:solid 10px #bfbfbf;
}

#top {background-image:url(images/isla-margarita.jpg);
height:280px;
border-top:solid 10px #c4c8c8;
border-right:solid 10px #c4c8c8;border-left:solid 10px #c4c8c8;
color:#2A3C22;
}


.quadrat  {
margin:10px;
padding:10px;
font-size: 105%;
color:#FFFFFF;
}

.quadrat2  {

font-size: 105%;
color:#FFFFFF;
}

.quadrat3  {
margin:5px;
padding:5px;
font-size: 120%;
color:#FFFFFF;
}

.quadrat4  {
margin-top:0px;
margin-left:10px;
padding-left:10px;
font-size: 110%;
color:#FFFFFF;
}

.quadrat5  {
margin-left:10px;
padding-left:10px;
font-size: 120%;
color:#FFFFFF;
}

.quadrat6  {
margin-top:0px;
margin-left:10px;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:95%;
color:#FFFFFF;
}

.ranchosdechana  {
margin-left:10px;
padding-left:10px;
font-size: 120%;
color:#EF8107;
text-decoration:underline
}


.chanamargarita  {
margin-left:10px;
padding-left:10px;
font-size: 120%;
color:#FFFFFF;
}

.tab  {
margin:5px;
padding:5px;
font-size: 105%;
color:#FFFFFF;
}


.ref  {
text-align:center;
color:#99ff00;
}


#mitte {border-bottom:solid 1px #000;
border-right:solid 1px #000;border-left:solid 1px #000;
border-bottom:solid 1px #000; border-top:solid 1px #000}


/* menue oben */

.buleiste {
height:36px;
border-top:solid 10px #c4c8c8;
}

.menu2 a {display: block;
color:#fff;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #000;
border-top:solid 1px #000;
line-height:36px;
text-align:center;
background:transparent;
}

.menu2 a:hover {color: #202125; text-decoration: none ;
background-image:url(images/mover.jpg);
}

#sp1 { padding-left: 0px;padding-right:0px;padding-top: 0px;
height:900px;
background-image:url(images/line-sand2.jpg);
background-repeat: repeat;
background-position: center top;
border-left:solid 1px #000;
border-bottom:solid 1px #000;
border-top:solid 1px #000;
color:#FFFFFF
}

#sp2 {text-align:justify; padding-left: 30px;padding-right:30px;padding-top: 40px;padding-bottom: 30px;
background-color:#6b6b66;
color:#C4C8C8;
width:100%;
background-image:url(images/.jpg);
background-repeat:no-repeat;
background-position: center bottom;
border-left:solid 1px #000;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
border-top:solid 1px #000;
height:900px}




/* allgemeine links im text */




#sp1zentriert  {
text-align:center;
font-size: 13px;line-height: 16px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
color:#7f7f7f
}


a.thumbs{ /* Deine Link-Formatierungen */}
a.thumbs:hover{ /* Deine Link:hover-Formatierungen */
                height: auto;}
a.thumbs img { border: 2px solid  #00FF66; border-bottom: 18px solid #C4C8C8; border-right: 4px solid #C4C8C8; border-left: 4px solid #C4C8C8 ; border-top: 4px solid #C4C8C8}
a.thumbs:hover img {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 6px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C4C8C8;
	border-right-color: #C4C8C8;
	border-bottom-color: #EF8107;
	border-left-color: #C4C8C8;
}


.button {
	padding:0;
	margin:0;
	border:none;
	font-size:16px;
	background: url(button.jpg) no-repeat center;
	
	color: #99FF00;
	height:30px;
	border: 1px solid #ffffff;
	width:180px;
	/*
	width:110px; < - Breitenangabe für die Längere Version 
	*/
	}


.button:hover {
	padding:0;
	margin:0;
	border:none;
	font-size:16px;
	background: url(button2.jpg) no-repeat center;
	
	color: #3C382F;
	height:30px;
	border: 1px solid #ffffff;
	width:180px;
	/*
	width:110px; < - Breitenangabe für die Längere Version 
	*/
	}