/* Global */
/* ------------------------------------------------------------------------------------- */
a {
	color: #000000;
	font: bold 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border-width: 0;
}

input {
	color: #666666;
	font: 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

input.button {
	color: #333333;
	font: bold 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	background: url(../img/bg_body.gif) fixed;
}

table {
	padding: 0;
	margin: 0;
}

table td {
	padding: 0;
	border-width: 0;
	color: #666666;
	font: 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

td#leftside, td#rightside {
	text-align: right;
}

span.helden {
	color: #999999;
	font-weight: bold;
}

h2 span.helden {
	color: #999999;
	font-weight: normal;
}

span.helden_blue {
	color: #00ccff;
	font-weight: bold;
}

h1 {
	font-size: 37px;
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0;
}

h2, h2 a {
	font-size: 24px;
	font-weight: normal;
	color: #000000;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 25px 0px 10px 0px;
	padding: 0;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 25px 0px 0px 0px;
	padding: 0;
}

p.error {
	font-weight: bold;
}
.error {
	font-weight: bold;
}

form {
	margin: 0;
	padding: 0;
}

small {
	font-size: 11px;
	color: #666666;
}

small a {
	font-size: 11px;
	text-decoration: underline;
	color: #666666;
}

/* Sidebar */
/* ------------------------------------------------------------------------------------- */
td#sidebar {
	width: 225px;
	background: #ffffff url(../img/bg_sidebar.gif) repeat-y right;
	text-align: left;
}

/* Hauptnavigation, Weitersagen */
/* ------------------------------------------------------------------------------------- */
div#mainnav {
	padding: 35px 0px 0px 26px;
	line-height: 21px;
}

div#mainnav ul, div#weitersagen ul {
	padding: 0;
	margin: 0;
}

div#mainnav li, div#weitersagen li {
	margin: 0;
	padding: 0px 0px 3px 0px;
	display: block;
	list-style-type: none;
}

div#mainnav li#home {
	margin: 0;
	padding: 0px 0px 10px 0px;
	display: block;
	list-style-type: none;
}

div#weitersagen {
	padding: 20px 0px 20px 26px;
	line-height: 21px;
}

div#weitersagen a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

div#weitersagen a:hover {
	text-decoration: underline;
}

/* Heldenprofil */
/* ------------------------------------------------------------------------------------- */
img#heldenprofil_hl {
	padding: 0px 0px 15px 0px;
}

/* Links + RSS */
/* ------------------------------------------------------------------------------------- */

td#sidebar h2 {
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}


div.links {
	padding: 0px 0px 5px 0px;
}


.links_detail {
	padding:  15px 0px 0px 11px;
	font-size: 11px;
}
.links_detail a {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}
.links_headline {
	margin-bottom:0px;
}
/* Flickr */
/* ------------------------------------------------------------------------------------- */

div#flickr_badge {
	font-size: 10px;
}

.flickr_badge_image {
	margin: 0px 5px 0px 0px;
}

div#flickr_badge a {
	color: #b3b3b3;
	font-weight: normal;
	font-size: 10px;
}

td#flickr_badge_image {
	width: 100px;
}

td#flickr_badge_text {
	padding: 0px 0px 0px 5px;
	vertical-align: bottom;
}


/* About */
/* ------------------------------------------------------------------------------------- */
div#about_text {
	color: #b3b3b3;
	font-size: 10px;
}

div#about_text a {
	color: #999999;
	font-size: 10px;
}


/* Hit the luser */
/* ------------------------------------------------------------------------------------- */

img.haudendau 
{
	border: #00ccff solid 1px;
	margin-right:2px;margin-top:2px;
}


/* Anmeldung + andere Formular */
/* ------------------------------------------------------------------------------------- */
td#anmeldung_main {
	width: 785px;
	background: #999999;
	height: 445px;
}

td#anmeldung_hack {
	width: 785px;
	background: #999999;
	height: 1px;
}

table#anmeldung {
	width: 785px;
	margin: 40px 00px 00px 20px;
	padding: 0;
}

td.anmeldung_label {
	width: 274px;
	text-align: right;
}

td.anmeldung_form {
	width: 511px;
	padding: 0px 0px 10px 0px;
}

div.anmeldung_block {
	padding: 0px 45px 0px 20px;
}

