/*	----------------------------------------------------------------------------------------------------------	*/
/*		Mangaka.de Styles
/*		Version: 3.0
/*		Author: Ingo Blenke // blenke(at)id-on(dot)de
/*		Author URI: www.gorilla-concept.de
/*	----------------------------------------------------------------------------------------------------------	*/

/*	----------  Contents  ----------	*/
/*		
		1. Resets
		2. Structure
		3. Navi
		4. Typo Styles
		5. Forum
		6. Forms
		7. Personal Messages
		8. User Command Center (UCC)
		9. Shoutbox
		10. User Profile
		11. Gallery
		12. Boxes Content Area
		13. Boxes Right
		14. Boxes Left
		15. Article Detail Template
		16. Help
		17. Japanischkurs

/*	--------------------------------	*/

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  1. Resets  <<<-------------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

html {font-size:100.01%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,option,p,blockquote,th,td, button {
margin:0px;
padding:0px;
}
a, input, :focus {outline:none;}

input, textarea, select {
font-family:verdana, arial, sans-serif;
font-size:1em;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
fieldset, img, button {border:0;}
ul {list-style:none;}

ol {
line-height:160%;
margin-left:25px;
}
q, blockquote {quotes:none;}

hr {
height:1px;
border:0;
background:#ccc;
}
.clear {clear:both;}

pre {
border:1px solid #ccc;
padding:5px;
font-size:1.2em;
font-family:monospace;
overflow:auto;
margin:5px 0;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  2. Structure  <<<----------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

body {
margin:10px 0 0 15px;
background:url('../images/bg_holz.jpg');
font:62.5%/140% 'trebuchet ms', tahoma, arial, verdana, sans-serif;
color:#78765B;
}
#main, #mainhome {
float:left;
}
#mainhome {
background:url('../images/bg_content.gif') repeat-y;
width:971px;
position:relative;
}
#header {
position:relative;
width:971px;
height:122px;
background:url('../images/bg_header.jpg') no-repeat right top;
}
#main {
padding:0 13px 10px;
width:945px;
}
#footer {
margin:15px 0;
text-align:center;
}
#footernavi {
padding:20px 0 0;
text-align:center;
clear:both;
}

	/*	---------- Case: Homepage ----------	*/

#subheaderhome {
margin:25px 0 10px 0;
text-align:center;
background-color:#fff;
}
#columnlefthome, #columnleft {
float:left;
width:210px;
font-size:1.1em;
}
	#homepage #columnlefthome {
	background:#f8f8f2 url(../images/leftbox_end.gif) no-repeat bottom;
	padding-bottom:10px; /* IE 7 */
	}
#columnmiddlehome {
float:left;
width:515px;
margin:0 15px;
font-size:1.2em;
}
#columnrighthome, #columnright {
float:right;
width:190px;
font-size:1.1em;
}

	/*	---------- Case: 3-column Pages ----------	*/

#subheader {
margin:15px 0;
background:url('../images/bg_headline.gif') repeat-x;
position:relative;
}
#social_bookmarks {
padding:10px;
position:absolute;
top:0;
right:10px;
}
#columnmiddle {
float:left;
width:530px;
background:#eaead6;
margin-right:15px;
padding-bottom:5px;
font-size:1.2em;
}
	#columnmiddle.profile {padding:0;}

	/*	---------- Case: 2-column Pages ----------	*/

#columnright_wide {
width:735px;
float:left;
}

	/*	---------- Boxes on the left ------------	*/

.sidebox {margin-bottom:20px;}

	.leftboxcontent {
	background:transparent;
	margin:1px 20px 0 0;
	padding:5px 0 0 10px;
	}
	#homepage .leftboxcontent {
	padding:5px 10px 0;
	margin:1px 0 0;
	}
	h5.leftboxheader {
	margin:0;
	padding:0 10px;
	color:#fff;
	height:20px;
	line-height:22px;
	}
	#columnlefthome .leftboxheader, #columnleft .leftboxheader {background:url('../images/bg_boxheader_small.gif') no-repeat;}

	/*	---------- Boxes on the left / Case: Homepage ------------	*/

	#homepage #columnlefthome .leftboxcontent {
	background:#f8f8f2 url('../images/bg_boxleft.gif') repeat-x top;
	padding:18px 10px 0;
	}
	#homepage #columnlefthome .leftboxheader {
	background:url('../images/bg_boxheader.gif') no-repeat;
	height:20px;
	line-height:22px;
	}

	/*	---------- Boxes on the right ------------	*/
	
	#columnrighthome .leftboxheader {background:url('../images/bg_boxheader_small.gif') no-repeat;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	---------------------->>>  3. Navi  <<<-------------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#navi {
position:relative;
width:823px;
height:33px;
left:67px;
top:88px;
background:url('../images/bg_navi.gif') no-repeat;
}
#navi ul {height:33px;}

#navi li {
position:relative;
top:1px;
display:inline;
margin-left:24px;
}

	/*	---------- Breadcrumb Path ----------	*/

#subheader div.nav {
padding-left:10px;
font-size:1.1em;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	----------------------->>>  4. Typo Styles  <<<-----------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

p {line-height:160%;}

.beschreibung {
margin:0 10px;
padding:10px;
}
h3.n,h4.n,h5.n {
	color:#78765B;
}
	/*	---------- Headings ----------	*/

h1,h2,h3,h4,h5,h6 {
font-weight:bold;
line-height:130%;
color:#0F1D62;
}
h1 {font-size:24px; margin:0 0 8px;}
h2 {font-size:18px; margin:0 0 8px;}
h3 {font-size:16px; margin:0 0 4px;}
h4 {font-size:14px; margin:0 0 4px;}
h5 {font-size:12px; margin:0 0 4px;}
h6 {font-size:11px;}

.contentbox h3 {margin:0 5px 4px;}

.contentbox h6, .contentbox h5, .contentbox h4, .contentbox h2 {margin:10px 5px;}

h4.mainprofile {margin:0;}
h4.h_inline {color:#78765B; margin-bottom:5px;}

#subheader h2 {padding:12px 0 4px 10px;}

	/*	---------- Case: Gallery ----------	*/
h2.gallery_heading {padding:10px;}

	/*	---------- Case: Profile ----------	*/
h2.profile_heading {padding:10px 10px 0; margin:0;}

	/*	---------- Links ----------	*/

a {color:#0f1d62;}

a.comment, a.sendafriend, a.favourite, a.alarm {
margin-right:10px;
padding-left:15px;
}
a.comment {background:url('../images/icon_comment.gif') no-repeat left center;}
a.sendafriend {background:url('../images/icon_sendafriend.gif') no-repeat left center;}
a.favourite {background:url('../images/icon_favourite.gif') no-repeat left center;}
a.alarm {background:url('../images/icon_alarm.gif') no-repeat left center;}

a.picdel {
background:url('../images/icon_delete.gif') no-repeat;
padding:2px 0 2px 20px;
color:#c00;
}
p.tags a, #imagetags a, p.imagetags a {
background-color:#fff;
padding:1px;
margin-right:5px;
line-height:20px;
}
p.tags a:hover {
background-color:#96957c;
color:#fff;
text-decoration:none;
}
#imagetags a, p.imagetags a {background-color:#eaead6;}

#imagetags a:hover, p.imagetags a:hover {
background-color:#96957c;
color:#fff;
text-decoration:none;
}
#imagetags a img, #imagetags a:hover img {background-color:#fff;}

.summarybox a {line-height:16px;}

