/* MySite XV */
/* realized: 2008-11-15 */
/* changed: 2009-12-28 */
/* (c) P. Zinken */

* {
margin:0;
padding: 0;
}

body {
font-size: 100.01%;
color: #000;
font-family: Verdana, Arial, sans-serfi;
background-color: #93826c;
}

#wrap {
background: url(grafik/wrap.jpg) top left repeat-y;
font-size: 0.9em;
margin-bottom: 20px;
}


/* S E I T E N K O P F   T H E M A T I S C H */

#head, #head-myanmar, #head-award {
left: 30px;
height: 98px;
}
#head {
background: url(grafik/head.jpg) top left no-repeat #93826c;
}
#head-myanmar {
background: url(grafik/head-myanmar.jpg) top left no-repeat #93826c;
}
#head-award {
background: url(grafik/head-award.jpg) top left no-repeat #93826c;
}

#head h1, #head-myanmar h1, #head-award h1 {
display: none;
}


/* E R S T E   N A V I G A T I O N S L E I S T E   O B E N */

#nav01 {
position: absolute;
top: 98px;
left: 0;
width: 100%;
height: 30px;
background: url(grafik/nav1.jpg) top left repeat-x;
}
#nav01 ul {
display: inline;
list-style-type: none;
}
#nav01 li {
float: left;
font-size: 0.8em;
}
#nav01 a:link {
display: block;
float: left;
height: 24px;
padding: 6px 0 0 6px;
color: #000;
text-decoration: none;
}
#nav01 .abstand a:link {
padding: 6px 0 0 36px;
}
#nav01 li a:hover {
color: #fff;
}
#nav01 li a:visited {
display: block;
float: left;
height: 24px;
padding: 6px 0 0 6px;
color: #000;
text-decoration: none;
}
#nav01 .abstand a:visited {
padding: 6px 0 0 36px;
}
#nav01 li a:visited:hover {
color: #fff;

/* Suchformular */
}
#nav01 form {
position: absolute;
left: 570px;
top: -2px;
padding-left: 16px;
background: url(grafik/lupe.gif) center left no-repeat transparent;
}
#nav01 input.eingabe {
width: 120px;
height: 14px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 1em;
background-color: #e08336;

}
#nav01 .knopf {
background-color: #e08336;
color: #000;
width: 60px;
height: 20px;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
border-right: solid 1px #000;
border-bottom: solid 1px #000; 

cursor: pointer;
}
#nav01 .knopf:hover {
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff; 
cursor: pointer;
}


/* Z W E I T E   N A V I G A T I O N S L E I S T E   O B E N */

#nav02 {
position: absolute;
top: 128px;
left: 0;
width: 100%;
height: 30px;
background: url(grafik/nav2.jpg) top left repeat-x;
}
#nav02 ul {
display: inline;
list-style-type: none;
}
#nav02 li {
float: left;
font-size: 0.8em;
}
#nav02 a:link {
display: block;
float: left;
height: 24px;
padding: 6px 0 0 36px;
color: #000;
text-decoration: none;
}
#nav02 li a:hover {
color: #fff;
}
#nav02 li a:visited {
display: block;
float: left;
height: 24px;
padding: 6px 0 0 36px;
color: #000;
text-decoration: none;
}
#nav02 li a:visited:hover {
color: #fff;
}
#nav02 li a.extern {
display: block;
float: left;
height: 24px;
padding: 6px 16px 0 36px;
color: #000;
text-decoration: none;
background: url(grafik/extern1.gif) center right no-repeat;
}
#nav02 li a:hover.extern {
color: #fff;
background: url(grafik/extern.gif) center right no-repeat;
}

/* H A U P T N A V I G A T I O N    L I N K S */

