body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Verdana;
}
#Top {
	width:100%;
	min-height:100px;
	height:15%;
	max-height:200px;
	background-color:#C6E466;
	border-bottom:2px solid #4E6011;
	position:relative;
}
#Navi {
	width:100%;
	position:absolute;
	bottom:0px;
}
.Link {
	color:black;
	text-decoration:none;
}
.Link:hover {
     background-color:#121212;
     color:white;
}
.Link a:hover {
	text-decoration:none;
	color:white;
}
.InfoOutput {
	border:thin solid black;
	margin-left:auto;
	margin-right:auto;
	max-width:300px;
}
/* Basic class*/

.UserNotification {
	position:fixed;
	top:10px;
	left:10px;
	z-index:1;
	min-width:150px;
	width:20%;
	max-width:500px;
	border:thin solid #4E6011;
	background-color:red;
 	opacity: 0.0;
	-webkit-transition:opacity 5s ease-out;
	-moz-transition:opacity 5s ease-out;
	-o-transition:opacity 5s ease-out;
	transition:opacity 5s ease-out;
	transition-delay:5s;
	-moz-transition-delay:5s;
	-webkit-transition-delay:5s;
	-o-transition-delay:5s;
}

/* Mainarea */

#Main {
	margin-top:20px;
	height:100%;
	min-width:500px;
	width:85%;
	border:thin solid #4E6011;
	margin-left:10px;
	margin-right:auto;
	background-color:#EFEFEF;
	padding:10px;
	float:left;
}
#Main a{
	color:black;
	font-weight:bold;
	border-bottom: 2px solid #4E6011;
	text-decoration:none;
}
#Main a:hover{
	background-color:#C6E466;
	font-weight:bold;
	border-bottom: 2px solid #4E6011;
	text-decoration:none;
}

/* User Panel */

#UserPanel {
	background-color:grey;
	border:thin solid black;
	min-width:100px;
	width:10%;
	max-width:200px;
	margin-right:10px;
	margin-left:auto;
	clear:left;
}

/* Boardarea */
#Board {
	width:100%;
	height:100%;
	border-collapse:collapse;
}
.BoardHeadline {
	text-align:center;
	font-weight:bold;
	padding:20px;
}
.BoardRow td {
     border: 2px dotted #4E6011;
	/*background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); Firefox */
	background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */
	height:50px;
}
.BoardName {
	width:80%;
}
.BoardCounter {
	text-align:center;
}
.BoardUser {
	min-width:150px;
	width:10%;
	min-height:150px;
	height:10%;
	background-color:#C6E466;
 	border:2px solid #4E6011;
}
.BoardText {
	width:100%;
	border-top: 2px dotted #4E6011;
	border-right: 2px dotted #4E6011;
	border-bottom: 2px dotted #4E6011;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:30px;
	padding-right:10px;
	/*background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); Firefox */
	background-image:-webkit-linear-gradient(bottom, #FFFFFF 33%, #EFEFEF 90%); /* Chrome, Safari */
}
#BoardPost {
	min-width:300px;
	width:98%;
	height:100%;
}
#BoardSmiley {
	min-width:100px;
	width:20%;
	padding:10px;
 	border:thin solid #4E6011;
	background-color:#C6E466;
}