div.anmeldung_block h3 {
	color: #ffffff;
}

div.anmeldung_subline {
	padding: 0px 45px 0px 20px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
}

td.anmeldung_form p {
	color: #ffffff;
}

td.anmeldung_form p.error {
	color: red;
	font-weight: bold;
}

td.anmeldung_form h2 {
	margin: 0;
	padding: 10px 0px 0px 0px;
	font-size: 24px;
	color: #ffffff;
}

span.anmeldung_label {
	color: #ffffff;
	font-weight: bold;
}

textarea, input.anmeldung, input.comment {
	width: 435px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

input#aufgabe {
	width: 50px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

textarea.anmeldung {
	height: 50px;
}

textarea.message {
	height: 200px;
}

/* Main Content (= Mittelblock auer bei Formularen) */
/* ------------------------------------------------------------------------------------- */

table#main {
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

tr#layouthack {
	height: 1px;
}

td#main {
	width: 560px;
	background-color: #ffffff;
}

div#main {
	padding: 40px 0px 70px 50px;
}

div.main_block {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

div.main_block_content {
	margin: 0px;
	padding: 0px 20px 0px 20px;
}

div.main_block_intro {
	margin: 0px;
	padding: 0px 20px 15px 0px;
}

div.top_block_intro {
	margin: 0px;
	padding: 0px 20px 10px 0px;
}

span.anfang {
	font-weight: bold;
	color: black;
}

div.main_block_content p, div.main_block_intro p, div.anmeldung_block p, div.top_block_intro p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

div.main_block_intro p#huldigung, div.main_block_content p#huldigung {
	margin: 0px;
	padding: 0px;
}

div.main_block_content h2 {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

p.home_intro {
	margin: 0px 0px 30px 0px;
	padding: 0;
}

div.headline {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

div.headline_text {
	margin: 0;
	padding: 0px 0px 10px 0px;
	position: relative;
	top: -7px;
}

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

/* Held der Stunde oberer Teil */
div.held_uebersicht {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: #0cf;
	height: 165px;
}

div.held_uebersicht h2 {
	margin: 0;
	padding: 10px 0px 0px 0px;
	color: #ffffff;
	font-size: 24px;
}

div#held_name {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

div#held_facts {
	color: #000000;
}

div#held_motto {
	color: #000000;
	padding: 10px 0px 0px 0px;
}

img#held_img {
	float: right;
}

div.held_nav {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: #0cf;
	border-top: solid 1px #ffffff;
}

div.held_nav a {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

/* Profil Detailansicht oberer Teil */
div.profil {
	margin: 0px;
	padding: 40px 0px 0px 20px;
	height: 165px;
}

div.profil h2 {
	margin: 0;
	padding: 0px;
	font-size: 24px;
}

div#held_facts {
	color: #000000;
}

img#profil_img {
	float: right;
}

/*div.greybar_nav {
	margin: 0;
	padding: 0px 0px 0px 20px;
	background: #0cf;
	border-top: solid 1px #ffffff;
}

div.greybar_nav a {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}*/

/* Held der Stunde unterer Teil */
div.held_details {
	margin: 0px;
	padding: 35px 45px 15px 20px;
	background: #0cf;
}

p.held_frage {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}

p.held_antwort a {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

p.held_antwort {
	color: #000000;
	margin: 0;
	padding: 0px 0px 15px 0px;
}

/* Profil Detailansicht - unterer Teil */
div.profil_details {
	margin: 0px;
	padding: 35px 45px 15px 20px;
}

p.profil_frage {
	margin: 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

p.profil_antwort {
	color: #666666;
	margin: 0;
	padding: 0px 0px 15px 0px;
}

/* Profile Listenansicht */
div#profil_uebersicht {
	margin: 0px;
	padding: 35px 45px 0px 20px;
}

table#profil_uebersicht {
	margin: 0;
	padding: 0;
}

div.profil_uebersicht_name {
	width: 116px;
	color: #666666;
	font-size: 10px;
	padding: 0px 0px 20px 0px;
}

div.profil_uebersicht_thumb {
	width: 96px;
	height: 71px;
	text-align: center;
}

div.profil_uebersicht_nav {
	margin: 0px;
	padding: 0px 30px 0px 20px;
	background: #999;
}

