/* MySite 14 - Reiseberichte von Peter Zinken */
/* erstellt: 2007-10-22 */
/* geaendert: 2007-12-06 */
/* (c) Peter Zinken */

* {
margin: 0;
padding: 0;
}

body {
background-color: #433f3a;
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#head {
width: 100%;
height: 140px;
background: url(grafik/header.jpg) top left no-repeat transparent;
}

/* H A U P T N A V I G A T I O N   O B E N */ 

#menue {
height: 24px;
background: url(grafik/menuebar.jpg) top left no-repeat transparent;
padding: 0 0 0 6px;
}
#menue ul {
display: inline;
list-style-type: none;
}
#menue li {
float: left;
text-align: center;
font-size: 0.7em;
font-weight: bold;
}
#menue a:link {
display: block;
float: left;
width: 120px;
height: 24px;
padding: 4px 0 0 0;
margin: 0;
color: #000;
background: url(grafik/link01.jpg) top left no-repeat transparent;
text-decoration: none;
}
#menue li a:hover {
color: #000;
background: url(grafik/link02.jpg) top left no-repeat transparent;
}
#menue li a:visited {
display: block;
float: left;
width: 120px;
height: 24px;
padding: 4px 0 0 0;
margin: 0;
color: #000;
background: url(grafik/link01.jpg) top left no-repeat transparent;
text-decoration: none;
}
#menue li a:visited:hover {
color: #000;
background: url(grafik/link02.jpg) top left no-repeat transparent;
}

/* M E N U E - ANZEIGE AKTUELLER SEITE */

#sta #stal, #rei #reil, #fot #fotl, #gas #gasl, #imp #impl, #awa #awal, #kon #konl {
cursor: default; 
background: url(grafik/link02.jpg) top left no-repeat transparent;
}

/* M E N U E    T O O L T I P P */

div#menue a .tipp {
display: none;
}
div#menue a:hover .tipp {
position: absolute;
top: 270px;
right: 20px;
width: 140px;
height: 190px;
display: block;
z-index: 99;
padding: 20px 10px;
border: 0;
background-color: #cbbfb3;
font-size: 1.2em;
line-height: 1.6em;
color: #000;
font-weight: normal;
text-align: left;
}
.bold {
font-size: 1.2em;
font-weight: bold;
font-style: normal;
margin: 0 0 5px 0;
display: block;
}
.bild {
margin: 0 0 5px -8px;
border: 0;
padding: 0;
display: block;
}


/* I N H A L T   T E X T */

#contentwrap {
width: 100%;
height: auto;
background-color: white;
}

#content {
min-height: 400px;
background-color: #efebe0;
margin: 0;
padding: 40px 220px;
font-size: 0.9em;
}

/* H A U P T N A V I G A T I O N   L I N K E   B O X */

#mainnavi {
position: fixed; 
left: 10px;
top: 190px;
width: 180px;
background: url(grafik/link03.jpg) top center repeat-y;
}
#mainnaviinhalt {
padding: 10px 0;
}
#mainnavi-ol {
background: url(grafik/boxlo.jpg) top left no-repeat;

}
#mainnavi-ul {
background: url(grafik/boxlu.jpg) bottom left no-repeat;
}
#mainnavi-ur {
background: url(grafik/boxru.jpg) bottom right no-repeat;
}
#mainnavi-or {
background: url(grafik/boxro.jpg) top right no-repeat;
}
#mainnavi ul {
list-style-type: none;
}
#mainnavi li {
font-size: 0.7em; /*90%*/
font-weight: bold;
text-align: center;
}
#mainnavi li a {
display: block;
width: 180px;
margin: 0;
padding: 5px 0;
color: #000;
background: url(grafik/link03.jpg) top center repeat-y;
text-decoration: none;
}
#mainnavi li a:hover {
color: #000;
background: url(grafik/link04.jpg) top center repeat-y;
}
#mainnavi li a:visited {
color: #000;
background: url(grafik/link03.jpg) top center repeat-y;
}
#mainnavi li a:visited:hover {
background: url(grafik/link04.jpg) top center repeat-y;
}
#mainnavi p {
text-align: center;
}
#mainnavi img {
padding: 0;
}

/* N A V I G A T I O N - ANZEIGE AKTUELLER SEITE */

#ind #indl, #kam #kaml, #may #mayl, #mal #mall, #mya #myal, #rus #rusl, #sin #sinl, #tha #thal, #tun #tunl, #vie #viel {
cursor: default; 
background: url(grafik/link04.jpg) top left repeat-y transparent;
}

/* N A V I G A T I O N - Tooltipp */

div#mainnavi a .tipp {
display: none;
}
div#mainnavi a:hover .tipp {
position: absolute;
top: 0;
right: -348px;
width: 300px;
height: 200px;
display: block;
padding: 20px 10px;
z-index: 99;
border: 0;
background: url(grafik/tooltipp.jpg) top center no-repeat;
font-size: 1em;
line-height: 1.6em;
color: #000;
font-weight: normal;
text-align: left;
}
.bold {
font-size: 1.2em;
font-weight: bold;
font-style: normal;
line-height: 1.6em;
}
.bild {
margin: 4px auto;
border: 0;
padding: 0;
display: block;
}



