/* CSS L'etangudu camp 2008
----------------------------------------------------------------------*/



* {
margin: 0;
padding: 0;
 
}

/* Hauptfenster 
----------------------------------------------------------------------*/

div#haupt {
width: 850px;
margin: 0 auto;
background-color: #996633;
background: #FFFF99;
overflow: hidden; 
}



html {

font: 70%/1.2 comic sans ms, verdana, arial, helvetica, sans-serif;
background-color: #B1CDF5;
 

}







body {
width: 850px;
margin: 0 auto;
background-color: #B1CDF5;
text-align: center;}





h1 {
background: url(bilder/etangducamp_header.jpg);
width: 850px;
margin: 0 auto;
}

h1 a, div#nav-1 li, div#nav-1 li a {
text-decoration: none;
text-indent: -999em;
}

h1 a {
display: block;
height: 140px;
width: 850px;

}

text {


width: 850px;
}

table {
width: 850px;
margin: 0 auto;
 
 font-family: Comic sans MS;
 font-color: white#000000;
 font-size: larger;
}

html, body{height:101%;}




/* Flags
----------------------------------------------------------------------*/

div#nav-10 {
background: #FFFF99;
height: 3px;
position: relative;
}

div#nav-10 ul, div#nav-2 ul {
list-style: none;
}

div#nav-10 ul {
left: 30px;
top: -30px;
position: absolute;
}

div#nav-10 li {
float: left;
height: 19px;
margin-right: 8px;
width: 100px;
}

div#nav-10 li a {
display: block;
height: 100%;
}


div#nav-10 li#flag_fr a {width: 35px;
background: url(bilder/flag_FR.jpg)  ;
}

div#nav-10 li#flag_fr, div#nav-10 li#flag_fr a:focus, div#nav-10 li#flag_fr a:hover, 
div#nav-10 li#flag_fr:hover {width: 35px; background: url(bilder/flag_FR_hover.jpg);
}


div#nav-10 li#flag_en a {width: 35px;
background: url(bilder/flag_GB.jpg)  ;
}

div#nav-10 li#flag_en, div#nav-10 li#flag_en a:focus, div#nav-10 li#flag_en a:hover, 
div#nav-10 li#flag_fr:hover {width: 35px; background: url(bilder/flag_GB_hover.jpg);
}

div#nav-10 li#flag_de a {width: 35px;
background: url(bilder/flag_de.jpg)  ;
}

div#nav-10 li#flag_de, div#nav-10 li#flag_de a:focus, div#nav-10 li#flag_de a:hover, 
div#nav-10 li#flag_der:hover {width: 35px; background: url(bilder/flag_de_hover.jpg);
}

div#nav-10 li#flag_nl a {width: 35px;
background: url(bilder/flag_NL.jpg)  ;
}

div#nav-10 li#flag_nl, div#nav-10 li#flag_nl a:focus, div#nav-10 li#flag_nl a:hover, 
div#nav-10 li#flag_nl:hover {width: 35px; background: url(bilder/flag_NL_hover.jpg);
}

/* Links im Text gelb
----------------------------------------------------------------------*/

.link {
     text-decoration: none;
     color: #FFFF00;
     }

.link:visited {
     color: #FFFF00;
     }

.link:hover {
     color: #FF6600;
     }

.link:active {
     color: #FF6600;
     }

/* Links im hellgeb
----------------------------------------------------------------------*/

.link2 {
     text-decoration: none;
     color: #FFFF99;
     }

.link2:visited {
     color: #FFFF99;
     }

.link2:hover {
     color: #FF6600;
     }

.link2:active {
     color: #FF6600;
     }


/* horizontal Menue english
----------------------------------------------------------------------*/

div#nav-1 {
background: #FFFF99;

position: relative;
}

div#nav-1 ul, div#nav-2 ul {
list-style: none;
}

div#nav-1 ul {
left: 246px;
top: -35px;
position: absolute;
}

