/*
 * Zur Grundstruktur der Seite: Sie besteht nur aus einem einfachen Header.
 *  Die Breite des Inhalts sollte ca. 800px betragen.
 *  Daneben soll es eventuell noch eine kleine Leiste geben, die Zusatzinfos aufnehmen kann.
 *  
 *  */

body {
	font-size:					small;
	font-family:				'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
}

/* Site structure begin */

#site{
	position:					absolute;
	width:						100%;
	left:						0;
	top:						0;
	padding:					0;
	margin:						0;
}

#header{
	position:					relative;
	padding:					0;
	margin:						0;
	margin-top:					-13px;
	background-image:			url("../img/header.jpg");
	background-position:		center top;
	background-repeat:			no-repeat;
	height:						200px;
	width:						100%;
	left:						0;
	top:						0;
}


#logo{
	position:					absolute;
	left:						50%; 		/* Should be the same as #menu.margin-left */
	margin-left:				-390px;		/* Hier muss aufgrund des Schlagschattens etwas getrickst werden */
	top:						50px;
	background-repeat:			no-repeat;
	height:						100px;
	border-width:				0px;
	width:						400px;
	padding:					0;
}

#logo a img{
	text-decoration:			none;
	border:						none;
}

#menuwrapper{
	position:					relative;
	top:						160px;
	left:						50%;
	margin:						0;
	margin-left:				-375px;
	padding:					0;
	width:						800px;
}

#menu{
	position:					relative;
	top:						0px;
	left:						0px;
	padding-left:				0px;
	margin-left:				0px;
	width:						800px;
	padding:					0;
}

#feedmenu{
	position:					absolute;
	display:					inline;
	top:						0px;
	left:						550px;
	padding-left:				0px;
	margin-left:				20px;
	margin-top:					2px;
	height:						20px;
}

#rss_feed_button{
	background-color:			black;
	display:					block;
	background-repeat:			no-repeat;
	background:					url("../img/rss.png");
	background-position:		0 0;
	height:						20px;
	width:						32px;
	z-index:					50;
}

#rss_feed_button:active{
	background:					url("../img/rss.png");
	background-repeat:			no-repeat;
	background-position:		-36px 0px;
	height:						20px;
	width:						32px;
}

#contentwrapper{
	position:					relative;
	top:						0;
	left:						50%;
	width:						750px;
	padding-left:				0px;
	margin-left:				-375px;
	min-height:					600px;
	overflow:					visible;
	height:						auto !important;
}

#content{
	position:					relative;
	top:						0px;
	width:						550px;
	margin:						0;
	padding-top:				0;
}

#sidebar{
	position:					absolute;
	top:						0px;
	left:						550px;
	width:						200px;
	margin-left:				20px;
	margin-top:					-18px;
}

#footer{
	background-color:			#e0e0e0;
	position:					relative;
	text-align:					left;
	left:						0;
	margin:						0;
	margin-left:				0;
	padding-left:				0;
	width:						100%;
	padding:					0px;
	margin-top:					40px;
	padding-bottom:				10px;
}

#footercolumns{
	width:						750px;
	position:					relative;
	left:						50%;
	top:						0px;
	height:						200px;
	margin:						0px;
	margin-left:				-375px;
	padding:					0px;
}

#footerleft{
	position:					absolute;
	text-align:					left;
	width:						250px;
	margin:						0px;
	padding:					0px;
}

#footercenter{
	position:					absolute;
	text-align:					left;
	left:						250px;
	width:						250px;
	margin:						0px;
	padding:					0px;
}

#footerright{
	position:					absolute;
	text-align:					left;
	left:						500px;
	width:						250px;
	margin:						0px;
	padding:					0px;
}

/* Site structure end */

/* Design of blog entries begin */

.blog_entry{
	
}

.blog_entry h2{
	margin-bottom:				0;
}

.blog_entry h2 a{
	color:						black;
	text-decoration:			none;
}

.blog_entry h2 a:hover{
	text-decoration:			underline;
}

.blog_entry a:visited{
	color:						black;
}

.tagSection{
	text-align:					center;
}

/* Design of blog entries end */

/* Comment Input */

.commentInputBox{
	background-color:			#e0e0e0;
	/*margin:						10px;*/
	margin-top:					10px;
	padding:					10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:		10px;	
}