/* I N F O B O X   R E C H T S */

#box {
position: fixed; 
right: 10px;
top: 190px;
width: 180px;
background: url(grafik/link03.jpg) top center repeat-y;
}
#box-ol {
background: url(grafik/boxlo.jpg) top left no-repeat;
}
#box-ul {
background: url(grafik/boxlu.jpg) bottom left no-repeat;
}
#box-ur {
background: url(grafik/boxru.jpg) bottom right no-repeat;
}
#box-or {
background: url(grafik/boxro.jpg) top right no-repeat;
}
#boxinhalt {
padding: 10px 0;
}
#boxinhalt p {
font-size: 0.8em;
padding: 5px 10px;
}
#box ul {
list-style-type: none;
}
#box li {
font-size: 0.7em; /*90%*/
font-weight: bold;
text-align: center;
}
#box li a {
display: block;
width: 180px;
margin: 0;
padding: 5px 0;
color: #000;
background: url(grafik/link03.jpg) top center repeat-y;
text-decoration: none;
}
#box li a:hover {
color: #000;
background: url(grafik/link04.jpg) top center repeat-y;
}
#box li a:visited {
color: #000;
background: url(grafik/link03.jpg) top center repeat-y;
}
#box li a:visited:hover {
background: url(grafik/link04.jpg) top center repeat-y;
}
#box li img {
padding: 12px 0 6px 0;
}


.marke50 {
margin: 50px 0 0 0;
text-align: center;
}
.marke100 {
margin: 100px 0 0 0;
text-align: center;
}
.marke200 {
margin: 200px 0 0 0;
text-align: center;
}
.marke300 {
margin: 300px 0 0 0;
text-align: center;
}

/* F L O A T   B E E N D E N */

#clear {
float: none;
clear: both;
font-size: 0;
height: 0px;
display: none;
}

/* F U S S Z E I L E */

#foot {
width: 100%;
height: 24px;
background: url(grafik/menuebar.jpg) top left no-repeat transparent;
margin: 0 0 20px 0;
}
#foot ul {
display: inline;
list-style-type: none;
}
#foot li {
float: left;
text-align: center;
font-size: 0.7em;
font-weight: bold;
}
#foot li a:link {
display: block;
float: left;
width: 120px;
height: 24px;
padding: 5px 0 0 0;
margin: 0;
color: #000;
background: url(grafik/link01.jpg) top left no-repeat transparent;
text-decoration: none;
}
#foot li a:hover {
color: #000;
background: url(grafik/link02.jpg) top left no-repeat transparent;
}
#foot li a:visited {
display: block;
float: left;
width: 120px;
height: 24px;
padding: 5px 0 0 0;
margin: 0;
color: #000;
background: url(grafik/link01.jpg) top left no-repeat transparent;
text-decoration: none;
}
#foot li a:visited:hover {
color: #000;
background: url(grafik/link02.jpg) top left no-repeat transparent;
}
#foot p{
padding: 4px 0 0 0;
margin-left: 500px;
font-size: 0.7em;
}

.unsichtbar {
display: none;
}
.invis {
font-size: 0;
height: 0px;
width: 0px;
margin: 0;
padding: 0;
}
.pfeile {
margin-top: 20px;
}


/*---- allgemeine Formatierungen ----*/
p {
text-align: left;
color: #000;
background-color: transparent;
font-size: 0.9em;
line-height: 1.5em;
padding: 6px 2px;
}
h1, h2, h3, h4 {
color: #433f3a;
background-color: transparent;
font-weight: bold;
text-align: left;
}
h1 {
font-size: 1.2em;
padding: 2px 2px 8px 2px;
}
h2 {
font-size: 1.1em;
padding: 2px 2px 8px 2px;
}
h3 {
font-size: 1em;
}
h4 {
padding: 0 0 4px 0;
font-size: 0.9em;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.justify {
text-align: justify;
}
.left {
text-align: left;
}
.small {
font-size: 0.8em;
font-style: normal;
}
.small2 {
font-size: 0.9em;
font-style: normal;
}
.bold {
font-weight: bold;
font-style: normal;
font-size: 1em;
display: inline;
}
.first {
font-size: 1.1em;
font-weight: bold;
font-style: normal;
color: #433f3a;
}
ul {
list-style-type: none;
}
.liste ul {
list-style-type: square;
margin-left: 16px;
}
.liste li {
line-height: 1.4em;
font-size: 0.9em;
}
.fremdwort {
font-style: italic;
border-bottom: 1px dotted #000;
cursor: help;
}


/* G A E S T E B U C H */

#gaeste {
font-size: 1em;
line-height: 1.2em;
margin: 0 0 20px 0;
}
#gaeste p {
padding: 0;
margin-top: 20px;
}
#gaeste .bold {
font-size: 1em;
margin: 0;
padding: 0;
display: inline;
}
.eintrag {
color: #000;
background-color: #cbbfb3;
font-size: 1.2em;
font-weight: bold;
font-style: normal;
padding: 2px;
}