div#nav-1 li {
float: left;
height: 26px;
margin-right: 8px;
width: 100px;
}

div#nav-1 li a {
display: block;
height: 100%;
}


div#nav-1 li#camping a {width: 74px;
background: url(bilder/camping.gif)  ;
}

div#nav-1 li#camping, div#nav-1 li#camping a:focus, div#nav-1 li#camping a:hover, 
div#nav-1 li#camping:hover {width: 74px; background: url(bilder/camping_hover.gif);
}

div#nav-1 li#rental a { width: 66px; 
background: url(bilder/rentals.gif)  ;
}

div#nav-1 li#rental, div#nav-1 li#rental a:focus, div#nav-1 li#rental a:hover, 
div#nav-1 li#rental:hover {width: 66px; background: url(bilder/rentals_hover.gif);
}


div#nav-1 li#fishing a {width: 66px;
background: url(bilder/fishing.gif);
}

div#nav-1 li#fishing, div#nav-1 li#fishing a:focus, div#nav-1 li#fishing a:hover, 
div#nav-1 li#fishing:hover {width: 66px; background: url(bilder/fishing_hover.gif);
}

div#nav-1 li#courses a {width:69px;
background: url(bilder/courses.gif);
}

div#nav-1 li#courses, div#nav-1 li#courses a:focus, div#nav-1 li#courses a:hover, 
div#nav-1 li#courses:hover {width: 69px; background: url(bilder/courses_hover.gif);
}

div#nav-1 li#activities a {width: 92px;
background: url(bilder/activities.gif);
}

div#nav-1 li#activities, div#nav-1 li#activities a:focus, div#nav-1 li#activities a:hover, 
div#nav-1 li#activities:hover {width: 92px; background: url(bilder/activities_hover.gif);
}


div#nav-1 li#attractions a {width: 109px;
background: url(bilder/attractions.gif);
}

div#nav-1 li#attractions, div#nav-1 li#attractions a:focus, div#nav-1 li#attractions a:hover, 
div#nav-1 li#attractions:hover {width: 109px; background: url(bilder/attractions_hover.gif);
}

div#nav-1 li#contact a {width: 72px;
background: url(bilder/contact.gif);
}

div#nav-1 li#contact, div#nav-1 li#contact a:focus, div#nav-1 li#contact a:hover, 
div#nav-1 li#contact:hover {width: 72px; background: url(bilder/contact_hover.gif);
}


/* horizontal Menue deutsch
----------------------------------------------------------------------*/

div#nav-1d {
background: #FFFF99;

position: relative;
}

div#nav-1d ul, div#nav-2 ul {
list-style: none;
}

div#nav-1d ul {
left: 238px;
top: -35px;
position: absolute;
}

div#nav-1d li {
float: left;
height: 26px;
margin-right: 8px;
width: 100px;
}

div#nav-1d li a {
display: block;
height: 100%;
}


div#nav-1d li#camping a {width: 72px;
background: url(bilder/camping.gif)  ;
}

div#nav-1d li#camping, div#nav-1d li#camping a:focus, div#nav-1d li#camping a:hover, 
div#nav-1d li#camping:hover {width: 72px; background: url(bilder/camping_hover.gif);
}

div#nav-1d li#rental a { width: 66px; 
background: url(bilder/rentals_de.gif)  ;
}

div#nav-1d li#rental, div#nav-1d li#rental a:focus, div#nav-1d li#rental a:hover, 
div#nav-1d li#rental:hover {width: 66px; background: url(bilder/rentals_hover_de.gif);
}


div#nav-1d li#fishing a {width: 65px;
background: url(bilder/fishing_de.gif);
}

div#nav-1d li#fishing, div#nav-1d li#fishing a:focus, div#nav-1d li#fishing a:hover, 
div#nav-1d li#fishing:hover {width: 65px; background: url(bilder/fishing_hover_de.gif);
}

div#nav-1d li#courses a {width:55px;
background: url(bilder/courses_de.gif);
}

