:focus, *:active, *:hover, *:link {
	color: #4F4B45;
}

.BlogHolder #container, .BlogEntry #container {
	display: block;
}

form {
	width: 60%;
}

fieldset, div.Actions {
	width: 100%;
}

input, textarea {
	font-family: 'SchnSaPla',sans-serif;
	border:  none;
	width: 100%;
	background-color: #EFEDE9;
	color: #817A71;
	margin-bottom: 7px;
}

textarea p {
	line-height: 1;
}

p.comment, p.info {
	line-height: 1.2;
	font-size: 13px;
}

p.info {
	font-family: 'SchnSaCap',sans-serif;
}

.blogEntry p.tags a {
	background: none;
	padding: 0;
	font-family: 'SchnSaPla',sans-serif;
	font-size: 13px;
}

ul#PageComments li {
	margin-bottom:  20px;
}

input[type="submit"] {
	font-family: 'SchnSaPla',sans-serif;
	font-size: 13px;
	line-height: normal;
	height: 24px;
	margin-top: 10px;
	width: auto;
	/*background:	url("images/submit.jpg") no-repeat scroll 0 -29px transparent;*/
	padding-left: 23px;
	text-transform: uppercase;
	float: right;
}

label {
	font-size: 13px;
}

#BlogContent {
	margin: 0;
	text-align: left;
}

.blogSummary .blogText {
	width: 650px;
	max-width: 100%;
}

#BlogContent div.imgHolder {
	width: 100%;
}

#BlogContent div.imgHolder > img {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 100%;
}

.BlogError {
	text-align: center;
}

/* IE cuts the bottom of the tags off */
* html #Sidebar p.tagcloud {
	padding-bottom: 10px;
}

.BlogError p {
	color: #fff;
	display: inline;
	background-color: #f77;
	padding: 7px;
	font-weight:bold;
}

#BlogEntry_Form_BlogEntryForm #ContentLabel{
	display:inline;
}

#BlogEntry_Form_BlogEntryForm .CompositeField {
	position: relative;
	width: 100%;
}

#BlogEntry_Form_BlogEntryForm #BBCodeHint {
	cursor: pointer;
	font-size:0.8em;
	position: absolute;
	left: 240px;
	top: 3px;
}
#BlogEntry_Form_BlogEntryForm #BBTagsHolder{
	display: block;
	position: absolute;
	top: 30px;
	left: 325px;
}

.blogSummary {
	padding-bottom: 20px;
	width: 700px;
}

.blogSummary:last-child {
	border-bottom: none;
}

#Content label{
	margin-top: 0;
}
#BlogContent.typography h2 span.date,
#Layout p.tags {
	font-family: 'SchnSaPla',sans-serif;
	font-size: 14px;
}
#BlogContent.typography p.blogVitals {
	text-align: right;
	margin: 0 10px 0;
	color: #999;
}
#BlogContent.typography p.blogVitals a{
	background: none;
	text-transform: none;
	padding: 0;
}
a.comments, a.readmore, a#editpost, a#unpublishpost{
	padding: 3px 0 3px 0;
}

#BlogContent.typography div.img p {
	margin: 0;
}

#PageComments_holder h4 {
	font-family: 'SchnSaCap',sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-top: solid 1px #4F4B45;
	margin-bottom: 10px;
	padding-top: 20px;
}

/* TYPOGRAPHY
-------------------------------------- */
#BlogContent.typography h2 {
	font-family: 'SchnSeLightIta',serif;
	font-size: 22px;
	font-weight: normal;
 	margin: 0 0 20px;
	padding-top: 50px;
}

#BlogContent.typography .blogSummary, #BlogContent.typography .blogSummary p {
	font: normal 14px/24px "SchnSaLigPla", Verdana, sans-serif;
	margin: 0 0 20px 0;
	width: auto;
}

#BlogContent img {
	margin: 0 0 20px 0;
}

/* CONTAINER
-------------------------------------- */

#container {
	padding: 27px 80px 25px 80px;
  width: 100%;
}


/* NAVI
-------------------------------------- */
#navi {	
	position: static;	
	display: block;
	margin: 0;
	padding: 0 !important;
	height: auto;
	width: auto;
}

#navi #Instagram {
  display: none;
}

body.with-cookie-notice #container #navi {
	padding-bottom: 0 !important;
}

#navi > ul {
	display: none;
}

#navi #logo {
	margin-bottom: 0;
}

#navi #logo > span {
	margin-left: 3px;
}

a:hover, .typography a:hover {
	text-decoration: underline;	
}

#navi div#LangSelection {
	margin-left: 0;
	display: none;
}

/* MAIN
-------------------------------------- */

#main {
	position: static;
	display: block;
	padding-top: 0;
	left: auto;
	top: auto;
}

/* SIDEBAR
-------------------------------------- */
#Sidebar { 
 	width: 200px; 
	margin: 10px 0 0 0;
	padding: 0;
}
	#Sidebar .sidebarBox {
		margin: 0 0 5px 0;
		padding-bottom: 2px;
	}
	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3 { 
		clear: both; 
		text-transform: lowercase;
		color: #fff;
		font-weight: 700; 
		font-size: 1.4em; 
		margin: 0 0 10px 0;
		line-height: 1.8;
		padding: 1px 0 0 10px;
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
	}
	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}

#container {
	width: calc(100% - 160px);
}

#PageNumbers {
	clear: both;
	display: block;
	margin-bottom: 0;
	text-align: center;
}

#PageNumbers p {
	width: 100%;
	margin-left: 0;
}

#cookie-policy:hover p {
	color: #fff;
}

/* FOOTER
----------------------------------------------- */

#Footer { 
	font-family: 'SchnSaPla',sans-serif;
	font-size: 12px;
 	clear: both;
	width: 100%;
	max-width: 100%;
	height: 5em; 
	text-align: center; 
	padding-top: 20px;
	border-top: solid 1px;
}

/* VIDEO
----------------------------------------------- */

#BlogContent.typography .blogSummary {
	max-width: calc(100%);
}

#BlogContent.typography .blogSummary .videoHolder {
	max-width: 100%;
}

@media only screen and (max-width: 500px) {

	#container {
		width: calc(100%);
	}

	#cookie-policy {
		margin-left: -20px;
	}
	.blogSummary {
		padding-right: 0;
	}

	#PageNumbers, #Footer {
		width: calc(100% - 20px);
	}

	#navi {
		transform: none;
		border-bottom: 0;
		padding-bottom: 0;
	}
	body.with-cookie-notice #container #navi {
		padding-bottom: 0 !important;
	}
	#logo {
		margin-top: 30px;
	}
	#Instagram {
		margin-bottom: 0;
	}
	.typography p {
		width: 100%;
		max-width: 100%;
	}

	#container {
		padding: 0;
	}

	.BlogHolder {
		padding: 0 0 0 20px;
		max-width: 100%;
		overflow: hidden;
	}
	#BlogContent div.imgHolder > img {
		max-width: calc(100% - 20px);
	}
	#BlogContent.typography .blogSummary {
		max-width: calc(100% - 20px);
	}

	.blogSummary .blogText img {
		max-width: 100%;
		height: auto;
	}
	/*
	 	#BlogContent.typography .blogSummary p
	 	*/
}