/*


+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    ECHTE HELDEN																				     |
|    2009-03-23    |    2009-03-30                                                                   |
|    fsch 4 menonthemoon.com                                                                         |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+


*/


ul, ol { list-style: none; }
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
form, body, html, p, blockquote, fieldset, input {
	padding: 0;
	margin: 0;
	font-size:100%;
	}
	p { margin: 0.5em 0; }
a img, :link img, :visited img { border: none; }

body { 
	text-align:center;
	background: #fffcf4 url(../images/bg.jpg) repeat;
	color: #59392c;
	font-family:'Courier New',Courier,monospace;
	font-size:75%;
	}

a { color:#59392c; text-decoration: underline;}
a:hover {}

strong { font-weight: bold;  }

#wrapper {
	width: 978px;
	margin:30px auto 0 auto;
	padding: 63px 0 0 0;
	text-align: left;
	 background: url(../images/Echte_Helden.jpg) no-repeat top left;
	}
	#Echte_Helden #wrapper { background: url(../images/Echte_Helden.jpg) no-repeat top left; }
	#Autor #wrapper { background: url(../images/bg_autor.jpg) no-repeat top left; }
	#Buch #wrapper { background: url(../images/bg_buch.jpg) no-repeat top left; }
	#Filme #wrapper { background: url(../images/bg_filme.jpg) no-repeat top left; }
	#Heldentest #wrapper { background: url(../images/bg_heldentest.jpg) no-repeat top left; }
	#Leserstimmen #wrapper { background: url(../images/bg_leserstimmen.jpg) no-repeat top left; }
	#Song #wrapper { background: url(../images/bg_song.jpg) no-repeat top left; }
	
#navigation {
	margin: 0 0 0 88px; 
	height: 92px;
	
}
	#navigation ul {
		line-height:92px;
		min-height:92px;	
		list-style:none;
		position: relative;
		width: 606px;

	}
	#navigation li { list-style: none; display: block; position: absolute; }
	#navigation a { height:92px; display:block; }	
	#navigation span  {  display: none; }
	
	#navigation a ,#navigation a:hover{ text-decoration:none; text-align:center; }
	
	#Nav_Autor { left:0; top:0; width:74px; height:92px;  }
	#Nav_Autor a:hover  { background: url(../images/nav2.jpg) 0 0	 no-repeat;}
	
    #Nav_Buch { left:74px; top:0; width:120px; height:92px;}
	#Nav_Buch a:hover { background: url(../images/nav2.jpg) -74px 0 no-repeat;}
	
    #Nav_Filme { left:158px; top:0; width:106px; height:92px; }
	#Nav_Filme a:hover { background: url(../images/nav2.jpg) -194px 0 no-repeat;}
	
    #Nav_Heldentest { left:264px; top:0; width:112px; height:92px; }
	#Nav_Heldentest a:hover  { background: url(../images/nav2.jpg) -304px 0 no-repeat;}
	
    #Nav_Leserstimmen { left:376px; top:0; width:122px; height:92px; }
	#Nav_Leserstimmen a:hover  { background: url(../images/nav2.jpg) -423px 0 no-repeat;}
	
    #Nav_Song { left:488px; top:0; width:118px; height:92px; }
	#Nav_Song a:hover { background: url(../images/nav2.jpg) -547px 0 no-repeat;}
	
	#Home2 {
		left:606px; top:0;
		width: 284px;
		height:252px;
	}	

#Home {
	width: 284px;
	height:232px;
	float:right;
}	
#content {
	margin: 0 0 0 112px; 
	min-height: 358px;
  	height: auto !important;
  	height: 358px;
}
	h1{
	font-size: 1.5em;
	font-weight: bold;
}
	h2 { margin-bottom:5px;}
	h5 { display:block; width:400px;  }
	#Heldentest h2 { margin-top: 30px; }
	
	
	 #pane1 { 	padding: 25px 0 0 70px; }
	 
	.scroll-pane {
		width: 422px;
		height: 265px;
		overflow: auto;
		float: left;
		padding:5px 0 10px;
	}
	dt { font-weight:bold; margin: 10px 0 5px 0; font-size:1.1em; }
	dd { }
	.alt { display: none; }
	
#links {  margin: 0 0 0 143px; min-height: 55px; }
#footer { margin: 0 0 0 143px; min-height: 64px;}

.clear {clear:both;}


form fieldset {
	float: left;
	clear: left;
	width: 100%;	
	padding: 0;
	border:0;
}
form legend {
	padding: 0 2px;
	}
#Content fieldset ul { list-style:none; margin: 0;  }
form fieldset li {
	padding: 5px 0 5px 0;
	margin: 0;
	clear:both;
}
form fieldset li ol li {	padding: 5px 0 5px 0; }
form #Anrede {
	float: left;
	width: 11em;
	margin-right: 1em;
	vertical-align: top;
	}	
form label {
	float: left;
	width: 11em;
	margin-right: 1em;
	vertical-align: top;
	}	
form span {
		width:370px;
		float:right;
		display:block;
		margin-left: -20px;
		}
		
form fieldset fieldset { margin: 3px 0 0; }
form fieldset fieldset legend {
		padding: 0 0 5px;
		font-weight: normal;
	}
	form fieldset fieldset label {
		width: auto;
		vertical-align:middle;
		line-height: 2em;
		margin: 0 0 0 5px;
		text-align: left;
	}	
	form fieldset  input {
		margin-left: 1em;
		float: left;
	}
	
.button { 
        color: #B2C329;
		border: 1px solid #333333;
		background-color:#232323; 
		text-transform: uppercase;
		font-family: Georgia, "Times New Roman", Times, serif;	
		font-size:1.2em;
		font-weight: 700;
		padding: 5px;
}
form fieldset  p { display:block; 	float:left; color:#900; }

input.error { border:1px solid red;}

/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */