/* www.myanmar-kinderhilfe.org */
/* Stylesheet (c) Peter Zinken - www.zinken.name */
/* Zur alleinigen und ausschliesslichen Verwendung fuer den Myanmar Kinderhilfe e.V. */
/* erstellt: 2007-07-15 */
/* geaendert: 2007-10-09 */

* {
margin: 0;
padding: 0;
}

body {
background-color: #595957;
color: #000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
text-align: center;
}

#wrap {
width: 980px;
position: absolute;
left: 50%;
margin: 20px 20px 20px -490px;
}

/* SEITENKOPF */

#header {
width: 980px;
height: 164px;
background: url(grafik/head.jpg) top left no-repeat;
z-index: 0;
}

/* NAVIGATION */

#navi {
position: absolute;
top: 140px;
left: 2px;
width: auto;
height: 20px;
background-color: transparent;
font-size: 0.75em; /*86%*/
}
#navi ul {
display: inline;
list-style-type: none;
}
#navi li {
float: left;
padding: 0;
margin: 0;
text-align: center;
}
#navi a:link {
color: #fff;
display: block;
float: left;
width: 80px;
/*background-color: tansparent;*/
text-decoration: none;
padding: 4px 4px 6px 6px;
margin: 0;
font-weight: bold;
}
#navi li a:hover {
color: red;
background-color: #ccc;
}
#navi li a:visited {
color: #fff;
display: block;
float: left;
width: 80px;
text-decoration: none;
padding: 4px 4px 6px 6px;
margin: 0;
font-weight: bold;
}
#navi li a:visited:hover {
color: red;
background-color: #ccc;
}

/* NAVIGATION - INFOBOX */

div#navi a .tipp {
display: none;
}
div#navi a:hover .tipp {
position: absolute;
top: 80px;
left: 788px;
width: 142px;
height: 260px;
display: block;
padding: 20px 10px;
z-index: 3000;
border: 0;
background-color: white;
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;
margin: 0 0 5px 0;
display: block;
}
.bild {
margin: 0 0 5px -8px;
border: 0;
padding: 0;
display: block;
}

/* NAVIGATION - ANZEIGE AKTUELLER SEITE */

#sta #stal, #ver #verl, #pro #prol, #mya #myal, #hel #hell, #akt #aktl, #kon #konl, #imp #impl, #tra #tral {
cursor: default; 
color: red;
background-color: #ccc;
}

/* INFOBOX */

#box {
background: url(grafik/rechts.jpg) left center no-repeat;
/*position: absolute;
top: 200px;
right: 20px;*/
z-index: 2;
float: right;
margin: 20px -30px 0 70px;
width: 210px;
height: 400px;
padding: 10px;
text-align: left;
}
*html #box {
margin-right: -20px;
}
#box h2 {
padding: 20px 0 0 50px;
}
#box h4 {
padding: 20px 20px 10px 50px;
}
#box p {
padding: 0 0 10px 50px;
}

/* INHALT */

#contentwrap {
background: url(grafik/content.jpg) top left repeat-y #efebe0;
}
#content {
margin: 0;
padding: 40px 40px 10px 40px;
background: url(grafik/content-re.jpg) top right no-repeat transparent;
min-height: 300px;
font-size: 0.9em; /*105%*/
text-align: left;
}

/* AUFHEBUNG float */

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

/* FUSSZEILE */

#foot {
clear: both;
width: 100%;
height: 24px;
background: url(grafik/foot.jpg) top left no-repeat transparent;
margin: -2px 0 20px 0;
}
#foot p {
padding: 0 10px 0 30px;
font-size: 0.8em; 
font-style: normal;
color: #fff;
text-align: left;
background-color: transparent;
}
#foot a:link {
color: #fff;
background-color: transparent;
text-decoration: underline;
padding: 0 2px;
}
#foot a:hover {
color: #000;
text-decoration: none;
}
#foot a:visited {
color: #fff;
background-color: transparent;
text-decoration: underline;
}
#foot a:visited:hover {
color: #000;
text-decoration: none;
}
#footr {
width: 340px;
height: 30px;
float: right;
background-color: transparent;
}
#footr p {
padding: 2px 30px 0 0;
font-size: 0.7em; /*74%*/
font-style: normal;
color: #fff;
text-align: right;
background-color: transparent;
}

/*---- 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: #595957;
background-color: transparent;
font-weight: bold;
text-align: left;
}
h1 {
font-size: 1.2em;
padding: 2px 2px 8px 2px;
}
h2 {
font-size: 1.1em;
margin-top: 15px;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 0.9em;
padding: 0 0 4px 0;
margin-top: 15px;
}
h4.abstand {
font-size: 0.9em;
padding: 0 0 4px 0;
margin-top: 25px;
}
h1.unsichtbar, h2.unsichtbar {
display: none;
padding: 0;
margin: 0;
font-size: 0px;
}
#content ul {
text-align: left;
}
#content ol {
text-align: left;
font-size: 1em;
}
#content li {
margin: 4px 4px 4px 26px; 
text-align: left;
line-height: 1.5em;
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;
}
.small3 {
font-size: 0.7em;
font-style: normal;
}
.bold {
font-weight: bold;
font-style: normal;
font-size: 1em;
color: #595957;
display: inline;
}
.red {
color: red;
font-style: normal;
font-weight: bold;
}
.abstand {
margin-top: 40px;
}
.clear {
float: none;
clear: both;
height: 0px;
font-size: 0px;
}
.quote {
font-family: Times New Roman, serif;
font-size: 3em;
font-style: italic;
font-weight: bold;
float: left;
padding: 0 5px 5px 0;
margin-top: 10px;
}
.quote2 {
font-family: Times New Roman, serif;
font-size: 3em;
font-style: italic;
font-weight: bold;
float: right;
padding: 5px 0 0 5px;
margin-top: -20px;
}

/*---- TABELLEN ----*/
table {
margin: 10px 0;
font-size: 0.9em;
width: 60%;
}
th {
padding: 3px 0;
font-weight: bold;
text-align: left;
color: #595957;
}
.td1 {
width: 70%;
text-align: left;
}
.td2 {
width: 30%;
text-align: right;
}

/*---- 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;
}
.nomargin img {
margin-top: -26px;
}

/* ---- 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: 80%;
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: 1em;
font-weight: bold;
margin: 4px 5px 4px 0px;
padding: 2px;
background-color: #ddd;
color: #000;
text-align: center;
}
input.eingabe2:focus {
background-color: #dedbd1;
color: #000;
}
textarea {
width: 400px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 0.8em;
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: 160px;
height: 24px;
text-align: left;
font-size: 0.9em;
float: left;
}
img.rechen {
margin: 0;
padding: 0;
border: 0;
}

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

a:link {
color: #000;
background-color: transparent;
text-decoration: underline;
padding: 0 2px;
}
a:hover {
color: red;
text-decoration: none;
}
a:visited {
color: #555;
background-color: transparent;
text-decoration: underline;
}
a:visited:hover {
color: red;
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;
}