html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0 0 0 0;
	background: #301810;
	font-size: 1em;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	line-height: 150%;
	color: #000;
}

a {
	color: inherit;
	text-decoration: none;
}

.head {
	font-family: 'Amatic SC', cursive;
	font-size: 4em;
	font-weight: 700;
	margin: 0;
	height: 160px;
	width: 1000px;
	line-height: 200px;
	text-align: center;
	color: #8C715C;
	position: absolute;
	display: block;
	z-index: 99;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #8C715C;
	text-shadow: 2px 2px 0px #301810;
	background: #fff url("gfx/wood.jpg");
	background-attachment:fixed;
	background-size: 1000px;
}

.login {
	margin: 30px 0 0 30px;
}
h2 {
	font-family: 'PT Sans Caption', sans-serif;
		font-family: 'Amatic SC', cursive;
	font-weight: 700;
	font-size: 2.6em;
	margin: 0;
	padding: 10px 0 15px 0;
	opacity: 0.8;
	
}

textarea {
	background: #fff;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	width: 100%;
	height: 40px;
	border-width: 0;
}
input,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	border: 0;
}
input[type="submit"] {
	padding: 3px;
	background: #fff;
	border-radius: 3px;
}
input[type="image"] {
	background: url("gfx/submit.png") center center no-repeat;
	width: 26px;
	height: 26px;
	display: block;
	border: none;
	font-size: 0;
	padding: 0;
	margin: 0;
}
.space1 {
	width: 1000px;
	display: block;
	position: absolute;
	left: 0;
	top: 160px;
	background: #fff url("gfx/wood.jpg");
	background-attachment:fixed;
	background-size: 1000px;
	
}
.space2 {
	display: block;
	height: 100%;
	width: auto;
	position: absolute;
	left: 1000px;

}
.old_foto {
	width: 99%;
}
.back_to_main {
	display: none;
	position: fixed;
	top: 0;
	left: 100px;
	background: #fff;
	padding: 10px;
	border-radius: 0 0 3px 3px;
	cursor: pointer;
	
}
.rahmen {
	margin: 0 0 40px 0;
	padding: 20px 0;
	vertical-align: top;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #CECAC9;
	min-height: 170px;
}
.info {
	width: 180px;
	display: block;
	position: absolute;
}
.eintrag {
	width: 700px;
	position: relative;
	left: 180px;
}
.eintrag a {
	border-width: 0 0 4px 0;
	border-style: solid;
	border-color: #CECAC9;
}
.inhalt {
	padding: 5px;
}
.foto_vorschau {
	clear: all;
}
.foto_vorschau img {
	display: inline-block;
	padding: 0;
	margin: 1px;
	border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #8C715C;
	width: 112px;
	height: 112px;
	vertical-align: top;
}
.foto_vorschau_link {
	display: inline-block;
	padding :0;
	margin: 1px;
	border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #8C715C;
	text-align: center;
	background: #8C715C;
	width: 112px;
	height: 112px;
	vertical-align: top;
	line-height: 112px;
	cursor: pointer;
}
.galerie_thumbs  {
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 260px;
	overflow: auto;
	padding-left: 15px;
}
.galerie_thumbs img{
	display: inline-block;
	padding: 0;
	margin: 1px;
	border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #8C715C;
}
.galerie_foto {
	position: fixed;
	top: 50px;
	margin: auto;
	width: calc(100% - 260px);
	height: 100%;
	text-align: center;
}
.galerie_foto img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 5px;
}
#galerie_zurueck, #galerie_vor {
	display: none;
}
.galerie_favorit {
	position: fixed;
	bottom: 10px;
	width: 24px;
	height: 24px;
	left: calc(50% - 130px + 12px);
	cursor: pointer;
	display: none;

}
.galerie_zurueck {
	position: fixed;
	bottom: 0;
	padding: 5px 20px;
	left: calc(50% - 240px);
	background: #fff;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
}
.galerie_vor {
	position: fixed;
	bottom: 0;
	padding: 5px 20px;
	left: calc(50% - 20px);
	background: #fff;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
}

