/* DATEI: main.css */
@font-face
               {
                 font-family: MeineSchrift;
                 src: url('../new.woff') format('woff');
//                 src: url('../new.ttf') format('truetype');
               }
body           { 
                 margin:10px; 
                 color:#ffffff;
                 background-color:black;
                 font-family:Verdana, sans-serif;
                 text-align:left;
               }

p,h1,h2,h3,h4,ul,ol,li,div,table,td,th,blockquote,nobr,b,i,a
               { 
                 font-family:Verdana, sans-serif;
               }
a
               {
                 color:#00FF00;
               }
table
               {
                 width:100%;
                 margin:auto;
               }
table td
               {
                 margin:0;
                 padding:0px 2px;
                 vertical-align:top;
               }
#main
               {
                 position:relative;
                 margin-bottom:10px;
               }
#logo
               {
                 position:relative;
                 text-align:center;
                 font-family: MeineSchrift,Verdana,sans-serif;
                 font-size:3em;
               }
#logo h1
               {
                 text-align:center;
                 font-family: MeineSchrift,Verdana,sans-serif;
                 font-size:1em;
                 margin-top:20px;
               }
#logo p
               {
                 text-align:center;
                 font-size:.33em;
                 font-weight:bold;
                 font-family: Verdana,sans-serif;
               }
#logo #dub_aroma
               {
                 font-family: MeineSchrift,Verdana,sans-serif;
                 font-size:.6em;
                 color:#00FF00;
               }
#logo #dub_aroma span
               {
                 color:#FFFF00;
               }
#logo #dub_aroma span:first-child
               {
                 color:#00FFFF;
               }
#logo #dub_aroma span:nth-child(2)
               {
                 color:#FF00FF;
               }
#logo #dub_aroma span:nth-child(3)
               {
                 color:#FF0000;
               }
#logo #dub_aroma span:last-child
               {
                 color:#008080;
               }
#right
               {
                 position:relative;
                 right:0px;
                 top:0px;
                 float:right;
                 width:20%;
                 text-align:right;
                 font-size:.65em;
                 color:#FFFF00;
               }
#right span
               {
                 color:#FFFFFF;
               }
#right div
               {
                 margin-bottom:1em;
               }
#right .title
               {
                 text-decoration:underline;
                 -moz-text-decoration-color:white;
                 text-decoration-color:white;
                 font-style:italic;
                 color:#FFFF00;
                 font-size:1.2em;
               }
#right:after
               {
                 clear:both;
               }
#google
               {
                 display:block;
                 position:relative;
                 right:0px;
               }
#left
               {
                 float:left;
                 width:22%;
                 font-size:1em;
               }
#logo_img
               {
                 margin-bottom:80px;
               }
#left img
               {
                 max-width:100%;
               }
#content
               {
                 float:left;
                 padding:0 10px 0;
                 width:55%;
               }
#content img
               {
                 display:block;
                 margin:auto;
               }
#updates
               {
                 text-align:center;
               }
h1
               {
                 font-family: MeineSchrift,Verdana,sans-serif;
                 font-size:3em;
               }
h2
               {
                 font-family: MeineSchrift,Verdana,sans-serif;
               }
h3
               {
                 font-family: MeineSchrift,Verdana,sans-serif;
                 text-align:center;
                 font-size:2.8em;
               }
h3 span
               {
                 display:block;
                 line-height:2.8;
                 vertical-align:top;
               }
h3 span:before
               {
                 content: url(../images/cheetah.gif);
                 padding-right:10px;
               }
h3 span:after
               {
                 content: url(../images/earth2.gif);
               }
#content #aroma
               {
                 color:#00FF00;
                 font-size:2em;
               }
#content #aroma span:nth-child(1)
               {
                 color:#00FFFF;
               }
#content #aroma span:nth-child(2)
               {
                 color:#FF00FF;
               }
