/************************************************/
/*             ESTILOS PARA PANTALLA            */
/*          LYNXandino - Innovaciones Web       */
/*  www.lynxandino.com - ventas@lynxandino.com  */
/************************************************/



html, body
{
position:                    relative;
padding:                     0px;
margin:                      0px;
top:                         0px;
left:                        0px;
width:                       100%;
min-height:                  100%;
background-image:            url(../images/small_bg.jpg);
}

* html  { height:100%; }
* body  { height:100%; }
html+body{ height:100%; } /* para IE 5.0 */

#all
{
position:                    absolute;
top:                         0px;
left:                        0px;
width:                       100%;
min-height:                  100%;
background-image:            url(../images/main_bg.jpg);
background-repeat:           repeat-x;
}
* all { height:100%; }

#layer_center
{
position:                    relative;
width:                       980px;
margin-left:                 auto;
margin-right:                auto;
min-height:                  550px;
}

#layer_banner
{
position:                    relative;
width:                       980px;
left:                        0px;
height:                      227px;
background-image:            url(../images/banner.jpg);
}

#layer_middle
{
position:                    relative;
width:                       980px;
left:                        0px;
height:                      273px;
line-height:                  20px;
background-image:             url(../images/middle.jpg);
}

#layer_content
{
position:                    relative;
width:                       980px;
left:                        0px;
background-image:            url(../images/teil.jpg);


font-family:                  "Lucida Sans", Verdana, Arial, Sans-Serif;
font-size:                    12px;
color:                        #000000;
line-height:                  20px;
/*word-spacing:                 0px;*/
}

#layer_footer
{
position:                    relative;
width:                       980px;
left:                        0px;
height:                      56px;
background-image:             url(../images/footer.jpg);
}

#layer_mainnav
{
position:                     absolute;
bottom:                       11px;
width:                        890px;
right:                        38px;
height:                       50px;
text-align:                   right;
}

#layer_address
{
position:                     absolute;
top:                          0px;
width:                        892px;
height:                       25px;
background-color:             #CCCCCC;
left:                         50px;

font-family:                  Verdana, Sans-Serif;
font-size:                    10px;
color:                        #000033;
text-align:                   center;
line-height:                  25px;
}

#layer_middlecontent
{
position:                     absolute;
left:                         45px;
top:                          0px;
width:                        900px;
height:                       273px;

font-family:                  "Lucida Sans", Verdana, Arial, Sans-Serif;
font-size:                    12px;
color:                        #000000;
}

#layer_contentcontent
{
position:                     absolute;
left:                         45px;
top:                          0px;
width:                        875px;
height:                       273px;

}

a.main {
font-family:                  Arial, Sans-Serif;
font-size:                    14px;
color:                        #FFFFFF;
text-decoration:              none;
}

a.linked {
font-family:                  Arial, Sans-Serif;
font-size:                    14px;
color:                        #003333;
text-decoration:              none;
}

a.main:hover
{
text-decoration:              underline;
}

h1
{
font-family:                  Arial, Sans-Serif;
font-size:                    20px;
color:                        #353535;
}

h2
{
font-family:                  Arial, Sans-Serif;
font-size:                    18px;
color:                        #003366;
}

.preis
{
font-family:                  Arial, Sans-Serif;
font-size:                    18px;
color:                        #339933;
font-weight:                  bold;
}

.smallletter
{
font-family:                  Verdana, Sans-Serif;
font-size:                    10px;
color:                        #000000;
}

a.linktext
{
font-family:                  Arial, Sans-Serif;
text-decoration:              none;
color:                        #006633;
font-size:                    14px;
}

a.highlight
{
font-family:                  Arial, Sans-Serif;
font-size:                    14px;
color:                        #8B0000;
text-decoration:              none;
}

a.highlight:hover
{
text-decoration:              underline;
}

input, select, textarea
{
font-family:                  "Lucida Sans", Verdana, Sans-Serif;
font-size:                    12px;
border:                       1px solid #003333;
padding:                      2px;
/*background-color:             #FFFFCC;*/
}