.user {
	width: 50px;
	height: 50px;
	border-radius: 40px;
	display: block;
	margin: 10px auto 0 auto;
	background: #fff
}
.letzter_besuch {
	font-size: 0.7em;
	line-height: 15px;
}
.letzter_besuch div {
	margin-top: 4px;
	display: inline-block;
	vertical-align: top;
}
.user_small {
	filter: grayscale(80%);
	opacity: 0.8;
	width: 30px;
	height: 30px;
	border-radius: 40px;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	background: #fff
}
.user_kommentar {
	width: 50px;
	height: 50px;
	border-radius: 40px;
	display: inline-block;
	margin: 0 0 0px -20px;
	vertical-align: top;
}
.alter_icon {
	width: 24px;
	height: 24px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	font-size: 0.6em;
	display: block;
	margin: 10px auto 0 auto;
	cursor: pointer;
}
.kommentar_icon {
	background: url("gfx/kommentar24.png");
	width: 24px;
	height: 24px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	font-size: 0.6em;
	display: block;
	margin: 10px auto 0 auto;
	cursor: pointer;
}
.edit_icon {
	background: url("gfx/edit16.png");
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.addimage_icon {
	background: url("gfx/addimage16.png") no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.phoneupload_icon {
	background: url("gfx/still_camera-64x64.png") no-repeat;

	width: 16px;
	height: 16px;
	display: block;
	float: right;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.addmovie_icon {
	background: url("gfx/movie_11-64x64.png") no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.datum {
	text-align: center;
	font-size: 0.7em;
}
.eintrag_kommentare {
	display: none;
	border-width: 0px 0 1px 0;
	border-style: solid;
	border-color: #CECAC9;
	width: 500px;
	margin: -30px auto 50px auto;

}
.kommentar {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CECAC9;
}
.kommentar_text {
	width: 430px;
	margin: 0 0 15px 20px;
	vertical-align: top;
	display: inline-block;
}
.kommentar_info {
	font-size: 0.7em;
}

#add_eintrag {
	margin-top: 10px;
	display: block;
}
#add_eintrag img {
	border: none;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

.hg_1 { background: #EEEEEE ; }
.hg_1c { background: #e0ecf4 ; }
.hg_1x { background: #9dd5f7 ; }
.hg_2 { background: #d3e0e8; }
.hg_3 { background: #ccfbff; }
.hg_4 { background: #a9fcdc; }
.hg_5 { background: #6a7568; }
.hg_6 { background: #301810; }
.hg_7 { background: #8C715C; }
.color_1 { color: #1397e8; }
.color_1 { color: #0d69a1; }
.color_1 { color: #8C715C; }
.color_2 { color: #456861; }
.color_3 { color: #467f70; }
.color_4 { color: #347c51; }
.color_5 { color: #000000; }
.color_6 { color: #301810; }

.kasten {
	display: inline-block;
	color: #A08A7A;
	margin: 20px;
	width: 130px;
	opacity: 1;
	vertical-align: top;
}
.kasten:hover {
	opacity: 1;
}
.kasten_inhalt {
	margin: 5px 0 0 5px;
}
.zeitlinie_jahr {
	cursor: pointer;
}
.zeitlinie_monate {
	display: none;
	
}
.zeitlinie_monat {
	display: block;
	margin-left: 3px;
	padding-left: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #A08A7A;
}

.smilie {
	display: inline-block;
	vertical-align: center;
	padding: 0;
	margin: 0;
}

h3 {
	font-family: 'PT Sans Caption', sans-serif;
	font-family: 'Amatic SC', cursive;
	font-weight: 700;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	opacity: 1;
	
	
}

#galerie {
	display: none;
}
.bereich {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}
.umschalten {
	display: inline-block;
	width: 30%;
	font-family: 'Amatic SC', cursive;
	font-weight: 700;
	font-size: 1.4em;
	text-align: center;
	margin: 0 !important;
	padding: 0;
}

.video_rahmen {
	margin: 0 0 40px 0;
	padding: 20px 0 20px 10px;
	vertical-align: top;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #CECAC9;
	min-height: 170px;
}

.video_thumb {
	width: 320px;
	height: 260px;
	display: inline-block;
}
.video_platzhalter {
	width: 300px;
	height: 170px;
}