@charset "utf-8";
/* CSS Document */

body {
	background-image:url(img/bg3.jpg);
}

.bg {
	background-color: #FFFFE6;
	border: 1px solid #BFBF60;
	}
.bg2 {
	background-color:#FFFFFF;
	border: 1px solid #B87060;
	}
.bgdown {
	border: 1px solid #FFFFFF;
	background-image:url(img/downbkg.jpg);
	}
.bgsmall {
	border: 1px solid #FFFFFF;
	background-color:  #B87060;
	}	
.tab {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}
.tab_gul {
	border: 2px dotted #ffff00;
	width:95%;
}
.tab2 {
	margin:5px;
	padding:5px;
	border: 1px solid #B87060;
	width:95%;
}
.tab3{
	border:1px solid #FFCC99; 
	width:100%;
}
.tabell {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:normal;
	margin:2px;
	padding:1px;
	font-size: 12px;
}
.tab_sleng {
	margin:5px;
	padding:5px;
	border: 1px dotted #FF6600;
	width:70%;
	background-image:url(img/sleng/bg.gif);
}
.tab_slovo {
	margin:5px;
	padding:5px;
	border: 1px dotted #FF9191;
	width:85%;
	background-image:url(img/slovo/bgr.gif);
}

.tab_idiomi {
	margin:5px;
	padding:5px;
	border: 1px dotted #003333;
	width:65%;
	background-image:url(img/idiomi/bg.gif);
}

.tab_index {
	margin:5px;
	padding:5px;
	border: 0px;
	width:70%;
}
.lesson{
	border:1px solid #cccccc; 
	width:95%;
	line-height:20px;
}
.lesson2{
	border:1px solid #996666;
	width:95%;
	line-height:20px;
}
.lesson_title{
background-color:#FFFFE6;
}

.lesson_name{
	font-size:14px;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:0px;
	}
	
.lesson_adds{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:7px;
	margin-bottom:5px;
	padding:2px;
	color:#663300;
	}

.dialogi{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:0px;
	border-spacing:0px;
	width:95%;
}
.dialogi_title{
	font-size:13px;
	font-weight:bold;
	}
.dialogi_adds{
	font-size:11px;
	color:#663300;
	font-weight:normal;
	}
.sleng_name{
	font-size:16px;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:0px;
	color:#FF6600;
	
	}

.intab {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	margin:7px;
	padding:5px;
	font-size: 13px;
}
.intab2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:7px;
	padding:5px;
	font-size: 12px;
}
.rosa {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FF00FF;
	font-size: 14px;
	font-weight:bold;
}

.brown {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:19px;
	}
.red {
	
	font-style: normal;
	font-weight: bold;
	color: red;
}

.blue {
	font-style: normal;
	font-weight: bold;
	color: #003366;
}

.back {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.svart {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.dialog_rubrik {
	font-family:"Times New Roman", Times, serif;
	color: #460000;
	font-size: 20px;
	font-weight:bold;
}
.pstrnav {
	padding: 0px 10px 20px 15px;
	color:#424242;
}

.pstrnav a{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;color:#B87060; text-decoration:underline;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:normal;
	margin:5px;
	padding:2px;
	font-size: 12px;
}


p.introduction {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #330000;
	font-weight:normal;
	letter-spacing:1px;
	line-height:23px;
	margin:7px;
	padding:5px;
	font-size: 13px;
}

p.italic {
	color: #000000;
	font-style:italic;
	font-size: 12px;
	line-height:23px;
}
p.blue {
	color: #000066;
	font-size: 12px;
	letter-spacing:1px;
	line-height:23px;
}

p.red {
	color: #CC0000;
	font-weight:normal;
	line-height:23px;
	margin:7px;
	padding:5px;
}
p.green {
	color: #336600;
	font-weight:normal;
	line-height:23px;
	margin:7px;
	padding:5px;
}
p.copyright {
	color: #000000;
	padding:0px;
	font-size: 10px;
}

p.title {
	width:80%;
	background-image:url(img/topleft.jpg);
	margin:0px;
	padding:0px;
	}
p.title2 {
	background-color: #FFCC99;
	margin:0px;
	padding:3px;
	width:97%;
	}
p.title3 {
	color: #000000;
	font-weight:bold;
	margin:5px;
	padding:5px;
	margin-right:9px;
	}
p.title4 {
	background-color: #B87060;
	color: #FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:3px;
	width:97%;
	}
p.title5 {
	background-color: #804D40;
	color: #ffffff;
	font-weight:bold;
	margin:5px;
	padding:4px;
	}
p.title6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:19px;
	}
p.title7 {
	background-color:  #B87060;
	color: #FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:3px;
	width:98%;
	}
p.title8 {
	background-color:  #FFFFCC;
	color: #993333;
	font-weight:bold;
	font-size:14px;
	}
h2 {
	font-family:"Times New Roman", Times, serif;
	color: #330000;
	font-size: 22px;
	font-weight:bold;
}
h2.red {
	font-family:"Times New Roman", Times, serif;
	color: #CC0000;
	font-size: 22px;
	font-weight:bold;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 18px;
	font-weight:bold;
}
h3.sleng {
	font-family:Arial, Helvetica, sans-serif;
	color: #006666;
	font-size: 20px;
	font-weight:bold;
}
h3.idioma {
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 17px;
	font-weight:bold;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight:bold;
	margin:7px;
	padding:5px;
}
h4.bold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight:bold;
	background-color:#FFFFCC;
}
h4.red4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 14px;
	font-weight:bold;
}
h4.blue4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 14px;
	font-weight:bold;
}


