html, body{ 
margin:0; 
padding:0; 
padding-bottom:30px;
text-align:center; 
background-color:#D8BB7A;
background-image:url(http://www.teneriffa-reiseservice.de/images/body-bg.gif);
background-repeat:repeat-x;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
 
#main{ 
width:1014px; 
text-align:left;  
margin:0 auto 0 auto;
background-image: url(http://www.teneriffa-reiseservice.de/images/main-bg.png);
background-repeat: repeat-y;
padding:0;
} 

#header{
position:relative; 
height:265px; 
width:1014px;
background-image: url(http://www.teneriffa-reiseservice.de/images/head-bg.gif);
background-repeat: repeat-x;
border:collapse;
margin:0;
padding:0;
}

.headercontent{
margin:0;
padding:35px 1px 0 1px;  
} 

.domain{
color:#818181;
padding-left:10px;
padding-bottom:5px;

}

ul#navi {
background-image: url(http://www.teneriffa-reiseservice.de/images/head-menu-bg.gif);
background-repeat: repeat-x;
margin:0 0 2px 0;
padding:0;
font-size:0.7em;
}

ul#navi li {
list-style:none;
display:inline;
margin:0;
padding:0;
}

ul#navi a, ul#navi span {
float:left;
width:150px!important;
width:172px;
padding:0 10px 0 10px;
line-height:30px;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
color:#ffffff;
border-right:2px solid #595959; 
}

ul#navi a:hover, ul#navi span {
border-right:2px solid #595959; 
background-color:#91172D;
}

ul#navi div {
clear:left;
}

#allespalten{
width:1014px;
margin:0 13px 0 1px;
padding:0;
}
 
#linkespalte{
width:170px; 
float:left; 
position:relative; 
margin:0;
padding:0px 0 0 0!important;
padding:10px 0 0 0;
font-size:0.75em;
}

.menue{
margin:17px 0 0 0px;
padding:0px;
}

ul#menu {
width:170px;
margin:0; 
padding:0px;
}

ul#menu li {
list-style:none;
margin:0;
padding:0;
}

ul#menu a, ul#menu span, ul#menu h2 {
display:block;
padding:5px 0px 3px 7px;
background-color:#FAEEB2;
background-image: url(images/menu-button-bg.png);
background-repeat: repeat-x;
border-bottom: solid 1px #FAEEB2;
text-decoration:none;
color:#773D11;
}

ul#menu a:hover, ul#menu span {
background-image: url(images/menu-button-hover-bg.png);
background-repeat: repeat-x;
color:#91172D;
background-color:#FAEEB2;
}

ul#menu span {
font-weight:normal;
background-image: url(images/aktiv-bg.png);
background-color:#91172D;
background-position: right;
background-repeat: no-repeat;
color:#ffffff;
}

ul#menu h2 {
font-size:1.0em;
background-color:#91172D;
background-image:url(images/head-menu-bg.gif);
font-weight:bold;
margin:0;
padding:5px 0px 5px 5px;
color:#ffffff;
}

#mitteundrechte{
width:844px; 
float:right; 
position:relative; 
margin:0 0px 0 0;
padding:0;
}
 
#rechtespalte{
width:202px; 
float:right; 
position:relative; 
margin:0;
padding:15px 1px 20px 0px!important;
padding:15px 1px 20px 0px;
}

#rechtespalte img{
border-top:solid 1px #000000;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
border-left:solid 1px #000000;
margin:5px 0 3px 0px;
padding:0;
}

.rechtercontent{
margin:0;
padding:0px 6px 3px 4px;
text-align:justify;
font-size:0.7em
}

#rechtespalte strong{
font-size:1.2em;
font-weight:bold;
color:#B22222;
}

.google{padding-left:0px;}
 
#mitte{
background-image: url(images/content-bg.png);
background-repeat: no-repeat;
left:-6px;
float:left; 
display:inline; 
position:relative; 
width:630px;
margin:0;
padding:0px 0 0 10px!important;padding:15px 0 0 10px;
}

#mitte img{
text-align:center;
border-top:solid 1px #000000;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
border-left:solid 1px #000000;
}

#mitte img.l{float:left;margin-right:15px;}
#mitte img.r{float:right;margin-left:15px;}

