/**
Styles for schnatzeljagd
**/
.sj_ft_head{
	font-weight:bold;
}

/* richtige Antwort darstellen */
.sj_ft_aw_true{
	font-weight:bold;
}

/* Termine-Box */
.sj_ft_termine{
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
 
 
.sj_exclamation {
	margin-left:15px;
	width:320px;
	background: url(http://www.carlsen.de/img/schnatzeljagd/ausruf.gif);
	height:70px;
}

.sj_inside_exclamation {
	width:240px;
	margin-left:50px; 
	padding-top:15px;	
}

.sj_dragable {
	cursor:move;
}




/*******************************
 fragenbox container
********************************/
.sj_qb_top{
	background: url(http://www.carlsen.de/img//schnatzeljagd/fragenbox/perga_frage_oben.gif) no-repeat;
	height:149px;
	width:529px;
	margin-top:10px;
}
.sj_qb_middle{
	background: url(http://www.carlsen.de/img//schnatzeljagd/fragenbox/perga_frage_mitte.gif) repeat;
	padding-top: 1px;
	width:529px;
}
.sj_qb_bottom{
	background: url(http://www.carlsen.de/img//schnatzeljagd/fragenbox/perga_frage_unten.gif) no-repeat;
	height:43px;
	width:529px;
	margin-bottom:10px;
}
.sj_qb_inner {
	position:relative;
	margin-top: -120px;
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 0px;
	width: 469px;
}
.sj_qb_inner_stretch {
	height: 200px;
}

/*******************************
 styles for fragebox rendering
********************************/
/* row mit zwei Spalten f?r die Headline der Fragebox */
.sj_head_row { 
	overflow: auto; 
	height: 100%; 
	margin-bottom: 10px
	}
.sj_head_img {
	float: left; 
	width: 35px; 
	padding-right: 10px
	}
.sj_head_text {
	width:400px; 
	margin-left: 50px;
	}
	
/* row mit zwei Spalten f?r den Inhalts-Bereich der Fragebox */
.sj_illu_and_text_row{
	overflow: auto; 
	height: 100%; 
}
.sj_illu{
	float: left; 
	width: 130px; 
	padding-right: 10px
}
.sj_text{
	width:310px; 
	margin-left: 150px;
}

/* row mit zwei Spalten f?r die Fragen */
.sj_answer_row{
	overflow: auto; 
	height: 100%; 
}
.sj_answer_num{
	float: left; 
	width: 50px; 
}
.sj_answer_text{
	width:250px; 
	margin-left: 50px;
	
}

.sj_qb_feedback{
	margin-top:20px;
}
/*******************************
 map container
********************************/
.sj_map {
	position:absolute;
	left:840px;
	top:20px;
}

/* Innerhalb einer middlebox ist 'absolute'
erstaunlicherweise etwas anderes */
#middlebox .sj_map{
	left:705px;
}

.sj_map_top{
	background: url(http://www.carlsen.de/img//schnatzeljagd/map/perga_karte_oben.gif) no-repeat;
	height:100px;
	width:170px;
}
.sj_map_middle{
	background: url(http://www.carlsen.de/img//schnatzeljagd/map/perga_karte_mitte.gif) repeat;
	padding-top: 1px;
	width:170px;
}
.sj_map_bottom{
	background: url(http://www.carlsen.de/img//schnatzeljagd/map/perga_karte_unten.gif) no-repeat;
	height:69px;
	width:170px;
}
.sj_map_inner {
	position:relative;
	margin-top: -80px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 150px;
}

.sj_map_inner_stretch {
	height: 200px;
}
/*******************************
 styles for map rendering
********************************/
.sj_map_headline{
	width:100px;
	height:30px;
	margin-bottom:5px;
}
.sj_map_laby{ 
	width: 148px;
	height:350px;
}
.sj_map_laby0{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_00.gif) no-repeat;}
.sj_map_laby1{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_01.gif) no-repeat;}
.sj_map_laby2{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_02.gif) no-repeat;}
.sj_map_laby3{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_03.gif) no-repeat;}
.sj_map_laby4{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_04.gif) no-repeat;}
.sj_map_laby5{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_05.gif) no-repeat;}
.sj_map_laby6{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_06.gif) no-repeat;}
.sj_map_laby7{ background: url(http://www.carlsen.de/img//schnatzeljagd/map/labyrinth/laby_07.gif) no-repeat;}

.sj_map_circle{
	width:47px;
	height:47px;
}
.sj_map_circle1{ position:relative; top:  0px; left: 70px;}
.sj_map_circle2{ position:relative; top: 40px; left: 85px;}
.sj_map_circle3{ position:relative; top: 25px; left: 30px;}
.sj_map_circle4{ position:relative; top: 30px; left: 70px;}
.sj_map_circle5{ position:relative; top: 15px; left:  0px;}
.sj_map_circle6{ position:relative; top: 10px; left:100px;}
.sj_map_circle7{ position:relative; top: 20px; left: 70px;}

.sj_map_text {
	margin-bottom:5px;
}

.sj_map_lifes{
	overflow: auto; 
	height: 100%; 
}
.sj_map_life{
	float:left
}

.sj_map_rollover{
	padding-top:10px;
}

/*******************************
rundenuebersicht
********************************/
.sj_rundenuebersicht{
	overflow: auto; 
	height: 100%; 
	margin-left:15px;
}
.sj_rundenuebersicht_navicell{
	float: left; 
	width: 150px; 
	
}

.sj_rundenliste_naviitem{
	border-top: 3px dashed #b2d235;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.sj_rundenuebersicht_contentcell{
	margin-left:160px;
	width:400px;
}

/*******************************
eine runde
********************************/
.sj_rundenliste{
}
.sj_rundenliste_row{
	overflow: auto; 
	height: 100%; 
	margin-bottom:30px;
}
.sj_rundenliste_imgcell{
	float: left; 
	width: 80px; 
}
.sj_rundenliste_datacell{
	margin-left:90px;
	width:300px;
}

.sj_rundenliste_cart_link {
	/**
	Leider gedoppelt von .cart_link, da .cart_link mehrfach definiert ist
	und in einer Definition einen float enth?lt
	*/
	background: url(http://fluse:8080/opencms/carlsen_resources/img/shared/icons/shop/cart_small.gif) top left no-repeat;
	padding-left: 22px;
	height: 22px;
	display: block;

}

.sj_rundenliste_antwortenbox{
	margin-bottom: 10px;
}

.sj_rundenliste_buchdetailbox{
}

.sj_rundenliste_teilgenommen{
	margin-bottom: 10px;
	padding:15px;
}