#navi {
float: left;
width: 145px;
padding: 60px 0 0 31px;
}
#navi h1 {
width: 145px;
height: 24px;
padding: 6px 0 0 4px;
font-size: 1.1em;
background-color: #e08336;
border-bottom: 1px solid #f1ede1;
}
#navi ul {
list-style-type: none;
}
#navi li {
font-size: 0.8em; /*90%*/
font-weight: bold;
}
#navi li a {
display: block;
width: 145px;
height: 22px;
margin: 0;
padding: 8px 0 0 4px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #f1ede1; 
}
#navi li a:hover {
color: #fff;
}
#navi li a:visited {
color: #000;
}
#navi li a:visited:hover {
color: #fff;
}
#navi li a.inactive {
cursor: default; 
color: #fff;
font-weight: bold;
}

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

div#navi a .tipp {
display: none;
}
div#navi a:hover { 
visibility: visible; 
} /* Fix IE Bug */
div#navi a:hover .tipp {
position: absolute;
top: 188px;
left: 216px;
width: 320px;
height: 360px;
display: block;
z-index: 2000;
border: 0;
background-color: #f1ede1;
font-size: 1em;
color: #545454;
font-weight: normal;
}
.bold2 {
font-size: 1.2em;
font-weight: bold;
font-style: normal;
display: block;
color: #0299c4; 
}
.bild {
border: 0;
margin-left: -6px;
display: block;
}
.small2 {
font-size: 0.9em;
text-align: right;
}


/* HAUPTINHALT */
#content {
margin: 0 0 0 180px;
padding: 90px 40px  40px  40px;
background: url(http://award.zinken.name/grafik/content-re.jpg) top right repeat-y #efebe0;
max-width: 860px;
}
.trenner {
padding: 10px 0 0 0;
margin: 12px 0;
background: url(http://award.zinken.name/grafik/headline.jpg) center center no-repeat transparent;
}
.trenner2 {
padding: 10px 0 0 0;
margin: 12px 0;
background: url(http://award.zinken.name/grafik/headline-re.jpg) center center no-repeat transparent;
}
.trenner3 {
padding: 10px 0 0 0;
margin: 12px 0;
background: url(http://award.zinken.name/grafik/headline.jpg) center center no-repeat transparent;
float: none;
clear: both;
}
.trenner4 {
padding: 10px 0 0 0;
margin: 12px 0;
background: url(http://award.zinken.name/grafik/headline-re.jpg) center center no-repeat transparent;
float: none;
clear: both;
}


/* INFOBEREICH links */
#info {
float: left;
width: 340px;
height: 480px;
margin-left: -10px;
}
/* INFOBEREICH rechts */
#info-re {
float: right;
width: 200px;
height: 480px;
margin: 50px 0 0 30px;
}

/* FUSSZEILE */
#foot {
clear: both;
float: none;
width: 100%;
height: 30px;
background: url(grafik/nav2.jpg) top left repeat-x;
}
#foot p {
font-size: 0.7em;
padding-left: 36px;
margin-top: -2px;
}
#foot a:link {
color: #000;
text-decoration: none;
}
#foot a:hover {
color: #fff;
}
#foot a:visited {
color: #000;
}
#foot a:visited:hover {
color: #fff;
}
#foot img {
margin: 0 0 -7px 4px;
}

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

#sta #stal, #rei #reil, #fot #fotl, #gas #gasl, #imp #impl, #awa #awal, #kon #konl, #suc #sucl, #mya #myal,
#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, #aut #autl, #his #hisl, #web #webl, #pro #prol, #vor #vorl, #gew #gewl, #bew #bewl, #mit #mitl,  
#wi09 #wi09l, #wi08 #wi08l, #wi07 #wi07l, #wi06 #wi06l, #wi05 #wi05l, #all #alll, #hin #hinl, #awe #awel, #erh #erhl,
#hgr #hgrl, #hin #hinl, #anf #anfl, #vor #vorl, #gra #gral, #stt #sttl, #abl #abll {
cursor: default; 
color: #fff;
font-weight: bold;
}


