/* MesseTurm-Service Stylesheet */

/* Generelles */
body.content 
{
 background-color: #dcdcdc;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 text-align: center;
}

/* DIVs */
div#maindiv
{
 position:relative;
 background-color: #dcdcdc;
 margin: 0px auto;
 padding: 0 0 0 0;
 top: 0px;
 width: 961px;
 text-align: left;
 z-index:1;
}

div#headerbilddiv
{
 position:relative;
 top: 0px;
 left: 0px;
 width: 911px;
 height: 319px;
 z-index:2;
}

div#logodiv
{
 position:absolute;
 top: 0px;
 left: 34px;
 width: 842px;
 height: 85px;
 z-index:3;
}

div#mininavdiv
{
 position:absolute;
 top: 12px;
 height: 17px;
 right: 51px;
 font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #d5c0bc;
 z-index:3;
 margin:0px;
 padding:0px;
}
div#mininavdiv a, div#mininavdiv td
{
 font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #d5c0bc;
}
div#mininavdiv a
{
 text-decoration: none;
}
div#mininavdiv a:hover
{
 text-decoration: underline;
}

div#mainmenuediv
{
 position:absolute;
 bottom:0px;
 width:911px;
 height: 27px;
 left: 0px;
 z-index:3;
 overflow:hidden;
}

div#mainmenuediv a.mainmenue
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 color: #FFFFFF; 
 text-decoration: none; 
 display: block; 
 width: 100%;
 text-transform: uppercase;
}

div#mainmenuediv a.mainmenue:hover 
{ 
 color: #caada6; 
}

div#mainmenuediv a.mainmenueact
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 color: #722c1e;
 text-decoration: none; 
 display: block; 
 width: 100%; 
 text-transform: uppercase;
}

div#maincontentdiv
{
 top: 0px;
 left: 0px;
 width: 911px;
 overflow: visible;
 background-color: #ffffff;
}

a#impressumlink
{
 font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #d0d0d0; text-decoration: none;
}
a#impressumlink:hover
{
 text-decoration: underline;
}

div#leisteuntendiv
{
 position:relative;
 bottom: 0px;
 width: 911px;
}

div#bildbereichlinksdiv
{
 width: 156px;
 overflow: hidden;
}

div#bildbereichrechtsdiv
{
 width: 156px;
 overflow: hidden;
}

div#submenuediv
{
 width: 200px;
 overflow:hidden;
 margin:0px;
 padding:0px;
}

div#submenuediv a.submenue
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 font-weight: normal; 
 color: #333333; 
 text-decoration:none; 
 display: block; 
 width: 100%;
 text-transform: uppercase;
}

div#submenuediv a.submenue:hover 
{ 
 color: #caada6; 
}

div#submenuediv a.submenueact
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 font-weight: normal; 
 color: #722c1e; 
 text-decoration:none; 
 display: block; 
 width: 100%; 
 text-transform: uppercase;
}

/* Inhaltsbereich */
p, td
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px;
 font-style: normal; 
 color: #333333; 
 margin-top: 0px;
 margin-bottom: 8px;
 line-height: 18px;  
}

img { border:0px; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

ol,ul,li 
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 color: #333333; 
 line-height: 22px; 
}

ul
{
 list-style-type: none;
 padding: 0;
 margin: 0;
}

ul li
{
 background-image: url(../images/aufzaehl.gif);
 background-repeat: no-repeat;
 background-position: 0px 8px;
 padding-left: 14px;
 padding-right: 14px;
}

.headline, h1 
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 18px; 
 font-style: normal; 
 font-weight: normal;
 color: #722c1e; 
 margin-top:0px; 
 margin-bottom:8px;
}

.headlinekleinschwarz, h2
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 font-weight: bold; 
 color: #333333; 
 margin-top:0px;
 margin-bottom:4px; 
}

.headlinekleinrot
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 font-weight: bold; 
 color: #722c1e; 
 margin-top:0px;
 margin-bottom:4px; 
}

a 
{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 color: #333333; 
 text-decoration: none;
 line-height: 18px;
}

a:focus { outline:none; }

a:hover { text-decoration: underline; }

/* TYPO3-Links anpassen */
a.download {
  padding-left: 17px;
  background: transparent url(../images/icon_download.gif) no-repeat top left;
  color: #333333;
}

a.internal-link {
  padding-left: 15px;
  background: transparent url(../images/icon_link_t3_grau.gif) no-repeat top left;
  color: #333333;
}

a.external-link {
  padding-left: 15px;
  background: transparent url(../images/icon_link_t3_grau.gif) no-repeat top left;
  color: #333333;
}

a.external-link-new-window {
  padding-left: 15px;
  background: transparent url(../images/icon_link_t3_grau.gif) no-repeat top left;
  color: #333333;
}

/* Buchungsformular */
div#bookingformdiv input, div#bookingformdiv select, div#bookingformdiv textarea
{
 border: 1px solid #d0d0d0;
 color: #333333;
}

/* Eingabefeld NL-Anmeldung */
input#nlinput
{ 
 border: 1px solid #d0d0d0;
 color: #333333;
}

/* Bildergalerie */
div#galeriebild
{
 width: 328px;
 height: 255px;
 overflow: hidden;
 padding: 0px;
 margin: 0px;
 border: 1px solid #d0d0d0;
}

div.galerievorschaubild
{
 width: 55px;
 height: 55px;
 overflow: hidden;
 padding: 0px;
 margin: 0px;
 border: 1px solid #d0d0d0;
}
