/* CSS MySite Vers. 12 (c) P. Zinken */
/* artphoto.zinken.name */
/* 2006-06-25 */
/* geaendert 2006-12-16 */

* {
margin: 0;
padding: 0;
text-align: center; /* Ausrichtung der Elemente fuer IE */
}

body {
background-color: #000;
color: #eee;
font-size: 100.01%;
}

/*---- Container alles ----*/
#wrap {
position: absolute;
top: 50%;
left: 50%;
background: url(grafik/photo-hg.jpg) top center no-repeat #000;
margin-top: -280px;
margin-left: -390px;
width: 780px;
background-color: #000;
overflow: hidden;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 82%;
}

/*---- Menue oben (header) ----*/
#menueo {
width: 780px;
height: 80px;
z-index: 9;
/*background: url(http://artphoto.zinken.name/grafik/head.jpg) #000;*/
background-color: transparent;
text-align: left;
}

/* Breadcrumb */
#menueo p {
padding: 64px 38px 2px 0;
color: #cdac89;
text-align: right;
font-size: 86%;
}
#menueo a:link {
color: #cdac89;
text-decoration: none;
padding: 2px;
}
#menueo a:hover {
color: #000;
text-decoration: none;
background-color: #cdac89;
padding: 2px;
}
#menueo a:visited {
color: #cdac89;
text-decoration: none;
padding: 2px;
}
#menueo a:visited:hover {
color: #000;
text-decoration: none;
background-color: #cdac89;
padding: 2px;
}

/*----Hauptmenue ----*/
#menue {
margin: 0px;
margin-top: 25px;
float: left;
width: 120px;
height: 400px;
/*background: url(http://artphoto.zinken.name/grafik/menue.jpg) top left no-repeat #000;*/
background-color: transparent;
}
#menue ul {
display: block;
list-style-type: none;
margin-top: 20px;
margin-left: 10px;
}
#menue li {
font-size: 96%;
margin: 3px 2px;
}
#menue li a {
width: 96px;
display: block;
padding: 2px 4px;
color: #cdac89;
background-color: transparent;
text-decoration: none;
text-align: left;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
}
#menue li a:hover {
width: 96px;
display: block;
padding: 2px 4px;
color: #000;
background-color: #cdac89;
text-decoration: none;
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#menue h2 {
font-size: 86%;
font-weight: bold;
color: #ccc;
text-align: center;
padding: 6px 0 2px 0;
}

/*---- Inhaltsbox ----*/
#contentwrap {
float: right;
width: 646px;
overflow:auto;
margin: 0 10px 0 0;
padding: 0;
background: url(http://artphoto.zinken.name/grafik/rundoben.gif) top center no-repeat #cdac89;
}

/*---- Inhalt ----*/
#content {
margin: 10px 0 0 20px;
height: 430px;
overflow: auto;
padding: 0;
padding-right: 20px;
width: 600px;
background-color: transparent;
}

/*---- allgemeine Formatierungen ----*/
p, h1, h2, h3 {
text-align: justify;
padding: 4px 2px;
color: #000;
font-style: normal;
}
h1 {
font-size: 120%;
font-weight: bold;
padding: 2px 2px 8px 2px;
}
h1.unsichtbar {
display: none;
padding: 0;
margin: 0;
font-size: 0px;
}
h2 {
font-size: 110%;
font-weight: bold;
}
h3 {
font-size: 100%;
font-weight: bold;
}
blockquote p {
font-style: italic;
font-weight: normal;
color: #000;
text-align: left;
}
#content ul, #content li {
margin: 4px;
text-align: left;
color: #000;
}
#content li {
margin-left: 18px; /* Darstellung mit inside geht nicht richtig */
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.small {
font-size: 86%;
font-style: normal;
}
.bold {
font-weight: bold;
font-style: normal;
}
.italic {
font-weight: normal;
font-style: italic;
}
.first {
font-size: 120%;
font-weight: bold;
font-style: italic;
}
.clear {
clear: both;
}
img {
border: 0;
padding: 0;
margin: 0;
}
.rightpic img {  
padding: 0px;
margin: 0 0 10px 15px;
float: right;
}
.leftpic img {  
padding: 0px;
margin: 0 15px 10px 0;
float: left;
}
.galerie {
text-align: center;
}
.galerie img {
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
padding: 5px;
margin: 4px;
}

