* {
margin:0;
padding:0;
}

body { 
background-color: #222222;
margin-top: 10px;
padding: 0;
color: #222222; 
font: 83%/1.5 Verdana,Arial,Helvetica,sans-serif; 
}

p {
margin-bottom: 15px;
}

img {
border: none;
margin: 0;
}
 
hr, .invis {
display: none;
}

a:link {color: #A8A8A8;}
a:visited {color: #A8A8A8;}
a:hover {color: #F67214;}
a:active {color: #A8A8A8;}

#kopf{
left: 0; 
top: 0; 
width: 100%;
height: 68px; 
background-color: #222222;
background:url('../grafiken/headergrafik.jpg') no-repeat top left;
}

#navi1{
 left: 0;
 width: 860px; 
 height: 21px;
 background-color: #444444;
 margin-top:30px;
 border-top:1px solid #C0C0C0;
 border-bottom:1px solid #C0C0C0;
 padding-top:4px;
 padding-bottom:0px;
 font-size: 80%;
 }
 
#navi2-p, #navi2-n {
 left: 0;
 height: 21px;
 margin-left:60px;
 margin-bottom:10px;
 margin-top: 5px;
 background-color: #444444;
 border-top:1px solid #C0C0C0;
 border-bottom:1px solid #C0C0C0;
 padding-top:4px;
 font-size: 80%;
}

#navi2-p {
width: 940px; 
}

#navi2-n {
width: 780px; 
}

#navi1 p, #navi2-p p, #navi2-n p, #foot p, #foothome p {
margin-bottom: 0px;
color: #A8A8A8;
letter-spacing: 2pt;
}
 
#navi1 a, #navi2-p a, #navi2-n a, #foot a, #foothome a {
padding-left: 7px;
padding-right: 7px;  
text-decoration: none;
}

#navi3 {
left: 0;
width: 690px; 
height: 21px;
margin-left:170px;
margin-bottom:10px;
margin-top: 5px;
background-color: #444444;
border-top:0px;
border-bottom:0px;
padding-top:4px;
font-size: 90%;
}

#navi3 p {
color: #A8A8A8;
}

.aktiv, .aktiv:link, .aktiv:visited, .aktiv:hover, .aktiv:active  {
color: #ffffff;
background-color: #F67214;
}

#text-content{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #A8A8A8;
left: 0; 
width: 900px; 
height: 500px;
margin-top:30px;
margin-left: 300px;
background-color: #222222;
background-image: url('../hintergrund-people.jpg');
background-repeat:no-repeat;
white-space: normal; 
padding-left:25px; 
padding-right:0px; 
padding-top:25px; 
padding-bottom:25px
}



#galerie-content{
left: 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #ffffff;
width: 100%; 
margin-top: 30px;
padding: 10px;
background-color: #000000;
position: left;
}



#foto-content{
overflow: auto;
left: 0;
width:98%;
height: 500px;
margin-top:50px;
background-color: #444444;
padding:15px 10px;
white-space: nowrap;
}

position:relative;
		overflow:auto;
		top:0px;
		left:0px;
		
		height:500px;
		border:0px solid black;
		margin:0px;
		padding:0px;
		text-align:center;
		line-height:16px;


#foto-content img{
margin-left: 5px;
margin-right: 5px;
vertical-align: middle;
position: relative;
}

#text{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #A8A8A8;
overflow:auto;
word-spacing: 2px;
letter-spacing: 1px;
width: 700px; 
height: 450px;
padding:25px 25px 25px 25px;
white-space: normal;
text-align: justify;
}

#text1{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #A8A8A8;
word-spacing: 2px;
letter-spacing: 1px;
width: 600px; 
height: 250px;
padding:25px 0px 25px 25px;
white-space: normal;
text-align: justify;
}


h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
color: #A8A8A8;
letter-spacing: 2px;
background-repeat: no-repeat;
padding:3px 0px 0px 5px; 
width:660px;
height: 18px; 
border-left:5px solid #616161;
border-bottom:1px solid #4C4C4C; 
margin-left: 12px;
}

h2 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight:bold; 
color: #A8A8A8; 
line-height: 30px; 
letter-spacing: 2px; 
background-repeat: no-repeat; 
padding:10px 0 0 5px;
width:400px; 
border-bottom:1px dashed #4c4c4c; 
margin-left: 12px; 
}

h3 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #616161; 
line-height: 30px; 
letter-spacing: 2px; 
background-repeat: no-repeat; 
padding:10px 0 0 5px;
width:400px; 
border-bottom:1px dotted #4c4c4c; 
margin-left: 12px; 
}

#p-foto1, #p-foto2, #p-foto3, #p-foto4, #n-foto1, #n-foto2, #n-foto3, #n-foto4 {
position: absolute;
border: 1px solid #616161;
height:300px;
}

#p-foto1 {
left:10px;
top:165px;
width:200px;
z-index:2;
}

#p-foto2  {
left:70px;
top:430px;
width:200px; 
z-index:3;
}

#p-foto3 {
left:10px;
top: 190px;
width:200px;
z-index:2;
}

#p-foto4 {
left:70px;
top:445px;
width:200px;
z-index:3;
}

#p-foto5 {
left:10px;
top:165px;
width:250px;
z-index:2;
position: absolute;
border: 1px solid #616161;
height:167px;
}

