body.color
{
background-image:url('graphics/bg_neu.jpg');
background-repeat: no-repeat;
background-position: top left;
background-color:Black;
font-family: verdana;
color:Goldenrod;
font-size:small;
}

body.bw
{
background-image:url('graphics/bg_neu_bw.jpg');
background-repeat: no-repeat;
background-position: top left;
background-color:Black;
font-family: verdana;
color:Gray;
font-size:small;
}

body.picturedetail
{
background-color:Black;
font-family: verdana;
color:Gray;
font-size:small;
}

a {cursor:crosshair;}

#color:link    {color:Goldenrod;text-decoration:underline;}
#color:visited {color:Goldenrod;}
#color:hover   {color:Lightgrey;cursor:crosshair;text-decoration:none;}


#bw:link    {color:Darkgray;text-decoration:underline;}
#bw:visited {color:Darkgray;}
#bw:hover   {color:Lightgrey;cursor:crosshair;text-decoration:none;}

li#inline   {display:inline;}
a#inline {float:left;}
img#left {float:left;}

/*****************************************************************************************************
**
** General layout and positioning
**
*****************************************************************************************************/

div.top
{
position:absolute;
left:0px;
top:0px;
height:50px;
width:100%;
} 


div.left
{
position:absolute;
left:0px;
top:50px;
height:750px;
width:260px;
z-index:0;
}

div.content
{
position:absolute;
left:280px;
top:50px;
height:750px;
z-index:0;
width:700px;
}

div.bottom
{
color:Darkgray;
font-size:70%;
position:absolute;
top:95%;
width:100%;
z-index:1;
}



/*****************************************************************************************************
**
** Top navigation
**
*****************************************************************************************************/


ul.nav_top
{
position:relative;
left:280px;
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a.nav_top
{
float:left;
width:6em;
padding: 1em 1em;
}
li.nav_top {display:inline}


/*****************************************************************************************************
**
** Left navigation
**
*****************************************************************************************************/


ul.nav_left
{
position:relative;
left:60px;
top:100px;
width:200px;
padding:0;
margin:0;
list-style-type:none;
}
a.nav_left
{
width:6em;
}
li.nav_left {padding:0.2em 1em}



/*****************************************************************************************************
**
** Content
**
*****************************************************************************************************/


span.content
{
position:relative;
left:0px;
top:60px;
}

h1.news
{
font-family: verdana;
font-size:medium;
font-stretch:wider;
font-weight:normal;
padding-bottom:0.7em;
}

h1.newsline
{
font-family: verdana;
color:Goldenrod;
font-size:small;
font-stretch:wider;
font-weight:heavy;
}

h1.newsline_old
{
font-family: verdana;
color:Gray;
font-size:small;
font-stretch:wider;
font-weight:heavy;
}

p.news
{
font-size:small;
}

.newsline_old a:link    {color:Gray;text-decoration:underline;}
.newsline_old a:visited {color:Gray;}


/*****************************************************************************************************
**
** Mixed Bar
**
*****************************************************************************************************/

ul.mixedbar
{
position:relative;
left:0px;
top:5px;
float:none;
padding:0;
margin:0;
list-style-type:none;
}
a.mixedbar
{
font-size:80%;
float:none;
width:6em;
text-decoration:underline;
padding: 0.1em 0em;
}
a.mixedbar:hover {cursor:crosshair;text-decoration:none;}


/*****************************************************************************************************
**
** Normal Content (Commercial, About)
**
*****************************************************************************************************/

h1.normal_content
{
font-family: verdana;
font-size:medium;
font-stretch:wider;
font-weight:normal;
padding-bottom:0.7em;
}


ul.normal_content
{
float:none;
width:400px;
padding:0;
margin:0;
list-style-type:none;
}
a.normal_content
{
text-decoration:none;
padding: 0em 0em;
float:left;
}
p.normal_content
{
width:6em;
text-decoration:none;
padding: 0em 0em;
}



/*****************************************************************************************************
**
** Picture List
**
*****************************************************************************************************/

h1.picturelist
{
font-family: verdana;
color:Darkgray;
font-size:medium;
font-stretch:wider;
font-weight:normal;
padding-bottom:0.7em;
}

ul.picturelist
{
position:relative;
float:none;
width:600px;
padding:0;
margin:0;
list-style-type:none;
}
a.picturelist
{
float:left;
width:6em;
padding: 0.1em 0.3em;
}


/*****************************************************************************************************
**
** Picture Preview
**
*****************************************************************************************************/

h1.pictureprev
{
font-family: verdana;
color:Darkgray;
font-size:medium;
font-stretch:wider;
font-weight:normal;
padding-bottom:0.7em;
}


ul.pictureprev
{
float:none;
width:400px;
padding:0;
margin:0;
list-style-type:none;
}

li.pictureprev
{
margin:0px;
}




a.pictureprev
{
text-decoration:none;
padding: 0em 0em;
float:left;
}
p.pictureprev
{
width:6em;
text-decoration:none;
padding: 0em 0em;
}



/*****************************************************************************************************
**
** Picture Detail
**
*****************************************************************************************************/

h1.picturedetail
{
font-family: verdana;
color:Darkgray;
font-size:medium;
font-stretch:wider;
font-weight:normal;
}

div.picturedetail
{
text-align:center;

}



ul.picturedetail
{
position:relative;
left:0px;
top:5px;
float:none;
padding:0;
margin:0;
list-style-type:none;
}
a.picturedetail
{
text-decoration:none;
padding: 0em 0em;
}
p.picturedetail
{
width:6em;
text-decoration:none;
padding: 0em 0em;
}