/*### - pank.css - Stylesheet andreas-pankratz.de ###*/

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #c2c2c2;
background-color: #303030;
}


/* ### Centered layout  ### */
#center {
position: absolute;
height: 550px;
width: 770px;
margin-top: -260px;
margin-left: -385px;
top: 50%;
left: 50%;
background-color: #303030;
color: #000;
}

#vertikal_links {
position: absolute;
background-color: #787878;
height: 480px;
width: 2px;
top: 22px;
left: 452px;
}

#vertikal_rechts {
position: absolute;
background-color: #787878;
height: 548px;
width: 2px;
top: 1px;
left: 480px;
}

#horizontal_oben {
position: absolute;
background-color: #787878;
height: 2px;
width: 690px;
top: 371px;
left: 1px;
border: 0px white;
}

#horizontal_unten {
position: absolute;
background-color: #787878;
height: 2px;
width: 650px;
top: 377px;
left: 81px;
border: 0px;
}

/*### Navigation ###*/
#navcontainer {
position: absolute;
top: 20px;
}

#navcontainer, 
#kontakt,
#impressum,
#linkslink {
position: absolute;
left: 490px;
margin: 0px;
padding: 0px;
}

/*### Position kontaktlink ###*/
#kontakt {
top: 310px;
}

/*### Position impressumlink ###*/
#impressum {
top: 383px;
}

/*### Position linkslink ###*/
#linkslink {
top: 408px;
}

/*### Position zur Fotogalerielink ###*/
#zur_fotogalerie {
position: absolute;
bottom: 142px;
left: 150px;
}


#zur_fotogalerie ul,
#navcontainer ul, 
#kontakt ul,
#impressum ul,
#linkslink ul {
list-style-type: none;
}

#zur_fotogalerie ul li,
#navcontainer ul li, 
#kontakt ul li, 
#impressum ul li,
#linkslink ul li {
height: 14px;
padding: 5px;
}

#zur_fotogalerie ul li a,
#navcontainer ul li a, 
#kontakt ul li a, 
#impressum ul li a,
#linkslink ul li a {
position: absolute;
text-decoration: none;
background: url(images/inaktiv.gif) no-repeat top left;
width: 250px;
height:18px;
padding-left: 37px;
font-size: 80%;
font-weight: bold;
color: #c2c2c2;
}

#impressum li a#here,
#kontakt li a#here,
#zur_fotogalerie li a:hover,
#navcontainer li a#here,
#navcontainer li a:hover,
#kontakt li a:hover,
#impressum li a:hover,
#linkslink li a:hover {
background: url(images/aktiv.gif) no-repeat left top;
color: #fff;
}

/*### Navigation end ###*/

#bild_home {
position: absolute;
bottom:194px;
right: 340px;
}

#willkommen {
position: absolute;
bottom: 145px;
left: 150px;
color: #c2c2c2;
font-weight: bold;
}

#willkommen h1 {
font-size: 100%;
}

/*### zu den Galerien ###*/
#bild_galerie {
position: absolute;
bottom:198px;
right: 344px;
}

#bild_galerie a img {
border: none;
}


/*### thumbnails ###*/
#thumbs {
position: relative;			
margin: 6% auto 0 auto;
text-align: center;
width: 980px;
}

#thumbs a img {
border: solid 1px white;
}

/*### Fuss mit Pfeilnavigation ###*/

#name {
text-decoration: none;
color: #c2c2c2;
font-size: 120%;
}

#name:hover {
background-color: #3800d1;
}

#arrows {
padding: 20px 30px 30px 0;
border: none;
text-align: right;
}

#arrows a img {
border: none;
}

#galeriefoto {
margin-top: 4%;
text-align: center;
position: relative;			/*### damit z-index funktioniert ###*/
z-index: 1;					/*### um #name zu überdecken ###*/
}

/*### Kontakt ###*/
#kontakt_container {
position: absolute;
bottom:200px;
right: 324px;
color: #c2c2c2;
}

#kontakt_container table tr td {
padding-right: 20px;
font-size: 80%;
font-weight: bold;
}

#kontakt_container table tr td a {
color: #c2c2c2;
}

#kontakt_container table tr td a:hover {
color: #fff;
/*### background-color: #3800d1; ###*/
}

/*### links ###*/

#links {
width: 710px;
margin: 50px auto auto auto;
padding: 20px;
color: #303030;
background-color: #d7d5d6;
font-size: 80%;
}

#links h1 {
font-size: 150%;
}

#links h2 {
font-size: 130%;
}

#links img {
border: none;
}

.linklogo {
text-align: center;
}

#linktabelle td {
padding: 0.5em 0.5em 2em 0.5em;
}

#name_links {
text-decoration: none;
color: #303030;
font-size: 120%;
}

#name_links:hover {
background-color: #3800d1;
color: #fff;
}

a#outlink img {
border: none;
}