body { margin: 0; padding: 0; background: #2f4b71 url(bg.jpg); }
img {	border-style: none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:13px; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,table,blockquote,fieldset,input { margin: 0; padding: 0; font-size: 13px; }
#xxxcontainer { margin:0 auto; width: 775px; color: black; background: #ecf1f7 url(images/left.jpg) left top repeat-y; }


#container { position: absolute; width: 775px; left: 50%; margin-left: -388px; color: black; background: #ecf1f7 url(images/left.jpg) left top repeat-y; }


#header { height: 150px; color: black; }
#header-index {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/tikal.jpg); }
#header-profil {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/profil.jpg); }
#header-reise {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/maya.jpg); }
#header-karibik {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/sunset.jpg); }
#header-mexiko {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/maya1.jpg); }
#header-kalifornien {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/sfo1.jpg); }
#header-mittelmeer {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/leptis.jpg); }
#header-nordafrika {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/nordafrika.jpg); }
#header-australien {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/kalgoorlie.jpg); }
#header-deutschland {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/munich.jpg); }

#header-foto {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/foto4.jpg); }
#header-trans {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/trans.jpg); }
#header-redaktion {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/red2.jpg); }
#header-web {position: absolute; left: 0; width: 220px; height: 150px; background: white url(header/web3.jpg); }

#header-rechts { margin-left: 220px; height: 150px; background: #0F2F56 url(images/wr3b.gif) no-repeat bottom right; }

#oben2 { height: 22px; color: white; background-color: #C10000; }
.navitop {margin: 0; padding: 0; list-style: none; display: inline; }
.navitop li { float: right; white-space: nowrap; margin-top: 2px; }
.navitop a,navitop a:visited,navitop a:active { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; color: white; background: transparent; text-decoration: none; }
.navitop a:hover {color: black; background: #d3dfed; ;}

img.fotoindex {margin-left: 0px;}
img.fotoindextop {margin-top: 50px;}

p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.ganzoben { text-align: right; margin-top: -24px; margin-right: 10px; white-space: nowrap; }

.indexzitat { font-size: 14px; text-align: center; color: white; margin-top: 50px; margin-left: 20px; margin-right: 20px; letter-spacing: 0px; line-height: 24px;  }
.indexzitat a,indexzitat a:visited,indexzitat a:active {color: white; text-decoration: underline; font-weight: bold; }
.indexzitat a:hover {color: white; text-decoration: underline; }
 
/* LINKE SPALTE */

#left { position: absolute; left: 0; width: 220px; background: #ecf1f7 url(images/left.jpg); }
#leftfoto { position: absolute; left: 0; width: 220px;  height: 320px; background: #0F2F56; text-align: center;}
#leftindex { position: absolute; left: 0; width: 220px; height: 320px; background: #0F2F56;  text-align: center;}

.pix { margin-top: 8px; }
.thumbs { text-align: center;}

.imgover { margin-top: 3px; margin-left: 2px; margin-right: 2px; background: #336089; border-top: 6px solid #336089;}

.thumbslefttop { margin-top: 11px; margin-right: 3px; border-top: 6px solid #336089;}
.thumbsrighttop { margin-top: 11px; clear: right; border-top: 6px solid #336089;}
.thumbsleft { margin-top: 3px; margin-right: 3px; border-top: 6px solid #336089;}
.thumbsright { margin-top: 3px; clear: right; border-top: 6px solid #336089;}
.thumbsleftbottom { margin-top: 3px; margin-bottom: 12px; margin-right: 3px; border-top: 6px solid #336089;}
.thumbsrightbottom { margin-top: 3px; margin-bottom: 12px; clear: right; border-top: 6px solid #336089;}

ul.menuleft {margin-top: 20px; margin-bottom: 400px; padding: 0; list-style: none;  text-align: right;}
.menuleft { margin-right: 20px; }
.menuleft li { padding-bottom: 10px; margin-left: 0px; }
.menuleft a,menuleft a:visited,menuleft a:active { font-family: "Courier New", Courier, monospace; font-size: 17px; font-weight: bold; color: black;  text-decoration: none; letter-spacing: -1px; }
.menuleft a:hover { color: white; background: #C10000; text-decoration: none; }

.out { display: none; }
/* MITTLERE SPALTE */

#center { color: black; margin-left: 220px; border-left: 1px solid #0F2F56; }
#center-foto { color: black; height: 320px; margin-left: 220px; border-left: 0px solid #0F2F56; }
#center-index { color: black; height: 320px; margin-left: 220px; border-left: 0px solid #0F2F56; }

.topcentre { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 22px; font-weight: bold; color: #0F2F56; text-align: center; padding-top: 25px; padding-bottom: 25px; letter-spacing: 1px; background: #b0c4de; font-variant: small-caps; border-bottom: 5px solid #336089; }
.topcentre2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: black; text-align: center; margin-top: 6px; margin-bottom: 6px; background: #b0c4de; padding: 3px; letter-spacing: 2px; border-top: 2px solid #336089;  border-bottom: 2px solid #336089; font-variant: small-caps;  line-height: 24px;}

.buchcover { background-color: #d3dfed; padding-top: 24px; padding-bottom: 24px; text-align: center;}
.buchcover1 { background-color: #d3dfed; padding-top: 10px; padding-bottom: 10px; text-align: center;}
.buchcover2 { background-color: #d3dfed; padding-bottom: 24px; text-align: center;}
.fotoframe { background-color: black; text-align: center; }

.kommentar {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  padding-top: 12px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; background: #ecf1f7; clear: both; line-height: 24px; border-bottom: 30px solid #d3dfed; }
.kommentar a,kommentar a:visited,kommentar a:active { color: #C10000; font-weight: bold; text-decoration: none; }
.kommentar a:hover { text-decoration: underline; }

.kommentar1 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  padding-top: 12px; padding-bottom: 6px; padding-left: 30px; padding-right: 30px; background: #ecf1f7 url(wave00.gif); clear: both; line-height: 22px;}
.kommentar1 a,kommentar1 a:visited,kommentar1 a:active { color: #C10000; font-weight: bold; text-decoration: none; }
.kommentar1 a:hover { text-decoration: underline; }
.zitat1 { font-style: italic;  }

.fotokommentar {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  padding-left: 30px; padding-right: 30px; padding-top: 4px; padding-bottom: 4px; background: #ecf1f7; text-align: right; font-weight: bold;}
.fotokommentar a,fotokommentar a:visited,fotokommentar a:active { color: #C10000; font-weight: bold; text-decoration: none; }
.fotokommentar a:hover { text-decoration: underline; }

.redtext { color: #0F2F56; font-weight: bold; }

img.foto { border: 0; margin-top: 0; }
img.inset { float: left; margin-top: 2px; margin-right: 14px; border: 8px solid #d3dfed; }
img.inset-right { float: right; margin-top: 1px; margin-left: 10px; border: 1px solid black; }
img.white1 { border: 4px solid white; }


img.black3a { margin-right: 40px; border: 1px solid black; }
img.black3b { border: 1px solid black; }

img.white3a { margin-right: 30px; border: 4px solid white; }
img.white3b { border: 4px solid white; }

img.white4a { margin-right: 4px; border: 4px solid white; }
img.white4b { border: 4px solid white; }

img.black5a { margin-right: 4px; border: 1px solid black; }
img.black5b { border: 1px solid black; }

img.white5a { margin-right: 4px; border: 4px solid white; }
img.white5b { border: 4px solid white; }




/* RECHTE SPALTE */
#right { position: absolute; right: 0; width: 1px; display: none;}

/* FUSSZEILE */

#bottom { height: 28px; color: white; background-color: #C10000; padding-top: 3px;}
#bottomfoto { height: 22px; color: white; background-color: #ecf1f7; }
#bottom-links {position: absolute; left: 0; width: 220px; height: 22px; background: white }
#bottom-rechts { margin-left: 220px; height: 22px; }
#bottomindex { height: 1px; color: white; background-color: #ecf1f7; }

.thumbstext {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px; font-weight: bold; background: #ecf1f7; text-align: center; padding-top: 3px;}
.thumbstext a,thumbstext a:visited,thumbstext a:active { color: black; text-decoration: underline; }
.thumbstext a:hover { color: #C10000; text-decoration: underline; }

.fototext { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: black; margin-right: 20px; text-align: right; padding-top: 3px;}
.fototext a { color: white; text-decoration: none;}
.fototext a:hover { text-decoration: underline;}

.wr { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: white; margin-right: 20px; text-align: right; }
.wr a { color: white; font-weight: bold; text-decoration: none;}
.wr a:hover { text-decoration: underline;}