p.sidetags a {
color:#78765B;
margin-right:10px;
}
p.sidetags a:hover {color:#0f1d62;}

	.sidetags .tag0 {font-size:11px;}
	.sidetags .tag1 {font-size:14px;}
	.sidetags .tag2 {font-size:16px;}
	.sidetags .tag3 {font-size:17px;}
	.sidetags .tag4 {font-size:18px;}
	.sidetags .tag5 {font-size:20px;}
	.sidetags .tag6 {font-size:21px;}

a.buttonlink {
background:#EAEAD6 url('../images/icon_link.gif') no-repeat right;
padding:2px 20px 2px 7px;
}
#homepage #columnlefthome .buttonlink {background:#fff url('../images/icon_link.gif') no-repeat right;}

.artikel .buttonlink, .contentbox .buttonlink {
margin:10px 0 0 10px;
position:absolute;
right:5px;
bottom:5px;
}
.buttonlink:hover, #homepage #columnlefthome .buttonlink:hover {
background:#0F1D62 url('../images/icon_linkactive.gif') no-repeat right;
text-decoration:none;
color:#e7e7d0;
}

#footernavi a {margin:0 5px;}
#footer a {color:#78765B;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  5. Forum  <<<--------------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#forumwrapper h1 {margin-left:10px;}

#forumwrapper table {
width:945px;
height:25px;
border:1px solid #ccc;
border-collapse:collapse;
font-size:1.1em;
clear:both;
}
#forumwrapper #columnmiddle table {
width:100%;
font-size:1em;
}

#forumwrapper table table {width:auto;}

#forumwrapper td {
border:1px solid #ccc;
text-align:center;
}
	/* Some TDs like their content to be left-aligned */
	#forumwrapper .thread_description,
	#forumwrapper .thread_latest,
	#forumwrapper .thread_subject,
	#upshrinkHeaderIC td {
	text-align:left;
	}
	
	/* ---------------------------------------------- */
	
.thread_headline  {font-size:1.4em;}

.thread_headline a {
color:#78765B;
font-size:.78em;
line-height:90%;
}
.thread_headline th {
border:1px solid #78765B;
background:#D6D5AD url(../images/header_bg.png) repeat-x bottom;
padding:5px;
}
	.thread_headline th.foren {width:67%;}
	.thread_headline th.inhalt {width:13%;}
	.thread_headline th.latest {width:20%;}

.threadblock {margin-top:15px;}

.threadblock .boxtitle {
width:945px;
background:url(../images/bg_forum_boxtitle.png) no-repeat;
}
.threadblock .boxtitle h5 {
margin:0;
padding-left:35px;
}
/* obsolete
.threadtitle {
padding:0 0 0 5px;
margin-left:31px;
height:25px;
line-height:27px;
font-size:1.2em;
background:url(../images/forum_header_bg_left.png) no-repeat 5px 0;
}
.threadtitle span {
padding:0 15px 0 0;
background:url(../images/forum_header_bg.png) no-repeat right top;
margin-left:10px;
display:block;
width:200px;
height:25px;
text-align:center;
font-weight:bold;
}
/* --- */
.threadblock td {padding:5px 0 5px 10px;}

.threadblock .thread_icon {
width:4%;
text-align:center;
padding:5px 0;
background:#EFEEDE;
}
.thread_icon a {margin:0 auto;}

.thread_description {width:63%;}

.thread_description a {
font-size:1.2em;
display:block;
margin:0 0 2px 0;
}
.thread_content {
width:13%;
background:#EFEEDE;
}
.thread_content span {
margin:2px;
float:left;
width:50px;
padding:0 5px;
}
.thread_content em {
margin:2px;
float:left;
width:40px;
text-align:right;
}
.thread_latest {width:20%;}

.thread_latest span {
display:block;
margin:2px 0;
}
.special {color:#900;}

#legend {
height:25px;
margin-bottom:15px;
}
#legend .legend {
float:left;
height:25px;
line-height:25px;
margin-left:35px;
}
#legend .legend span {
padding:0 15px 0 25px;
line-height:25px;
float:left;
}
#legend .legend .new {background:url(../images/new_some.gif) no-repeat left center;}
#legend .legend .notnew {background:url(../images/new_none.gif) no-repeat left center;}

.button_bottom {
float:right;
background:url(../images/forum_legend_button_bg.png) right bottom no-repeat;
padding:0 10px 0 0;
margin-left:1px;
}
.button_bottom a {
background:url(../images/forum_legend_button_left.png) left bottom no-repeat;
padding:3px 0 6px 10px;
display:block;
}
.button_top {
float:right;
background:url(../images/forum_button_top_bg.png) right top no-repeat;
padding:0 10px 0 0;
margin-left:1px;
}
.button_top a {
background:url(../images/forum_button_top_left.png) left top no-repeat;
padding:6px 0 4px 10px;
display:block;
}
	.button_top.active {background:url(../images/forum_button_top_active_bg.png) right top no-repeat;}
	.button_top.active a {
	background:url(../images/forum_button_top_active_left.png) left top no-repeat;
	color:#fff;
	}

.tableheader span {
float:left;
line-height:36px;
font-size:1.4em;
font-weight:bold;
color:#0F1D62;
padding-left:10px;
}
.tableheader .date {
float:right;
width:auto;
font-size:1.1em;
color:#78765B;
margin-right:20px;
}
.tableheader a {
float:right;
margin:12px 10px 0 0;
}
#infocenter table {font-size:1.1em;}

#infocenter th {
height:25px;
font-size:1.09em;
line-height:25px;
border:1px solid #ccc;
background:#EFEEDE;
}
#infocenter .info_content {padding:5px;}

#infocenter .info_icon {
background:#EFEEDE;
border:1px solid #ccc;
width:4%;
}

.board_pagination, #help_navigation {
height:25px;
font-size:1.1em;
padding:0 10px;
clear:both;
}
	form .board_pagination {font-size:1em;}

.pagination {
float:left;
line-height:25px;
}
.pagination.letters {margin-left:10px;}

	.letters a {
	margin:0 1px;
	border:1px solid #ccc;
	padding:1px 3px;
	}
	.letters a:hover {
	background:#f8f8f2;
	text-decoration:none;
	}
.posts_nav {
float:left;
line-height:22px;
}
.posts_nav a {margin:0 5px;}

.who_is_online {
background:#EFEEDE;
font-size:1.1em;
text-align:left;
padding:5px 10px;
border:1px solid #ccc;
border-top:0;
}
.who_is_online td {padding:5px 10px;}

table .sticky td {background:#FAFAF4;}

.thread_subject {padding:0 5px;}
.thread_subject img {float:right;}

.read_latest {
float:right;
margin:5px 5px 0 0;
}

#board_legend {
margin:20px 10px;
float:left;
}
#board_legend ul, #board_legend form {float:left;}

#board_legend ul li {
float:left;
margin-right:35px;
}
#board_legend ul ul li {
float:none;
margin:0;
line-height:20px;
}
#board_legend img {vertical-align:middle;}

form#jumpto_thread {
margin:20px 10px;
float:right;
}
	#jumpto_thread * {float:none;}

.socialbookmarks {
text-align:right;
clear:both;
padding:0 0 0 10px;
margin:10px 10px 10px 0;
height:22px;
border-bottom:1px solid #ccc;
}
.ratingbox {
background:#EFEEDE;
border:1px solid #ccc;
height:30px;
font-size:1.1em;
padding:0 10px;
clear:both;
}
.ratingbox span {
float:left;
line-height:30px;
}
form#rate_this {
float:right;
height:30px;
line-height:30px;
font-size:1em;
}
	#rate_this select, #rate_this input {float:none;	}
	#rate_this select {width:3.5em;}

.ratingbox .activity_state {
height:30px;
padding-right:10px;
}
.ratingbox img {vertical-align:middle;}

.post_header td {
font-size:1.4em;
background:#EFEEDE;
line-height:25px;
}
.post_list {width:945px;}

	.profile .post_list {
	width:530px;
	border:0;
	}
/* Case: Personal Messages */
#columnright_wide .post_list {width:725px;}

#forum_post_list {font-size:1.2em;}