.content{
width:600px!important;
width:615px;
margin:0;
padding:3px 0px 20px 15px;
text-align:justify;
font-size:0.8em;
color: #45230A;
}


.table{
font-size:1.0em;
}



p a:link, p a:visited, p a:hover{
text-decoration:none;
color:#818181;
}	

p a:hover{
text-decoration:underline;
color:#000000;
} 

.menu-orte{
position:relative;
margin-top:23px!important;
margin:0;
padding:0!important;
padding-top:2px;
}

a:link.orte, a:visited.orte, a:hover.orte{
height:24px;
width:75px;
margin:0;
padding:1px 15px 3px 20px;
background-image: url(images/menu-orte-bg.png);
background-repeat: no-repeat;
text-decoration:none;
color:#818181;
}	

a:hover.orte{
background-image: url(images/menu-orte-hover-bg.png);
background-repeat: no-repeat;
text-decoration:none;
color:#91172D;
}


#footer{
height:30px; 
width:1014px;
background-color:#A8A8A8; 
background-image: url(http://www.teneriffa-reiseservice.de/images/footer-bg.png);
background-repeat: no-repeat;
clear:both;
} 

.footercontent{
margin:0;
padding:10px 202px 0 187px;
text-align:left;
font-size:0.7em;
font-weight:bold;
color:#ffffff;
}

#footer a:link, #footer a:visited, #footer a:hover{
text-decoration: none;
font-weight:bold;
color:#ffffff;
}	

#footer a:hover{
color: #FAEEB2;
}

hr{
clear:both;
color:#91172D;
height:1px;
}

.clear{clear:both;}

a:link.top, a:visited.top{
width:15px;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
text-decoration: none;
padding:0px 8px 0px 7px;
margin-left:15px;
margin-bottom:25px;
}
	
a:hover.top{
width:15px;
background-image: url(images/top-h.jpg);
background-repeat: no-repeat;
text-decoration: none;
padding:0px 8px 0px 7px;
margin-left:15px;
margin-bottom:25px;}	

h1{
font-size:1.5em;
color:#A14C22;
}

h2{
font-size:1.2em;
color:#91172D;
font-weight:bold;
}

h3{
font-size:1.0em;
color:#B22222;
font-weight:bold;
padding:0;
}
strong{
font-size:1.0em;
color:#B22222;
font-weight:bold;   
}

/*Bilder-Galerie*/

a, a:visited, a:hover {}

#galerie {position:relative; width:600px; height:700px; background:#888888;
border:solid 1px #000000;
margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#galerie a.pic {float:left; padding:10px 0px 0px 10px; display:inline; color:#000; text-decoration:none; width:107px; height:107px; cursor:default;}
#galerie a.pic img.thumb {display:block;border:solid 1px #ffffff;}

#galerie a.pic span {display:none; border:0; width:575px; background:#bbbbbb;border:solid 1px #ffffff; text-align:center;}
#galerie a.pic span img {margin:10px auto; border:solid 1px #000000;}

#galerie a.pic:hover {white-space:normal;}
#galerie a.pic:hover img.thumb {border:solid 1px #000000;}
#galerie a.pic:hover span {display:block; position:absolute; left:12px; top:242px; z-index:10; height:445px;width:571px;}

#galerie a.pic:active img.thumb {border:solid 1px #000000;} 
#galerie a.pic:active span {display:block; position:absolute; left:12px; top:242px; z-index:5; height:445px;width:571px;}

#galerie a.pic:focus {outline:0;}
#galerie a.pic:focus img.thumb {border:solid 1px #000000;}
#galerie a.pic:focus span {display:block; position:absolute; left:12px; top:242px; z-index:5; outline:0; height:445px;width:571px}

#galerie span.text {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:150px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#galerie span.text a {color:#000000;}
#galerie span.text a:hover {text-decoration:none;}

#galerie span.bg{display:block; position:absolute; left:12px; top:242px; z-index:0; height:425px!important;height:445px;border:0; width:551px!important;width:571px;
background:#bbbbbb; border:solid 1px #ffffff;
 text-align:center;padding:10px;line-height:20px;margin:0;
}
#galerie span.bg img{border: solid 1px #000000;}