div.greybar_nav, div.greybar_nav2 {
	margin: 0px 0px 60px 0px;
	padding: 0px 30px 0px 20px;
	background: #999;
	border-top: solid 1px #ffffff;
}

div.greybar_nav a, div.greybar_nav td, div.profil_uebersicht_nav a, div.profil_uebersicht_nav td {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}
div.greybar_nav2 a, div.greybar_nav2 td {
	color: #ffffff;
}

p a {
	text-decoration: underline;
	font-weight: normal;
	color: #666666;
}

a.slash_link, a.slash_link_small {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

a.slash_link {
	font-size: 12px;
	margin: 0px 40px 0px 0px;
}

a.slash_link_small {
	font-size: 11px;
}

span.slash_link_small {
	position: relative;
	top: -10px;
	padding: 0px 0px 0px 20px;
}

h1 span.slash_link_small {
	position: relative;
	top: -2px;
	left: 20px;
}

a.slash_link:hover, a.slash_link_small:hover {
	text-decoration: underline
}

/* --- Home */
/* ------ HeldenBlogs */
table#blog_top3, table#blog_liste, table#greybar_nav, table#flickr_badge {
	width: 100%;
	table-layout: fixed;
}

table#blog_top3 tr {
	background: url(../img/linie_hor_2.gif) repeat-x;
}

td.blog_thumb {
	width: 80px;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

td.blog_overview {
	padding: 0px 0px 0px 14px;
}

a.blog_overview_title {
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
}

a.blog_overview_channel {
	color: #666666;
	text-decoration: none;
	font-weight: normal;	
}

a.blog_overview_title:hover, a.blog_overview_channel:hover {
	text-decoration: underline;
}

div.blog_overview_headline {
	padding: 0px 10px 5px 0px;
}

div.blog_overview_details {
	background: url(../img/linie_hor.gif) repeat-x;
	padding: 10px 10px 10px 0px;
}

div.blog_overview_summary {
	padding: 0px 50px 10px 0px;
}

div.blog_overview_summary img {
	padding: 5px 5px 5px 5px;
}

div.blog_overview_summary a {
	text-decoration: underline;
	font-weight: normal;
	color: #666666;
}

div.blog_overview_summary pre {
	white-space: normal;
}

span.blog_overview_name {
	padding: 0px 25px 0px 0px;
}

/* ------ HeldenSchule */
div.schule_post {
	padding: 0px 0px 20px 0px;
}

div.schule_date {
	background: url(../img/linie_hor.gif) repeat-x;
	padding: 5px 0px 10px 0px;
}

div.schule_entry {
	padding: 0px 20px 5px 0px;
}

div.schule_entry a {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}

img#schule_intro {
	margin: 10px 0px 0px 0px;
}

/* Footer */
/* ------------------------------------------------------------------------------------- */
td#footer {
	padding: 10px 5px 20px 10px;
	text-align: right;
	color: #999999;
	font-size: 11px;
	white-space: nowrap;
}

td#footer a {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
}

img#logo_sh {
	vertical-align: middle;
}

td#footer ul {
	padding: 0;
	margin: 0;
}

td#footer li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}

/* HELDENMaterial */
/* ------------------------------------------------------------------------------------- */

table.material {
	width: 394px;
	margin: 0px 0px 15px 0px;
}

table.material_home {
	width: 100%;
	margin: 0px 0px 15px 0px;
}

td.material_thumb {
	width: 102px;
	text-align: right;
}

td.material_thumb img
{
	border: #ffffff solid 1px;
	cursor: pointer;
	margin: 0px 0px 8px 0px;
}

td.material_thumb img:hover
{
	border: #00ccff solid 1px;
}

td.material_text {
	padding: 0px 40px 0px 15px;
	vertical-align: bottom;
}

td.material_text h3, td.material_text p {
	font-size: 11px;
}

/* Kommentare */

ul.commentlist {
	margin: 0;
	padding: 0;
}