.single_post {
width:943px;
float:left;
border:1px solid #ccc;
margin-top:5px;
padding-bottom:15px;
background:url(../images/post_divider_vr.png) repeat-y 160px;
}
	.profile .single_post {
	width:528px;
	background:#fff;
	}
/* Case: Personal Messages */
.p_message {background:none;}

.message_from {
clear:both;
padding:5px 10px;
border-bottom:1px dashed #ccc;
}
.p_message_content {padding:10px;}

/* Case: Personal Messages */
#columnright_wide .single_post {width:723px;}

	.even .post_content_header, .even .message_date {background-color:#eee;}

.post_author {
width:140px;
float:left;
text-align:center;
padding:20px 10px;
}
	.post_author strong {
	display:block;
	font-size:1.2em;
	}
	.post_author span {
	display:block;
	margin:5px 0;
	}
	.post_author .karma {margin-top:15px;}
	.post_author .title {margin-top:10px;}

	.post_author strong.offline a {
	padding:2px 20px;
	background:url(../images/status_offline.png) no-repeat right center;
	}
	.post_author strong.online a {
	padding:2px 20px;
	background:url(../images/status_online.png) no-repeat right center;
	}
.avatar_box {margin:10px 0;}

	#avatar_box img, .avatar_box img, .attachment img {
	border:1px solid #ccc;
	padding:4px;
	background:#fff;
	}
.post_content {
width:763px;
float:left;
padding:20px 10px;
}
	.profile .post_content {width:510px;}

.thank_you_summary {margin:10px 0 0;}
.thank_you_bcp {margin-bottom:10px;}
/* Case: Personal Messages */
#columnright_wide .post_content {width:543px;}

.post_content_header {
/*height:30px;*/ /* Bugfix, if Threadtitel to long, controls are not reachable */
width:763px;
float:left;
background:#EAEAD6;
padding:0 10px;
}
	.profile .post_content_header {
	width:508px;
	float:none;
	}
/* Case: Personal Messages */
#columnright_wide .post_content_header {width:543px;}

	.post_content_header span {float:left;}
	.post_content_header strong {
	float:left;
	line-height:30px;
	font-size:1.4em;
	}
		.profile .post_content_header strong {float:none;}

	.post_content_header strong span {
	float:none;
	font-size:0.85em;
	font-weight:normal;
	}
	.activity_links {
	float:right;
	text-align:right;
	}
	.activity_links input.check {margin:8px 0 0 5px;}

.message_date {
height:30px;
width:150px;
padding-left:10px;
float:left;
background:#EAEAD6;
}
.post {line-height:140%;}

.signature {
padding:10px 0;
margin:10px 0 0 0;
border-top:1px dashed #ccc;
}
	.signature img {max-width:350px;}

.post_footer {margin:10px 0 0 0;}

.message_date b {
display:block;
margin-top:1px;
}
	.profile .post_content_header p {
	float:left;
	line-height:30px;
	}
.message_date .p_message_date {line-height:30px;}

.message_date .p_message_date b {display:inline;}

.attachment {
border:1px solid #ccc;
padding:10px;
}
.quote {
margin:10px 40px;
background:#fff;
border:1px solid #ccc;
padding:10px;
font-family:georgia, 'times new roman', serif;
}

	/*	---------------------- POST Buttons ----------------------	*/

	.button {
	width:28px;
	height:28px;
	float:left;
	margin:1px 5px;
	}
	
	.reply {background:url(../images/buttons/reply.png) no-repeat left center;}
	.modify {background:url(../images/buttons/edit.png) no-repeat left center;}
	.remove {background:url(../images/buttons/delete.png) no-repeat left center;}
	.warn {background:url(../images/buttons/warning.png) no-repeat left center;}
	.split {background:url(../images/buttons/split.png) no-repeat left center;}
	.thanks {background:url(../images/buttons/thank_you.png) no-repeat left center;}
	.zitat {background:url(../images/buttons/quote.png) no-repeat left center;}
	.notify {background:url(../images/buttons/notify.png) no-repeat left center;}
	.approve {background:url(../images/buttons/approve.png) no-repeat left center;}
	
	.attachment_link {
	background:url(../images/icons/clip.gif) no-repeat left center;
	padding-left:12px;
	display:block;
	line-height:20px;
	}
	.button_modify {
	display:block;
	margin:10px 0;
	cursor:pointer;
	}
	.ip_link {
	background:url(../images/ip.gif) no-repeat left center;
	padding-left:20px;
	}

/*	---------------------- All stuff users can create in posts ----------------------	*/

.post hr {margin:10px;}
.post tt {
font-size:1.2em;
color:#000;
}
.post .code {
border:1px solid #ccc;
background:#f5f5f5;
overflow-x:scroll;
overflow-y:auto;
padding:5px;
}
.post ul {
list-style:disc;
margin-left:25px;
}

/*	---------------------------------------------------------------	 */

.post_meta_nav {
height:25px;
margin:10px 10px 0 0;
border-top:1px solid #ccc;
padding:0 0 0 10px;
}

	/*	---------------------- Member List ----------------------	*/

table#member_list {
border:1px solid #ccc;
border-bottom:0;
}
#member_list th {line-height:25px;}
#member_list td {
border:0;
border-bottom:1px solid #ccc;
}
#member_list .avatar img {
margin:10px;
width:48px;
height:48px;
border:1px solid #ccc;
}
#member_list .member_name, #member_list .graph {text-align:left;}

	/*	---------------------- Member Search ----------------------	*/

form#member_search {
border-top:1px solid #ccc;
padding-top:20px;
font-size:1.1em;
}
#member_search .search_options label {line-height:160%;}
#member_search .search_options input {clear:left;}

#member_search div {
width:500px;
margin:10px 40px;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  6. Forms  <<<-------------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

/* Some FORMS as uses in the FORUM */

form strong {color:#0F1D62;}

fieldset {
margin:0 auto 20px auto;
padding:10px;
border:1px solid #ccc;
width:580px;
text-align:left;
}
fieldset ul li {height:20px;}

label, input, select {
float:left;
font-size:1em;
margin-right:5px;
}
input, textarea, select {
border:1px solid #ccc;
padding:2px;
margin-right:5px;
}
input:focus, textarea:focus {
background:#f3f3e5;
border-color:#999;
}
ul li label, fieldset div label {line-height:20px;}

fieldset li {
line-height:20px;
padding:2px 0;
display:block;
clear:both;
margin:2px 0;
}
.select_date input {
float:none;
margin:0 10px;
}
.submit_button {
background:transparent;
border:0;
}

/* for all the smart ones out there using a standards compliant browser */
input[type="checkbox"], input[type="radio"] {
margin-top:3px;
background:transparent;
border:0;
}

#send_topic_form {text-align:center;}
#send_topic_form label {
text-align:right;
width:40%;
}
#send_topic_form .submitbutton {margin:10px 0 0 252px;}

#preview_section {
border:1px solid #ccc;
font-size:1.1em;
margin:0 auto 20px;
width:600px;
text-align:left;
}
	#preview_subject {
	display:block;
	padding-left:20px;
	font-weight:bold;
	line-height:25px;
	background:#EFEEDE;
	border-bottom:1px solid #ccc;
	}
	#preview_body {padding:20px;}

/* Form for creating and editing posts */

#postmodify #pollMoreOptions {height:auto;}

#postmodify li label {width:75px;}
#postmodify li input {width:300px;}

li .icon {
float:left;
padding:3px 0;
}
#postmodify #poll_options_list label {
width:auto;
cursor:pointer;
}
#postmodify #poll_options_list .fixed {
width:15em;
cursor:default;
}
#postmodify #poll_options_list input {width:auto;}
#postmodify .BBCode li {height:25px;}
#postmodify .BBCode .smileys a {margin:0 3px;}
#postmodify .BBCode select {float:none;}

#error_serious, #error_list {
width:580px;
margin:10px auto;
border:1px solid red;
padding:10px;
text-align:left;
}
#error_list {margin-bottom:20px;}

