/* DATEI: diario2009.css */

/* CSS-Angaben für "diario trollo" */
/* Thomas Langens, www.Thomas-Langens.de 2009 */

/* Wichtige Farben                       */
/* #DDE5E3 diariograu					  	  */
/* #006600 dunkelgrün						  */


p { 
margin: 0px;  /* um Standard-Ränder um Boxes bei O und FF zu verhindern; bei IE tritt dieser Fehler durch Zufall nicht auf ... */
clear: both;  /* um nach langen Bildern den Absatz erst nach Bildende umzubrechen */
} 

p,br,h1,h2,h3,h4,h5,h6,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { 
font-family: Arial,sans-serif,Helvetica; 
color: #000000; 
font-size: 10pt; 
line-height: 16pt;
}

ol { 
margin: 0px;
padding: 10px 0px 0px 17px;
width: 530px;
max-width: 530px;
font-size: 10pt; 
line-height: 16pt; 
list-style-type: decimal;
list-style-position: outside; 
}

ul { 
margin: 0px;
padding: 10px 0px 0px 17px;
width: 530px;
max-width: 530px;
font-size: 10pt; 
line-height: 16pt; 
list-style-type: circle;
list-style-position: outside; 
}

li { 
margin: 0px;
padding: 7px 0px 0px 0px;
}

h1 { font-size:18pt; }
h2 { font-size:16pt; }
h3 { font-size:12pt; }
h4 { font-size:10pt; }
h5 { font-size:10pt; line-height:10pt; font-style:normal; font-weight:normal; }
h6 { font-size:8pt; line-height:8pt; font-style:normal; font-weight:normal; }

