@charset "utf-8";
/* Mika */

body {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #FFFFFF;
	background: #001931 url(../images/allgemein/main_bg.jpg);
}

/* Schriften */
h2 { color: #FFFFFF; font-size: 16px; margin-bottom: 8px; }
p { margin-bottom: 8px; line-height: 14px; }
a { color: #f58f39; text-decoration: none; }
a:hover { color: #f58f39; text-decoration: underline; }
input, textarea { font-family: "trebuchet ms", verdana, sans-serif; font-size: 12px; }
input { width: 120px; } 

/* Allgemeine Klassen */
.grid_4 .einruecken, .grid_6 .einruecken, .grid_8 .einruecken, .grid_10 .einruecken, .grid_12 .einruecken { padding-top: 10px; }
.autosize, input.autosize {	width: auto !important; }
.abstand { margin-bottom: 20px; }
.einruecken { margin-left: 25px; margin-right: 20px; }
.whiteBox { background-color: #CCCCCC; }
.height100 { height: 100px; }
.height200 { height: 200px; }
.hidden{ display:none; }
.eigeneantworten .richtig { background-color:#009933; }
.green { background-color:#009933; }
.smallFont { font-size: 10px; }
.alignRight { text-align: right; }
.underline { background: url(../images/allgemein/underline.gif) bottom center repeat-x; padding-bottom: 20px; }
.underline2 { background: url(../images/allgemein/underline.gif) top center repeat-x; }
.blueTD { background: transparent url(../images/allgemein/quizfrage_nummer_bg.gif) top left no-repeat; padding-top: 10px; }
.boxHeadlineShort { height: 40px; background: url(../images/allgemein/streifen_kurz.gif) no-repeat; }
.boxHeadlineShort img, .boxHeadlineLong img { margin: 10px 0 0 20px; }
.boxHeadlineLong { height: 40px; background: url(../images/allgemein/streifen_lang.gif) no-repeat; margin-bottom: 10px; }

/* IE6 */
* html .einruecken  { padding-left: 0px; }
* html .container_12 .grid_6 { padding-left: 0px; width:440px; }


/* Container */
#container { }
#header { height: 240px; background: url(../images/allgemein/head.jpg) top center repeat-x; } 
#quiz_info, #testquiz_info { height: 240px; }
#album { height: 310px; }
#eigene_frage_teaser { height: 103px; }
#mehr_infos_mika { height: 217px; }
#send2friend { }
#footer { padding-top: 70px; height: 30px; background: url(../images/allgemein/footer_hg2.gif) top center; text-align: center; }
#footerSeiteLinks { position: absolute; left: 50%; margin-left: -440px; }
#footerSeiteRechts { position: absolute; left: 50%; width: 100px; margin-left: 350px; text-align: right; }
#facebookConnect { position: absolute; margin-top: 20px; left: 50%; top: 0px; margin-left: 20px; width: 460px; height: 60px; z-index: 120; }
#mainNavi { position: absolute; top: 175px; left: 50%; margin-left: -200px; width: 700px; z-index: 121; }
#quizstatus { background-color: #CCCCCC; }
#quizfrage {  }
#formfrage { height: 80px;  }
#frage_melden { }
#langmacher div { height: 500px; }
#magic-numbers-logo { float: right; padding-left: 20px; height: 500px; }
#mika-foto { float: left; margin: 0 10px 0 0; }
#oldBrowser { border: 1px #FFFFFF dotted; padding: 10px; }
#footer_icons { position: absolute; left: 50%; margin-left: -200px; height: 100px; margin-top: -72px; }
 
/* Details */
#facebookConnect .userLogin { margin-top: 10px; float: left; }
#facebookConnect .userLogOut { position: absolute; height: 20px; left: 50%; margin-left: 150px; top: 20px; width: 120px; font-size: 14px; }
#facebookConnect .userImage { float: left; margin-right: 10px; }
#facebookConnect .userName { font-size: 14px; margin-top: 5px; }
#frageForm input, #frageForm textarea { width: 450px; margin-bottom: 5px; }
.frageNameAnzeige { margin-top: 10px; }
.frage_einloggen_btn { padding: 10px 0 10px 0; }
.quizfragetext { font-size: 14px; margin-bottom: 10px; }
.quizfrage { width: 560px; margin-bottom: 20px; float: left; }
#feedbackContainer { display: none; position: absolute; width: 700px; height: 400px; top: 50%; margin-top: -200px; left: 50%; margin-left: -350px; background: transparent url(../images/allgemein/feedback_bg.gif) no-repeat; z-index: 800; overflow:hidden; }
#feedbackCloser { width: 620px; text-align: right; margin-left: 40px; margin-top: 33px; }
#feedbackContent { width: 600px; height: 310px; margin: 20px 50px 0 50px; overflow: auto; overflow-x: hidden; }
#fixedHeader { position: fixed; height: 24px; width: 544px; top: 0px; left: 50%; margin-left: -505px; z-index: 700; background: transparent url(../images/allgemein/fix-head.gif) no-repeat; }

.highscore_entry { margin-top: 15px; }
.highscore_userpic {}
.highscore_nr { font-size: 12px; }
.highscore_username { font-size: 16px; margin-bottom: 4px; }
.highscore_rank { font-size: 12px; }
.highscore_score { font-size: 16px; line-height: 16px; }
#score_self .underline { background-image: none; }

table.highscoredesc th { font-size: 16px; font-weight: bold; }

.eigeneantworten { }
.antwortbtn { float: left; width: 310px; }
.antwortbtn a { display: block; text-indent: 20px; background-color: #FFFFFF; height: 20px; line-height: 20px; }
.antwortbtn a:hover { background-color: #CCCCCC; }



.reihenfolge_2, .reihenfolge_3, .reihenfolge_4, .reihenfolge_5, .reihenfolge_6, .reihenfolge_7, .reihenfolge_8, .reihenfolge_9, .reihenfolge_10, .reihenfolge_11, .reihenfolge_12{
	display:none;
}



/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
	width:150px;
	text-align:center;
	
}

#tooltip .tipHeader {
	height:8px;
	/*background:url(images/tipHeader.gif) no-repeat;*/
}

/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}

#tooltip .tipBody {
	background-color:#1a5385;
	padding:5px;
}

#tooltip .tipFooter {
	height:8px;
	/*background:url(images/tipFooter.gif) no-repeat;*/
}

.preise_font{
	color: #f58f39;
	font-size:14px;
}