#postMoreOptions {
float:left;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}
#postMoreOptions li input, #postMoreOptions li label, #searchLabelsExpand li input, #searchLabelsExpand li label {width:auto;}

#postMoreOptions li label, #searchLabelsExpand li label {
cursor:pointer;
margin-left:10px;
}
#postMoreOptions li {
width:270px;
float:left;
clear:none;
}
.attach_file {display:block;}

#postmodify .attach_file input {float:none;}

.submit_area input {margin:0 10px 0 0;}

h3.summary {
width:600px;
margin:10px auto;
}
.summary_header,
.summary_body {
width:580px;
border:1px solid #ccc;
margin:0 auto;
padding:10px;
font-size:1.1em;
}
.summary_header {
background:#EFEEDE;
height:10px;
}
	.summary_header span {
	float:right;
	line-height:10px;
	}
	.summary_header strong {
	float:left;
	line-height:10px;
	}
.summary_body {
border-top:0;
margin-bottom:5px;
min-height:30px;
overflow:hidden;
}
.quote_link {
float:right;
padding:5px;
border:1px solid #ccc;
margin:0 0 10px 10px;
}

/* Login */

.newstext {
	padding:5px;
}
.newstext2 {
	padding:0 10px 0 0;
}
#mangakalogin {
padding:5px;
margin-left:110px;	
width:390px;
min-height:250px;
}
#mangakalogin input {
	float:none;
}
#mangakalogin div {
	padding-bottom:10px;
}
#mangakalogin br {
	margin-bottom:6px;
}
#login_btn {
	background:transparent url('http://statics.mangaka.de/mangakacouk/Themes/theme_test/images/login.gif') top left no-repeat;
	margin:10px 0 5px 0;
	width:69px;
	height:25px;
	cursor:pointer;
	padding:0;
}
#login_btn input {
	background:transparent;
	border:none;
	padding:0;
	width:69px;
	height:25px;
}
#eingeloggt_bleiben input {
padding:0;
margin:0;
position:relative;
top:3px;
}

	/* ------------------- Buttons ----------------------- */

button {
background:transparent;
font:1em/100% "trebuchet ms", tahoma, arial, verdana, sans-serif;
cursor:pointer;
}
#main button div {
background:url(../images/button_bg_right.png) no-repeat right;	
border:0;
padding:0 7px 0 0;
margin:0;
height:21px; /* I love you IE */
}
#main button p {
height:21px;
line-height:20px;
padding:0 3px 0 10px;
text-align:center;
color:#fff !important;
background:url(../images/button_bg_left.png) no-repeat;
}

#shout_form_box button {float:left;}

	/* ------------------- Profileinstellungen ----------------------- */

#creator fieldset, #options_notify fieldset, .options_summary fieldset, #add_buddy fieldset, .upload_rules fieldset {
background:#fff;
margin:10px;
width:490px;
}*
#creator fieldset p, #options_notify fieldset p, .options_summary fieldset p, #add_buddy fieldset p {
color:#999;
font-style:italic;
}
#creator div {
padding:10px;
border:1px solid #ccc;
margin:10px 0;
}
#creator div label {line-height:20px;}

#creator div p {
clear:both;
margin-top:10px;
}
#creator div img {
padding:5px;
border:1px solid #ccc;
margin:10px;
}
#creator .beschreibung, #options_notify .beschreibung, .options_summary .beschreibung, #add_buddy .beschreibung {
margin:10px 0;
background:#f5f5f5;
font-style:italic;
}
#creator ul label {width:130px;}

fieldset strong {
display:block;
margin-bottom:10px;
}
#verification_wrapper input {
margin:10px 0;
width:189px;
}

	/* ------------------- GoogleMaps: Profile ----------------------- */

#map {
overflow:hidden;
height:300px;
border:1px solid #fff;
margin:15px 10px;
}
#map div {
border:0;
padding:0;
margin:0;
}
#disclaimer {margin:0;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  7. Personal Messages  <<<--------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#forumwrapper .leftboxcontent {
padding-bottom:20px;
background:#f8f8f2 url(../images/leftbox_end.gif) no-repeat bottom;
}
#forumwrapper .leftboxcontent a {display:block;}

#forumwrapper #columnright_wide {
width:725px;
margin-left:10px;
}

table#my_messages {
width:725px;
text-align:left;
}
	#my_messages td {
	padding:5px;
	text-align:left;
	}
	#my_messages .icon, #my_messages .checkbox {text-align:center;}

.delete_messages {
float:right;
line-height:25px;
}
.my_messages_footer {
padding:0 10px;
border:1px solid #ccc;
margin:2px 0 20px;
}
.label_box {
height:30px;
margin-top:20px;
}
.label_box select {margin:5px 0;}

.inform_link {
float:right;
padding:5px;
border:1px solid #ccc;
background:#fff;
}
table#manage_labels {width:550px;}
table#manage_labels th, table#manage_labels td {padding:5px;}
table#manage_labels input {background:#fff;}

.long_description {
height:auto;
line-height:140%;
}
#form_response {
width:580px;
margin:0 auto;
padding:10px;
font-size:1.1em;
border:1px solid #ccc;
}
.captcha {margin:10px 0;}

input#visual_verification_code {width:188px;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  8. User Command Center (UCC)  <<<------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/


#ucc-wrapper-guest, #ucc-wrapper {
position:absolute;
right:230px;
top:34px;
width:202px;
height:27px;
padding:10px 5px 3px 53px;
z-index:10;
background:url(../images/ucc_login.png) no-repeat;
}
	#ucc-wrapper-guest input {
	    border:1px solid #a28f66;
	    width:75px;
	    }
	#ucc-wrapper-guest .ucc_submit, #upshrink {
	    background:transparent;
	    border:0;
        position:absolute;
	    width:23px;
	    height:23px;
	    margin:0;
	    right:8px;
	    top:9px;
	    cursor:pointer;
	    }
        
#ucc-wrapper {
background:url(../images/ucc_hello.png) no-repeat;
}
#ucc-small-guest {
line-height:20px;
/*float:left;*/
}
#ucc-small {
line-height:20px;
width:170px;
}

    #ucc-small strong {font-size:1.2em;}
    #upshrink {text-indent:-5000px;}

/*#ucc-small span {float:left;}*/

#ucc-full {
position:absolute;
right:232px;
top:75px;
padding:10px;
width:300px;
background:#fff;
border:2px solid #a28f66;
z-index:1000;
display:none;
font-size:1.1em;
line-height:160%;
}

    ul#ucc-links {
        float:left;
        width:178px;
    }
        #ucc-links li {border-bottom:1px solid #a28f66;}
        #ucc-links .last {border:0;}

        #ucc-links a {
            display:block;
            margin:3px 0;
        }
        #ucc-links a:hover {
            background:#f8f8f2;
            text-decoration:none;
        }

    #ucc-statistics {
        line-height:160%;
        border-top:1px solid #a28f66;
        border-bottom:1px solid #a28f66;
        margin:10px 0;
        padding:10px 0;
        clear:both;
    }

    #ucc-full .user_image {
        padding:5px;
        background:#fff;
        border:1px solid #ccc;
        float:left;
        margin:5px 10px 10px 0;
    }
    #ucc-full input, #ucc-full label {
        margin:2px 5px 0 0;
        }
    #ucc-full .ucc-submit {
        border:0;
        padding:0;
        margin:0;
    }
