body
{
    background-image: url(/images/tonad_bakgrund.png);
    background-repeat: repeat-x;
    font-family: Arial, Garamond, Helvetica, Sans-Serif;
}
.contenttable td, .content
{
    vertical-align: top;
    padding: 10px;
}
.contentformtable td, .content
{
    vertical-align: top;
    padding: 0px 10px;
}
#container
{
    width: 950px;
    float: left;
    margin: auto;
}
#innehallsyta_top
{
    float: left;
    height: 13px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/images/innehallsyta_top.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 937px;
}
#innehallsyta
{
    float: left;
    z-index: 1;
    width: 937px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/images/innehallsyta_stretch.png);
    background-repeat: repeat-y;
    background-position: top;
    padding-top: 210px;
}
#innehallsyta_sidpanel
{
    float: left;
    width: 100%;
}
#innehallsyta_bottom
{
    float: left;
    clear: both;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/images/innehallsyta_bottom.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 937px;
}
#huvud
{
    top: 13px;
    left: 13px;
    /*background-image: url(/images/huvud_tonad.jpg);*/
    width: 911px;
    height: 210px;
    overflow: hidden;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
}
#meny
{
    width: 872px;
    padding-left: 40px;
    z-index: 13;
    background-image: url(/images/10x10_blue.png);
    background-repeat: repeat;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    bottom: 0px;
    position: absolute;
}
#innehallscontainer
{
    /*left: 52px;
    top: 267px;*/
    width: 100%;
    float: left;
    min-height: 300px; 
    position: relative;
}
#innehall
{
    padding: 30px 80px 30px 20px;
    border-right: dotted 1px #dcdcdc;
    float: left;
    width: 485px;
    height: 100%;
}
#innehall_full
{
    padding: 30px 20px 30px 20px;
    float: left;
    width: 877px;
    height: 100%;
}
#sidebar
{
    padding: 30px 20px 30px 0px;
    float: left;
    height: 100%;
    width: 330px;
}
#innehall .header, #innehall_full .header, #sidebar .header
{
    font-size: x-large;
    color: #1685b2;
    padding-bottom: 10px;
    text-align: left;
}
#innehall .headerinvert, #innehall_full .headerinvert, #sidebar .headerinvert
{
    font-size: larger;
    color: #ffffff;
    padding-bottom: 10px;
    text-align: left;
}
#innehall .bread, #innehall_full .bread, #sidebar .bread
{
    font-size: small;
    color: #474747; 
    text-align: left;  
}
#innehall .ingress, #innehall_full .ingress, #sidebar .ingress
{
    font-size: small;
    font-weight:bold;
    color: #1685b2;
    padding-bottom: 10px;
    text-align: left;
}
.quotefoot
{
    font-size: xx-small;
    text-align: right;
}
.ingress .centered, .bread .centered, .header .centered, .headerinvert .centered{ text-align: center;}
#transparent_slinga
{
    height: 100%;
    width: 100%;
    background-image: url(/images/transparent_slinga.png);
}
#meny a
{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
    padding-right: 17px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    padding-left: 17px;
    display: block;
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
}
#logotyp
{
    background-image: url(/images/ensizelogotyp.png);
    height: 66px;
    width: 183px;
    left: 58px;
    top: 70px;
    background-repeat: no-repeat;
    z-index: 15;
    position: absolute;
}
#meny a:first-child{ border-left-style: none;}
#meny a:hover, #meny a.current
{
    color: #000000;
    background-color: #FFFFFF;
    font-weight: normal;
    /*background-image: url(/images/10x10_blue_ned.png);*/
    background-repeat: repeat-x;
}
#rubrik
{
    left: 742px;
    top: 14px;
    z-index: 16;
    position: absolute;
}
#controlpanel
{
    left: 835px;
    top: 145px;
    z-index: 17;
    position: absolute;
}
a.flaglink, a.flaglink:hover, a.flaglink:active, a.flaglink:visited a.flaglink:disabled, a.flaglink img
{
    margin: 4px 0px;
    border: none;
    font-size: inherit;
}
.bread a, .bread a:active, .bread a:active, .bread a:visited