.commentInputBox input{
	border:						0px solid #808080;
	background-color:			white;
}

.commentInputBox textarea{
	border:						0px solid #808080;
	background-color:			white;
	width:						100%;
}

/* Design of comments begin */
.commentBox{
	padding-top:				10px;
	/*margin-top:					10px;*/
}


.commenterLogo{
	position:					relative;
	background-image:			url("../img/commenter.png");
	width:						65px;
	height:						48px;
}

.comment{
	margin-top:					-50px;
	left:						65px;
	position:					relative;
	top:						0px;
	padding-left:				10px;
	padding-top:				5px;
	padding-bottom:				5px;
	width:						475px;
	background-color:			#e0e0e0;
	border:						0px solid grey;
	-moz-border-radius:			10px;
	-webkit-border-radius:		10px;
}

.comment h3{
	margin-bottom:				0px;
}

/* Unapproved Comments */

.unapprovedCommentBox{
	background-color:			#e0e0e0;
}

/* Comment-information */

.comment_info{
	display:					none;
	width:						100%;
}

/* Design of comments end */

/* Design of linkbox begin */

.linkbox ul li{
	display:					block;
}

/* Design of linkbox end */

/* Images begin */
.image {
	text-align:					center;
}

.caption{
	text-align:					center;
	margin-bottom:				5px;
}
/* Images end */

/* Blog sidebar begin */

#sidebar h3{
	margin-bottom:				5px;
}

#sidebar ul{
	list-style:					none;
	padding-left:				10px;
	margin-top:					5px;
}

#sidebar ul ul{
	list-style:					none;
	margin-top:					0px;
}

#sidebar .tagbox{
	width:						100%;
}

#sidebar .tagbox ul{
	display:					inline;
	list-style:					none;
}

#sidebar .tagbox ul li{
	display:					inline;
	margin-left:				5px;
}

/* Blog sidebar end */

/* Menu / feed menu appearance begin */

#menu ul{
	padding-left:				0;
	list-style:					none;
}

#menu ul li{
	margin-right:				10px;
	display:					inline;
}

#menu ul li a{
	color:						black;
	font-weight:				bold;
	text-decoration:			none;
}

#feedmenu a{
	border-width:				0px;
	text-decoration:			none;
}

#feedmenu a img{
	border-width:				0;
}

/* Menu / feed menu appearance end */

/* Footer appearance begin */

#footer ul{
	list-style-type:			decimal;
}

#footer ul li a{
	color:						black;
	text-decoration:			none;
}

#footer ul li a:hover{
	color:						black;
	text-decoration:			underline;
}

#footer #bottommenu{
	position:					relative;
	width:						750px;
	left:						50%;
	padding:					0px;
	margin:						0px;
	margin-left:				-375px;
}

#footer #bottommenu ul{
	font-size:					smaller;
	padding-left:				0;
	list-style:					none;
}

#footer #bottommenu ul li{
	/*margin-left:				10px;*/
	margin-right:				10px;
	display:					inline;
}

#footer #bottommenu ul li a{
	color:						black;
	text-decoration:			none;
}

#footer .annotation{
	bottom:						0px;
	text-align:					right;
	font-size:					smaller;
}

#footer h3 a{
	text-decoration:			none;
}
 
/* Footer appearance end */

/* Forms appearance begin */

input{
	border:						1px solid #808080;
	background-color:			#e0e0e0;
}

textarea{
	border:						1px solid #808080;
	background-color:			#e0e0e0;
	width:						100%;
}

/* Forms appearance end */

/* Other formattings begin */

code{
	font:						Courier
}

a{
	color:						black;
}

table{
	text-align:					center;
	margin-left: 				auto; 
	margin-right: 				auto;
	font-weight:				normal;
	border:						1px solid grey;
	border-collapse:			collapse;
	background-color:			#e0e0e0;
}

table tr{
	border:						0px solid grey;
}

table tr th{
	border:						0px solid grey;
	font-weight:				bold;
}

table tr td{
	border:						0px solid grey;
	font-weight:				normal;
}

.table_titles{
	border-bottom:				1px solid grey;
}

dl dt{
	font-style:					oblique;
}

/* Other formattings end */