#ucc-logout {
    margin:10px 0 0;
    padding:10px 0;
    border-top:1px solid #a28f66;;
}
#ucc-logout a {float:right;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	----------------------------------------->>>  9. Shoutbox  <<<--------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#shoutbox {
overflow:auto;
border:1px solid #ccc;
padding:5px;
}
.shoutbox_mask {
height:140px;
overflow:auto;
}
#shout_form_box {
padding:5px;
border:1px solid #ccc;
border-top:0;
}
#shout_form_box textarea {
width:172px;
margin:5px 0;
}
.show_shouts_link {
float:right;
padding:3px 5px;
}
.single_shout {
margin:0 5px;
padding:5px;
border-top:1px dashed #ccc;
overflow:hidden;
}
.single_shout cite {
display:block;
font-style:normal;
}
.single_shout span {
font-size:10px;
color:#ccc;
padding-right:5px;
}
#shoutbox .single_shout {
margin:0 3px;
padding:3px 0;
}
/* Shoutbox-Form in der Mittelspalte */
#tp-shout-big {padding:10px; border-top:1px solid #ccc;}
#tp-shout-big textarea {width:75%;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	----------------------------------->>>  10. User Profile  <<<---------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

/* Tab Navi */

#profile_tabs {
padding:2px 0 0 0;
margin:0 10px;
}
#profile_tabs li {float:left;}

#profile_tabs a {
float:left;
height:28px;
padding-left:7px;
background:url(../images/profile_tab_left.gif) no-repeat;
font-size:1em;
color:#fff;
}
	#profile_tabs a.active {background:url(../images/profile_tab_left_hi.gif) no-repeat;}

#profile_tabs a span {
display:block;
line-height:23px;
padding-top:5px;
padding-right:7px;
background:url(../images/profile_tab_right.gif) no-repeat right top;
}
	#profile_tabs a.active span {background:url(../images/profile_tab_right_hi.gif) no-repeat right top;}

#avatar_box {
text-align:center;
margin:0 20px 20px 0;
}
#forumwrapper .profile_area a {
display:inline;
padding:2px 0;
}
.profile_data h4 {float:left;}

#forumwrapper .profile_data p {padding:3px 5px;}

.profile_data .online_status {float:right;}

.data_box {
clear:both;
margin:0 0 20px 0;
float:left;
width:488px;
}
.data_box p, .data_box_half p {clear:both;}

.profile_data span, .profile_data strong {
width:165px;
float:left;
padding:0 5px;
line-height:22px;
border:1px solid #EAEAD6;
}
.profile_data span {
border-right:0;
border-bottom:1px solid #fff;
background:#EAEAD6;
}
.profile_data strong {
width:300px;
border-left:0;
border-top:1px solid #fff;
border-right:1px solid #fff;
font-weight:normal;
margin-left:1px;
}
.white_wrapper {
background:#fff;
padding:10px 0;
}
.post_bcp {
padding:3px 5px;
font-size:.85em;
}

ul.options li {border-bottom:1px solid #ccc;}

ul.options label {
width:auto !important;
cursor:pointer;
margin-left:10px;
}
#creator ul.more_options label {width:40%;}
#creator ul.more_options select {width:18em;}

#forumwrapper table#buddies_list {
margin:10px;
border:1px solid #ccc;
background:#fff;
width:510px;
}
table#buddies_list td {border:0;}

#buddies_list th, #buddies_list td {
border-bottom:1px solid #ccc !important;
line-height:24px;
}
#buddies_list .left {
text-align:left;
padding:0 0 0 10px;
}
#add_buddy_submit {
float:none;
margin-left:25px;
}

/* Statistik */

.graph_cell {
width:4%;
text-align:center;
border:0 !important;
}
.graph_cell div {margin:0 auto;}

tr.graph {
background:url(../images/graph_bg.png) repeat-x;
height:110px;
}
tr.hours td {
padding:3px 0;
background:#EAEAD6;
}
th.graph_hours {
padding:3px 0;
text-align:center;
}

.empty_bar {height:1px; background:none;}
.quarter_bar {height:25px; width:10px; background:#0F1D62;}
.half_bar {height:50px; width:10px; background:#0F1D62;}
.three_fourth_bar {height:75px; width:10px; background:#0F1D62;}
.full_bar {height:100px; width:10px; background:#0F1D62;}

.data_box_half {
width:50%;
margin:0 0 20px 0;
float:left;
}
.data_box_half span {width:160px;}
.data_box_half strong {width:60px;}

/* Thank You Area */

#thank_you {font-size:1.1em;}

.thank_you_list {
margin:10px 0;
padding:10px;
border:1px solid #ccc;
}
.thank_you_list p {
margin-bottom:15px;
padding:0 5px;
background:#EAEAD6;
}
.thank_you_list li {
line-height:160%;
padding:2px;
margin:2px 5px 2px 0;
display:inline;
}

#course_list.profile_comments {margin:15px 0 0;}

.profile_comments li {float:left; width:190px;}
.profile_comments span {display:block; overflow:hidden;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	----------------------------------------->>>  11. Gallery  <<<---------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#gallery_wrapper {padding:0 10px 10px;}

.whiteminibox {
float:left;
display:inline;
width:166px;
margin:20px 2px 0;
}
.whiteminibox .boxtop, .whiteminibox .boxbottom {
width:156px;	
padding:5px;
background-color:#fff;
float:left;
}
.whiteminibox .boxbottom {margin-top:2px;}

.boxtop strong {display:block;}

	.boxtop img {
	float:left;
	margin:0 10px 5px 0;
	border:2px solid #ccc;
	}
.boxtop a:hover img {border:2px solid #78765B;}

/* Gallery Images */
.bestmangaspotlight a img {border:2px solid #fff;}
.bestmangaspotlight a:hover img {border:2px solid #78765B;}

.gallerythumbnails {
float:left;
padding:5px;
}
.bestmangagallery a, .gallerythumbnails a {
float:left;
margin:0 6px 8px 0;
border:2px solid #fff;
}
	.gallerythumbnails a:hover, .bestmangagallery a:hover {border:2px solid #78765B;}

.gallerythumbnails a, .active_mangaka a, .buddies a {margin:0 11px 8px 0;}

	.active_mangaka a {height:65px;}
	.active_mangaka a span {display:block;}

	.active_mangaka a img, .buddies a img {
	margin:0 0 3px 0;
	border:2px solid #fff;
	}
	.active_mangaka a, .buddies a, .active_mangaka a:hover, .buddies a:hover {
	border:0;
	width:52px;
	text-decoration:none;
	}
		.active_mangaka a:hover img, .buddies a:hover img {border:2px solid #78765B;}

#active_mangaka_full a {height:85px;}

.mangagallery img {
float:left;
margin:0 10px 5px 0;
}

.article_pagination {
line-height:24px;
height:24px;
margin:0 10px 10px;
}
.article_pagination a {
padding:2px 6px;
background:#f8f8f2;
margin:0 2px;
color:#78765B;
border:1px solid #fff;
}
	.article_pagination a:hover {
	background:#fff;
	text-decoration:none;
	border-color:#9f9c79;
	}
	.article_pagination .active {
	padding:2px 6px;
	margin:0 2px;
	border:1px solid #fff;
	background:#9f9c79;
	color:#fff;
	}
	.article_pagination .pagination_arrow, .article_pagination .pagination_arrow:hover {
	border:none;
	background:transparent;
	}
	.article_pagination .back, .article_pagination .forward {margin:0 10px;}

form#gallery_search {background:#fff;}

	#gallery_search fieldset {width:auto;}

	#gallery_search ul {
	float:left;
	width:45%;
	margin:10px 0;
	padding:0 5px 0 0;
	}
	#gallery_search ul input {
	border:none;
	background:transparent;
	}
	/* and back for those who understand */
	#gallery_search ul input[type="text"] {
	border:1px solid #ccc;
	background:#EFEFE5;
	}
	#gallery_search ul label {cursor:pointer;}
	#gallery_search div {
	clear:both;
	line-height:20px;
	}
	#gallery_search select {width:6em;}

.contentbox.kommentare {margin:10px 0;}

	.kommentare .even {
	background:#f8f8f8;
	border-top:2px solid #EAEAD6;
	padding:5px 0;
	}
	.kommentare div {margin-bottom:10px;}

.picture_detail h2 {margin-bottom:0;}
.picture_detail .thickbox {margin-left:5px;}

#imagestats {
float:left;
width:225px;
margin:15px 0 0;
}
	#imagestats p, #imagestats div {
	padding:2px 5px;
	line-height:160%;
	}
	#imagestats form {display:inline;}

	#imagestats input {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	float:none;
	}
	#imagestats a.thickbox {margin-left:10px;}

#imagetags {
float:right;
width:225px;
margin-top:15px;
}
.info {
	background:#f8fafc url('../images/icon_info.gif') no-repeat 10px 50%;
	padding:5px 20px 5px 35px !important;
	border:2px solid #B5D4FE;
	margin:10px 0 0;
	}
.info h6 {
margin:5px;
line-height:18px;
}
/* --- sort the search results --- */
#searchnav_left {
margin:10px;
height:60px;
border-bottom:1px solid #ccc;
}
#searchnav_left li {
float:left;
height:24px;
line-height:18px;
margin:1px 20px 1px 0;
}
#searchnav_left a, #searchnav_left i {
float:left;
margin:0 2px;
padding:0 4px;
color:#78765B;
border:1px solid #fff;
}
#searchnav_left a {background:#F8F8F2;}