#p-foto6 {
left:80px;
top:300px;
width:250px;
z-index:3;
position: absolute;
border: 1px solid #616161;
height:167px;
}

#p-foto7 {
left:10px;
top:440px;
width:167px;
z-index:3;
position: absolute;
border: 1px solid #616161;
height:250px;
}

#p-foto8 {
left:170px;
top:500px;
width:167px;
z-index:3;
position: absolute;
border: 1px solid #616161;
height:250px;
}

#n-foto1 {
left:10px;
top:190px;
width:200px;
z-index:2;
}

#n-foto2  {
left:670px;
top:500px;
width:200px; 
height:300px;
z-index:3;
}

#n-foto3 {
left:155px;
top:500px;
width:166px;
z-index:3;
}

#n-foto4 {
left:305px;
top:480px;
width:176px;
z-index:2;
}

#foot{
left: 0;
width: 100%; 
height: 21px;
background-color: #444444;
margin-top: 20px;
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
padding-top: 4px;
font-size: 80%;
overflow: no scroll;
}

#foothome{
left: 0;
width: 100%; 
height: 21px;
background-color: #444444;
margin-top: 50px;
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
padding-top: 4px;
font-size: 80%;
overflow: no scroll;
}

.klein  { 
font-size: 75%;
color: #808080;
margin-bottom: 14px; 
}

.luft {
margin-top: 52px;
margin-bottom: 50px;
}

#index {
position: absolute;
left: 50%;
width: 850px;
margin-left: -425px;  
top: 50%;
height: 600px;
margin-top: -290px; 
padding: 7px;
text-align: center;
}


/* Gaestebuch */

#gb-content{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #4C4C4C;
left: 0; 
width: 780px; 
margin-top:30px;
margin-left: 100px;
padding:1px 1px 1px 1px;
border: 1px solid #C0C0C0;
white-space: normal;
}

#gb-content2{
background-color: #C0C0C0;
padding:25px 25px 25px 25px;
border: 0px solid #C0C0C0;
}

#gb-content2 p{
padding:25px 0px 5px 25px;
}

#gb-content2 a{
color: #ffffff;
font-weight: bold;
text-decoration: none;
border: 2px solid #ffffff;
padding: 5px;
}

.eintragsbox { 
margin: 2em 12em; 
padding:1em;
background-color: #ffffff; 
border: 1px solid #4c4c4c; 
}

.eintraglinks {
color: #766f6a; 
position: relative; 
float: left;
letter-spacing: 1px; 
}

.eintraglinks strong {
color: #F67214;
letter-spacing: 1px;
}

.eintragrechts { 
text-align: right; 
position: relative; 
float: right; 
}

.haupteintrag { 
padding-top: 50px; 
padding-right: 30px; 
}

.haupteintrag p { 
padding: 5px 25px 5px 25px !important; 
}

.eintragsbox2 { 
margin: 2em 10em; 
padding:0; 
border: 0px none; 
}

legend { 
background-position: left bottom; font-variant: normal; 
text-transform: none; 
border: medium none;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0.2em; padding-left:0; padding-right:0; padding-top:0.2em; padding-bottom:0.2em; background-color:transparent; background-repeat:repeat-x; background-attachment:scroll 
}

p#legend_text { 
margin:0.5em 0 1.4em 0; 
}

label {
float:left;
width:16em;
}

fieldset {
padding:1em 2em; 
border: solid 1px #4c4c4c;
}

input, textarea {
border:solid 1px #4c4c4c; 
background:#ffffff; 
color: #4c4c4c; 
}

input:hover, textarea:hover {
background-color: #ffffff;
border:solid 1px #F67214;
}

textarea {
width:96%; 
overflow:auto;
}

input.send { 
background:#2c2c2c; 
width:6em; 
cursor:pointer; 
font-weight:bold; 
border-color: #ffa500 #4c4c4c #4c4c4c #ffa500; 
border-style: solid; 
border-width: 1px; 
}

input.send.error {
color:#fff; 
background:#4c4c4c;
}

input.send.confirm {
color:#000; 
background:#ffa500;
}

.error { 
color:#ef5c31; 
}

.confirm {
color:#ffa500;
}

p.error input, p.error textarea {
color:#fff; 
background:#4c4c4c;
}

p.confirm input, p.confirm textarea {
color:#000; 
background:#ffa500;
}

.standard { 
color:#fff; 
}

h1.standard {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight:bold;
color: #616161;
letter-spacing: 2px;
background-repeat: no-repeat;
padding:3px 0px 0px 5px;
margin: 50px 0px 0px 0px; 
width:660px;
height: 18px; 
border-left:5px solid #616161;
border-bottom:1px solid #4C4C4C; 
margin-left: 12px;
}

.right {
text-align:right; 
padding:0.5em 15% 0 0;
}

code { 
display:block; 
margin-top:1em; 
border:dotted 1px #ffa500; 
background:#2c2c2c; 
font-family:"Courier New", Courier, monospace; 
font-size:110%; 
color:#fff; 
margin-right: 15%; 
padding: 3px 5px; 
}

form {
text-align:left; 
margin:1% auto; 
width:80%; 
font-size:100%;
}

form strong {
color:#000;
}