/* 
This style sheet will by default be loaded by the WYSIWYG editor
in EPiServer Edit Mode. This can be changed in Admin mode. All
styles that you want in the editor should be added here.
*/

body {
	background-color: #fff;
	color: #444;
	font: normal 68% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}

a {
	color: #36C;
	text-decoration: none;
}
a:hover {
	color: #06F;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.1em;
	margin-bottom: 4px;
}
h1,h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}

img.framesonphoto {
	border:1px solid #CCCCCC; 
	background-color: #fff;
	padding:5px;
	margin:5px;
	float: right;
	EditMenuName: image with frames;
	}

.small-text {
	font-size:.8em;
	EditMenuName: Small text;
	}
/* ------ Text items -------- */

.introduction
{
	font-weight: bold;
	EditMenuName: Introduction;
}

.paragraphHeader
{
	color: #006; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13px; background-image: url(../gfx/krussedull.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0.83em 0; padding-left: 25px; 
	EditMenuName: Avsnitt overskrift;
}
.imagetext 
{
	font-style: italic; 
	font-size: 0.9em; 
	EditMenuName: Image text;
}
.red
{
	color: #CC0000;
	EditMenuName: Normal red text;
}
hr
{
	height: 0.1em;
	color: #A7A7A7;
}

hr.light
{
	height: 0.1em;
	color: #A7A7A7;
}


/* --------- Left menu ----------- */

div.menuitem
{
	background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0.5em 0em 0.5em 0em;
	float: left;
	
}
div.menuitemselected
{
	background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0.5em 0em 0.5em 0em;
	float: left;
	font-weight: bold;
	background-color: #dddddd;
}
div.menuitemexpanded
{
	background-image: url(../images/submenu_rulerbg.gif);
	background-position: 0em bottom;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0.5em 0em 0.5em 0em;
	float: left;
	background-color: #dddddd;
}
div.menuitemchild
{
	width: 100%;
	padding: 0.4em 0em 0.6em 0em;
	float: left;
	background-color: #F0F0F0;
}

/* --------- Input ----------- */
input, textarea
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	font-size: 1em;
}

select
{
	font-size: 1em;
}
.inputlabel
{
	width: 6em;
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
.inputlabelwide
{
	width: 10em;	
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
span.errormessage
{
	color: #CC0000;
	font-size: 1em;
}


/* --------- Table format ----------- */
table
{
	font-size: 1em;
}
th
{
	text-align: left;
}
.evenrow
{
	background-color:  #fff;
}
.unevenrow
{
	background-color:#F0E5CE;
}
.headerrow
{
	background-color: #F0E5CE;
}
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
	EditMenuName: Classic;
}
table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}
table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}
table.color
{
	border-collapse: collapse;
	border: solid 0.1em #95632F;
	EditMenuName: Color;
}
table.color th
{
	border: solid 0.1em #95632F;
	background-color: #E1CC9D;
	padding: 0.4em;
}
table.color td
{
	border: solid 0.1em #95632F;
	padding: 0.2em 0.4em;
}
th.highlighted, td.highlighted
{
	EditMenuName: Highlighted;
}
table.classic th.highlighted
{
	background-color: #AAAAAA;
}
table.classic td.highlighted
{
	background-color: #F0F0F0;
}
table.color th.highlighted
{
	background-color: #95632F;
}
table.color td.highlighted
{
	background-color: #F0E5CE;
}
th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
	EditMenuName: Left aligned;
}
th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
	EditMenuName: Right aligned;
}