/* Hoteles Lopez - Hotel Paradise Island, Lanzarote */


body
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background:#FFF6B3;
text-align:center;
}


/* Seiteneinteilung Tabellenlayout
----------------------------------------------------*/

#maintable
{
width:790px;
background:url(bg_main.jpg) repeat-y top left;
margin:10px auto 0px auto;
padding:0px;
text-align:left;
}

#top
{
padding:0px;
margin:0px;
background:url(bg_top01.jpg) no-repeat top left;
vertical-align:baseline;
}

#top object
{
margin:0px;
padding:0px;
vertical-align:baseline;
}

#topmenu
{
height:40px;
padding:0px;
margin:0px;
background:url(bg_top02.jpg) no-repeat top left;
vertical-align:baseline;
}


.leftside
{
width:170px;
padding:0px;
margin:0px;
vertical-align:top;
}


#main
{
width:630px;
padding:0px;
margin:0px;
background:transparent;
}

#main, #maincontent, #rightrow, .box1, .box2, .guestbox, .formbox
{
font-size:13px;
color:#101010;
font-family:Arial, Verdana, sans-serif;
}

#maincontent
{
width:430px;
line-height:20px;
padding:10px;
vertical-align:top;
}

#rightrow
{
width:160px;
padding:0px;
margin:10px;
vertical-align:top;
padding:10px 10px 10px 0px;
}

#end
{
padding:0px 200px 0px 0px;
color:#001063;
}

#end
{
padding:0px 200px 0px 0px;
margin:0px;
background:url(bg_end.jpg) no-repeat bottom left;
}

#langselect
{
display:visible;
}



/* Haupt Textgestaltung
----------------------------------------------------*/

h1 {font-size:14px; font-family:Verdana, Times, Arial, serif; color:#395A9C;}

h2, h3, h4, h5
{
font-family:Verdana, Times, Arial, serif;
color:#395A9C;
}

h2 {font-size:14px; background:url(hbg.gif) no-repeat top left;}
h3 {font-size:14px;}
h4 {font-size:13px;}
h5 {font-size:12px;}

.logo                        /* Firmenname immer hervorgehoben */
{
font-variant:small-caps;
}

.icon
{
vertical-align:middle;
margin-right:3px;
}

#maincontent a, #rightrow a
{
text-decoration:none;
font-weight:bold;
color:#31528C;
}

#maincontent a:hover
{
background-color:#FDFFE6;
}

#rightrow a:hover
{
text-decoration:underline;
}


/* Menu Layout
----------------------------------------------------*/



.smallmenu                          /* Top Menue mit Sprachflaggen*/
{
display:visible;
float:right;
margin:0px 8px;
}

.smallmenu a:link, .smallmenu a:visited, .smallmenu a:hover, .smallmenu a:active
{
border:none;
}
                                         /* Special for Link: Home in Topcontainer */
#homelink
{
width:140px;
margin:10px 0px 0px 7px;
padding:5px 0px;
font-family:Verdana, Arial, sans-serif;
text-align:right;
}

#topmenu a:link, #topmenu a:visited, #topmenu a:active, #topmenu a:hover
{
font-variant:small-caps;
font-size:13px;
color:#001063;
text-decoration:none;
font-weight:bold;
}

#topmenu a:active, #topmenu a:hover
{
color:#007373;
text-decoration:none;
background-image:none;
}


.menu
{
width:150px;
padding:0px;
margin:0px 0px 0px 18px;
font-size:12px;
font-family:Verdana, Arial, sans-serif;
text-align:right;
}


.menu a:link, .menu a:visited, .menu a:active, .menu a:hover
{
display:block;
font-size:12px;
font-weight:bold;
line-height:27px;
background:url(menu_linkbg.jpg) no-repeat top left;
color:#001063;
text-decoration:none;
margin:0px 0px 3px 0px;
padding:0px 20px 0px 5px;
}

.menu a:active, .menu a:hover
{
color:#007373;
text-decoration:none;
}

.submenu
{
width:125px;
padding:0px;
margin:3px 20px 3px 5px;
font-family:Verdana, Arial, sans-serif;
}

.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active
{
display:block;
font-weight:bold;
font-size:11px;
line-height:20px;
color:#000000;
text-decoration:none;
margin:0px;
padding:0px 3px;
background-image:none;
background-color:#DEE7F7;
letter-spacing:1px;
border:1px solid #849CD6;
}

.submenu a:active, .submenu a:hover
{
color:#007373;
background-color:#ffffff;
text-decoration:none;
}










/* Small Text
----------------------------------------------------*/

.subinfo
{
padding:2px;
font-size:10px;
color:#31528C;
}

.subinfo a:link, .subinfo a:visited, .subinfo a:active
{
color:#31528C;
text-decoration:none;
font-weight:bold;
font-size:10px;
}

.subinfo a:hover
{
text-decoration:underline;
font-size:10px;
}






/* Textfields
----------------------------------------------------*/
.tdh1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	COLOR: #253e88;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
.tdr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 12px verdana, arial, sans-serif; COLOR: #253e88; PADDING-TOP: 0px; FONT-WEIGHT: bold;
}
.td4 {
	BACKGROUND: #253e88; FONT: 9px verdana, arial, sans-serif; COLOR: #ffffff; TEXT-DECORATION: none
}
.box1
{
border-left:1px solid #A5B5DE;
border-top:1px solid #A5B5DE;
border-right:1px solid #527BBD;
border-bottom:2px solid #527BBD;
padding:10px;
margin:10px;
background-color:#DEE7F7;
}

