/*
  Schriftfarbe: #000000, Navigation: #DDBE99
  Rot: #E72F15, Links: #333300, Border-Braun: #CB9D64
*/

img, div { behavior: url(/iepngfix.php); }


/* --->>> GLOBAL RESET <<<--- */

* {
  margin: 0;
  padding: 0;
}


/* --->>> STRUKTUR <<<--- */

body {
  background-color: #000000;
  color: #000000;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 13px;
  text-align: center;
  line-height: 1.5;
}

#container {
  margin: 77px auto 0 auto;
  width: 900px;
  background: #FEFAD7 url(../images/bg_container_holz.jpg) repeat-y top;
  min-height: 100%;
  position: relative;
}
* html #container { height: 100%; }

#logo {
  /*background: url(../images/logo.png) no-repeat;*/
  width: 240px;
  height: 200px;
  position: absolute;
  top: -57px;
  right: 16px;
}

#zunzun {
  /*background: url(../images/zunzun.png) no-repeat;*/
  width: 320px;
  height: 110px;
  position: absolute;
  top: 56px;
  right: 128px;
}

#foto {
  width: 438px;
  height: 319px;
  position: absolute;
  top: -59px;
  left: -39px;
}

#foto img {
  width: 438px;
  height: 319px;
  border: none;
}

#header {
  background: url(../images/bg_container_header.jpg) no-repeat top;
  height: 260px;
}

#container_content {
  background: url(../images/bg_container_holz.jpg) repeat-y top;
  padding-bottom: 20px;
  text-align: left;
}

#content_container {
  float: right;
  width: 632px; /* 596 + 36 */
}

#content {
  background: url(../images/bg_content.jpg) repeat-y top;
  min-height: 300px;
  margin-right: 36px;
  padding: 20px 54px 20px 45px;
}
* html #content { height: 300px; }

#content_footer {
  background: url(../images/bg_content_footer.png) no-repeat;
  height: 34px;
}

#navigator {
  float: left;
  width: 205px;
  margin-left: 30px;
}

#sprachwahl {
  margin-top: 50px;
}

#footer_navigator {
  width: 500px;
  float: right;
  text-align: right;
  margin-right: 25px;
}

#footer {
  border-top: 1px solid #CB9D64;
  height: 30px;
  width: 900px;
  margin: 0 auto;
}

hr { /* wird benötigt, damit der container-Hintergrund bis nach unten angezeigt wird */
  clear: both;
  visibility: hidden;
}

#print_logo {
  display: none;
}

.clearb {
  clear: both;
}


/* --->>> ALLGEMEINE ATTRIBUTE <<<--- */

p {
  padding: 10px 0 0 0;
  /*text-align: justify ???*/
}

p.untertitel {
  padding: 0 0 15px 0;
  /*font-weight: bold;*/
}

p.legende {
  font-style: italic;
  text-align: center;
}


h1, h2, h3 {
  color: #000000;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  padding: 30px 0 0 0;
}

h1 {
  font-size: 30px;
  padding-top: 0;
  display:block;
  width: 497px;
  height:40px;
  background: url(../images/headlines2_de.gif) no-repeat 0 0;
}

h1.es {
  background-image: url(../images/headlines2_es.gif);
}

h1 span { display:none; }

h2 {
  font-size: 16px;
  font-weight: bold;
  padding-top: 40px;
}

h3 {
  font-size: 13px;
  font-weight: bold;
  padding-top: 20px;
}

ul {
  padding: 5px 0 0 0;
}

li {
  background: url(../images/aufz.gif) no-repeat left 8px;
  list-style-type: none;
  padding-left: 16px;
  margin-top: 5px;
}

table {
  margin: 5px 0 0 0;
  border-collapse : collapse; /* anstelle cellspacing="0" in HTML */
}
* html table { font-size: 13px; }

td {
  padding-top: 10px;
  padding-right: 10px;
  text-align: left;
  vertical-align: top;
}

td.rechts {
  text-align: right;
  padding-right: 0;
}

strong, .fett {
  font-weight: bold;
}

em, .kursiv {
  font-style: italic;
}


/* --->>> STANDARD-LINKS <<<--- */

a {
  background-color: transparent;
  padding: 0 1px;
  text-decoration: underline;
}

a:link {
  color: #4D6600;
}

a:visited {
  color: #333300;
}

a:hover, a:visited:hover {
  background-color: #4D6600;
  color: #FFFFFF;
  text-decoration: none;
}

a:active, a:focus {
  background-color: #4D6600;
  color: #FFFFFF;
}

a:hover, a:active {
  outline: none;
}

a img {
  border: 0;
}


/* Spezialfall mit Bienvenidos (SIIR erstellt hier komischerweise automatisch einen Link) */
a#Bienvenidos, a#Bienvenidos:link, a#Bienvenidos:visited, a#Bienvenidos:hover, a#Bienvenidos:visited:hover, a#Bienvenidos:active, a#Bienvenidos:focus {
  background-color: transparent;
  padding: 0;
}


