/******************************************************
    Classic Gallery - image gallery for PHP and MySQL

    Copyright (C) 2005 Classical Webdesigns.
    www.classical-webdesign.co.uk

	Very Basic Style Sheet!

    You can do what you like with this file.
*******************************************************/

html{
	background:#fff;
	color:#2A3238;
	background-image:url(images/obenb.gif);
  background-repeat:no-repeat;
  background-position: 0% 0%;
}
body {font-size:96%;
        padding: 0px;
	margin: 0px;
	text-align:center;
background-image:url(images/punktb.gif);
  background-repeat:no-repeat;
  background-position:100% 100%;
min-height:450px;
height: auto !important;
height:100%;
}
.aussen{
  	margin: 0 auto;
  	padding: 0;
	min-width:225px;
	max-width:1024px;
	width:100%;
background-image: url(images/bodyb.gif);
  background-repeat:repeat-y;
  background-position:23% 0%;
}
.height{min-height:450px;
height: auto !important;
height:100%;}

.innen,.header{ width:100%!important;
	width:96%;
	margin-left:0px!important;
margin-left:-2%;

}
.footer {margin:0 auto;
  	padding: 0;
  	min-width:225px;
	max-width:1024px;
	width:100%;
clear:both;
}

.titel,
.sitemap {
	width:67%;
	margin-left:0px;
	float: left;
	text-align:left;
	padding:0px 0px;
	display:inline;
}
.artikel,.headnavi{
	width:67%;

	float: left;
	text-align:left;

	display:inline;
}
.artikel{margin-left:0px;
        margin-top:6px;
padding:0px 0px 0px 20px;
}

.headnavi{
	background-color:#000;
	color:#fff;
         height:100px;
        font-size:0.9em;
       margin:0;
       pading:0;
}

.headnavi h1{background-color:inherit;color:#fff;margin:60px 10% 0.5em 0px;
text-align:center;
}
/*--sidebar.php--*/
.wide{width:23%;
min-weight:225px;
}

.sidebar, .logo {font-size:0.9em;
	float: left;
	text-align:left;
	display:inline;
        background-color:inherit;
        color:#fff;
}
.logo{height:100px;
        background:url(images/logo.gif);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px!important;
	margin:0px;
}

/* all over the world*/
html, body,div, p, ul, li, ol, input,dl,dt,dd,a {font-family:"Trebuchet ms","Gill Sans MT", "Gill sans", sans-serif;}

h1,h2,h3,h4,h5,h6 { margin: 4px 5px 4px 7px; font-size:1.2em; line-height:1.7em;   font-weight:lighter;

	color:#000; background-color:inherit;
	}

p{margin: 4px 5px 4px 0px; line-height:1.4em;}