div#nav-1d li#courses, div#nav-1d li#courses a:focus, div#nav-1d li#courses a:hover, 
div#nav-1d li#courses:hover {width: 55px; background: url(bilder/courses_hover_de.gif);
}

div#nav-1d li#activities a {width: 104px;
background: url(bilder/activities_de.gif);
}

div#nav-1d li#activities, div#nav-1d li#activities a:focus, div#nav-1d li#activities a:hover, 
div#nav-1d li#activities:hover {width: 104px; background: url(bilder/activities_hover_de.gif);
}


div#nav-1d li#attractions a {width: 117px;
background: url(bilder/attractions_de.gif);
}

div#nav-1d li#attractions, div#nav-1d li#attractions a:focus, div#nav-1d li#attractions a:hover, 
div#nav-1d li#attractions:hover {width: 117px; background: url(bilder/attractions_hover_de.gif);
}

div#nav-1d li#contact a {width: 72px;
background: url(bilder/contacts_de.gif);
}

div#nav-1d li#contact, div#nav-1d li#contact a:focus, div#nav-1d li#contact a:hover, 
div#nav-1d li#contact:hover {width: 72px; background: url(bilder/contacts_hover_de.gif);
}


/* horizontal Menue french
----------------------------------------------------------------------*/

div#nav-1f {
background: #FFFF99;

position: relative;
}

div#nav-1f ul, div#nav-2 ul {
list-style: none;
}

div#nav-1f ul {
left: 246px;
top: -35px;
position: absolute;
}

div#nav-1f li {
float: left;
height: 26px;
margin-right: 8px;
width: 100px;
}

div#nav-1f li a {
display: block;
height: 100%;
}


div#nav-1f li#camping a {width: 72px;
background: url(bilder/camping.gif)  ;
}

div#nav-1f li#camping, div#nav-1f li#camping a:focus, div#nav-1f li#camping a:hover, 
div#nav-1f li#camping:hover {width: 72px; background: url(bilder/camping_hover.gif);
}

div#nav-1f li#rental a { width: 77px; 
background: url(bilder/rentals_fr.gif)  ;
}

div#nav-1f li#rental, div#nav-1f li#rental a:focus, div#nav-1f li#rental a:hover, 
div#nav-1f li#rental:hover {width: 77px; background: url(bilder/rentals_hover_fr.gif);
}


div#nav-1f li#fishing a {width: 56px;
background: url(bilder/fishing_fr.gif);
}

div#nav-1f li#fishing, div#nav-1f li#fishing a:focus, div#nav-1f li#fishing a:hover, 
div#nav-1f li#fishing:hover {width: 56px; background: url(bilder/fishing_hover_fr.gif);
}

div#nav-1f li#courses a {width:68px;
background: url(bilder/courses_fr.gif);
}

div#nav-1f li#courses, div#nav-1f li#courses a:focus, div#nav-1f li#courses a:hover, 
div#nav-1f li#courses:hover {width: 68px; background: url(bilder/courses_hover_fr.gif);
}

div#nav-1f li#activities a {width: 92px;
background: url(bilder/activities_fr.gif);
}

div#nav-1f li#activities, div#nav-1f li#activities a:focus, div#nav-1f li#activities a:hover, 
div#nav-1f li#activities:hover {width: 92px; background: url(bilder/activities_hover_fr.gif);
}


div#nav-1f li#attractions a {width: 109px;
background: url(bilder/attractions.gif);
}

div#nav-1f li#attractions, div#nav-1f li#attractions a:focus, div#nav-1f li#attractions a:hover, 
div#nav-1f li#attractions:hover {width: 109px; background: url(bilder/attractions_hover.gif);
}

div#nav-1f li#contact a {width: 72px;
background: url(bilder/contact_fr.gif);
}

div#nav-1f li#contact, div#nav-1f li#contact a:focus, div#nav-1f li#contact a:hover, 
div#nav-1f li#contact:hover {width: 72px; background: url(bilder/contact_hover_fr.gif);
}