{
    color: #474747;
    text-decoration: none;
    font-size: inherit;
}
.bread a:hover
{
    color: #474747;
    text-decoration: underline;
    font-size: inherit;
}
.bread .biglink, .bread .biglink:active, .bread .biglink:visited
{
    color: #ffffff;
    font-weight: bold;
    background-color: #036599;
    background-image: url(/images/10x10_blue.png);
    background-repeat: repeat-x;
    border: 1px solid #666666;
    padding: 5px;
}
.bread .biglink:hover
{
    color: #ffffff;
    font-weight: bold;
    background-color: #2c7eaa;
    background-image: url(/images/10x10_blue.png);
    background-repeat: repeat-x;
    border: 1px solid #999999;
    padding: 5px;
    text-decoration: none;
}
.bread a img
{
    border: none;
}
.ingress a, .ingress a:active, .ingress a:active, .ingress a:visited
{
    color: #1685b2;
    text-decoration: none;
    font-weight: bold;
    font-size: inherit;
}
.ingress a:hover
{
    color: #474747;
    text-decoration: underline;
    font-weight: bold;
    font-size: inherit;
}
.bread ol, .ingress ol, .bread ul, .ingress ul
{
    margin: 0px 0px 0px 0px;
	list-style-position: outside;  
}
.bread ol li, .ingress ol li, .bread ul li, .ingress ul li{margin: 0px 0px 0px -25px;}
.bread .smallprint{ font-size: xx-small;}
.bread .subtleprint
{
    font-size: smaller;
    color: #676767; 
    text-align: left; 
}
.shareblock
{
    vertical-align: middle;
    text-align: right;
    color: #666666;
}
#bildspel
{
    overflow: hidden;
    height: 198px;
    width: 911px;
    z-index: 5;
    left: 0px;
    top: 0px;
    position: absolute;
    background-image: url(/images/bildspel_bg.jpg);
    background-repeat: repeat-x;
}
.dividercontainer{clear: both;}
.dividercontainer .divider{ float: left;}
.listtable
{
    width: 100%;
    font-size: inherit;
    overflow: hidden;
}
.listtable td{ vertical-align: top;}
.listtable .listrow{ background-color: #ffffff;}
.listtable .listrow:hover{ background-color: #eeedeb;}
.listtable .listalterrow{ background-color: #ffffff;}
.listtable .listalterrow:hover{ background-color: #eeedeb;}
.listtable .listselectedrow{ background-color: #cdf993;}
.listtable .listselectedrow:hover{ background-color: #eeedeb;}
.listtable .listrowgrey { background-color: #eeedeb; }

.portraittable td
{
    /*background-color: #2479a6;
    color: #ffffff;*/
    vertical-align: top;
}
.portraittable img
{
    border: solid 1px #444444;
}



.tbl_compatt
{
    background-image: url(/images/compositions/att_tbl_bg.jpg); 
    background-repeat: repeat-y;
    color: #2b89c9;
    height: 290px;
}
.tbl_compatt a, .tbl_compatt a:active, .tbl_compatt a:visited
{
    color: #2b89c9;
}
.tbl_compatt a:hover
{
    color: #2b89c9;
    text-decoration: underline;
}
.tbl_compatt table td{ padding: 1px 10px;}
.tbl_compatt_top
{
    background-image: url(/images/compositions/att_tbl_top7.jpg); 
    background-repeat: no-repeat; 
    height: 114px
}
.tbl_compatt_top2
{
    background-image: url(/images/compositions/att_tbl_top8.jpg); 
    background-repeat: no-repeat; 
    height: 114px
}
.tbl_compatt_top3
{
    background-image: url(/images/compositions/att_tbl_top6.jpg); 
    background-repeat: no-repeat; 
    height: 114px
}
.tbl_compatt_bottom
{
    background-image: url(/images/compositions/att_tbl_bottom.jpg); 
    background-repeat: no-repeat; 
    height: 12px;
}
.tbl_compatt table td.tools
{
    padding: 0px;
    text-align: center; 
    vertical-align: top;
}
.toolspuzzle
{
    background-image:url(/images/icons/icon_tools_35x35.png);
    background-position:0 0;
    cursor:pointer;
    display:block;
    height:35px;
    width:35px;
}
.toolspuzzle:hover { background-position:0 -35px;}
.toolscarrot
{
    background-image:url(/images/icons/icon_tools_35x35.png);
    background-position: -35px 0;
    cursor:pointer;
    display:block;
    height:35px;
    width:35px;
}
.toolscarrot:hover { background-position: -35px -35px;}
.toolsboomerang
{
    background-image:url(/images/icons/icon_tools_35x35.png);
    background-position:-70px 0;
    cursor:pointer;
    display:block;
    height:35px;
    width:35px;
}
.toolsboomerang:hover { background-position:-70px -35px;}
.toolsthermometer
{
    background-image:url(/images/icons/icon_tools_35x35.png);
    background-position:-105px 0;
    cursor:pointer;
    display:block;
    height:35px;
    width:35px;
}
.toolsthermometer:hover { background-position:-105px -35px;}
.toolssnapshot
{
    background-image:url(/images/icons/icon_tools_35x35.png);
    background-position:35px 0;
    cursor:pointer;
    display:block;
    height:35px;
    width:35px;
}
.toolssnapshot:hover { background-position:35px -35px;}

.fontcontrolincrease
{
    background-image: url(/images/icons/font_control.png);
    background-position: 0 0;
    cursor: pointer;
    display: block;
    height: 35px;
    width: 35px;
}
.fontcontrolincrease:hover { background-position: 0 -35px;  }
.fontcontroldecrease
{
    background-image: url(/images/icons/font_control.png);
    background-position: 35px 0;
    cursor: pointer;
    display: block;
    height: 35px;
    width: 35px;
}
.fontcontroldecrease:hover { background-position: 35px -35px;  }

.contentlabel
{
    background-color: #79a1b6;
    color: #ffffff;
    padding: 1px 10px;
    vertical-align: top;
}
.contentvalue
{
    padding: 1px 10px;
    vertical-align: top;
}
.confirmation
{
    padding: 10px 0px;
    color: #e58c18;
}
.alert
{
    padding: 10px 0px;
    color: #800e0e;   
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalBackgroundLoading {
	
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#dedede;
	width:250px;
	max-height:500px;
	min-height:200px;
	overflow-y: auto;
}
.modalPopupLoading {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#dedede;
	width:200px;
	max-height:500px;
	min-height:80px;
	overflow-y: auto;
	font-size: 12px;
	text-align: center;
	color: #999999;
	vertical-align: middle;
}
.modalPopupHead 
{
    background-image: url(/images/modalhead.gif);
    background-repeat: repeat-x;
    background-color:#0379b7;
    font-weight: bold;
    text-align:center;
    color:#ffffff;
    padding:3px;
}

#myGallery
{
    width: 911px !important;
    height: 198px !important;
}
#slingor
{
    background-image: url(/images/transparent_slinga.png);
    height: 198px;
    width: 917px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 12;
}
#adress
{
    width: 937px;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10px;
    text-align: center;
    font-size: x-small;
    color: #4975B2;
    float: left;
}
#adress a, #adress a:active, #adress a:active, #adress a:visited
{
    color: #4975B2;
    text-decoration: none;
}
#adress a:hover
{
    color: #4975B2;
    text-decoration: underline;
}


/* jd.gallery.css */
#myGallery
{
	width: 460px;
	height: 345px;
	display: none;
	border: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-image: url(img/loading-bar-black.gif);*/
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
	text-align: center;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
	text-align: center;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url(img/fleche1.png) no-repeat center left;
}

* html .jdGallery a.left { background: url(img/fleche1.gif) no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url(img/fleche2.png) no-repeat center right;
}

* html .jdGallery a.right { background: url(img/fleche2.gif) no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url(img/open.png) no-repeat center center; }

* html .withArrows a.open:hover { background: url(img/open.gif) no-repeat center center;
	filter:alpha(opacity=80); }

div.biglink
{
    height: 20px;
    width: auto;
    vertical-align: middle;
    background-image: url(/images/compositions/lnk_std_20.jpg);
    background-repeat: repeat-x;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
div.biglink:hover
{
 
    background-image: url(/images/compositions/lnk_hover_20.jpg);
    border-left: 1px solid #d5d4d2;
    border-right: 1px solid #c6c5c3;   
}
div.biglink a
{
    vertical-align: middle;
    color: #2B89C9;
}
div.biglink a:hover
{
    
}

div.mediumlink
{
    height: 20px;
    width: auto;
    vertical-align: middle;
    background-image: url(/images/compositions/lnk_std_35.jpg);
    background-repeat: repeat-x;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
div.mediumlink:hover
{
 
    background-image: url(/images/compositions/lnk_hover_35.jpg);
    border-left: 1px solid #d5d4d2;
    border-right: 1px solid #c6c5c3;   
}
div.mediumlink a
{
    vertical-align: middle;
    color: #2B89C9;
}
div.mediumlink a:hover
{
    
}


#accordion {
	margin:20px 0px;
}

div.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	background: #eeedeb;
	color: #528CE0;
	margin: 0px;
	padding: 3px 5px 1px;
    font-family: Arial, Garamond, Helvetica, Sans-Serif;
    font-size: small;
}

div.element 
{
	/*background-color: #79a1b6;*/
	background: url(/images/1x63_blue_gradient.png) repeat-x;
	border: 1px solid #f5f5f5;
}
div.element p
{
    padding: 5px; 
}

#dynaccordion {
	margin:10px 0px;
}

div.dyntoggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	background: #eeedeb;
	color: #528CE0;
	margin: 0px;
	padding: 3px 5px 1px;
    font-family: Arial, Garamond, Helvetica, Sans-Serif;
    font-size: small;
}

div.dynelement 
{
	/*background-color: #79a1b6;*/
	background: #88c1dd url(/images/1x63_blue_gradient.png) repeat-x;
	border: 1px solid #f5f5f5;
}
div.dynelement p
{
    padding: 5px; 
}

blockquote {
	padding:5px 20px;
}
.error
{
    color: #cc0000;
}
.errorsummary
{
    color: #cc0000;
    border: solid 1px #cc0000;
    padding: 10px;
}
.watermarked {
    background-color: #F0F8FF;
    border: 1px solid #BEBEBE;
    color: gray;
    height: 20px;
    padding: 2px 0 0 2px;
}
.watermarked_textbox
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: black;
    height: 20px;
    padding: 2px 0 0 2px;
}