html {
height:100%;background: #DDD url(../images/bg_5.jpg) fixed top left;
}
body {
 font-family: "Open Sans", "lucida grande", tahoma, sans-serif;
}
a {
text-decoration: none;
color:#000}
header{
	min-width:450px;
	}
header h1{
position:relative;
top:30px; left:65px;	
font-size: 24px;
font-weight: normal;
}

header p{
position:relative;
float:right;
top:-40px; right:65px;
color:#666;	
font-size: 12px;
font-weight: normal;
}
.nav {
position:relative;
top:20px; left:65px;
color:#666;	
font-size: 12px;
font-weight: normal;
}

.nav a :hover {
color:#000;
}
.ref {
color:#000099;
}
.ref a :hover {
color:#ccc;
}
#main {
padding: 30px 0;
}
#main2 {position: absolute; top:100px; left:0;

}
.jsdis{font-size: 16px;
font-weight: normal;}

.horiz{
	display: inline;
	white-space: nowrap;
	margin-right:25px;
	list-style: none;
	}
.horiz li {
	float:right;
	margin:25px 25px 0 0;}
	.horiz li img{border: 1px solid #999;
		;}
/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 20px 45px 45px 45px;
padding: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 210px;


-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
padding: 30px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}


#tiles li img {
display: block;
width: 100%;
height: auto;border: 3px solid #fff;
-webkit-box-shadow: 1px 0px 5px 0px #666;
box-shadow: 10px 10px 26px 0px #666;
}
#tiles li p {
	color:#999;	
	font-size: 10px;
	margin: 0px 0 0 1px;
	padding:15px 25px 10px 30px;
	background-color: #efefef;
	-webkit-box-shadow: 1px 1px 5px 0px #666;
	box-shadow: 1px 1px 5px 0px #666;	
}

#tiles li a :hover {color:#000}


#inhalt{
	margin-top:125px;
	margin-left:55px;
	overflow-y: hidden;
	height: 80%;
	
}
#inhalt img{
    height: 75%;


}
#portraits{
	margin-top:125px;
	margin-left:55px;
	overflow-y: hidden;
	height:100%;
	max-height: 80%;
	width: 86000px;
}
#portraits img{
    height: 75% !important;
}

.sbox{
  width:auto !important ;
   
}
.drop-shadow {
    position:relative;
    float:left;
    width:40%;   
    padding:0.1em;
    margin:2em 10px 4em;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}
 
 
.lifted {
    -moz-border-radius:4px;
    border-radius:4px;
}
 
.lifted:before,
.lifted:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);  
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);   
    -moz-transform:rotate(-3deg);  
    -ms-transform:rotate(-3deg);  
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
 
.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);  
    -moz-transform:rotate(3deg); 
    -ms-transform:rotate(3deg); 
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}