/* horizontal Menue dutch
----------------------------------------------------------------------*/

div#nav-1n {
background: #FFFF99;

position: relative;
}

div#nav-1n ul, div#nav-2 ul {
list-style: none;
}

div#nav-1n ul {
left: 238px;
top: -35px;
position: absolute;
}

div#nav-1n li {
float: left;
height: 26px;
margin-right: 8px;
width: 100px;
}

div#nav-1n li a {
display: block;
height: 100%;
}


div#nav-1n li#camping a {width: 71px;
background: url(bilder/camping.gif)  ;
}

div#nav-1n li#camping, div#nav-1n li#camping a:focus, div#nav-1n li#camping a:hover, 
div#nav-1n li#camping:hover {width: 71px; background: url(bilder/camping_hover.gif);
}

div#nav-1n li#rental a { width: 58px; 
background: url(bilder/rentals_nl.gif)  ;
}

div#nav-1n li#rental, div#nav-1n li#rental a:focus, div#nav-1n li#rental a:hover, 
div#nav-1n li#rental:hover {width: 58px; background: url(bilder/rentals_hover_nl.gif);
}


div#nav-1n li#fishing a {width: 62px;
background: url(bilder/fishing_nl.gif);
}

div#nav-1n li#fishing, div#nav-1n li#fishing a:focus, div#nav-1n li#fishing a:hover, 
div#nav-1n li#fishing:hover {width: 62px; background: url(bilder/fishing_hover_nl.gif);
}

div#nav-1n li#courses a {width:96px;
background: url(bilder/courses_nl.gif);
}

div#nav-1n li#courses, div#nav-1n li#courses a:focus, div#nav-1n li#courses a:hover, 
div#nav-1n li#courses:hover {width: 96px; background: url(bilder/courses_hover_nl.gif);
}

div#nav-1n li#activities a {width: 107px;
background: url(bilder/activities_nl.gif);
}

div#nav-1n li#activities, div#nav-1n li#activities a:focus, div#nav-1n li#activities a:hover, 
div#nav-1n li#activities:hover {width: 107px; background: url(bilder/activities_hover_nl.gif);
}


div#nav-1n li#attractions a {width: 87px;
background: url(bilder/attractions_nl.gif);
}

div#nav-1n li#attractions, div#nav-1n li#attractions a:focus, div#nav-1n li#attractions a:hover, 
div#nav-1n li#attractions:hover {width: 87px; background: url(bilder/attractions_hover_nl.gif);
}

div#nav-1n li#contact a {width: 72px;
background: url(bilder/contact_fr.gif);
}

div#nav-1n li#contact, div#nav-1n li#contact a:focus, div#nav-1n li#contact a:hover, 
div#nav-1n li#contact:hover {width: 72px; background: url(bilder/contact_hover_fr.gif);
}



/* untere Buttons
----------------------------------------------------------------------*/
div#nav-5 {

position: relative;
background-color: #996633;
}

div#nav-5 ul,  ul {
list-style: none;
}

div#nav-5 ul {

position: absolute;
}

div#nav-5 li {

}

div#nav-5 li a {
display: block;
height: 100%;
}



div#nav-5 li#camping5 a { 
background: url(pictures/home_camping.jpg)  ;
}

div#nav-5 li#camping5, div#nav-5 li#camping5 a:focus, div#nav-5 li#camping5 a:hover, 
div#nav-5 li#camping5:hover {  background: url(pictures/home_camping_hover.jpg);
}


/* gelbe Linie
----------------------------------------------------------------------*/

div#linie {
height: 12px;
color: #FFFF99;
background-color: #FFFF99;
}



/* Senkrechtes Menue
----------------------------------------------------------------------*/

div#nav-9 {
margin: 6px;
text-align: center;
font-size: 13px;
color: #FFFF99;
background-color: #996633;
}