#flasher
{
position:                     absolute;
right:                        37px;
top:                          75px;
width:                        395px;
height:                       67px;
z-index:                      95;
}

#antwort
{
position:                     absolute;
left:                         95px;
top:                          35px;
width:                        300px;
z-index:                      100;
}

.transparent
{
background-color:             transparent;
border-color:                 #FFFFFF;
font-family:                  Arial, Sans-Serif;
font-size:                    14px;

color:                        #FFFFFF;
padding-left:                 5px;
font-weight:                  bold;
}

.transparentsmall
{
background-color:             transparent;
border-color:                 #FFFFFF;
font-family:                  Arial, Sans-Serif;
font-size:                    11px;

color:                        #FFFFFF;
padding-left:                 5px;
font-weight:                  normal;
}

.anfrage
{
font-family:                  Arial, Sans-Serif;
font-size:                    12px;
background-color:             #FFFFFF;
}

.hotels
{
font-family:                  Tahoma, Sans-Serif;
font-size:                    14px;
color:                        #228B22;
text-decoration:              underline;
}


#hotel_layer
{
position:                     absolute;
top:                          35%;
width:                        650px;
margin-left:                  25%;
height:                       200px;
border:                       1px solid #2F4F4F;
background-color:             #FFFFFF;
padding:                      5px;
z-index:                      1000;
}

#shadow
{
position:                     absolute;
top:                          36%;
width:                        650px;
height:                       200px;
margin-left:                  26%;
background-color:             #000000;
padding:                      5px;
filter:                       alpha(opacity=60);
-moz-opacity:                 0.6;
z-index:                      999;
}

#highlight_layer
{
display:                      none;
border:                       1px solid #660000;
background-color:             #FFFFCC;
margin-bottom:                10px;
height:                       1px;
visibility:                   hidden;
padding:                      10px;
}

#hotel_content
{
font-family:                  Verdana, Sans-Serif;
font-size:                    11px;
color:                        #000000;
}


#image_layer
{
position:                     absolute;
top:                          10px;
width:                        840px;
margin-left:                  -420px;
left:                         50%;
height:                       500px;
border:                       1px solid #2F4F4F;
background-color:             #FFFFFF;
padding:                      5px;
z-index:                      1000;
overflow:                     auto;
}

#shadowbild
{
position:                     absolute;
top:                          10px;
width:                        845px;
height:                       505px;
margin-left:                  -820px;
left:                         50%
background-color:             #000000;
padding:                      5px;
filter:                       alpha(opacity=60);
-moz-opacity:                 0.6;
z-index:                      999;
}

#image_content
{
font-family:                  Verdana, Sans-Serif;
font-size:                    11px;
color:                        #000000;
}

#highlight_content
{
font-family:                  Verdana, Sans-Serif;
font-size:                    11px;
color:                        #000000;
}


#smallregister
{
position:                     absolute;
top:                          75px;
left:                         -7px;
width:                        50px;
height:                       148px;
z-index:                      500;
}


.hotellink
{
color:                        #660099;
text-decoration:              none;
}

.hotellink:hover
{
text-decoration:              underline;
}

#package
{
width:                        500px;
background-image:             url(../images/border_middle.jpg);
margin:                      5px;
}

.headtext
{
width:                       100%;
border-bottom:               1px solid #336633;
}

h3 {
font-family:                 "Lucida Sans", Arial, Helvetica, Sans-Serif;
font-size:                   14px;
font-weight:                 bold;
color:                       #666666;
}

h4 {
font-family:                 "Lucida Sans", Arial, Sans-Serif;
font-size:                   16px;
color:                       #000033;
display:                     inline;
}

#languages {
position:                    absolute;
right:                       150px;
top:                         100px;
z-index:                     500;
font-family:                 Arial, Sans-Serif;
font-size:                   14px;
}

.lang_link {
font-size:                   14px;
color:                       #FFFF99;
text-decoration:             none;
font-weight:                 bold;
}

.lang_link:hover {
color:                       #FFFFFF;
}