/* Bilder-Galerien */
#bottomNav a, #bottomNav a:link, #bottomNav a:visited, #bottomNav a:hover, #bottomNav a:visited:hover, #bottomNav a:active, #bottomNav a:focus {
  background-color: transparent;
  padding: 0;
}

a.hidden {
  display: none;
}


/* --->>> FORMULAR <<<--- */

form label {
  display: block;
}

form ol
{
  margin: 0;
  padding: 0;
}

form li {
  background: transparent;
  list-style: none;
  margin: 0;
  padding: 15px 0 0 0;
}

input {
  background-color: #FFFFFF;
  margin: 0;
  padding: 2px;
  border: 1px solid #CB9D64;
  font-size: 13px;
  width: 100%;
  color: #000000;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
* html input { width: 95%; }

input.checkbox {
  width: auto;
}

input.button {
  background-color: #FFFFFF;
  margin: 15px 0 0 0;
  padding: 1px 10px;
  width: 0; /* für den IE, damit die Buttons nicht zu breit werden */
  overflow: visible;
  font-weight: normal;
  color: #000000;
}

input.button[class] { /* wird vom IE ignoriert */
  width: auto;
}

textarea {
  background-color: #FFFFFF;
  margin: 0;
  padding: 1px;
  border:1px solid #CB9D64;
  font-size: 13px;
  width: 100%;
  color: #000000;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
* html textarea { width: 95%; }

.formular_fehlerfeld {
  background-color: #E72F15;
  color: #FFFFFF;
}

.formular_fehlertext, .formular_successtext {
  background-color: #E72F15;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 20px;
  padding: 5px;
}


/* --->>> SPEZIELLE FORMATIERUNGEN <<<--- */

/*#logo a {
  display: block;
  height: 200px;
  width: 240px;
  background: none;
  background-color: transparent;
  padding: 0;
  border: none;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:visited:hover, #logo a:focus, #logo a:active {
  background: none;
  background-color: transparent;
}*/

/* NAVIGATOR */

#navigator ul {
  color: #DDBE99;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

#footer_navigator ul,
#sprachwahl ul {
  color: #DDBE99;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

#navigator li {
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 0 0 1px 0;
}

#footer_navigator li {
  background: none;
  list-style-type: none;
  margin: 0 20px 0 0;
  padding: 0 0 1px 0;
  display: inline;
}

#sprachwahl li {
  background: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
}

#navigator li ul {
  font-size: 14px;
  margin: 0 0 10px 20px;
}

#navigator li ul li {
  padding-top: 5px;
}

#navigator a,
#footer_navigator a,
#sprachwahl a {
  color: #DDBE99;
  text-decoration: none;
  padding: 0;
}

#navigator em,
#footer_navigator em { /* Formatierung der Navigation, wenn JS ausgeschaltet ist */
  font-style: normal;
  line-height: 1.7;
  vertical-align: 8px;
}
.em { display: inline; }

#footer_navigator sub,
#sprachwahl sub { /* Formatierung der Navigation, wenn JS ausgeschaltet ist */
  font-style: normal;
  line-height: 1.7;
  vertical-align: 8px;
  font-size: 15px;
}
.sub { display: inline; }

#navigator li.selected,
#footer_navigator li.selected,
#sprachwahl li.selected {
  color: #E72F15;
  background-color: transparent;
  background-image: url(../images/navigator_bg_striche.gif);
  background-repeat: no-repeat;
}

#navigator li span.selected {
  color: #E72F15;
}

#navigator li.selected a:hover, #navigator li.selected a:visited:hover, #navigator li.selected a:focus, #navigator li.selected a:active,
#footer_navigator li.selected a:hover, #footer_navigator li.selected a:visited:hover, #footer_navigator li.selected a:focus, #footer_navigator li.selected a:active,
#sprachwahl li.selected a:hover, #sprachwahl li.selected a:visited:hover, #sprachwahl li.selected a:focus, #sprachwahl li.selected a:active {
  background-color: transparent;
  color: #E72F15;
  text-decoration:none;
}

#navigator li.n_news {
  background-position: 0px 23px;
}

#navigator li.n_proyectos {
  background-position: -300px 23px;
}

#navigator li.n_donacion {
  background-position: -600px 23px;
}

#navigator li.n_organizacion {
  background-position: -900px 23px;
}

#navigator li.n_cubanisimo {
  background-position: -1200px 23px;
}

#navigator li.n_galerias {
  background-position: -1500px 23px;
}

#navigator li.n_partner-sponsoren {
  background-position: -600px 23px;
}

#navigator li.n_contacto {
  background-position: -1800px 23px;
}

#footer_navigator li.n_home {
  background-position: -2100px 3px;
  *background-position: -2100px 17px;
}

/*#footer_navigator li.n_partner-sponsoren {
  background-position: -2400px 3px;
  *background-position: -2400px 17px;
}*/

#sprachwahl li.selected {
  background-position: -2700px 3px;
  *background-position: -2700px 17px;
}