a:link { color:#009900; text-decoration:underline; }
a:visited { color:#003300; text-decoration:underline; }
a:active { color:#FF3300; text-decoration:none; }
a:hover { color:#009900; text-decoration:none; }

.ExternerLink {
margin: 0px 0px 0px 2px;
border: 0pt;
}

.Monat {
font-family: Times New Roman, Times, serif; 
color: #000000; 
font-size: 35pt; 
font-weight: bold;
line-height: 35pt;
text-align: center;
}

.Datum {
font-weight: bold;
margin: 0px 0px 10px 0px;
}

.Datum_to_come {
color: #666666; 
font-weight: bold;
font-style: italic;
margin: 0px 0px 10px 0px;
}


.Signatur {
font-weight: bold;
font-style: italic;
color: #000099;
margin: 0px 0px 50px 0px;
}

.Bild_550 {
display: block;
text-align: center;
border: 1pt solid #000000;
}

.Bild_rechts {
display: block;
float: right;
margin: 5px 0px 0px 10px;
border: 1pt solid #000000;
}

.Bild_rechts_randlos {
display: block;
float: right;
margin: 5px 0px 0px 10px;
border: 1pt solid #FFFFFF;
}

.Bild_links {
display: block;
float: left;
margin: 5px 10px 0px 0px;
border: 1pt solid #000000;
}

.Bild_links_randlos {
display: block;
float: left;
margin: 5px 10px 0px 0px;
border: 1pt solid #FFFFFF;
}

.Copyright {
font-family: Arial,sans-serif,Helvetica; 
color: #000000; 
font-size: 8pt; 
line-height: 12pt;
}

p.gesperrt {
letter-spacing:4pt;
}

p.bildausfall {
background:#D4E2F4;
letter-spacing:4pt;
font-size:8pt;
}

table.namen {
font-size:10pt; 
line-height:14pt;
}

.Jahre {
font-family: Arial,sans-serif,Helvetica; 
color: #000000; 
font-size: 18pt;
font-weight: bold; 
line-height: 14pt;
text-align: center;
background-color: #DDE5E3;
}

.Monate {
font-family: Arial,sans-serif,Helvetica; 
color: #000000; 
font-size: 10pt; 
line-height: 8pt;
text-align: center;
background-color: #DDE5E3;
}

.Kleingedrucktes {
font-family: Arial,sans-serif,Helvetica; 
color: red; 
font-size: 8pt; 
font-style: normal; 
line-height: 8pt;
text-align: center;
}

.Nussecken_Baeckerei {
font-family: Arial,sans-serif,Helvetica; 
font-size: 12pt; 
font-style: normal; 
font-weight: bold; 
line-height: 12pt;
text-align: left;
}

.Nussecken_klein {
font-family: Arial,sans-serif,Helvetica; 
font-size: 8pt; 
font-style: normal; 
line-height: 10pt;
text-align: center;
vertical-align: middle;
}

.Nussecken_tab {
background-color: #EEEEEE;
}

.Quelle {
font-family: Arial,sans-serif,Helvetica; 
font-size: 8pt; 
font-style: italic; 
line-height: 10pt;
text-align: right;
}

.Zukunft {
font-family: Arial,sans-serif,Helvetica; 
color: #0000AA;
font-size: 8pt; 
line-height: 10pt;
/* font-weight: bold; */
text-align: left;
}

.ASCII {
font-family: Courier New, Courier, mono;
font-size: 6pt; 
line-height: 6pt;
}

.Index_tiefergestellt {
font-size: 6pt;
vertical-align: sub;
}

.Paintball {
background-image: url(200905/gotcha-paintball.gif); 
background-repeat: no-repeat; 
background-attachment: scroll;
}

.Tetris {
background-image: url(200906/25-jahre-tetris.gif); 
background-repeat: no-repeat; 
background-attachment: scroll;
}

.Amazon {
font-family: Arial,sans-serif,Helvetica; 
font-size: 7pt;
line-height: 9pt;
font-weight: normal;
color: #666666;
text-align: center;
}

.Zitat { 
font-size: 8pt; 
/* vertical-align: text-top; */
}

.Zitat_Quelle { 
color: #222222; 
font-size: 8pt; 
line-height: 12pt;
margin-left: 30pt;
text-indent: -12pt;
}

.Handschrift {
font-family: Comic Sans MS,Arial,sans-serif,Helvetica; 
font-style: italic; 
font-size: 10pt;
line-height: 19pt;
color: #003399;
}


/* ----------------------- mainboxes -------------------------*/

html, body {
margin: 0;
padding: 0;
}

body {
background-color: #FFFFFF;
text-align: center;/*fuer IE_quirks*/
}

#Wrapper {
z-index: 0;
position: relative;
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 750px;
text-align: left;/*Aufheben von IE_quirks im BODY*/
}

#Header {
z-index: 2;
position: relative;
top: 0px;
width: 750px;
max-width: 750px;
height: 180px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
/* background-color: #112288; */
}

#Monat {
z-index: 100;
position: relative;
width: 750px;
max-width: 750px;
height: 65px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

#Diario {
z-index: 99;
position: relative;
width: 552px;
max-width: 750px;
min-height: 600px;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 0px;
text-align: left;
background-color: #FFFFFF;
}

#Archiv {
z-index: 99;
position: relative;
width: 750px;
max-width: 750px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
background-color: #FFFFFF;
}

#BottomNavi {
z-index: 98;
position: relative;
width: 750px;
max-width: 750px;
height: 27px;
max-height: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: middle;
background-color: #006600;
background-image:url(pics/footer-00.gif);
}

#Footer {
z-index: 4;
position: relative;
width: 750px;
max-width: 750px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#GoogleLeaderboard { 
z-index: 51;
position: relative;
width: 750px;
height: 90px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
visibility: visible;
border: 0px solid #FFFFFF;
}

#skyscraper_right {
z-index: 3;
position: absolute;
margin: 0px 0px 0px 590px;
padding: 5px 0px 0px 0px;
height: 220px;
width: 160px;
text-align: center;
visibility: visible;
background-color: #FFFFFF;
vertical-align: middle;
}

#Binnenreklame {
position: static;
text-align: center;
/* border-top: 1px dotted #333333; */
border-right: 0px;
/* border-bottom: 1px dotted #333333; */
border-left: 0px;
/* background-color: #FFFFFF; */
visibility: visible;
}