/************************************************/
/*   Bildergalerie mit PHP und MySQL            */
/*                                              */
/*        von Steffen Kamper                    */
/*               2005                           */
/*                                              */
/*           www.dislabs.de                     */
/*                                              */
/************************************************/

/* Stylesheet */

/* generelle Seitenformatierung */

body {
background: black;
text-align: center;
margin: 0;
padding: 0;
color: white;
font-family: Verdana, sans-serif;
}

/* Rahmendiv */
#galery {
position: absolute;
width: 980px;
margin: -360px 0 0 -490px;
height: 719px;
left: 50%;
top: 50%;
font-family: Verdana, sans-serif;
text-align: left;
background-color: #4D4B4C;
}

/* Galerie-Übersicht */
#galpreview {
position: absolute;
width: 200px;
margin: 98px 0 0 60px;
}

#galpreview .gal {
float:left;
clear: left;
display: block;
margin: 0 0 8px 0;
width: 200px;
text-align: left;
height: 22px;
font-family: Verdana, sans-serif;
font-size: 12px;
}
#galpreview .gal a {
color: #A76403;
text-decoration: none;

/**background-image: url(img/navi_button.gif);**/
background-position: top left;
background-repeat: no-repeat;
margin: 0 0 0 5px;
}

#galpreview .gal a:hover {
color: #DCA55D;
/**background-image: url(img/navi_button_on.gif);**/
}

#galpreview .gal a img{
border-width: 1px;
border-style: solid;
border-color: #A76403;
padding: 0;
}

#galpreview .gal a:hover img{
border-color: #DCA556;
}

#galpreview p.galgroup {font-weight:normal;font-size:16px;}
#galpreview p.galtitle {font-weight:normal;font-size:16px;
display:none;
}
#galpreview p.galinfo {
font-size: 12px;
display: none;
}

/* Einzelgalerie */
#singlegalery {
position: absolute;
width: 700px;
height: 95px;
left: 220px;
top: 689px;

}
#singlegalery h3 {
position: absolute;
width: 700px;
height: 30px;
font-size: 12px !important;
text-align: right;
top: -30px;
left: -80px;
color: #A76403;
}

* html #singlegalery h3 {
top: -20px;
}

#singlegalery h3 img{
/**margin: 0 4px 7px 0;**/
}

#singlegalery p {margin:2px 0 2px 26px;color:#3300cc;}

/* Vorschaubilder */
#preview {
margin-left:10px;
text-align:center;
visibility: hidden;
}

#preview a img {
margin-right:10px;
text-align:left;
/**width: 80px;
height: 40px;**/
border-width: 1px;
border-style: solid;
/**border-color: #A76403;**/
border-color: #160F01;
}

#preview a:hover img {
border-width: 1px;
border-style: solid;
border-color: #A76403;
}

#preview span {text-align:center;margin-right:10px;}
#preview span p {margin:2px 0;color:#000066;font-size:11px;}



/* Einzelbild */
#picture {text-align:center;}
#picture p {color:#000066;font-size:14px;margin-bottom:4px;}


/* Paging */
#paging {
font-size: 12px;


}
p.paging {
font-size: 12px;
color: #A76403 !important;
position: absolute;
left: -185px;
top: 629px;
width: 780px;
height: 10px;
}

* html p.paging {
top: 436px;
}

p.paging a {
/**padding:2px 4px 2px 4px;**/
text-decoration:none;
color: #A76403 !important;
font-weight: normal;
}

/**p.paging span {margin:0 20px;}**/
.paging_einzelbild {
/**display: none;**/

}
.paging_einzelbild_vor {
position: absolute;
left: 1110px;
}
/* Popup */
#popupheader {text-align:center;}
#popupheader p.forebacklink a {border:1px outset;color:#000;background-color:#f0f0f0;padding:2px 4px 2px 4px;text-decoration:none;font-size:0.85em;}
#popupheader p.closelink a {margin:0;}


/* allgemeine Elemente */
#galery h1 {font-size:20px;text-align:center;margin-bottom:8px;}
#galery h2 {font-size:18px;margin-bottom:6px;}
#galery h3 {font-size:16px;margin-bottom:4px;}
#galery h4 {font-size:14px;margin:4px;}
#galery h5 {font-size:12px;margin:4px;}
#galery h6 {font-size:10px;margin:4px;}

#galery img {border:0;}
#galery span.copyright {font-size:10px;color:#cccccc;}
#galery p.error {color:#ff0000;}
#galery p.success {color:#3300cc;}
#galery hr {height:1px;color:#990033;clear:left;}
#galery ul {list-style:none;}
#galery ul li {margin-left:20px;}

#galery a {color:#999999;}
#galery a:hover {color:#616161;}

/* Form Elemente */
#galery form {display:inline;}
#galery label {display:block;width:140px;float: left;} 
#galery textarea {width:520px;height:320px;}

/* Admin specials */
#adminleft {width:120px;float:left;height:100%;text-align:center;}
#adminleft img.publicthumb {border:2px solid red;}
#adminleft img.activethumb {border:3px solid blue;}

#adminoptions label {display:block;width:240px;float: left;}
#adminoptions h5 {color:#003366;}

#bild {
position: absolute;
left: 220px;
top: 100px;
width: 700px;
height: 559px;
border-width: 0px;
border-style: solid;
border-color: #A76403;
background-color: black;
text-align: center;
overflow: hidden;

}


#logo {
position: absolute;
left: 785px;
top: 35px;
}

#logo1 {
position: absolute;
left: 350px;
top: 260px;
}

#zurueck_thumbs {
position: absolute;
width: 25px;
height: 25px;
left: 40px;
top: 14px;
visibility: hidden;
}

#vor_thumbs {
position: absolute;
width: 25px;
height: 25px;
left: 650px;
top: 223px;
visibility: hidden;
}

#vor_thumbs a, #zurueck_thumbs a, #vor_thumbs, #zurueck_thumbs{
font-size: 12px;
font-weight: normal;
text-decoration:none;
color: #A76403;
}

#galpreview_home {
position: absolute;
width: 494px;
height: 100px;
margin: 150px 0 0 420px;
}

#galpreview_home .gal {
float:left;
width:120px;
height: 20px;
text-align:center;
}
#galpreview_home .gal a img{
border-width: 1px;
border-style: solid;
border-color: #A76403;
padding: 0;
}

#galpreview_home .gal a:hover img{
border-color: #DCA556;
}

#galpreview_home p.galgroup {font-weight:normal;font-size:16px;}
#galpreview_home p.galtitle {font-weight:normal;font-size:16px;}
#galpreview_home p.galinfo {
font-size: 12px;
display: none;
}


#content {
position: absolute;
top: -380px;
/**left: 120px;**/
font-family: Verdana, sans-serif;
color: #A76403;
}

#content p, #content pre, #content h3, #content h2, #content h1{
font-family: Verdana, sans-serif;
color: #A76403;
}

#content h3{
font-size: 12px;
}
#content h2{
font-size: 12px;
}
#content h1{
font-size: 14px;
}
#content p, #content pre{
font-size: 12px;
}

#title {
position: absolute;
top: 443px;
left: 220px;
width: 700px;
text-align: center;
height: 20px;
visibility: hidden;
}

* html #title {
top: 453px;
}

#title p{
color: #A76403;
font-size: 12px;
font-family: Verdana, sans-serif;
}