code,pre{margin:3px 9%; width:80%;
	overflow:auto;line-height:2.3em; padding:5px 3px 20px 4px;
	border:1px solid #c2c2c2;}
b, strong,i,em {}

ins{border-left:2px ridge #cc0000;border-bottom:2px ridge #cc0000;text-decoration:none;padding-left:2px;}
address {margin:0 5%; padding:0 5px 0 9px; border-left:3px ridge #cc0000;}

blockquote{margin:3px 9%;padding:5px;border:2px ridge #cc0000;}
blockquote p{ }

acronym, abbr, span.caps,span.abbr  {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #c2c2c2;}


dl {margin:0% 0% 0% 9%;}
dt{margin:5px 10px 3px 13px; font-size:1em;color:#000; background-color:inherit;}
dd{margin:2px 25px; font-size:0.9em;}


/* for all links artikel*/

.artikel a {padding:0px 2px;color:#cc0000; background-color:inherit;text-decoration:underline;}
.artikel a:link { color: #cc0000; background-color: inherit;text-decoration:underline;}
.artikel a:visited { color: #cc0000; background-color:inherit;text-decoration:none;}
.artikel a:link:focus{ color:#6699cc;background-color:inherit;text-decoration:none;}
.artikel a:link:hover,.artikel  a:visited:hover { color:#2A3238; background-color: inherit; text-decoration:none;}

.artikel a:link:active,.artikel  a:visited:active { color:#a53121;background-color:inherit;}

/* pictures as a link*/
:link img { border:none; }
:visited img { border:none; }
:link:active img, :visited:active img { border:none; }


a {padding:0px 2px;color:#c2c2c2; background-color:inherit;text-decoration:underline;}
 a:link { color: #c2c2c2; background-color: inherit;text-decoration:underline;}
 a:visited { color: #c2c2c2; background-color:inherit;text-decoration:none;}
 a:link:focus{ color:#cc0000;background-color:inherit;text-decoration:none;}
 a:link:hover,
 a:visited:hover { color:#6699cc; background-color: inherit; text-decoration:none;}

 a:link:active, a:visited:active { color:#a53121;background-color:inherit;}

/*sidebar*/
.sidebar{font-size:0.9em;}
.children {}
.page_item {}
.sidebar a{display:block; width:70%;}
.sidebar p{padding-left:6px;}
.sidebar li {list-style-type: none; list-style-image:none; }
.sidebar ul {margin:5px 0px 0px 20px; padding:0px 0px; }
.sidebar ul li {margin:0px; padding:0px 0px; }
.sidebar ul li ul li {margin:0px 0px 0px 12px; padding:0px;}

.sidebar h1,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6{margin: 8px 5px 0px 0px;}
.sidebar h2{color:#fff;background-color:transparent;}

.sidebar p.leer{height:3em;}
/*--footer--*/

.footer p{font-size:0.8em;}
/* --- GALLAERY--- */

#gallery_nav {
    margin: 0;
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 2px;
    font-size: 0.85em;
}

.gallery_nextprev {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    text-align: right;
}

/* --- CATEGORIES PAGE --- */

#gallery_cats dl {
    margin: 0;
    padding: 0;
}

    #gallery_cats dl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }

#gallery_cats dt {
    clear: both;
    position: relative;
    float: left;
    width: 100px;
    margin: 0 10px 10px 0;
    border: 2px solid #888;
    padding: 5px;
    text-align: center;
    background-color: #eee;
    color: #000;
    line-height: 0;
}

#gallery_cats dd {
    font-size: 0.85em;
}

#gallery_cats dd a {
    font-weight: bold;
}

#gallery_cats dd i {
    background-color: transparent;
    color: #ff0000;
}

/* --- THUMBNAILS PAGE --- */

#togglepopup {
    width: 500px;
    margin: 10px auto;
}

    #togglepopup fieldset {
        margin: 0;
        border: 2px solid #dfdfdf;
        padding: 3px;
        font-size: 0.80em;
    }

        #togglepopup legend {
            color: #808080;
            font-weight: bold;
        }

        #togglepopup input {
            margin-right: 5px;
        }

#thumbnails {
    width: 480px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
}

#thumbnails ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#thumbnails li {
    float: left;
    position: relative;
    display: inline;
    width: 100px;
    min-height: 140px;
    margin: 0;
    padding: 0 10px 5px 10px;
    text-align: center;
}

#thumbnails ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

	#thumbnails li a {
	    font-size: 0.75em;
	    text-decoration: none;
	}

	#thumbnails li br {
	    display: block;
	    height: 0;
	}

/* --- VIEW PHOTO PAGE --- */

#gallery_photo {
    clear: both;
    margin: 10px 0;
    padding: 0;
}

    #gallery_photo dt {
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    #gallery_photo dd.caption, #gallery_photo dd.date {
        margin: 5px 0 0 0;
        padding: 0;
        text-align: center;
    }

    #gallery_photo dd.text {
        margin: 5px 0 0 0;
        padding: 0;
    }

/* --- VIEW PHOTO PAGE (popup only) --- */

#popup h1 {
    float: left;
    margin: 0 -170px 10px 0;
    background-color: transparent;
    font-size: 1em;
}

#popup .gallery_nextprev {
    float: right;
    width: 160px;
    margin: 0 0 10px 0;
}

/* --- MISC. --- */

#gallery_copyright {
    margin: 10px 60px;
    border: 1px solid #c0c0c0;
    padding: 10px 20px;
    font-size: 0.8em;
}

#gallery_copyright:before {
    content: "Copyright";
    margin: 0 0 0 -15px;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: underline;
}

#gallery_copyright p {
    padding: 0;
    margin: 10px 0;
}

.madeby {
    font-size: 0.75em;
    text-align: center;
    background: #fff;
    color: #888;
}

.kbdshortcuts {
    font-size: 0.75em;
}