@charset "utf-8";

html, body { font-family: verdana, sans-serif; background-color:#cc6633; color:#662200; font-size:0.9em;}

#main { width:900px; height:580px; position:absolute; left:0px; top:0px; }

#top_area { width:900px; height:60px; position:absolute; left:0px; top:0px;}
#middle_area { width:900px; height:470px; position:absolute; left:0px; top:60px;}
#bottom_area { width:900px; height:50px; position:absolute; left:0px; top:530px;}

#side { width:77px; height:60px;  float:left; font-size:3em; font-weight:bold; border-right: 2pt solid #662200;}
#theme { width:620px; height:20px; font-weight:bold; float:left; padding:20px 20px; }
* html #theme { width:650px; }
#lang { width:160px; height:60px; font-weight:bold; text-align:right; float:right;}

#theme span {background-color:inherit; color:white; }

#middle_area_le { width:170px; height:470px; float:left; }
#middle_area_mi { width:580px; height:470px; float:left; }
#middle_area_ri { width:150px; height:470px; float:right; }

#mal_1 { width:170px; height:40px; padding:0px; margin:0px; }
#mal_2 { width:170px; height:190px; padding:0px; margin:0px; }
#mal_3 { width:170px; height:60px; padding:0px; margin:0px; }
#mal_4 { width:170px; height:180px; padding:0px; margin:0px; }

#mam_1 { width:580px; height:410px; background-image: url(pics/book.gif);}
#mam_2 { width:580px; height:60px; background-image:url(pics/book_bot.gif); }

#mam_1_1 { width:250px; height:390px; float:left; padding: 20px 20px 0px 20px; }
#mam_1_2 { width:290px; height:410px; float:right; }

#mam_1_2_1 { width:270px; height:190px; margin:10px; }
#mam_1_2_2 { width:268px; height:178px; margin:10px; padding:5px; border:1pt solid #662200; overflow:auto;}
#mam_1_2_2_rand { margin:5px; }

#mam_2_1 {width:340px; height:60px; text-align:center; float:left; }
#mam_2_2 {width:240px; height:60px; text-align:center; float:left; }

#flashcontent {float:left; margin-left:30px;}
#exercisecontent {float:left; margin-left:20px; height:60px; text-align:center;}

#mar_1 {width:150px; height:40px; }
#mar_2 {width:150px; height:58px; }
#mar_3 {width:150px; height:59px; }
#mar_4 {width:150px; height:63px; }
#mar_5 {width:150px; height:63px; }
#mar_6 {width:150px; height:60px; }
#mar_7 {width:150px; height:57px; }
#mar_8 {width:150px; height:70px; }

#kick { width:100px; height:50px; float:left; margin-left:70px; }
#gen_dic { width:100px; height:50px; float:left; }
#gen_gram { width:100px; height:50px; float:left; }

#middle_area_le img, #middle_area_ri img {padding:0px; margin:0px; border:none; display:block;}

/* PopUps */
#main_pop { width:500px; height:100%; padding-top:72px; overflow:auto; background-color: #cc6633; color:inherit; background-image:url(pics/ringblock.gif); background-repeat:no-repeat; background-position:top center; }
#content_pop { width:420px; margin:30px; margin-top:0px; padding:10px; overflow:auto; background-color: white; color:inherit; }
* html #content_pop {width:440px; margin:0px; margin-left:30px;}

/* KickStart */
#main_kick { width:750px; height:570px; background-image:url(pics/book_kick_m.gif); background-repeat:no-repeat; background-position: top center; border:1px solid #cc6633; }
#content_kick { width:620px; margin-left:70px; height:420px; margin-top:10px; margin-bottom:10px; }
#foot_kick { width:620px; height:40px; margin-left:70px; }
#side_kick { width:77px; height:50px;  float:left; font-size:3em; font-weight:bold; border-right: 2pt solid #662200;}
#kick_le { width:300px; height:410px; float:left; }
#kick_ri { width:290px; height:410px; float:right; }

/* Introductory */
#content_intro { width:655px; margin-left:55px; height:410px; margin-top:70px; margin-bottom:10px; font-size:0.8em; }
#foot_intro { width:620px; margin-left:70px; }
#content_intro_1 { width:320px; height:410px; float:left; margin-right:15px; }
#content_intro_2 { width:320px; height:410px; float:left; }

/* Guidebook */
#main_guide {width:521px; height:600px; background-image:url(pics/guidebook.gif); background-repeat:no-repeat; background-position:top center; border:1px solid #cc6633;}
#content_guide { width:420px; height:420px; margin-top:70px; margin-left:55px; overflow:auto; }
#foot_guide { width:420px; margin-left:55px; margin-top:20px; }

/* Chapters */
#main_chapters { text-align:center; position:absolute; top:0px; left:200px; }
#fix_chapters { position:absolute; top:100px; left:325px; color:#FFFFFF; background-color:transparent; font-size:1.8em; text-align:center; width:300px; }
#fix_chapters h1 {font-size:2em;}

/* Organizer */
#mam_1_1_org { width:250px; height:410px; float:left; padding: 0 20px; padding-top:10px; }

/* Theme 6 */
#theme6_le {width:250px; float:left; margin-top:15px;}
#theme6_ri {width:320px; float:right; margin-top:15px;}
#theme6_ri_sm {width:290px; margin-top:10px; margin-left:30px;}

/* Index */
#in_main {margin:20px; color:inherit; background-color:white; padding:20px 0px 20px 0px; }
#in_top { background: url(pics/in_le.gif) no-repeat left; height:120px; margin-left:20px; }
#in_top1 { border-top:3px solid #662200; border-bottom:3px solid #662200; margin-left:19px; height:114px; }
#in_bottom { background: url(pics/in_ri.gif) no-repeat right; height:120px; margin-right:20px; }
#in_bottom1 { border-top:3px solid #662200; border-bottom:3px solid #662200; margin-right:19px; height:114px; }
#in_middle { margin:10px 20px;}

/* diverses */
img { border:none; }
h1 {font-size:1.1em; margin:6px 0px; font-weight:bold;}
h2 {font-size:1.0em; margin:5px 0px; font-weight:bold;}
h3 {font-size:0.9em; margin:4px 0px; font-weight:bold; }
#lang a { color:white; background-color:inherit; text-decoration:none; font-weight:bold;}
#theme a { color:white; background-color:inherit; text-decoration:none; font-weight:bold;}
#theme a:hover, #theme a.navi { background-color:inherit; color:#662200; }
div.clear {clear:both;}
div.organizer { font-size:0.8em; }
div.organizer h1 {font-size:0.9em; margin:6px 0px; font-weight:bold;}
p.clear {clear:both; }
table { font-size:0.9em;}
div.exer {font-weight:bold; border:1px solid black; padding:5px; margin:0px; text-align:center; }
p {margin:3px;}

a.menue, a.menue_act {border:1px solid #662200; padding:2px; text-decoration:none; color:#662200; background-color:inherit; font-weight:bold; }
a.menue_act, a.menue:hover {background-color:#662200; color:white; }