#content #aroma span:nth-child(3)
               {
                 color:#FF0000;
               }
#content #aroma span:nth-child(4)
               {
                 color:#FFFF00;
               }
#content #aroma span:nth-child(5)
               {
                 color:#008080;
               }
#test
               {
                 position:relative;
                 width:200px;
                 height:100px;
               }
#test0
               {
                 position:absolute;
                 width:200px;
                 height:100px;
                 background-image:-moz-linear-gradient(left,#00FFFF,#FF00FF,#FF0000,#FFFF00,#008080);
                 background-image: linear-gradient (left, purple, blue, green, yellow, red, purple);
               }
#test1
               {
                 position:absolute;
                 width:200px;
                 height:100px;
                 color:transparent;
                 background:black;
               }
#left h1,#left h2
               {
                 font-family: Verdana,sans-serif;
                 font-size:1em;
               }
#left h2
               {
                 font-size:1.1em;
                 margin-bottom:0;
                 font-weight:normal;
               }
#left h2 span
               {
                 display:block;
                 font-size:.8em;
                 font-weight:normal;
                 margin-bottom:0;
               }
#left a
               {
                 font-weight:bold;
                 font-size:1em;
               }
#updates table:first-child td
               {
                 text-align:left;
                 padding:0px 2px 1px;
               }
#updates table:first-child td:first-child
               {
                 text-align:right;
               }
table td h3
               {
                 margin:0px;
               }
#weather
               {
                 width:122px;
                 margin:0 0 0;
               }
#left p
               {
                 font-size:.65em;
                 color:#00ff00;
                 margin-bottom:2em;
               }
#interview p:nth-child(2)
               {
                 color:#00FFFF;
               }
#interview p:nth-child(3)
               {
                 color:#00FF00;
               }
#interview p:nth-child(4)
               {
                 color:#C0C0C0;
               }
#interview p:nth-child(5)
               {
                 color:#FFFFFF;
               }
#interview p:nth-child(6)
               {
                 color:#FF99CC;
               }
#interview p:nth-child(7)
               {
                 color:#00FF00;
               }
#interview p:nth-child(8)
               {
                 color:#FF9900;
               }
#left p a
               {
                 font-size:1.5em;
                 color:inherit;
                 text-decoration-color:#00FF00;
                 -moz-text-decoration-color:#00ff00;
               }
#link_station
               {
                 color:#FFFFFF;
                 font-size:.8em;
               }
#link_station img
               {
                 display:block;
               }
#link_station td
               {
                 text-align:left;
                 color:#FFFFFF;
               }
#link_station td:nth-child(2)
               {
                 text-align:right;
                 color:#00FF00;
               }
#navi
               {
                 margin:0 auto 10px;
                 width:100%;
                 display:block;
                 padding:0;
                 text-align:left;
                 color:#00ff00;
               }
#navi li
               {
                 float:left;
                 display:block;
                 list-style:none;
                 margin-right:5px;
               }
.navi
               {
                 margin:50px auto 0px;
                 display:block;
                 color:#00ff00;
                 font-style:italic;
               }
#navigation
               {
                 clear:both;
                 text-align:center;
               }
#mail
               {
                text-align:left;
                font-size:.8em;
                margin-top:30px;
               }
#mail img
               {
                  width:52px;
                  height:32px;
                  float:left;
                  margin-bottom:1px;
               }
#hint
               {
                 margin:20px auto 0px;
                 font-family: Verdana,sans-serif;
                 font-size:.8em;
                 color:#00ff00;
               }
#hint h1
               {
                 font-size:1.2em;
                 font-family: Verdana,sans-serif;
                 color:#ffffff;
               }
.snap4, .snap6, .snap7
               {
                 font-family: MeineSchrift,Verdana,sans-serif;
                 font-size:2em;
                 text-align:center;
               }
.snap4
               {
                 font-size:1.5em;
               }
.snap7
               {
                 font-size:3em;
               }