/* @override http://www.tuveneatu.at/css/css.css */

   /**************************************************************************/
   /* 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: 09/2005                                                       */
   /*                                                                        */
   /* Copyright 2005 Julian Mollik & Christoph Wagner                        */
   /* Illegal distribution prohibited                                        */
   /**************************************************************************/
   
body {
background-color: #FFFFFF;
margin: 0px;
}
   
/* DIV container definitions */

#container
{
width: 50%;
margin: 10px auto;
color: #808080;
width: 850px;
font-family: Arial, sans-serif;
font-size: 10pt;
padding-right: 5px;
padding-left: 5px;
}

#logo
{
background-color: #FFFFFF;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
padding: 0px 5px 10px 5px;
background-image: url(../graphic/logo.png);
background-repeat: no-repeat;
background-position: right top;
/*background-color: #DDDDDD;*/
}
   
#content
{
width: 760px;
height: 538px;
/*background-color: #CCCCCC;*/
padding-bottom: 0px;
overflow:hidden;
}
   
#navigation
{
margin-top: 0px;
padding: 10px;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
clear: both;
line-height: 160%;
}

/* span definitions */
span.brown
{
font-weight: bold;
color: #805111;
}

span.black-bold
{
font-weight: bold;    
color: #000000;
}

span.black
{
color: #000000;
}

span.update
{
font-size: 8pt;
spacing-top: 20px;
}

span.black-upper
{
color: #000000;
text-transform: uppercase;
}

span.main-navigation
{
margin-right: 50px;
font-size: 11pt;
font-weight: bold;
font-family: Verdana, sans-serif;
text-transform: uppercase;
}

span.sub-navigation
{
font-size: 9pt;
font-weight: bold;
font-family: Verdana, sans-serif;
}

/* headline definitions */
h1
{
font-size: 18pt;
font-weight: bold;
margin-top: 26px;
color: #000000;
}

h2
{
font-size: 10pt;
font-weight: bold;
margin-top: 26px;
margin-bottom: -8px;
color: #000000;
}

/* link definitions */

