
/* General */
body {
	margin: 0;	padding: 0;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

h1, h2, h3 { margin-top: 10px; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1em; }

ul {  }

a {	text-decoration: none;
	border-bottom: none; 
	color: #c05E22;
}

/*
a:hover { }
a img {	border-bottom: 1px dotted #CCCCCC; }

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}
*/

/* Header */
#header { 
    background: #d56e22; // url(/media/grafik/back.png) repeat-x;
}

#logo {	
    width: 980px;
	height: 78px;
	margin: 0 auto;
	padding: 0 10px;
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	color: #FFFFFF;
}

#logo h1 {
	padding: 15px 0 0 0;
	font-size: 3em;
}

#logo p {
	padding: 52px 0 0 3px;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}



/* Menu */
#menu {
	width: 980px;
	height: 32px;
	margin: 0 auto;
	padding: 0 10px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 10px 20px 0 20px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Menu item hover and current item style */
#menu a:hover { background: #DD8B4E; }
#menu .current_page_item a { background: #d05e12; }



/* Page */
#page {
	width: 1024px;
	margin: 0 auto;
	padding: 15px 0;
}


/* Content */
#content {
	float: left;
	width: 500px;
}

#mainblock {
    margin-left: auto;
    margin-right: auto;
	width: 1000px;
}

#mainblockpage {
    padding: 5px;
    margin: 5px;
    float: left;
	width: 450px;
}

div.mainblockpage {
    padding: 5px;
    margin: 5px;
    float: left;
	width: 450px;
}

#mainblockfullpage {
    padding: 5px;
    margin: 5px;
    float: left;
	width: 900px;
}

#mainblock p {
	padding: 0px; margin: 0 0 10px 0;
}


img.photo { float: left; margin: 0px; margin-right: 10px; margin-bottom: 10px; }


/* Sidebars */
.sidebar {
	float: left;
	width: 200px;
}

.sidebar#leftbar  { width: 150px; padding: 0px 10px 0 10px; }
.sidebar#rightbar { width: 250px; padding: 0px 0px 0 30px; }

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li    { padding: 0 0 20px 0; }
.sidebar li ul { }
.sidebar li li {
	padding: 5px 0 0px 25px;
	background: url(/media/theme/img04.gif) no-repeat 10px 9px;
}

.sidebar li li li {
	padding: 5px 0px 0px 25px;
}

.sidebar li h2 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: url(/media/theme/img02.gif) repeat-x;
	border: 1px solid #F2F2F2;
	font-size: 12px;
}


/* Footer */
#footer {
	padding: 30px 0 20px 0;
	background: #D56E22 url(/media/theme/img05.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}






/* Finder */
.finder_engine          { background-color: #f0f0f0; padding: 10px; font-size: 10px; margin-bottom: 10px; }
.finder_logo            { width: 50px; height: 50px; padding: 0 10px; float: left; }
.finder_logo img        { border: 0px; }
.finder_fields          { }
a.finder_engine_title	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  			  	          font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
select                  { border: 1px solid #808080; }
input[type="text"]      { border: 1px solid #808080; }



/* rss */
#rss		       	    { font-size: 10px; }
#rss h1                 { font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                          color: #000000; margin-bottom: 0px; padding-top: 2px; text-align: left; display: inline;
                          cursor: pointer; }
#rss h2                 { font-size: 10px; margin-top: 1px; margin-bottom: 0px; }
#rss .current_feed h1   { text-decoration: underline; color: #000000;}

#rss ul                 { margin: 0 0 5px 0; padding: 0; list-style: none; }
#rss li                 { display: inline; }


/* popups */
div.popup   { position: absolute;
              top: 10; left: 10; z-index: 2;
              visibility: hidden;
              width: 250px; 
              padding: 5px;
              border: 1px solid #000077;
              background-color: #ffffff;
              font-size : 11px; }


div.popuphead { position: relative;
                top: -5; left: -5;
                width: 100%; z-index: 2;
                padding-left: 5px; padding-right: 5px;
                background-color: #ff8000; 
                font-size : 12px; }

div.foo { position: relative;
          top: 0; left: 0;
          width: 200px; height: 200px;
          visibility: hidden; }



/* Calendar */
.calendar .calendar_today, .calendar_title, .calendar_row0, .calendar_row1 { text-align: center; font-size: 9px; } 
tr.calendar_title       { background-color: #d56e22; color: #ffffff; }
th.calendar_title       { font-weight: bold; }
td.calendar_today       { background-color: #d56e22; color: #ffffff; font-weight: bold; }
tr.calendar_row0        { background-color: #e0e0e0; color: #000000;}
tr.calendar_row1        { background-color: #f8f8f8; color: #000000; }


/* photos */
a.login{ color: #808080;text-decoration: none; }
img.dir { border: none; }
a.dir { text-decoration: none; color: black; }
div.dir { position: relative; width: 100%; height: 120px; padding: 10px; border: 0px; margin: 5px;
          float: left; background: #ffffff; text-align: left }
div.content { background-color: white; width: 100%; position: absolute; top: 70px; left: 0; }
img.photo { border: 0px; padding: 1px; }/* background-color: #707070; } */

img.thumb { border: 0px; vertical-align: bottom; padding: 8px }
div.thumb { position: relative; width: 120px; height: 120px; padding: 10px; border: 0px; margin: 5px;
            float: left; background: #ffffff; text-align: center }

table.topbar{ background-color: #e8e8e8; width: 100%; }
td.topbar{ width: 85px }
img.navigation { border: 0px }

span.title{ font-family: sans-serif;  font-weight: bold; font-size: 16px;  }


/* Collection */
h1.collect { 
	margin: 0 0 0 0;
	padding: 5px 10px;
    color: #ffffff;
	background: url(/media/theme/collecthead.png) repeat-x;
	border: 0px solid #bd331e;
	font-size: 14px;
 }

table.collect		{ background-color: #e0e0e0; width: 100%; padding: 0px; border-spacing: 0px; margin-bottom: 15px; }
tr.collect		    { background-color: #ffffff; font-size: 10px; }
tr.collect_0		{ background-color: #dfdfdf; font-size: 10px; }
tr.collect_1		{ background-color: #eeeeee; font-size: 10px; }
tr.collect_title	{ background-color: #dfdfdf; font-size: 12px; font-weight: bold; width: 10em; vertical-align: top; color: #555555; }
td.collect_name		{ font-size: 10px; font-weight: bold; width: 10em; vertical-align: top; }
td.collect_value	{ font-size: 10px; }
td.collect_textbox	{ font-size: 10px; white-space: pre-line; }
th.collect          { background-color: #D56E22; font-size: 12px; color: white; }
div.collect_text   { margin-bottom: 15px; }

table.collect_title	{ padding: 0; width: 100% }
td.collect_item	    { padding: 0 }
td.collect_company	{ padding: 0; text-align: right }
table.collect_image	{ background-color: #ffc060; padding: 10; padding-top: 0; }
td.collect_image    { vertical-align: top }
#collect_faq pre    { font-size: 1.2em; }

#collect_head h1    { width: 550px; color: #555555; height: 50px; padding: 0 10px; padding-bottom: 0px; 
                         margin-bottom: 0px; float: left; }
#collect_head img   { position: relative; padding: 10px 100px;  }

/* Comics */
div.comics_bar { background-color: #f0f0f0; margin-top: 10px; padding-left: 20px; height: 40px;}
div.comics_info { width: 300px; float: left; margin-top: 5px; }
div.comics_menu { float: right; margin-top: 10px; }
div.comics_button { margin-top: 10px; position: relative; }
div.comics_comic { margin-top: 15px; }
