body {

background-color: #507689;
font-weight: normal;
font-size: 12px;
font-family: Arial;
color:#333;
padding:0px;
margin:0px;
}

/* -------- FLAG ------------ */

#flag{
margin-right: 20px;
width:30px;
z-index: 10;
background-image: url(bilder/gayflag.jpg);

}

/* ----------CONTAINER zentriert das layout-------------- */

#container {
width: 880px; 
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 0px;
background-color: #507689;
}


/* ------------ CONTENT ---------- */

#content { 
width: 880px;
height: 580px;
background-image: url(bilder/bgverlauf.jpg);
padding: 0px;
margin: 0px;
border: #80ADC3 solid  1px;
}  

#img {
position:absolute;
margin: 35px 0 0 -35px;
padding:0;
border:#80adc3 solid 1px;
z-index:12;
background-color:#fff;
}

#adresse {
position:absolute;
margin:80px 0 0 535px;
text-align:right;
font-size: 12px;
}

#img1 {
position:absolute;
margin: 15px 0 0 -50px;
padding:0;
border:#80ADC3 solid 1px;
z-index:5;
background-color:#fff;
}

/* --------- TITEL H1 bis H4--------- */

h1 {
font-size: 4em;
color: #333;
padding:0px;
margin: 0px;
text-align:right;
}

h3 {
font-weight: normal;
font-size: 1.8em;
color: #333;
padding:0px;
margin: 0px;
text-align:right;
}

h4 {
font-weight:normal;
font-size: 1.2em;
color: #333;
padding:0px;
margin: 0px;
text-align:right;
}

/* -----------------NAVIGATION UL LI  #426c81;hover     --------------------- */

#navigation {
position:absolute;
font-size:12px;
margin:540px 0 0 330px;
padding: 2px;
width: auto;
color:#426c81;
}

#navigation ul {
list-style: none;
display: inline;
color:#426c81;
}


#navigation ul li {
list-style: none;
display: inline;
border-left: 1px solid #80adc3;
padding: 2px 5px 2px;
margin: 0 20px 0px 0px;
color:#426c81;
}


#navigation ul li a:link {
width: auto;
color: #333;
text-decoration: none;
}

#navigation ul li a:visited {
color: #aaa;
text-decoration: none;
}

#navigation ul li a:hover {
border-color: #80adc3;
color: #fff;
text-decoration: underline;
background-color:#c03; 
}

#navigation ul li a:active {
color: #ccc;
text-decoration: underline;
}



/* -------------- SPRACHEN ----------  */

#sprachen {
position:absolute;
margin: 330px 0 0 718px;
width: auto;
}

#sprachen ul {
list-style: none;
display: inline;
}


#sprachen ul li {
list-style: none;
display: inline;
border-left: 1px solid #80adc3;
padding: 2px 5px 2px;
margin: 0 10px 0px 0px;
color: #80adc3;
}

#sprachen ul li  a:link {
width: auto;
color: #333;
text-decoration: none;
}

#sprachen ul li a:visited {
color: #aaa;
text-decoration: none;
}

#sprachen ul li a:hover {
border-color: #80adc3;
color: #00f;
text-decoration: underline; 
}

#sprachen ul li a:active {
color: #f00;
text-decoration: underline;
}


/* ----- SPECIALS --------------  background-color:#5E7E8E; */

#specials {
position:absolute;
font-size:12px;
margin: 360px 0 0 410px;
padding:4px;
width: 415px;
height: 130px;
color:#385868;
background-color: #eee;
background-image: url(bilder/bgverlauf3.jpg);
border-color: #ddd #bbb #aaa #ccc;
border-top: double 5px;
border-left: double 3px;
border-right: double 3px;
border-bottom: double 3px;
background-image:bilder/ferien.jpg;
}


/* ------------ ANGEBOT ---------- */


/*
#img1 {
position:absolute;
margin: 15px 0 0 -50px;
padding:0;
border:#80adc3 solid 1px;
z-index:12;
background-color:#fff;
}
*/

#angebot {
position:absolute;
width:auto;
margin:100px 0 0 440px;
text-align:right;
font-size: 14px;
}
  
#angebot ul li {
list-style-type:none;
padding: 2px;
margin: 0px;
}

#imgangebot {
position:absolute;
background-color: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: double;
border-width: 1px;
padding:3px 3px  1px 3px;
margin: -240px 0 0 -300px;
}

#imgangebot img {
background-color: #eee;
border: #80adc3 solid 1px;
padding:2px;
}


/* ------------ GALERIE---------- */

#galerie {
position:absolute;
margin:0px;
z-index: 13;
padding:0px;
}



/* ------------ STANDORT ----------- */

#standorttext{
width: 700px;
position:absolute;
margin:50px 0 0 130px;
font-size: 14px;
text-align:right;
}


#standorttext ul li{
list-style-type:none;
padding: 3px;
}

#standort {
position:absolute;
margin:250px 0 0 90px;
text-align:right;
font-size: 13px;
font-weight:bold;
background-color: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
}

#standort  td {
background-color: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
}


#imgstandort {
position:absolute;
margin: 0px 0 0 -730px;
padding:0px;
z-index:12;
}
  


/* ------------ KONTAKT LINKS ---------- */

#kontakt {
position:absolute;
margin:100px 0 0 587px;
text-align:right;
font-weight: normal;
font-size: 14px;
font-family: Arial;
color:#333;
}
  
#kontakt ul li {
list-style-type:none;
padding: 3px;
}

#links   {
position: absolute;
margin-top:250px;
text-align:left;
list-style-type:none;
padding: 3px;
}

 
#links ul li {
list-style-type:none;
padding: 3px;
}

#links ul li a:link {
width: auto;
color: #333;
text-decoration: none;
}

#links ul li a:visited {
color: #aaa;
text-decoration: none;
}

#links ul li a:hover {
border-color: #80adc3;
color: #fff;
text-decoration: underline;
background-color:#c03; 
}

#links ul li a:active {
color: #ccc;
text-decoration: underline;
}


#imgkontakt {
position:absolute;
background-color: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: double;
border-width: 1px;
padding:3px 3px  1px 3px;
margin: -350px 0 0 300px;
}

#imgkontakt img {
background-color: #eee;
border: #80adc3 solid 1px;
padding:2px;
}







/* ------------ PREISE ---------- */


#preise {
position:absolute;
width:auto;
margin:100px 0 0 545px;
text-align:right;
font-size: 14px;
font-family: Arial;
}

#preise ul li {
list-style-type:none;
padding: 2px;
margin: 0px;
}

#imgpreise {
position:absolute;
background-color: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: double;
border-width: 1px;
padding:3px 3px  1px 3px;
margin: -180px 0 0 -320px;
}

#imgpreise img {
background-color: #eee;
border: #80adc3 solid 1px;
padding:2px;
}


/* -------- WEBSCREEN --------- */

#web {
width: 880px;
margin: 0px;
padding: 5px;
font-size: 11px;
background-color: #507689;
color:#ccc;
text-align:center;
}

#web a:link {
background-color: #507689;
color: #999;
}

#web a:visited{
color: #ccc;
text-decoration: none;
}

#web a:hover {
border-color: #fff;
color: #fff;
text-decoration: underline;
background-color:#c03; 
}

#web a:active {
color: #333;
text-decoration: underline;
}