#header img#site_title { float: left; margin-right: 20px; }
#site_subtitle { margin-top: 15px;}


/*
Top-Menu
#######################################################################
*/

.topnavipad {
	padding-top: 4px;
	padding-bottom: 4px;
}

#topnavibox_menu { padding-left: 5px; padding-right: 5px; height: 22px;}
#topnavibox_search{	padding-left: 5px; padding-right: 5px; height: 22px; margin-top: 1px}

.topmenu_element { text-align: center;  width: 130px; max-width: 140px; float: left; }
.topmenu_separator { text-align: center;  width: 2px; float: left;}


.search_form_input {
	width: 160px;

	margin: 1px;
	margin-left: 2px;
	margin-right: 2px;
}

.search_form_submit {
	width: 60px;

	margin: 1px;
	margin-left: 2px;
	margin-right: 2px;
}

/*
Sub-Menu
#######################################################################
*/

.submenu_box {
	background-color: #373737; /*474747*/
	border: 1px solid #757575;
	width: 280px;
	min-height: 200px;
	padding: 3px;
	text-align: left;
	vertical-align: top;

	position: absolute;
	top: 26px;
	padding-bottom: 3px;
}

.submenu_box_archive { margin-left: 224px; }
.submenu_box_categories { margin-left: 334px; }


.submenu_box_archive { margin-left: 224px; z-index: 400; left: 0px;}
.submenu_box_categories { margin-left: 334px; z-index: 400; left: 0px; }

div#submenu_archives > ul { list-style-type: none; padding: 1px; margin: 0px;}
div#submenu_archives > ul > li { padding: 0px; margin: 0px; float: left; white-space: nowrap; margin-left: 4px; }

/*
Meta-Formats
#######################################################################
*/

.floatleft {float: left;}
.floatright {float: right;}
.nofloat { clear: both; }
.noborder{ border: none; }

/*
Links
#######################################################################
*/