#searchnav_left a:hover {
background:#fff;
text-decoration:none;
border-color:#9f9c79;
}
#searchnav_left span {
float:left;
width:100px;
}
#searchnav_left i {
color:#fff;
background:#9f9c79;
font-style:normal;
}

.kommentare h5 {margin-bottom:0;}

form#picture_comment {margin-top:15px;}

	#picture_comment fieldset {width:auto;}
	#picture_comment textarea {float:left;}
	#picture_comment span {
	font-size:.9em;
	float:left;
	}
	#picture_comment .submit {margin-top:10px;}

#bild_melden fieldset {width:auto;}

.upload_rules strong {color:#0F1D62;}

ul.rules {
list-style:disc;
padding:10px 10px 10px 42px;
}
	.rules li {
	margin:2px 0;
	line-height:160%;
	}
	.rules li span {
	padding-left:10px;
	display:block;
	margin:5px 0 10px;
	}

form.upload_rules label {width:185px;}

li.senden {
text-align:center;
margin-top:10px;
}
li.senden input {float:none;}

#flasher {
padding:10px;
height:360px;
}

#thumb_description label {float:none; display:block; margin:10px 0 5px 10px;}
#thumb_description div {text-align:center;}
#thumb_description img {margin:10px auto; padding:4px; border:1px solid #ccc;}
#thumb_description textarea {margin-left:10px;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------>>>  12. Boxes Content Area  <<<--------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

.contentbox {
background:#fff;
padding:2px;
position:relative;
}
	.contentbox p {padding:5px;}

.boxtitle, .boxtitle_huge {
padding:0 10px;
height:31px;
margin-top:20px;
}
.boxtitle {
width:495px;
background:url('../images/bg_boxtitle.gif') no-repeat;
}
.boxtitle_huge {
width:510px;
background:url('../images/bg_boxtitle_big.gif') no-repeat;
}
	.boxtitle h5, .boxtitle_huge h5 {
	line-height:31px;
	color:#fff;
	font-size:14px;
	float:left;
	margin:0;
	}
	.boxtitle .morebutton, .boxtitle_huge .morebutton, .boxtitle .rssbutton, .boxtitle_huge .rssbutton {
	float:right;
	}

.boxsubtitle {
background:#EAEAD6;
padding:2px 10px;
}
.advertisement {
text-align:center;
border:0;
background:transparent;
}
.advertisement object {
border:1px solid #ccc;
display:block;
margin:0 auto;
}
.advertisement span {font-size:.833em;}

	/*	---------- Case: Homepage ----------	*/

	.frontblock .box_wrapper {
	padding:5px 10px;
	background:url(../images/bg_dashed.gif);
	border:2px solid #eaead6;
	margin:1px 0 0 0;
	}
	.frontblock .contentbox {margin:10px 0;}
	.frontblock .contentbox.advertisement {margin:0 0 10px;}

.box_wrapper_2 {
background:#EAEAD6;
padding:5px;
}
	.box_wrapper_2 .contentbox {background:transparent; margin:5px 0;}
	.frontblock .box_wrapper_2 .contentbox img {border:2px solid #fff;}
	.box_wrapper_2 .contentbox .buttonlink {background-color:#fff;}
	.box_wrapper_2 .contentbox .buttonlink:hover {background-color:#0F1D62;}

.bestmangaspotlight {
float:left;
width:245px;
margin-left:5px;
padding-bottom:5px;
}
.bestmangagallery {
float:right;
width:235px;
}
.feed {
border-top:1px solid #ccc;
padding:5px 5px 0;
line-height:21px;
height:21px;
font-size:.915em;
}
.feed .more_link {
float:right;
padding-right:7px;
background:url(../images/button_brown_right.png) no-repeat right center;
color:#fff;
}
.feed .more_link span {
padding-left:7px;
display:block;
line-height:21px;
background:url(../images/button_brown_left.png) no-repeat left center;
}
.feed .more_link:hover {text-decoration:none;}
.feed .rss_link {float:left;}
.feed .rss_link img {padding-top:2px;}

	/*	---------- Case: Artikel / Register Form ----------	*/

.artikel_wrapper {margin:10px;}

.artikel .contentbox {
margin:10px 0 0 0;
min-height:110px;
}
	.profile .contentbox, .register #creator .contentbox {
	background:#fff;
	margin:10px;
	padding:10px;
	}
	#forumwrapper .profile .contentbox h2 {
	margin-left:0;
	padding-bottom:5px;
	border-bottom:1px solid #78765b;
	}
.artikel .contentbox img, .frontblock .contentbox img {
margin-right:10px;
border:1px solid #EAEAD6;
}
.stats, .options {
padding:5px 10px;
background:#fff;
border-top:1px solid #ccc;
}
	.stats img {
	margin:0 1px;
	vertical-align:middle;
	}
#register_main ul li label {width:180px;}

	/*	---------- Case: User Profile ----------	*/

.box_profile {width:530px; margin:0;}

	/*	---------- Case: Termine ----------	*/
.eventbox {
padding:10px;
position:relative;
margin:10px 0;
}	
	.eventbox p {padding:0;}

	/*	---------- Case: Buecher -----------	*/

.books .contentbox {margin:10px;}
.books .contentbox h4 {margin-bottom:0;}
.books .contentbox small {
margin-bottom:10px;
display:block;
font-size:.908em;
}
.books .contentbox img {
float:left;
margin-right:10px;
}

form#article_comment, form#article_rating {
float:left;
line-height:20px;
}
	#article_rating select {width:4em;}

.single_termin {
padding:10px;
border-bottom:1px dashed #ccc;
position:relative;
}
.leftbox_images {
padding-left:10px;
margin:0 20px 20px 0;
}
.leftbox_images img {
margin:20px 0 10px;
border:1px solid #666;
}
#topborder_left_small {
margin:0 0 10px 0;
background:#eaead6 url('../images/bg_lines_small.gif') left no-repeat;
height:32px;
}

#fading_teaser {
width:513px;
height:124px;
overflow:hidden;
}
#fading_teaser img {cursor:pointer;}

img#mms_intro {
float:right;
margin:10px 10px 0;
border:1px solid #ccc;
padding:4px;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------>>>  13. Boxes Right  <<<---------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#columnrighthome .leftboxcontent, #columnright .leftboxcontent {
margin:0;
padding:10px;
}

.summarybox {
padding:5px;
background:url('../images/bg_dashed2.gif');
margin-bottom:20px;
}
	.summarybox div {
	padding:5px;
	background-color:#fff;
	}
