/*
    For private Websites you are
    free to use and modify this App.
    Commercial use needs my
    permission! Contact me.
    Never remove or modify Copyright!
    --- (C) Jo Klimek 2011 CssApps.de ---
	---(C) Rudolf Lysy 2015---
*/

body{
	font-family: "Calibri MS", Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #300000;
	color: #B7A042;
}
*{margin:0; padding:0;}

h1 {
	padding: 20px 15px 15px 30px;
	font-family: Calibri;
	font-size: 35px; 
	text-align: left;
}


#wrapper {
	width: 100%;
	height: 780px;
	background-color: #300000;
}

#header {
	width: 95%;
	height: 10.8%;
	padding-top: 1%;
	padding-left: 5%;
	background-color: #300000;
}

#galery {
position:relative;
width:750px;        /*a.pics_width * cols + 2px border*/
height:495px;        /*a.pics_height * rows + 2px border*/
margin: 5em auto;
border: 8px solid #300000;
background:#300000;
}

a.pics {                /* !! cell design !! */
display:block;
float:left;
width:178px;        /* preview size = 170 x 120 px  (-2px border) */
height:118px;                /*   */
background:#300000;
border:1px outset #B7A042;
}

a.pics span {
display:none;
}

a.pics img.prev {
display:block;
height:100px;        /*   =  preview_cell_height - 20px (margin) */
border:none;
margin: 4px auto;
}

a.pics:focus span,        /* FULL_VIEW */
a.pics:active span
{
display:block;
position:absolute;
left:0px;
top:0px;
width:780px;        /* = preview_width * preview_cols */
height:530px;        /* = preview_height * preview_rows */
background:#300000;
}

a.pics:hover {
border:1px solid silver;
background-color: #B7A042;
}

a.pics img.big {
display:block;
height:560px;        /* = a.focus_height-14px (margin) */
border:5px outset #B7A042;
box-shadow: 10px 10px 40px #980000;
margin-top: -30px;
margin-left: auto;
margin-right: auto 

}