/*
	Links
*/

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

.BarLink
{
	display:block;
	padding: 0.5em 0 0.5em 0;
	text-decoration: none;
	color: #821122;
	font-size: 15px;
	text-align:center;
}

.BarLink:hover , .childof_BarLink:hover
{
	border-bottom: 1px black solid;

}

.childof_BarLink
{
	font-size:0.8em;
	padding: 0.5em 0 0.5em 0.8em;
	display:block;
	text-decoration: none;
	color: #821122;
	text-align: center;
	border-right: 1px black solid;
}

.BarElement
{
	border-left: 1px solid black;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0 0.4em 0 0.4em;
}

.BarHead
{
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px black solid;
}

.BarEditorElement
{	
	margin: 0.5em 0.5em 0.5em 0.5em;
	font-size: large;
}

.BarEditorHead
{
}

/*
	General
*/
body
{
	background: #333333;
	color: #333333;
}

h2
{
	text-align: right;
	padding: 0 3em 0 0;
	font-size: x-large;
	border-bottom: #561420 dashed 0.8px;	
}

h3
{
	color: #561420;
}

ul
{
	padding: 0 1em 1em 3em;
	margin: 0 0 0 0;
}
li
{
	padding: 0.5em 0 0 0;
}

#page
{
	position:relative; 
	top:-7px;
	width:800px;	
	margin: 0 auto;
	
	font-size: 13px;
	font-family: Verdana, Helvetica, Sans-Serif;
	border-right: 5px #561420 solid;
}

#header
{
	/*background:url(../images/DSC01596.JPG) top;*/
	/*background:url(../images/DSC01053.JPG) top;*/
	/*background:url(../images/DSC01263.JPG) top;*/
	background-repeat:no-repeat;
	height:200px;
}

#HeaderImage
{
    height: 200px;
    width: 800px;
}

#middle
{
	background-color: #f7f4dc;
	min-height:200px;
	overflow:hidden;
}

.barleft
{
	width:15%;
	min-height:100px;
	background-color: white;
	float: left;
}

.barright
{
	width:23%;
	min-height:100px;
	background-color: white;
	float: left;
}

#content
{
	float: left;
	background-color: #FCFCFC;
	width: 605px;
	padding: 1em 0 0 0.5em;
}

#content img
{
	padding: 0 0.5em 0 0;
}

#footer
{
	float:left;
	background-color: #f7f4dc;
	min-height: 30px;
	min-width: 100%;
}

.FooterInfo
{
	font-size: x-small;
	text-align: center;
	color:black;
	font-weight: bold;
}

.right
{
	text-align: right;
}

.top
{
	vertical-align: top;
}

.Validators
{
	text-align:left; 
	float:left;
	padding:3px 0 0 0;
}

.Validator
{
	border:0;
	width:88px;
	height:31px;
}

.NoBorder
{
	border: 0;
}

/*
	InputFields
*/

.NameInput EmailInput WebInput
{
	width:100px;
	height:18px;
}

.TextInput
{
	width:300px;
	height: 100px;
}

/*
	Guestbook
*/
.GuestBookEditor tr td
{
	border: 0;
}

.GuestBookEditor a
{
	text-decoration:none;
}

#GuestBook
{	
}

.gbEntry
{
	margin: 1em 0 1em 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	/*background-color: rgb(208,206,162);*/
}