#coolmenu{
	border: 1px solid #804D40;
	width: 93%; /*Ширина меню */
	margin:5px; /*Ширина отступов*/
}

* html #coolmenu{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenu a{
	font: bold 13px Arial; /*Шрифт текста*/
	padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
	padding-left: 7px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
	display: block;
	background-color: #B87060;
	color: #000000;  /*Цвет текста*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
}

html>body #coolmenu a{ 
width: auto;
}
#coolmenu a:hover{
	background-color: #FFCC99; /*Фоновый цвет ячейки при наведение курсора*/
	color: #000000;  /*Цвет текста при наведении курсора*/
}
#coolmenuplus{
	border: 1px solid #804D40;
	width: 93%; /*Ширина меню */
	margin:5px; /*Ширина отступов*/
}

* html #coolmenuplus{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenuplus a{
	font: bold 13px Arial; /*Шрифт текста*/
	padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
	padding-left: 7px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
	display: block;
	background-color: #804D40;
	color: #FFFFFF;  /*Цвет текста*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
}

html>body #coolmenuplus a{ 
width: auto;
}
#coolmenuplus a:hover{
	background-color: #FFCC99; /*Фоновый цвет ячейки при наведение курсора*/
	color: #000000;  /*Цвет текста при наведении курсора*/
}
/*Белое меню*/

#coolmenu2{
	border: 1px solid #804D40;
	width: 93%; /*Ширина меню */
	margin:5px; /*Ширина отступов*/
}

* html #coolmenu2{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenu2 a{
	font: bold 12px Arial; /*Шрифт текста*/
	font-weight:100;
	padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
	padding-left: 7px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
	display: block;
	background-color: #B87060;
	color: #000000;  /*Цвет текста*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
}
html>body #coolmenu a{ 
width: auto;
}

#coolmenu2 a:hover{
	background-color: #FFCC99; /*Фоновый цвет ячейки при наведение курсора*/
	color: #000000;  /*Цвет текста при наведении курсора*/
}
/* --------------------------------*/

/* Меню для правой колонки */
#coolmenu3{
	border: 1px solid #FFCC99;
	width: 100%; /*Ширина меню */
	margin:0px; /*Ширина отступов*/
	border-bottom-width: 0;
	border-top-width: 0;
}

* html #coolmenu3{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenu3 a{
	font: bold 13px Arial; /*Шрифт текста*/
	padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
	padding-left: 7px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
	display: block;
	background-color: #ffffff;
	color: #000000;  /*Цвет текста*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
	border-bottom: 1px solid #ffcc99;
}

html>body #coolmenu3 a{ 
width: auto;
}
#coolmenu3 a:hover{
	background-color: #FFCC99;  /*Фоновый цвет ячейки при наведение курсора*/
	color: #000000;  /*Цвет текста при наведении курсора*/
}
/* --------------------------------*/

/* Меню для нижней части правой колонки  */
#coolmenu3a{
	border: 1px solid #FFCC99;
	width: 100%; /*Ширина меню */
	margin:0px; /*Ширина отступов*/
	border-bottom-width: 0;
	border-top-width: 0;
}

* html #coolmenu3a{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenu3a a{
	font: 13px Arial; /*Шрифт текста*/
	padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
	padding-left: 7px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
	display: block;
	background-color: #ffffff;
	color: #000000;  /*Цвет текста*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
	border-bottom: 1px solid #ffcc99;
}

html>body #coolmenu3a a{ 
width: auto;
}
#coolmenu3a a:hover{
	background-color: #FFCC99; /*Фоновый цвет ячейки при наведение курсора*/
	color: #000000;  /*Цвет текста при наведении курсора*/
}
/* --------------------------------*/

/* Меню для ссылок в голосовании  */
a{
	color: #000000;  /*Цвет текста*/
	text-decoration: underline; /*Подчеркивание у ссылок - нет*/
}

a:hover{
	color: #CC0000;  /*Цвет текста при наведении курсора*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
}

/* Стили для уроков

1. p.title6
2. h4.bold
3. .tab2 (tab.utanför)
4. .intab (tab.inuti)
5. .rosa 
6. p.title7 (för tabeller)
7. .tab_gul (желтая табличка)
*/

/* Стили для обычных страниц

1. p.title6
2. h4.bold
3. .tab2
4. .intab 
5. .rosa
*/

/* Стили для диалогов
1. class="introduction"
2. class="intab2" (для таблицы)

*/