div#nav-2 {
background-color: #996633;
float: left;
width: 234px;}


div#nav-2 ul {
margin-top: 35px;
margin-left: 20px;
}

div#nav-2 li, div#nav-2 li a {
color: #663300;
text-align: left;
}

div#nav-2 li, div#nav-3 li a {
color: #FF7F00;
} 


div#nav-2 li {
border-top: 0px solid;
font-size: 1.3em;
height: 10px;
width: 150px;
}

div#nav-2 li a, div#nav-2 li span {
display: block;
font-weight: bold;
height: 100%;
padding-right: 18px;
text-decoration: none;
}



div#nav-2 li a:focus, div#nav-2 li a:hover, div#nav-2 li a:active, div#nav-2 li span {
font-weight: bold;
color: #FF7F00;
}



div#nav-2 li > a:focus, div#nav-2 li > a:hover, div#nav-2 li > a:active, div#nav-2 li > span { /* nur MOSe */
;
}




a {
color: #FFF;
}

a#aux {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
width: 1px;
}




/* links unteres Menue
----------------------------------------------------------------------*/
div#nav-21 {
float: left;
color: #FFFF99;
background-color: #996633;		
width: 300px;
}




div#nav-21 ul {

margin-left: 20px;
}

div#nav-21 li, div#nav-21 li a {
color: #663300;
text-align: center;
}

div#nav-21 li, div#nav-3 li a {
color: #FF7F00;
} 


div#nav-21 li {
border-top: 0px solid;
font-size: 1.3em;
height: 10px;
width: 200px;
}

div#nav-21 li a, div#nav-21 li span {
display: block;
font-weight: bold;
height: 100%;
padding-right: 18px;
text-decoration: none;
}



div#nav-21 li a:focus, div#nav-21 li a:hover, div#nav-21 li a:active, div#nav-21 li span {
font-weight: bold;
color: #FF7F00;
}



div#nav-21 li > a:focus, div#nav-21 li > a:hover, div#nav-21 li > a:active, div#nav-21 li > span { /* nur MOSe */
;
}




a {
color: #FFF;
}

a#aux {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
width: 1px;
}






/* Footer
----------------------------------------------------------------------*/



div#footer {
background: #009900;
height: 25px;
}


/* Waagerechtes Menue bottom
----------------------------------------------------------------------*/

div#nav-3 {
background: #00CC33;
height: 30px;
position: relative;
}

div#nav-3 ul,  ul {
list-style: none;
}

div#nav-3 ul {
left: 130px;
position: absolute;
}

div#nav-3 li {
float: left;
height: 30px;
margin-left: 40px;
}

div#nav-3 li a {
display: block;
height: 100%;
}


div#nav-3 li#home a {width: 100px;
background: url(bilder/home.gif);
}

div#nav-3 li#home, div#nav-3 li#home a:focus, div#nav-3 li#home a:hover, 
div#nav-3 li#home:hover { width: 100px; background: url(bilder/home_hover.gif);
}



div#nav-3 li#etanginfo a {width: 100px;
background: url(bilder/etanginfo.gif);
}

div#nav-3 li#etanginfo, div#nav-3 li#etanginfo a:focus, div#nav-3 li#etanginfo a:hover, 
div#nav-3 li#etanginfo:hover {width: 100px; background: url(bilder/etanginfo_hover.gif);
}



div#nav-3 li#links a {width: 100px;
background: url(bilder/links.gif);
}

div#nav-3 li#links, div#nav-3 li#links a:focus, div#nav-3 li#links a:hover, 
div#nav-3 li#links:hover {width: 100px; background: url(bilder/links_hover.gif);
}



div#nav-3 li#impress a {width: 100px;
background: url(bilder/impress.gif);
}

div#nav-3 li#impress, div#nav-3 li#impress a:focus, div#nav-3 li#impress a:hover, 
div#nav-3 li#impress:hover {width: 100px; background: url(bilder/impress_hover.gif);
}