.box2
{
border-left:1px solid #A5B5DE;
border-top:1px solid #A5B5DE;
border-right:1px solid #527BBD;
border-bottom:2px solid #527BBD;
padding:10px;
margin:10px;
background-color:#FFFFEF;
}

.guestbox
{
border-left:1px solid #A5B5DE;
border-top:1px solid #A5B5DE;
border-right:1px solid #527BBD;
border-bottom:2px solid #527BBD;
padding:10px;
background-color:#DEE7F7;
width:400px;
text-align:left;
}

/* Formulare
----------------------------------------------------------- */

.selectfield1
{
background-color:#FFFFFF;
color:#31528C;
vertical-align:bottom;
}

.button1
{
font-size:12px;
font-weight:bold;
border-left:1px solid #A5B5DE;
border-top:1px solid #A5B5DE;
border-right:1px solid #001063;
border-bottom:2px solid #001063;
background-color:#31528C;
color:#EFEFF7;
margin:4px 0px 4px 0px;
}


/*  Formulario de reservación
----------------------------------------------------*/

.formbox
{
padding:2px;
background-color:#FFFFFF;
border:2px solid #849CD6;
width:95%;
font-weight:bold;
}

.formbox td, .formbox tr
{
padding:3px;
vertical-align:middle;
}

.boxcontent
{
background-color:#DEE7F7;
font-weight:bold;
padding:3px;
}

.boxtitle
{
font-weight:bold;
background-color:#C6CEE7;
padding:3px;
}




/* Bildergalerie
----------------------------------------------------*/

.gal
{
border-left:2px solid #292929;
border-top:2px solid #292929;
border-right:2px solid #7B7B7B;
border-bottom:3px solid #7B7B7B;
margin:5px;
}




/* Projektbezogene Einzelheiten
----------------------------------------------------*/

.galbody
{
background-color:#FFFFFF;
}

.pricetable
{
background-color:#849CD6;
border:1px solid #395A9C;
font-weight:bold;
}

.pricetable td
{
background-color:#FFFFFF;
border:1px solid #395A9C;
margin:2px;
padding:2px;
text-align:right;
}

.pricedesc
{
width:200px;
text-align:left;
}