#permalinks, #latest_comments, #teaser_box_right, #upload_teaser_small, #upload_teaser_huge {
padding:10px 0;
border-top:1px solid #ccc;
}
#permalinks input {
float:none;
width:184px;
}
#profilenavi a {
float:left;
margin:5px 0;
}
#teaser_box_right a {display:block;}

#columnrighthome hr, #columnright hr {margin:20px 0 10px;}

#newsletter_box {position:relative;}

	#newsletter_box img {float:right;}

	#newsletter_box a {
	position:absolute;
	left:0;
	bottom:10px;
	width:82px;
	}
#artikel_teaser_box a, #upload_teaser_huge a, #upload_teaser_small a {
margin:10px 0;
display:block;
}
/* User Box */
.userbox {
padding:10px;
}
.username {
    min-height:50px;
    width:110px;
}
.username strong {
    display:block;
    font-size:1.2em;
    color:#0F1D62;
}
.userbox .avatar {
float:right;
width:50px;
height:50px;
margin:0 0 10px 10px;
}
.welcometext {
color:#0F1D62;
font-size:1.2em;
}
.userbox ul {
padding:5px 0;
border-top:1px dotted #a28f66;
border-bottom:1px dotted #a28f66;
margin:10px 0;
}
    .userbox p {line-height:140%;}
	.userbox form {margin-top:10px;}
	.userbox fieldset {
	    width:auto;
	    border:0;
        border-top:1px dotted #a28f66;
        border-bottom:1px dotted #a28f66;
        padding:10px 0;
        margin-bottom:10px;
	}
	.userbox form ul {list-style:none; margin:0;}
	.userbox label {float:none;}
	.userbox input, .userbox select {margin:0; float:none;}
	.userbox input {
	    margin-bottom:5px;
	    width:160px;
	}

.userbox div {
    padding:10px 0 0;
    float:left;
}
.userbox div label {
    width:80px;
    float:left;
}
.userbox div select {
    width:80px;
    float:right;
}
.userbox button {clear:both;}
.userbox .upload {
    margin:5px 0 0;
    display:block;
    width:151px;
    height:23px;
}
/* ------ */
#forum_teaser p {
padding:5px 0;
border-bottom:1px solid #ccc;
}
.more_images a {
margin:0 4px 4px 0;
float:left;
border:2px solid #ccc;
}

.more_images_thickbox a {
margin:0 4px 4px 0;
float:left;
border:none !important;
}

.more_images_thickbox a:hover {border:none !important;}
.more_images a:hover {border:2px solid #78765B;}

#mms_box {
height:315px;
margin-bottom:20px;
position:relative;
}
#mms_box.mms_0 {background:url(../images/mms_box.png) no-repeat;}
#mms_box.mms_1 {background:url(../images/mms_box2.png) no-repeat;}
#mms_box.mms_2 {background:url(../images/mms_box2.png) no-repeat;}

#mms_box p {
position:absolute;
top:133px;
left:44px;
width:100px;
height:90px;
text-align:center;
color:#000;
line-height:120%;
}
#mms_box strong {
display:block;
font-size:1.2em;
line-height:140%;
padding:5px 0;
height:40px;
}
#mms_box .rufnummer {
top:230px;
left:17px;
width:156px;
height:25px;
color:#fff;
font-size:1.8em;
letter-spacing:.1em;
line-height:25px;
text-indent:5px;
}
#mms_box .mms_preis {
top:265px;
left:10px;
width:170px;
height:auto;
font-size:.85em;
color:#aaa;
}
#mms_box .mms_preis strong {padding:0; color:#999;}

#anmelde-button {
    width:120px;
    height:28px;
    padding:10px 10px 10px 60px;
    display:block;
    background:url(../images/anmelden.png) no-repeat;
    margin:20px 0;
}
    #anmelde-button span {
        color:#fff;
        font-weight:bold;
        font-size:1.2em;
        display:block;
    }
    #anmelde-button:hover {text-decoration:none;}
/*	----------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------>>>  14. Boxes Left  <<<---------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

.leftboxheader a {color:#fff;}

.vorschau img, .archiv img {
float:left;
margin:0 10px 10px 0;
border:1px solid #999;
}
	.vorschau span, .vorschau b, .archiv span, .archiv b {
	display:block;
	line-height:160%;
	}
	.vorschau b, .archiv b {color:#0F1D62;}

.archiv {clear:both;}
.archiv img {border:2px solid #c1c1a3;}
.archiv a:hover img {border:2px solid #78765B;}

.portrait_teaser {
margin:15px 20px 15px 10px;
display:block;
}
	.portrait_teaser a {
	margin:10px 0;
	display:block;
	}

/* ------------- Quicksearch ------------ */

#easysearch {
width:190px;
height:87px;
background:url(../images/quicksearch_bg.png) no-repeat;
position:relative;
margin:15px 0;
}
#easysearch input {
background:transparent;
border:0;
position:absolute;
}
#easysearch .textfield {
top:32px;
left:11px;
width:120px;
height:18px;
}
#easysearch .submit_button {
top:28px;
left:135px;
width:44px;
height:22px;
}
#columnlefthome #easysearch h5 {
background:none;
padding-top:7px;
}
#easysearch a {
position:absolute;
top:60px;
left:11px;
padding:1px 20px 0px 4px;
}

/* ------------- Japanischkurs Subnavi ------------ */

#leftcontent {
width:190px;
margin:10px;
}
ul#course_list {margin-right:20px;}

#course_list li {
border-top:1px solid #ccc;
clear:both;
}
#course_list a {
display:block;
height:50px;
padding:6px 2px;
}
#course_list a strong {display:block;}

#course_list a img {
float:left;
margin-right:10px;
border:2px solid #EAEAD6;
}
#course_list a:hover {
text-decoration:none;
background:#f9f9f9;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------>>>  15. Article Detail Template  <<<---------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/
/* No one needs to understand the following mess. It was just the easiest way to escape some SMF flaws. */

#columnright_wide .artikel_wrapper {margin:0;}

#columnright_wide .artikel .contentbox {
background:transparent;
border:0;
padding:0;
position:static;
margin:0;
}
/* A contentbox within a contentbox. nice, eh? */
.contentbox_detail {
background:#fff;
border:1px solid #ccc;
padding:10px;
position:relative;
margin:10px;
}
#columnright_wide .artikel .contentbox img {border:0;}

#zeichner_des_monats img {float:left;}

#zeichner_des_monats a {
position:absolute;
right:10px;
bottom:10px;
width:151px;
}
#zeichner_des_monats a img {float:none;}
#zeichner_des_monats strong {color:#0F1D62;}

#columnright_wide .artikel .contentbox .beschreibung {padding:10px;}

p.question {color:#0F1D62;}

.question cite, .answer cite {
font-weight:bold;
font-style:normal;
}
.buchvorstellung {
padding-bottom:10px;
margin:10px 0;
height:100px;
font-size:1.1em;
}
	.buchvorstellung img {
	float:left;
	margin-right:10px;
	}
	.buchvorstellung span, .buchvorstellung strong {display:block;}

/* -------------- zeichentipps --------------- */

.zeichentipp strong {
display:block;
color:#0F1D62;
margin:0 0 5px;
}
.zeichentipp img {margin:20px 0;}
.zeichentipp p strong {display:inline;}
.zeichentipp ol {position:relative;}
.zeichentipp ol li {margin:3px 0 0 25px;}
.zeichentipp ol li span {position:absolute; left:0;}

	/* -------------- Newsletter --------------- */

#newsletter fieldset {width:auto;}
#newsletter label {width:100px;}
#newsletter .date_of_birth span {float:left;}
#newsletter .checkbox {height:auto;}

#newsletter .checkbox label, #creator .checkbox label {
width:440px;
cursor:pointer;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  16. Help  <<<--------------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#help_navigation {border-bottom:1px solid #ccc;}

#help_navigation .button_top {
float:left;
margin:0 1px 0 0;
}
#helpmain {
font-size:1.1em;
padding:20px 10px;
}
	#helpmain h2 {margin:20px 0 10px;}
	#helpmain ol, #helpmain ul {margin:10px 0 10px 20px; line-height:140%;}
	#helpmain ol {list-style:decimal;}
	#helpmain ul {list-style:square;}
	#helpmain table {width:auto;}
	