a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
a:link {}
a:visited { color: #FFFFFF; }
a:active { color: #FFFFFF; }
a:hover { color: #DDDDDD; }

div#mainbody > a, div#mainbody > p a, div#mainbody > span a{ font-weight: normal; }

div#topnavibox a { text-decoration: none; padding: 2px; padding-left: 4px; padding-right: 4px; }
div#topnavibox a:hover { text-decoration: none; background-color: #DDDDDD; color: #000000; }

span.tags a { text-decoration: none; font-style: italic; font-size: 11px; font-weight: bold; padding: 2px;}
span.tags a:hover { text-decoration: none; background-color: #DDDDDD; color: #000000; }

div#categories a { text-decoration: none; font-weight: bold; padding: 5px; }
div#categories a:hover { text-decoration: none; font-weight: bold; background-color: #DDDDDD; color: #000000; }

div#navi > div > a { text-decoration: none; font-weight: bold; padding: 5px; }
div#navi > div > a:hover { text-decoration: none; font-weight: bold; background-color: #DDDDDD; color: #000000; }

div.comment_signature a  { text-decoration: none; font-weight: bold; color: #FFFFFF; padding-left: 1px; padding-right: 1px;}
div.comment_signature a:hover { font-weight: bold; color: #DDDDDD; }

div.footerbox a { font-weight: normal; font-size: 11px;}
div.footerbox div {font-size: 11px;}

div#copyright a { margin-bottom: 5px; margin-top: 0px; font-size: 9px; font-weight: normal; text-decoration: none; }


/*
Titles
#######################################################################
*/

/*h2, .h2 {font-family: "Times New Roman"; font-size: 18px; font-weight: bold;}*/
h1, .h1 {font-family: Arial; font-size: 24px; margin: 0px; margin-top: 4px; margin-bottom: 4px; font-weight: bold; text-align: left;}
h2, .h2 {font-family: Arial; font-size: 14px; margin: 0px; margin-bottom: 4px; font-weight: bold; text-align: left;}

h3, .h3 {font-family: "Times New Roman"; font-size: 18px; font-weight: bold;}
h4, .h4 {font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 2px;}
h5, .h5 {font-size: 12px; font-weight: bold; margin: 0px; margin-bottom: 3px; }


#header h1 a {
	font-family: "Times New Roman"; font-size: 24px; font-weight: bold; padding: 0px; margin: 0px; margin-top: 0px; margin-bottom: 4px;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:active, #header h1 a:hover {
	text-decoration: none; color: #FFFFFF;
}


div#mainbody > div#content > div > h1 { margin-bottom: 0px; }
div#mainbody > div#nonarchive > div > h1 { margin-bottom: 0px; }

div#mainbody > #nonarchive > div > h1 > a { margin: 0px; margin-bottom: 0px; text-decoration: none; font-size: 24px; }
div#mainbody > #nonarchive > div > h1 > a:hover { text-decoration: none; color: #FFFFFF; }


.postdate {font-size: 11px; margin: 1px; margin-bottom: 5px; margin-top: 0px; }


/*
NAVI
#######################################################################
*/

#navi { margin-top: 5px; }
.navipad { padding-top: 4px; padding-bottom: 4px; }



/*
Comments
#######################################################################
*/


#write_comment_box {
	margin-top: 10px;
	margin-bottom: 10px;
}

#comments {	margin-left: 20px; }

.comment_text {
	font-family: "Times New Roman";
	font-size: 14px;

	color: #FFFFFF;
	border: 1px solid #757575;

	padding: 4px;
	padding-left: 6px;

	margin-top: 4px;
}
.comment_signature { font-weight: bold; margin-top: 4px;}



/*
Comment-Formular
#######################################################################
*/

input, textarea {
	margin: 2px;  margin-left: 0px;
	border: 1px solid #000000;
	background-color: #DDDDDD;
}
label { font-weight: bold; margin-bottom: 2px; }

.comment_form_input {

	padding: 1px;
	margin-top: 4px;
}

.comment_form_text {
	width: 250px;
}

.comment_form_submit {
	border: 1px inset;
	background-color: #CCCCCC;
	color: #000000;
}


/*
Footer
#######################################################################
*/


.footerbox  {
	float: left;
	margin: 2px;

	border: none;

	padding-right: 5px;
	padding-left: 5px;
}


.middlebox_border { border-right: 1px solid #757575; border-left: 1px solid #757575; }

.footerbox_nopadding_right {padding-right: 0px; /* right outer box, the footer #footer has already its own padding */}
.footerbox_nopadding_left { padding-left: 0px; /* right outer box, the footer #footer has already its own padding */}

.footerbox_recentcomments { min-width: 350px; max-width: 350px; }
.footerbox_recentposts { min-width: 150px; max-width: 230px; }
.footerbox_blogroll { min-width: 150px; max-width: 220px; }

/*
Copyright
#######################################################################
*/

#copyright {
	margin-bottom: 2px;

	padding-top: 10px;
	font-size: 9px;
	text-align: center;
}


/*
Archive PLUGIN
#######################################################################
*/


div.yearly_month_archive > div > div > ul { list-style-type: none; padding: 1px; }
div.yearly_month_archive > div > div > h2 { text-align: left;}
div.yearly_month_archive > div > div { margin-right: 1px; margin-bottom: 1px; width: 200px;}



/*
Archive
#######################################################################
*/

#archive {
	padding-top: 5px;
	padding-bottom: 5px;
}
/*
div#archive div.archiveentry {
	border: 1px solid #555555;
	padding: 1px;
	width: 210px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 192px; /*?/
}

div.archiveentry p>img {
	border: 1px solid #858585;
	padding: 2px;
	margin: 2px;
	max-width: 200px;
	max-height: 150px;
}

div.archiveentry p { margin: 0px; }

.archiveentry_link {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #373737;
	height: 34px;
	position: relative;
	left: 0px;
	top: 0px;
}
*/

.archive_entry { border: 1px solid #555555; padding: 1px; width: 210px; height: 194px}

.archive_header { background-color: #373737; margin-bottom: 1px; text-align: center; height: 34px}
.archive_content { width: 210px; height: 154px; vertical-align: middle; display: table-cell; }

#archive p {width: 200px; text-align: center; margin: 0px}
#archive div.archive_content p > img { margin: 1px; padding: 1px; border: 1px solid #858585; max-width: 200px; max-height: 150px; }