/*

  -:- B L U T P O R T A L E -:-

             MENONTHEMOON
              2010-02-25
                 fns

*/

@import 'screen.css';

html {overflow-y: scroll;}
body { background: #000000 url(../images/bg.jpg) top center no-repeat; }
#zyklus #buecher a,  #schreiber #autor a , #wissen #hintergruende a , #movie #trailer a, #mystery #quiz a, #leserstimmen #lesestimmen a { color:#FFFFFF; }

strong { font-weight: bold; color: #CCC; }
#Nav {
	border-top: 1px solid #b50202;
	border-bottom: 1px solid #b50202;	
	}
	#Nav, #Nav li{
	  height:33px;
	  line-height:33px;
	  min-height:33px;
	}	
	#Nav li { display: inline; float: left; text-align:center; }
	
	#Nav #home { width: 85px;  }
	#Nav #hintergruende { width:160px;    }
	#Nav #buecher { width:129px;  }
	#Nav #autor { width:121px; }
	#Nav #trailer { width:100px; }
	#Nav #quiz { width: 145px;  }
	#Nav a {
		text-transform: uppercase;
		font-family: Georgia, "Times New Roman", Times, serif;	
		font-size:1.2em;
		font-weight: 700;
	}
	#Logo { text-align: center;  position: relative; }
	#Lesetour { 
		top: 15px; 
		width: 163px;
		height: 163px;
		position: absolute;
		right: -55px;
		}
	
#Content {
	padding: 35px 0 0 0;
	color: #BCBCBC
}
	#Content p {margin:0 0 1.5em; } 
	#Content ul {
		margin:0 0 1.5em 1.5em;
		list-style-type: upper-roman;
		list-style-position: outside;
		padding: 0 0 0 1em;
	}
	#Content b {
	font-weight: bold;
	font-size: 1.2em;
	color: #b50202;
}
	#schreiber #Content p {  margin:0 0 2em 0.5em;}
	#schreiber #Content span { margin: 0 0 0 -5px;}
	#schreiber #Content h1 { text-align: center; }
	
#leserstimmen #Content ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
	
#Footer {
	border-top: 1px solid #b50202;
	padding: 10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:100;
	text-transform: uppercase;
	}
	#Footer a { font-family:Arial, Helvetica, sans-serif; margin-right: 10px; }
	.toplink { float: right; font-size: 1em; }
	
.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 
.orange {color:#fca702; }
.small {
	font-size:1em;
	line-height:1.875em;
	font-weight:500;
}


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;	
}
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 {
		display: inline;
		/* padding-left: -10px;	 */}
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 fieldset input { width: auto;  margin-left: 1em;}
	
.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 legend { display: inline-block; } /* IE Mac legend fix */