/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  17. Japanischkurs  <<<-----------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

.pagenavigation {
float:right;
margin:5px 0;
}
	.pagenavigation b {color:#0F1D62;}
	
  /* ------------ GoogleMaps Member Map ------------------ */

#googlemapmain {
background:url(../images/bg_dashed.gif);
border:1px solid #ccc;
}
#googlemapmain #map {height:500px;}

ul#google_legend {
margin:0 10px 10px;
border:1px solid #ccc;
background:#fff;
width:27em;
padding:2px 5px;
line-height:22px;
float:left;
}
ul#google_legend li {display:inline;}

#setPin, #googleFeed {
float:left;
background:#fff;
border:1px solid #ccc;
line-height:27px;
padding:2px 5px;
margin-right:10px;
}
#googleFeed {
display:block;
width:93px;
padding:7px 5px;
}

/*	---------- Werbe Banner ----------	*/

.banner_big {margin:0 0 8px 2px;}

.banner_big_inside {
text-align:center;
padding-right:10px;
}
.banner_sky_outside {
position:absolute;
left:1000px;
top:228px;
}
.banner_cad {
width:100%;
margin:10px 0;
text-align:center;
}
#openad {
padding:2px;
border:1px solid #ccc;
margin:0 0 20px;
text-align:center;
background:url(../images/bg_dashed.gif);
}
#openad a {
border:1px solid #78765B;
display:block;
margin:0 auto;
width:900px;
}
#google_ads {
text-align:center;
padding:5px;
margin:10px 0;
}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	-------------------->>>  18. Google Maps  <<<-------------------------------------------------------------	*/
/*	----------------------------------------------------------------------------------------------------------	*/

#bubble_content div {
text-align:center;
position:relative;
height:125px;
margin:10px 0 5px;
}
#bubble_content div .avatar {
padding:4px;
border:1px solid #ccc;
}
#bubble_content ul {
width:20px;
margin:5px;
position:absolute;
right:5px; top:0;
}
#bubble_content li {margin-bottom:3px;}
#bubble_content li a {
display:block;
width:20px;
height:20px;
padding:1px;
text-align:center;
}
#bubble_content p {
font-size:1.1em;
margin-bottom:15px;
}
#googlemapmain #map table {
width:100%;
color:#78765B;
margin-bottom:10px;
line-height:140%;
}


/* --- Zeichenkurs --- */
#topborder_small {
background:#eaead6 url('../images/bg_rounded_small.gif') left no-repeat;
height:32px;
}
#topborder_left {
float:left;
width:196px;
background:#eaead6 url('../images/bg_lines.gif') no-repeat;
height:82px;
}
#topborder_large {
float:left;
width:715px;
background:#eaead6 url('../images/bg_rounded_large.gif') no-repeat;
height:67px;
padding:15px 15px 0;
font-size:1.1em;
line-height:160%;
}

.datebox {
margin:0 0 12px 44px;
}

/*  -----  Books  -----  */

.autorname {
margin:0 5px;
}
.bookdescription {
margin:10px;
}
.bookdescription h2 {
margin-bottom:0;
}
a.view_book {
float:left;
}
a.amazon {
float:right;
}
.bookdetail {
padding-left:10px;
}
.bookdetail img {
border:2px solid #C1C1A3;
margin-bottom:10px;
}
.bookdetail p {
padding:10px 0;
margin-right:36px;
border-top:1px solid #ccc;
}
.bookdetail strong {
color:#0F1D62;
}

.intro {
font-style:italic;
}

.winnerbox {
margin:10px 0;
border:2px solid #ccc;
float:left;
padding:5px;
}
	.winnerbox h4 {
	margin:10px 0;
	}
	.winnerbox strong {
	color:#0f1d62;
	display:block;
	margin-bottom:5px;
	}
	.winnerbox p {
	padding-left:0;
	}
	.winnerbox hr {
	margin:10px 0;
	}
	.contentbox .winnerbox img {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #C1C1A3;
	padding:4px;
	}

.bestmangaspotlight b {
color:#0f1d62;
}
	.whiteminibox .boxbottom p {
	color:#333;
	}

.alert, #creator .alert {
background:#fff6bf url('../images/icon_exclamation.gif') no-repeat 15px 50%;
padding:5px 35px;
border:2px solid #ffd324;
}
	.alert strong {
	display:block;
	text-align:center;
	margin:10px 0;
	}
	.alert p {
	margin:10px;
	}
	
	.profilenavi a {
	display:block;
	margin-bottom:8px;
	}

p.right {
text-align:right;
margin-top:10px;
}
p.right_m10 {
text-align:right;
margin-right:10px;
}

.date {
float:left;
width:32px;
}
.date .day {
height:28px;
color:#83663a;
font-weight:bold;
font-size:14px;
line-height:28px;
text-align:center;
background:transparent url('../images/bg_datebox1.gif') no-repeat;
}
.date .month {
height:16px;
color:#fff;
text-align:center;
background:transparent url('../images/bg_datebox2.gif') no-repeat;
}

.bestmangaspotlight p {
margin:5px 0 0 0;
}

.boxbook {
float:left;
margin:5px 15px 5px 0;
}

input.permalink {
background:#f9f9f4;
border:1px solid #bbbb7f;
color:#757033;
}

#voting_stats {background:#fff; margin:0 10px;}
#voting_stats table {font-size:1.1em; width:100%;}
#voting_stats td {padding:3px;}
#voting_stats .stars {text-align:right; margin-right:10px;}
#voting_stats .even {background:#eee;}

table.japanisch01 td, table.japanisch02 td. table.japanisch03 td, table.japanisch04 td, table.japanisch06 td {
padding:2px; vertical-align:top;
}
table.japanisch02 td {width:230px;}	
table.japanisch03 td {width:155px;}	
table.japanisch04 td {width:112px;}	
table.japanisch06 td {width:75px; line-height:18px;}

table {empty-cells:show;}

.help {cursor:help;}

/* ------- Subnavi ------- */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last {
color:#969372;
text-transform:uppercase;
vertical-align:top;
}
.maintab_back, .maintab_active_back {
color:#969372;
font-size:10px;
vertical-align:top;
padding:5px 7px 7px 7px;
font-family:'trebuchet ms', tahoma, sans-serif;
}
.maintab_first {
background:url(../images/maintab_first.png) left bottom no-repeat;
width:20px;
}
.maintab_back{background:url(../images/maintab_back.png) left bottom repeat-x;}

.maintab_last {
background:url(../images/maintab_last.png) left bottom no-repeat;
width:20px;
}
.maintab_active_first {
background:url(../images/maintab_active_first.png) left bottom no-repeat;
width:10px;
}
.maintab_active_back {background:url(../images/maintab_active_back.png) left bottom repeat-x;}

.maintab_active_last {
background:url(../images/maintab_active_last.png) left bottom no-repeat;
width:10px;
}
.maintab_back a {color:#87704c;}
.maintab_active_back a {color:#0F1D62;}
.maintab_back a:hover, .maintab_active_back a:hover {
text-decoration:underline;
}
.maintab_active_back a:hover {text-decoration:none;}




table.admin, .admin * {
font-size:12px !important;
}
.admin input,
.admin select,
.admin label {
float:none;
width:auto;
background:#fff !important;
}
table.admin td {
text-align:left !important;
}

/* Korrektur für alle Submit inputs */
input.submit, .senden input {
background:transparent !important;
border:0 !important;
padding:0 !important;
}

/* Thickbox Divs */
#BoxMelden {display:none;}