.gbEntryAdminHover
{
	margin: 1em 0 1em 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.gbEntryAdminHover:hover
{
	margin: 1em 0 1em 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: rgb(218,218,218);
}

.gbHead
{
	border-bottom: 2px black solid;	
	padding: 0 0 5px 0;
}

.name
{
	float: left;
}

.datum, .website
{
	text-align: right;
	color:black;
	font-size: x-small;
}

.datum_weekday
{
	font-size: 17px;
}

.datum_day
{
	font-size: 17px;
}
	
.datum_month
{
	font-size: 35px;
	font-family: Garamond, Sans-Serif;
	color: #561420;
}
	
.datum_year
{
	font-size: 17px;
}

.email
{
	float:right;
	position: relative;
	top: 7px;
}

.gbText
{
	border-bottom: 1px  #561420 dashed;
	padding: 1em 0 2em 0;
}

.gbID
{
	text-align: right;
}

.gbEditBox
{
	text-align: right;
	text-decoration: none;
}

.PageBar
{
	text-align: center;
}

.ErrorMessage
{
	margin: 1em 3em 1em 3em;
	padding: 0.5em 0em 0.5em 0em;
	border: 1px red solid;
	background-color: rgb(255,204,153);
	color: red;
}

.ErrorMessage td
{
	border: 0;
}

.ErrorMessageBar    
{
	min-width:1px;
	background-color:red;
}

.Success
{
	text-align:center;
	color:green;
}

/*
	CMS
*/

.cmNameInput
{
	width: 200px;
	text-align: left;
}

.cmTextInput
{
	width: 450px;
	height: 500px;
}

.cmEditor tr, .cmEditor td
{
	padding: 0.2em 0.2em 0.2em 0.2em;
	border: 1px solid black;
	font-size: 9px;
}

.cmHover:hover
{
	background-color: rgb(218,218,218);	
}

.cmShortField
{
	width: 10px;
}

.cmPageInformation
{
	/*background-color: rgb(255,204,51);*/
	border-top: 1px #821122 solid;
	margin: 0.5em 0.0em 0.5em 0.5em;
	padding: 0.5em 0.0em 0.5em 0.5em;
	text-align: right;
}

/*
	Login
*/

.Login
{
	position:relative;
	left:30%;
}

.LoginBar
{
	display:block;
	text-decoration: none;
	color: black;
	font-weight: bold;
	text-align:center;
	border: 2px black solid;
	margin: 0.3em;
	padding: 0.1em 0.1em 0.1em 0.1em;
}

.LoginBar:hover
{
	background-color: rgb(191,191,191);
}

/*
	Blog
*/
.BlogInputTitle
{
	width: 350px;
	height: 20px;
}

.BlogInputContent
{
	width: 450px;
	height: 550px;
}

.BlogEditor a
{
	text-decoration:none;
}

.BlogTitle a
{
	color: #561420;
}

.BlogEntry
{
	margin: 1em 1em 3em 0em;
	padding: 0.5em 0 0.5em 0;
}

.BlogAdminHover
{
	margin: 1em 1em 3em 1em;
	padding: 0.5em 0 0.5em 0.5em;
}

.BlogAdminHover:hover
{
	padding: 0.5em 0 0.5em 0.5em;
	background-color: rgb(218,218,218);
}

.BlogTitle
{	
	font-size: 25px;
	padding: 0 0 0 0.5em;
	color: #561420;
}

.BlogContent
{
	border-top: 2px black solid;
	margin: 0em 0.5em 0.5em 0.5em;
	padding: 1.5em 0 0.5em 0;
	font-size: small;
}

.BlogFoot
{
	margin: 1em 0 0 0;
	padding: 0.5em 0 0 0;
	font-size:x-small;
	text-align: right;
	border-top: #561420 dashed 0.8px;
}

.BlogLike
{
	margin: 1em 0 0 0;
	padding: 0.5em 0 0 0;
	font-size:x-small;
	text-align: right;
}

.BlogLikeCursor
{
	cursor: pointer;
}

.BlogLikeTitle
{
	color: black;
	margin: 0 0 0 1em;
	font-size:x-small;
}

/*
	Galery
*/

.Picutre
{
	margin:  1em 3em 1em 3em;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
 
.clearfix {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0em 0.5em 0em 0.5em;
}

.GalleryTextClosed
{
	position: absolute;
	margin-top: 5px;
	margin-left: 40px;
	display:none;
}

.GalleryTextOpen
{
	position: absolute;
	margin-top: 5px;
	border: 1px rgb(86, 20, 32) solid;
	background-color: black;
	color:white;
	opacity: 0.8;
	z-index: 3;
	width: 200px;
	text-align: left;
}

.GalleryTextWhole
{
	text-align: center;
}

.galleryEditBox
{
	position:absolute;
	margin-left: 150px;
	margin-top: -120px;
	z-index: 1;
}

.galleryInput
{
}

.galleryInput tr td
{
	border: 0px;
}

.galleryInputTitle
{
}

.galleryInputText
{
	width: 400px;
	height: 150px;
}

.galleryInputPath
{
}

.galleryInputSort
{
}

.cPicturePreview
{
	position: fixed;
	z-index: 1;
}

/*
    Headerplayer
*/
#NavigationBar
{
	position:absolute; top:175px;
	cursor:pointer;
}
#NavigationElement img
{
    width: 20px;
    height: 20px;
}

.QuoteHead
{
	font-style:italic;
	font-size: 10px;
	text-align: right;
}

.QuoteBody
{
	border: 1px dotted #D1D7DC;
	background-color:#F7F4DC;
	margin: 1em 1em 1em 1em;
	padding: 0.2em 1em 0.2em 1em;
	width: 100%;
}

tr.QuoteHead, td.QuoteHead
{
	border: 0px;
	width: 90%;
}

/*
	Commentarys
*/
.CommentaryTeaser, .DoComment
{
	float: left;
	font-size: 9px;
}

.CommentDivider
{
	float: left;
	font-size: 9px;
	margin : 0em 0.5em 0em 0.5em;
}

.CommentaryContainer
{
	margin: 20px 0px 0px 0px;	
	text-align: left;
	overflow: hidden;
}

.CommentaryEditField
{
	border: 1px dashed #561420;
	margin: 20px 0px 0px 0px;	
	padding: 0.5em 0em 0em 0.5em;
}

.Comment
{
	font-size: 9px;
	margin: 4.5em 0em 4.5em 0em;
}

.CommentaryEditField h3, .CommentaryContainer h3 
{
	border-bottom: 1px black solid;
	text-align:left;
}

.CommentFooter
{
	text-align: right;
	float:right;
}

.CommentText
{
	border-bottom: 1px dashed #561420;
	padding: 0.5em 1em 0.5em 0em;
}

.CommentName
{
	text-align:left;
	float:left;
}

.CommentInputText, .CommentInputName, .CommentInputMail, .CommentInputWeb
{
	width: 300px;
}

.CommentInputText
{
	overflow: hidden;
}

.CommentaryEditField .ErrorMessage
{
	margin: 1em 1em 0em 1em;
}

.CommentPreview
{
	margin: 1em 0.2em 1.0em 0.2em;
	padding: 0 0 0 0.2em;
	border-left: black solid 1px;
}

.CommentPreviewName
{
	font-weight: bold;
}

.CommentPreviewText
{
	font-size: 10px;
	padding: 0 0 0 0.1em;
}

.BestArticle
{
	margin: 1em 0.2em 2.0em 0.2em;
	padding: 0 0 0 0.5em;
	border-left: black solid 1px;
	
	font-size: 11px;
}

.BestArticleTitle
{
	font-weight: bold;
}

.BestArticleCount
{
	padding: 0 0 0 0.1em;
}


.SimpleInput
{
	border: 1px dotted #333333;
}

.GalleryComments
{
	background-color: #FCFCFC;
}

.GalleryComments .CommentaryContainer
{
	position: absolute;
	border: 1px dashed #561420;
	width: 500px;
	background-color: #F7F4DC;
	z-index: 2;
}

.GalleryComments .CommentaryEditField
{
	width: 550px;
	position: absolute;
	background-color: #F7F4DC;
	z-index: 2;
}

#fatalerror
{
	position: fixed;
	left: 5px;
	top: 5px;
	width: 500px;
	height: 500px;
	z-index: 1;
	color: red;
}

.dump
{
	position: fixed;
	left: 5px;
	top: 5px;
	width: 100px;
	height: 200px;
	z-index: 1;
	color: red;
}

.ContentBox
{
	border:2px solid black;
	color:black;
	display:block;
	margin:0.3em;
	padding:0.3em;
	text-decoration:none;
}

#preview_
{
	position:fixed;
	right: 0px;
	top: 0px;
	width: 610px;
	height: 500px;
	opacity: 1.0;
	background-color: white;
	opacity: 1.0;
	border: 1px black solid;
}

#feed_icon
{
	text-align:right;
	position:absolute;
	top: 166px;
	left: 766px;
}

/*
	Chat
*/
#chat
{
}
	
#chat_head
{
	position:fixed;
	left: 10px;
	top:10px;
	width: 150px;
	height: 20px;
	background-color:white;
}

#chat_body
{
	position:fixed;
	left: 10px;
	top: 35px;
	width: 300px;
	height:500px;
	background-color:white;
	border: 1px solid black;
}

#chat_name
{
	position: absolute;
	bottom: 100px;
	width: 295px;
	height: 20px;
}

#chat_message
{
	position: absolute;
	bottom: 0px;
	width: 295px;
	height: 100px;
}

#chat_messages
{
	height: 380px;
	overflow:auto;
}

/*
	Highscores
*/

.highscore_table
{
	margin: 5em 5em 5em 5em;
}

.highscore_entry
{
	border-bottom: #561420 dashed 0.8px;	
	margin: 0 0 2em 0;
}

.highscore_element_name, .highscore_element_points
{
	padding: 0em 1em 0em 1em;
}

.highscore_element_name
{
	font-size: 20px;
}

.highscore_element_points
{
	float: right;
	text-align: right;
}

/*
	Projects
*/

.project
{
	margin: 1em 1em 1em 1em;
	padding: 1em;
	background-color: #F7F4DC;
	overflow:hidden;
}

.project img
{
	float:left;
}

.projectTitle
{
}

.projectDescription
{	
}