html, boy {
	height: 100%;
}
body {
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	background: #edebe9;
}

div#page-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
}


/*
 * Sidebar
 *
 */
div#sidebar {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	width: 430px;
	height: 100%;
	background: url(../background.jpg) no-repeat center center;
	border-right: 1px dotted black;
	background-size: cover;
}
div#sidebar div#header {
	text-align: right;
}
div#sidebar div#header p {
	color: white;
	margin: 0 30px -10px 0;
	font-weight: 200;
	font-size: 11pt;
}
span.logo {
	font-size: 43pt;
	text-transform: uppercase;
}
div#header a {
	color: white;
}



/*
 * Content
 *
 */
div#content-wrap {
	overflow: hidden;
	min-width: 870px;
	width: 100%;
	height: 100%;
	float: left;
}
div#content {
	overflow-x: scroll;
	padding-left: 430px;
	height: 100%;
	margin: 0;
}
div#content table {
	height: 100%;
}
div#text {
	margin-left: 20px;
	padding-right: 100px;
}
div#text a {
	color: #c2492e;
}

 
 

/*
 * Galerie
 *
 */
img.large-image {
	height: 340px;
}
img.medium-image {
	height: 260px;
}
img.little-image {
	height: 150px;
}
table tbody tr td {
	padding-right: 50px;
}
table tbody tr td:first-child {
	padding-left: 50px;
}
td.gallery-image img {
	box-shadow: 5px 5px 15px grey;
}
 
 
 
/*
 * Navigation
 *
 */
div#navigation {
	background: #edebe9;
	position: absolute;
	border-top: 1px dotted black;
	height: 50px;
	width: 100%;
	bottom: 0;
}
div#navigation ul {
	margin-left: 410px;
}
div#navigation li {
	float: left;
	padding-right: 5px;
	list-style-type: none;
}
div#navigation li.active {
	font-weight: 600;
}


button#scrollRight {
	position: fixed;
	right: 0;
	top: 45%;
	-webkit-border-top-left-radius:42px;
	-moz-border-radius-topleft:42px;
	border-top-left-radius:42px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:42px;
	-moz-border-radius-bottomleft:42px;
	border-bottom-left-radius:42px;
}

button#scrollLeft {
	position: fixed;
	left: 0;
	top: 45%;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:42px;
	-moz-border-radius-topright:42px;
	border-top-right-radius:42px;
	-webkit-border-bottom-right-radius:42px;
	-moz-border-radius-bottomright:42px;
	border-bottom-right-radius:42px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
}

.scroll-button {
	opacity: 0.8;
	-moz-box-shadow:inset 0px 1px 0px 0px #7d7d7d;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7d7d7d;
	box-shadow:inset 0px 1px 0px 0px #7d7d7d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #454545), color-stop(1, #757575) );
	background:-moz-linear-gradient( center top, #454545 5%, #757575 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#757575');
	background-color:#454545;
	border: 0;
	text-indent:0;
	display:inline-block;
	color:#cccccc;
	font-family:arial;
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	height:75px;
	line-height:50px;
	width:55px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #828282;
}
.scroll-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #757575), color-stop(1, #454545) );
	background:-moz-linear-gradient( center top, #757575 5%, #454545 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#454545');
	background-color:#757575;
	opacity: 0.9;
}

*:focus {
	outline: 0;
}


a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


div.clea-left {
	clear: left;
}
div.clear-right {
	clear: right;
}

p {
	line-height: 1.5;
	font-size: 11pt;
}