body {
	border:0;
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	background-color:#eeeeee;
}
html { 
	overflow-y: scroll;
}

#root{
	width:100%;
	max-width:1000px;
	margin:0px auto;
	position:relative;
	padding:15px;
	box-sizing:border-box;
	background-color:#ffffff;
	box-shadow:5px 5px 5px #dddddd;
	/*min-width:1100px;*/
}

#top{
	width:100%;
	height:195px;
	max-width:1152px;
	margin:0px auto;
	background-color:#ffffff;
}
/* MENÜ */
#menu-root{
	width:100%;
	height:60px;
	background-color:#db0132;
	margin-bottom:4px;
}
#menu{
	width:100%;
	height:60px;
	background-color:#db0132;
	margin:0 auto;
	max-width:1152px;
	
}
#main{
	width:100%;
	position:relative;
	background-color:#f2f4f4;
}
.main-content{
	float:left;
	width:100%;
	max-width:960px;
	min-height:200px;
	margin-top:50px;
	margin-left:96px;
	
	line-height:1.6em;
}

#newpost-box{
	display:none;
}
.newpost-button, .read-button{
	cursor:pointer;
}

.post-box{
	background-color:#fafafa;
	padding:10px;
	box-shadow:3px 3px 2px #eeeeee;
	margin-bottom:10px;
	position:relative;
}
.post-box.new{
	background-color:#fcfcf2;
}
.comment-box{
	background-color:#f0f0f0;
	padding:10px;
	margin-top:10px;
	/*margin-left:15px;*/
	box-shadow:3px 3px 2px #eaeaea;
}
.comment-box.new{
	background-color:#f5f5e0;
}
.user-image{
	max-width:20px;
	max-height:20px;
	border-radius:10px;
	box-sizing:border-box;
}
.user-image.unviewed{
	border:2px solid #ffffff;
}
.user-image.viewed{
	border:2px dashed #000000;
}
.user-image.read{
	border:2px solid #33bb33;
	box-shadow:0px 0px 5px #00ff00;
}

.post-from{
	float:right;
}
.post-name{
	float:left;
	font-size:150%;
	clear:left;
	color:#598632;
}

.post-content{
	float:left;
	clear:left;
	font-size:110%;
}
.post-content a, .post-content a:hover, .post-content a:active{
	font-size:110%;
	word-break: break-all;
}

.post-comments{
	display:none;
}

.post-new{
	position:absolute;
	top:-8px;
	left:-10px;
	padding:2px 5px;
	background-color:#ffffbb;
	border-radius:6px;
	font-size:80%;
}

.post-viewed{
	float:right;
	clear:right;
}

.post-new-comments{
	/*position:absolute;
	bottom:-5px;
	right:0px;*/
	padding:2px 5px;
	background-color:#ffccaa;
	border-radius:6px;
	font-size:80%;
}

.show-comments{
	float:right;
	clear:right;
}

.from-date small, .comment-from small{
	color:#999999;
}

/* BOTTOM */

#bottom-root{
	float:left;
	width:100%;
	height:270px;
	background-color:#435052;
}

#bottom{
	
	width:100%;	
	line-height:16pt;
	color:#ffffff;
	height:270px;
	margin:0 auto;
	max-width:1152px;
}
.left{ 
	float:left; 
}
.right{ 
	float:right; 
}
.clear{
	clear:both;
}

.image{
	border:5px solid #ffffff;
}

.infobox{
	float:left;
	width:760px;
	padding:20px;
	margin-bottom:30px;
}
.infobox-green{
	background-color:#a1af6b;
	color:#ffffff;
}

.textfeld{
	width:100%;
	max-width:300px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:15px;
}
.textarea{
	width:100%;
	max-width:500px;
	height:50px;
	font-family: 'Open Sans', sans-serif;
	margin-top:5px;
	margin-bottom:15px;
}
.button{
	margin:0px;
	padding:4px;
	border:1px solid #cb99ce;
	background-color:#a468a7;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	width:200px;
}

h1{
	font-family: 'Open Sans', sans-serif;
	font-size:20pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#db0031;
	font-weight:400;
	font-style:italic;
	margin-bottom:25px;
}

h2{
	font-family: 'Open Sans', sans-serif;
	font-size:16pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#db0031;
	font-weight:400;
	font-style:italic;
	margin-bottom:25px;
}

h3{
	font-family: 'Open Sans', sans-serif;
	font-size:12pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#445052;
	font-weight:400;
	font-style:italic;
	margin-bottom:15px;
}

h4{
	font-family: 'Open Sans Sans', sans-serif;
	font-size:12pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#db0031;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:25px;
}

.p{
	margin-top:0;
	margin-bottom:1.5em;
}

.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}

.white{
	color:#ffffff;
}

a {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#b47185;
	font-weight:400;
}

a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#611f32;
	font-weight:400;
}

a:active {
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#611f32;
	font-weight:400;
}

img{
	border: 0px;
}

hr{
	width:100%;
	height:1px;
	border:0px;
	background-color:#435052;
	margin-bottom:40px;
}

@media screen and (max-width: 320px) {
	.from-date{
		display:none;
	}
}