a         { color: #5F5F5F; }
a:visited { color: #5F5F5F; }
a:link    { color: #5F5F5F; }
a:hover   { text-decoration: none; color: #5F5F5F; }
a:active  { color: #5F5F5F; }
   
span.sub-navigation a, p.index-navigation a, #navigation a
{
text-decoration: none;
color: #808080;
padding-bottom: 0px;
}
    
span.sub-navigation a:hover, p.index-navigation a:hover, #navigation a:hover
{
color: #585858;
}

span.black a, span.black-upper a
{
color: #000000;
}

span.black a:hover, span.black-upper a:hover
{
color: #000000;
}

span.nounder a {
text-decoration: none;
}

span.nounder a:hover {
text-decoration: underline;
}

/* paragraph definitions */

p.clients
{
color: #6A6A6A;
font-size: 7.5pt;
width: 500px;
}

p.index-navigation
{
text-align: center;
padding-top: 16px; /* 28 is absolute like old */
font-size: 9pt;
font-weight: bold;
font-family: Verdana, sans-serif;
	position: relative;
	bottom: 4px;
}

/* other definitions */
img.knob
{
margin-left: 12px;
}

/* table definitions */
table.content
{
margin-top: 30px;
width: 518px;
font-size: 8.0pt; /* general font size, was 7.5pt */
}

td.content
{
width: 33%;
text-align: center;
}

td.left
{
text-align: left;
}

td.left2
{
width: 33%;
text-align: left;
}

td.right2
{
width: 33%;
text-align: right;
}

td.right
{
text-align: right;
}

td.horizontal-line
{
border-top: 1px solid #808080;
padding-top: 2px;
}

td.thumbimage
{
padding-top: 20px;
width: 33%;
text-align: center;
vertical-align: top;
}

td.thumbimage2 /* needed for search results with 4 or more lines of information */
{
padding-top: 7px;
width: 33%;
text-align: center;
vertical-align: top;
}

td.bottom
{
text-align: center;
padding-top: 10px;
font-size: 13px; /* size of captions (artist, ...) */
}

table.alphabet
{
width: 715px;
font-size: 8.0pt; /* general font size, was 7.5pt */
margin-top: 60px;
}

td.alphabet-left
{
vertical-align: top;
width: 346px;
text-align: left;
}

td.alphabet-right
{
vertical-align: top;
width: 346px;
text-align: right;
}

td.alphabet-center
{
text-align: center;
}

td.search-right
{
padding-top: 5px;
vertical-align: top;
width: 346px;
text-align: right;
font-size: 1.3em;
}

td.search-note
{
padding-top: 5px;
vertical-align: bottom;
width: 346px;
text-align: right;
}

/* form definitions */

select
{
font-size: 10pt;

color: #000000; /* brown: 805111 */
background-color: #FFFFFF;
border: 1px solid #333333;
font-family: Verdana, sans-serif;
width: 180px;
}

option
{
padding-left: 10px;
}

   /* OLD STUFF FOLLOWS */






th
{
text-align: left;
padding-right: 10px;
}




a.button
{
text-decoration: none;
	color: #000000;
	border: 1px solid #333333;
	background-color: #E8E8E8;
	padding: 2px 5px 2px 5px;
    font-family: Verdana, sans-serif;
}

/* DIV container definitions */

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

#navigation li a /* for links in higher section */
{
color: #000000;
padding: 3px;
margin: -1px 0px 6px 0px;
width: 117px;
}

#navigation li li a /* for links in lower section */
{
color: #555555;
padding: 3px 6px 3px 17px;
margin: 0px 0px 0px 0px;
width: 100px;
}

#navigation li span
{
padding-left: 3px;
}

#navigation .impressum{position:absolute; right:20px; top:34px;}
#navigation {position:relative; margin-bottom:20px;}

#navigation .main-navigation a{display:inline-block; padding:0;}

/* font definitions */

.font-small {
    font-size: 8pt;
}

#font-bold {
    font-weight: bold;
}

p.message {
color: #000000;
}

p.error {
color: #FF0000;
}

/***** Styles for Forms *****/

input 
{
    border: 1px solid #333333;
    background-color: #E8E8E8;
    color: #8D054D;
    font-family: Georgia, Times, Serif;
    font-size: 10pt;
}

input.field
{
	padding-left: 5px;
	padding-right: 5px;
	width: 350px;
}

input.shortfield
{
	padding-left: 5px;
	padding-right: 5px;
	width: 54px;
}

input.pricefield
{
	padding-left: 5px;
	padding-right: 5px;
	width: 50px;
}

input.file
{
	padding-left: 5px;
	padding-right: 5px;
}

input.button
{ 
	color: #000000;
    font-family: Verdana, sans-serif;
}

textarea
{
	font-family: Georgia, Times, Serif;
    font-size: 10pt;
	color: #8D054D;
	background-color: #E8E8E8;
    border: 1px solid #333333;
	padding-left: 5px;
	padding-right: 5px;
	width: 350px;
}



select.artwork
{
    width: 150px;
}



/***** Styles for Login-Area *****/

#login p
{
    margin-top: 2px;
    margin-bottom: 2px;
}

#login /* this is for the login-table */
{
    width: 320px;
    padding-top: 50px;
    padding-bottom: 50px;
}

#login th
{
font-weight: normal;
padding-left: 8px;
}

#login input.field {
	width: 150px;
}

/***** styles for form-tables *****/
.form-table
{
width: 500px;
padding-left: 10px;
}

.sec_theme{
width:166px;
}

#price-table
{
margin-left: 10px;
}

td.button-row
{
padding-top: 20px;
border-bottom: 1px solid #333333;
}

td.button-row2
{
padding-top: 8px;
}

/***** Styles for table lists *****/

#table-list 
{
width: 99%;
}

#table-list th
{
text-align: center;
border-bottom: 1px solid #333333;
}

#table-list img
{
vertical-align: middle;
}

#table-list-footer /*this is for td*/
{
border-top: 1px solid #333333;
padding-top: 10px;
padding-bottom: 3px;
}

/***** Styles for Image Table *****/
#thumbs-list
{
border: 1px solid #333333;
}

#thumbs-list td
{
padding: 5px;
border: 1px solid #333333;
}

#thumbs-list p
{
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
}

div.thumb
{
width: 150px;
height: 150px;
}