ul.commentlist li {
	list-style: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.commentlist cite, ul.commentlist cite a {
	font-weight: bold;
	color: #666666;
	font-size: 11px;
	font-style: normal;
	margin: 0;
	padding: 0;
}

ul.commentlist p {
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0px 15px 0px;
}

input.slash_link {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/* HELDENVision */
/* ------------------------------------------------------------------------------------- */

div#dotd_trailer {
	margin: 0px 0px 30px 0px;
}

span.video_titel {
	font-size: 14px;
	font-weight: bold;
}

span.video_datum {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

p#nachwort {
	margin: 0px 0px 30px 0px;
}

span.video_beschreibung {
	font-size: 11px;
}

span.video_beschreibung a {
	font-size: 11px;
}

td#stoerer_hau_den_dau {
	padding: 0px 40px 0px 10px;
	width: 174px;
}

td#werde_einer_von_uns {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}
td#forfree {
	text-align: right;
	font-size: 11px;
}

div#werde_einer_von_uns {
	margin: 50px 0px 0px 0px;
	padding: 0px 130px 0px 0px;
}

table#werde_einer_von_uns {
	width: 390px;
}

td#werde_einer_von_uns a, td#forfree a {
	font-size: 18px;
	font-weight: bold;
	color: #00ccff;
	text-decoration: none;
}

td#werde_einer_von_uns a:hover, td#forfree a:hover {
	font-size: 18px;
	font-weight: bold;
	color: #00ccff;
	text-decoration: underline;
}

div#hdd_thumbs img
{
	border: #00ccff solid 1px;
	margin: 3px 0px 20px 3px;
}

table#hdd {
	width: 488px;
}

div#hdd_swf {
	width: 423px;
	height: 317px;
}

div.bestrafung {
	background: url(../img/linie_hor.gif) repeat-x;
	padding: 10px 10px 10px 0px;
}

/* HELDENShop */
/* ------------------------------------------------------------------------------------- */

div#spreadshirt {
	padding: 40px 0px 70px 50px;
}

td#spreadshirt {
	width: 785px;
	background-color: #ffffff;
}

td#shop_main {
	width: 750px;
	background-color: #ffffff;
}

div#shop {
	margin: 0px;
	padding: 0px 0px 10px 10px;
}
.small {
	font-size:11px;
}
.searchSubmit {
	margin-top:5px;
	margin-bottom:10px;
}
.searchSubmit  a {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}

/*
FAQ
*/
.faq_ask {
	margin-top:20px;
}



/*
Linke Seite 
*/
.leftContent {
	padding: 35px 20px 30px 26px;
	background: url(../img/bg_sidebar_div.gif) no-repeat;
}
.leftContentDetail {
	padding-left:10px;
	width:172px;
	font-size: 11px;
}
.leftContentDetail a {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}
.formSubmit {
	margin-top:5px;
}
.leftContentDetail input {
	width: 160px;
}

/*
SunContent
*/
.sunContentSep {
	height:31px;
	background: url(../img/suncontentSep.gif);
	background-repeat:no-repeat;
}




/********* Tag Cloud *********/
ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; width:190px; overflow-x:hidden; }
ul#tagcloud li { display:inline; font-size:80%; color:#ccc;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 100%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 110%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 120%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 130%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 140%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 150%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 160%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 170%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 180%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 190%; }

/********* Related Posts *********/
#stprelated { margin-top: 30px; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#stprelated h3 { margin:0; padding:0; font-size: 90%; } 
#stprelated ul { margin: 0; padding:0; font-size: 90%; }
#stprelated ul li { margin: 0; padding:0 0 0 15px;  }

/********* Related Tags *********/
li#relatedtags ul li {
	text-indent: 0;
	list-style:none;
	background: 0 none;
	font-size: 120%;
}
li#relatedtags ul li:before {
	content: "";
}
li#relatedtags ul li span {
	margin-right: .5em;
}










/* Heldenfutter */
/* ------------------------------------------------------------------------------------- */

span.futter {
	padding: 0px 10px 0px 0px;
}

a.level1
{
	font-size: 18px;
	color: #000;
}

a.level2
{
	font-size: 15px;
	color: #444;
}

a.level3
{
	font-size: 12px;
	color: #777;
}

a.level4
{
	font-size: 9px;
	color: #AAA;
}


/* Sun */
/* ------------------------------------------------------------------------------------- */

div#sun_detail {
	font-size: 10px;
	color: #666666;
}

div#sun_detail a {
	color: #666666;
	font-weight: normal;
	font-size: 10px;
}