/**************************************************************************/
   /* Scriptinfo:                                                            */
   /* ===========                                                            */
   /* Author: Julian Mollik & Christoph Wagner                               */
   /* Email: jule@creative-coding.net || chris@creative-coding.net           */
   /* Website: http://www.creative-coding.net || http://www.freizeitgeek.net */
   /* Created: 11/2005                                                       */
   /*                                                                        */
   /* Copyright 2005 Julian Mollik & Christoph Wagner                        */
   /* Illegal distribution prohibited                                        */
   /**************************************************************************/
   
  
body {
background-color: #F2F2EC;
margin: 0px;
background: url(../graphic/logo.gif) no-repeat top left;
background-position: 30px 0px;

/* NOT W3C conform, but makes the vertical scrollbar nicer in IE */
scrollbar-face-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-shadow-color: #777777;
scrollbar-darkshadow-color: #555555;
scrollbar-track-color: #EAEADF;
}

#header {

position: absolute;
left: 0px;
top: 0px;
width: 930px;
height: 130px; /* TOP was 100 */
/* background-color: #FFFFCC; */
}

/* navigation */

#navigation {
position: absolute;
left: 0px;
top: 130px; /* TOP ws 100 */
width: 200px;
color: #FFFFFF;
font-size: 8pt;
padding-top: 20px;
}

#navigation a {
color: #FFFFFF;
text-decoration: none;
}

#navigation li {
background-repeat: no-repeat;
background-position: left top;
text-align: right;
padding-right: 88px;
margin-bottom: 15px;
padding-top: 2px;
height: 28px;
}

#navigation li.normal {
background-image: url(../graphic/brush-normal.gif);
}

#navigation li.over {
background-image: url(../graphic/brush-over.gif);
}

#navigation li:hover {
background-image: url(../graphic/brush-over.gif);
}

#navigation ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

/* content SHORT */

#content-short {
position: absolute;
left: 200px;
top: 164px; /* TOP, was 134 */
width: 240px;
height: 300px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
overflow: auto;
font-family: Times New Roman, Serif;
font-size: 10pt;
}

/* slogan */

#slogan {
background: url(../graphic/slogan.gif) no-repeat center top;
position: absolute;
left: 200px;
top: 130px; /* TOP was 100 */
width: 300px;
height: 34px;
}

/* content LONG */

#content-long {
position: absolute;
left: 200px;
top: 164px; /* TOP was 134 */
width: 240px;
height: 415px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
overflow: auto;
font-size: 10pt;
color: #000000;
font-family: Times New Roman, Serif;
font-size: 10pt;
}

/* content LONG news */

#content-long-news {
position: absolute;
left: 200px;
top: 164px; /* TOP was 134 */
width: 270px;
height: 415px;
padding-top: 10px;
padding-left: 30px;
overflow: auto;
font-size: 10pt;
color: #000000;
font-family: Times New Roman, Serif;
font-size: 10pt;
}

/* information ... */

#information {
position: absolute;
background-color: #00FF11;
left: 230px;
top: 490px; /* TOP was 460 */
width: 213px;
height: 107px;
background: url(../graphic/information-plate.jpg) no-repeat left top;
overflow: auto;
}

#information table {
font-size: 10pt;
color: #000000;
font-family: Times New Roman, Serif;
margin-top: 11px;
margin-left: 20px;
}

#information th {
width: 60px;
text-align: left;
padding: 0px;
}

#information td {
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
}

/* frame */

#frame {
background: url(../graphic/frame.jpg) no-repeat left top;
position: absolute;
left: 500px;
top: 130px; /* TOP was 100 */
width: 350px;
height: 420px;
text-align: center;
}

#frame img {
border: 3px inset #CCCCCC;
}

/* artist */

#artist-flash {
background: url(../graphic/brush-large-normal.gif) no-repeat left top;
position: absolute;
left: 500px;
top: 560px; /* TOP was 530 */
height: 37px;
width: 350px;
text-align: right;
color: #D38F0D;
font-size: 10pt;
/*padding-top: 4px; 4px wenn nicht flash movie ... sonst 0 px ... */
}

#artist {
background: url(../graphic/brush-large-normal.gif) no-repeat left top;
position: absolute;
left: 500px;
top: 560px; /* TOP was 530 */
height: 37px;
width: 350px;
text-align: right;
color: #D38F0D;
font-size: 10pt;
padding-top: 4px;
}

#artist span {
padding-right: 118px;
}

/* subnavigation */

#subnavigation {
position: absolute;
left: 870px;
top: 560px; /* TOP was 530 */
height: 37px;
width: 50px;
padding-top: 5px;
}

#subnavigation .left {
margin-right: 10px;
}

/* language styles */

#language {
position: absolute;
left: 5px;
top: 574px; /* TOP was 544 */
}

/* general styles */

img {
border: 0px;
}

a         { color: #5F5F5F; }
a:visited { color: #5F5F5F; }
a:link    { color: #5F5F5F; }
a:hover   { text-decoration: none; color: #5F5F5F; }
a:active  { color: #5F5F5F; }

h1 {
font-size: 12pt;
font-weight: bold;
font-family: Times New Roman, Serif;
margin-top: 0px;
margin-bottom: 10px;
}

p.content {
line-height: 140%;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

/* list elements */

#content-short ul {
margin: 0px;
padding-left: 15px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
list-style-type: square;
line-height: 140%;
}

#content-short li a { /* for links in list */
padding-left: 4px;
}

/* news elements */

table.news {
width: 230px;
margin-bottom: 20px;
/*border: 1px solid #000099;*/
}

td.newsheadline {
vertical-align: top;
font-weight: bold;
padding-left: 3px;
}

td.newsdate {
vertical-align: bottom;
}

td.newscontent {
padding-top: 5px;
}

td.newsimage {
width: 120px;
}