#navigator li.notselected a,
#footer_navigator li.notselected a,
#sprachwahl li.notselected a {
  background: none;
}

#navigator a.n_news:hover, #navigator a.n_news:visited:hover, #navigator a.n_news:focus, #navigator a.n_news:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat 0px 9px;
  *background-position: 0 21px; /*ie6 and ie7 only*/
}

#navigator a.n_proyectos:hover, #navigator a.n_proyectos:visited:hover, #navigator a.n_proyectos:focus, #navigator a.n_proyectos:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -300px 9px;
  *background-position: -300px 21px;
}

#navigator a.n_donacion:hover, #navigator a.n_donacion:visited:hover, #navigator a.n_donacion:focus, #navigator a.n_donacion:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -600px 9px;
  *background-position: -600px 21px;
}

#navigator a.n_organizacion:hover, #navigator a.n_organizacion:visited:hover, #navigator a.n_organizacion:focus, #navigator a.n_organizacion:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -900px 9px;
  *background-position: -900px 21px;
}

#navigator a.n_cubanisimo:hover, #navigator a.n_cubanisimo:visited:hover, #navigator a.n_cubanisimo:focus, #navigator a.n_cubanisimo:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -1200px 9px;
  *background-position: -1200px 21px;
}

#navigator a.n_galerias:hover, #navigator a.n_galerias:visited:hover, #navigator a.n_galerias:focus, #navigator a.n_galerias:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -1500px 9px;
  *background-position: -1500px 21px;
}

#navigator a.n_partner-sponsoren:hover, #navigator a.n_partner-sponsoren:visited:hover, #navigator a.n_partner-sponsoren:focus, #navigator a.n_partner-sponsoren:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -600px 9px;
  *background-position: -600px 21px;
}

#navigator a.n_contacto:hover, #navigator a.n_contacto:visited:hover, #navigator a.n_contacto:focus, #navigator a.n_contacto:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -1800px 9px;
  *background-position: -1800px 21px;
}

#footer_navigator a.n_home:hover, #footer_navigator a.n_home:visited:hover, #footer_navigator a.n_home:focus, #footer_navigator a.n_home:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -2100px 3px;
  *background-position: -2100px 17px;
}

#footer_navigator a.n_partner-sponsoren:hover, #footer_navigator a.n_partner-sponsoren:visited:hover, #footer_navigator a.n_partner-sponsoren:focus, #footer_navigator a.n_partner-sponsoren:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -2400px 3px;
  *background-position: -2400px 17px;
}

#sprachwahl li.notselected a:hover, #sprachwahl li.notselected a:visited:hover, #sprachwahl li.notselected a:focus, #sprachwahl li.notselected a:active {
  background: transparent url(../images/navigator_bg_striche.gif) no-repeat -2710px 3px;
  *background-position: -2710px 17px;
}


/* CONTENT */

div#content img {
  background-color: #FFFFFF;
  padding: 6px;
  border: 1px solid #CB9D64;
  margin-top: 20px;
}

div#content img.clean {
  background-color: transparent;
  padding: 0;
  border: 0 none;
  margin-top: 5px;
}

div.galerie img {
  float: left;
  margin-right: 20px;
}

div#content img.img_portrait {
  margin-right: 20px;
  width: 150px;
  height: 150px;
  float: left;
  margin-top: 0;
}

div#content img.img_portrait_r {
  margin-right: 20px;
  width: 150px;
  height: auto;
  float: left;
  margin-top: 0;
}

div#content img.img_portrait_gross {
  float: right;
  height: 200px;
  margin: 15px 0 5px 20px;
  width:200px;
}

a.imagelink {
  background-color: transparent;
  padding: 0;
  text-decoration: none;
}

a.imagelink:link, a.imagelink:hover, a.imagelink:visited:hover, a.imagelink:active, a.imagelink:focus {
  background-color: transparent;
  color: #4D6600;
  text-decoration: none;
  padding: 0;
}

div.partner {
  clear: both;
  float: left;
  width: 100%;
}

div.partner p {
  margin-left: 184px;
}

div#content a.imagelink img {
  float: left;
  margin: 10px 20px 0 0;
}

div#content a.imagelink:link img, div#content a.imagelink:visited img {
  border: 1px solid #CB9D64;
}

div#content a.imagelink:focus img, div#content a.imagelink:hover img, div#content a.imagelink:active img {
  border: 1px solid #4D6600;
}

.nopadding {
  padding: 0;
}


.kommentar {
  color: red;
}

.kommentar2 {
  color: blue;
}

a#badge_kubareise, a#badge_kubareise:visited {
  background: transparent url(../images/badge_kubareise_g.gif) no-repeat 0px 0px;
  position: absolute;
  top: 220px;
  left: 680px;
  display: block;
  width: 155px;
  height: 155px;
  overflow: hidden;
}
a#badge_kubareise:hover, a#badge_kubareise:focus, a#badge_kubareise:active, a#badge_kubareise:visited:hover {
  background-position: 0px -155px;
}
a#badge_kubareise span {
  display: none;
}