/*---- Bilder ----*/
img {
padding: 5px;
margin: 0;
border: 0;
}
.rightpic img {  
padding: 5px;
margin: 0 0 0 15px;
float: right;
}
.leftpic img {  
padding: 5px;
margin: 0 15px 0 0;
float: left;
}
.leftpic1 img {  
padding: 0;
margin: 0 20px 0 0;
float: left;
border: 0;
background-color: transparent;
}
.rightpic1 img {  
padding: 5px;
margin: 0 20px 0 15px;
float: right;
}
.noborder img {
border: 0;
padding: 0;
background-color: transparent;
}
.unten img {
padding: 0 4px;
}

/* ---- Formulare ---- */
form {
text-align: left;
margin-bottom: 1.5em;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
text-align: left;
}
input.eingabe {
width: 400px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 0.9em;
margin: 4px 5px 4px 0px;
padding: 2px;
background-color: #ddd;
color: #000;
text-align: left;
}
input.eingabe:focus {
background-color: #dedbd1;
color: #000;
}
input.eingabe2 {
width: 20px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 1.2em;
font-weight: bold;
margin: 4px 5px 4px 0px;
background-color: #ddd;
text-align: center;
}
input.eingabe2:focus {
background-color: #eee;
}
input.eingabe3 {
width: 140px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 0.9em;
margin: 4px;
background-color: #ddd;
text-align: left;
}
input.eingabe3:focus {
background-color: #eee;
}
textarea {
width: 400px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 0.9em;
margin: 4px 5px 4px 0px;
padding: 2px 4px;
background-color: #ddd;
color: #000;
text-align: left;
}
textarea:focus {
background-color: #dedbd1;
color: #000;
}
.knopf {
background-color: #ddd;
color: #000;
width: 100px;
height: 24px;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
border-right: solid 1px #000;
border-bottom: solid 1px #000; 
margin: 0 10px 0 0px;
cursor: pointer;
}
.knopf:hover {
background-color: #dedbd1;
color: #000;
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff; 
cursor: pointer;
}
label {
margin-top: 4px;
width: 140px;
height: 24px;
text-align: left;
font-size: 0.9em;
float: left;
}
.red {
font-size: 1em;
color: red;
font-weight: bold;
}
.green {
font-size: 1em;
color: #006400;
font-weight: bold;
}


/* ---- Awardcollage ----*/
#collage {
margin: 10px auto;
padding: 0;
width: 360px;
height: 270px;
text-align: center;
}
#collage a {
margin: 0;
padding: 0;
display: block;
width: 360px;
height: 270px;
background: url(http://award.zinken.name/grafik/collage.jpg) center top no-repeat;
text-decoration: none;
}
#collage a:hover {
background: url(http://award.zinken.name/grafik/collage.jpg) center bottom no-repeat;
}
#collage a i {
visibility: hidden;
}

/* ---- Links allgemein ----*/
a:link {
color: #433f3a;
background-color: transparent;
text-decoration: underline;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #555;
background-color: transparent;
text-decoration: underline;
}
a:visited:hover {
color: red;
background-color: transparent;
text-decoration: none;
}
a.extern {
padding-right: 16px;
background: url(grafik/extern1.gif) right no-repeat;
color: #000;
}
a:hover.extern {
color: red;
text-decoration: none;
padding-right: 16px;
background: url(grafik/extern.gif) right no-repeat;
}

/* M E N U E   B E R I C H T E */

#yan #yanl, #inl #inll, #sha #shal, #man #manl, #aye #ayel, #bag #bagl, #cha #chal, #nga #ngal, #all #alll, #map #mapl, 
#woe #woel, #gal #gall, #lin #linl, #sai #sail, #mek #mekl, #mui #muil, #nha #nhal, #hoi #hoil, #hue #huel, #han #hanl, 
#nin #ninl, #hal #hall, #tip #tipl, #sin #sinl, #kua #kual, #mak #makl, #cam #caml, #mar #marl, #tio #tiol, #ban #banl,
#val #vall, #tci #tcil, #mar #marl, #mdi #mdil, #din #dinl, #hag #hagl, #tar #tarl, #goz #gozl, #fes #fesl, #mo1 #mo2l,
#pet #petl, #chi #chil, #suk #sukl, #phu #phul, #kra #kral, #tus #tusl, #toz #tozl, #che #chel, #dou #doul, #sid #sidl,
#gab #gabl, #sou #soul, #sip #sipl, #lan #lanl, #dow #dowl, #bac #bacl, #mad #madl, #mud #mudl, #mys #mysl, #koc #kocl,
#mal #mall, #ham #haml  {
cursor: default; 
background: url(grafik/link04.jpg) top left repeat-y transparent;
}