form {
text-align: left;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
text-align: left;
}
input.eingabe {
width: 350px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 100%;
margin: 4px 5px 4px 0px;
background-color: #cdac89;
text-align: left;
}
input.eingabe:focus {
background-color: #ddd;
}
textarea {
width: 350px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 100%;
margin: 4px 5px 4px 0px;
background-color: #cdac89;
text-align: left;
}
textarea:focus {
background-color: #ddd;
}
input.eingabe2 {
width: 20px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 120%;
font-weight: bold;
margin: 4px 5px 4px 0px;
background-color: #cdac89;
text-align: center;
}
input.eingabe2:focus {
background-color: #ddd;
}
.knopf {
background-color: #cdac89;
color: #000;
width: 84px;
height: 24px;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
border-right: solid 1px #000;
border-bottom: solid 1px #000; 
margin: 0 5px;
cursor: pointer;
}
.knopf:hover {
background-color: #ddd;
color: #000;
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff; 
cursor: pointer;
}
label {
margin-top: 4px;
width: 122px;
height: 24px;
text-align: left;
font-size: 100%;
float: left;
color: #000;
}

td {
padding: 4px;
margin: 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
td p {
padding: 4px;
text-align: left;
}
td.bezeichnung {
width: 40%;
}
td.beschreibung p {
text-align: justify;
font-size: 90%;
font-style: normal;
}

/* ---- Webring Fotoholiker ----*/
#fotoholiker table {
width: 145px;
height: 34px;
background-color: #201f28;
border: 2px outset #585876;
margin: 0;
padding: 0;
}
#fotoholiker td {
margin: 1px;
padding: 4px 3px;
text-align: center;
font-family: Tahoma;
font-size: 100%;
color: #ffd350;
background-color: #3a3948;
}
#fotoholiker .td1 {
width: 165px;
height: 18px;
background-color: transparent;
}
#fotoholiker img {
margin: 0;
padding: 2px;
border: 0;
}
#fotoholiker a {
font-family: Tahoma;
font-size: 100%;
font-weight: bold;
color: #ffd350;
text-decoration: none;
}

/* ---- Links allgemein ----*/
a:link {
color: #000;
text-decoration: underline;
}
a:hover {
color: #fff;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: underline;
}
a:visited:hover {
color: #fff;
text-decoration: none;
}
a.extern {
padding-right: 16px;
background: url(http://artphoto.zinken.name/grafik/extern1.gif) right no-repeat;
}
a:hover.extern {
color: #fff;
text-decoration: none;
padding-right: 16px;
background: url(http://artphoto.zinken.name/grafik/extern1.gif) right no-repeat;
}

/*---- Aufhebung des float ----*/
#clean {
clear: both;
float: none;
width: 1px;
height: 0px;
font-size: 0px;
display: none;
}

/*---- Fusszeile ----*/
#foot {
margin: 0 auto;
clear: both;
width: 646px;
height: 36px;
background: url(http://artphoto.zinken.name/grafik/rundunten.gif) top center no-repeat #000;
}
#foot p {
padding: 13px 32px 2px 0;
color: #cdac89;
text-align: right;
font-size: 76%;
}
#foot a:link {
color: #cdac89;
text-decoration: none;
padding: 0 2px;
}
#foot a:hover {
color: #000;
text-decoration: none;
background-color: #cdac89;
}
#foot a:visited {
color: #cdac89;
text-decoration: none;
}
#foot a:visited:hover {
color: #000;
text-decoration: none;
background-color: #dedef7;
}
#foot a.extern {
color: #cdac89;
text-decoration: none;
padding: 2px 16px 2px 2px;
background: url(http://artphoto.zinken.name/grafik/extern.gif) right no-repeat;
}
#foot a:hover.extern {
color: #000;
text-decoration: none;
background: url(http://artphoto.zinken.name/grafik/extern1.gif) right no-repeat #cdac89;
}