/*---- ALLGEMEINE FORMATIERUNGEN INHALT ----*/
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: #000;
font-family: Georgia, serif;
background-color: transparent;
font-weight: bold;
font-style: italic;
}
h1 {
font-size: 1.3em;
padding: 2px 2px 20px 2px;
}
h1 span, h2 span {
padding: 0 0 0 50px;
background: url(grafik/headline.jpg) left center no-repeat transparent;
}
h1 span span, h2 span span {
padding: 0 50px 0 0;
background: url(grafik/headline-re.jpg) right center no-repeat transparent;
}
h2 {
font-size: 1.3em;
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.9em;
font-style: normal;
}
.small2 {
font-size: 0.7em;
font-style: normal;
text-align: left;
}
.bold {
font-weight: bold;
font-style: normal;
font-size: 1em;
display: inline;
}
.first {
font-size: 1.4em;
font-weight: bold;
font-style: normal;
color: #0299c4;
}
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;
}
.clear {
float: none;
clear: both;
}
.info {
cursor: help;
border-bottom: 1px dotted #000;
}
.fehler {
color: #f00;
background-color: transparent;
}

/*---- 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: Georgia, Verdana,Helvetica,Arial,sans-serif;
font-size: 1em;
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: Georgia, Verdana,Helvetica,Arial,sans-serif;
font-size: 1.2em;
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: Georgia, Verdana,Helvetica,Arial,sans-serif;
font-size: 1em;
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: 1em;
float: left;
}
img.rechen {
margin: 0;
padding: 0;
border: 0;
}

/* LINKS */
/* ---- Links allgemein ----*/
a:link {
color: #000;
background-color: transparent;
text-decoration: underline;
}
a:hover {
color: #e08336;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #333;
background-color: transparent;
text-decoration: underline;
}
a:visited:hover {
color: #e08336;
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: #0299c4;
text-decoration: none;
padding-right: 16px;
background: url(grafik/extern.gif) right no-repeat;
}

/* GEWINNER */
.winner p {
margin-left: 180px;
}
.winner img {
padding: 5px;
margin: 10px 15px 0 0;
float: left;
}

/* Alle Gewinner */

.allwinner {
margin: 0;
padding: 0;
text-align: center;
}
.allwinner li {
display: inline-block; /* kompatible Browser */
margin: 4px 0;
vertical-align: top;
width: 180px;
height: 160px;
}
.allwinner div {/* stabilisiert Firefox bis 3 */
display: table;
}
.allwinner div div {
display: block;
width: 180px; /* stabilisiert Firefox bis 3 */
}
.allwinner p {
font-size: 0.8em;
text-align: center;
margin: 0 4px;
line-height: 1.6em;
}
.allwinner li a {
padding-left: 16px;
background: url(grafik/lupe.gif) left no-repeat;
font-weight: bold;
color: #000;
font-weight: normal;
}
.allwinner li a:hover {
padding-left: 16px;
background: url(grafik/lupe1.gif) left no-repeat;
color: #e08336;
text-decoration: none;
}
.allwinner li a:visited {
color: #000;
padding-left: 16px;
background: url(grafik/lupe.gif) left no-repeat;
}
.allwinner li a:visited:hover {
color: #e08336;
text-decoration: none;
padding-left: 16px;
background: url(grafik/lupe1.gif) left no-repeat;
}
.allwinner a.extern {
padding-right: 16px;
margin-left: -16px;
background: url(grafik/extern1.gif) right no-repeat;
color: #000;
font-weight: normal;
}
.allwinner a:hover.extern {
color: #0299c4;
text-decoration: none;
padding-right: 16px;
background: url(grafik/extern.gif) right no-repeat;
}
.allwinner a:visited.extern {
padding-right: 16px;
background: url(grafik/extern1.gif) right no-repeat;
color: #000;
}
.allwinner a:visited:hover.extern {
color: #0299c4;
text-decoration: none;
padding-right: 16px;
background: url(grafik/extern.gif) right no-repeat;
}