/* CSS-reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, figure, footer, header,
hgroup, nav, section
{
	display: block;
}

body
{
	line-height: 1;
}

nav ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: '';
	content: none;
}

a
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
}

b {font-weight: bold;}
th {font-weight: bold;}
i {font-style: italic;}

ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title],
dfn[title]
{
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding:0;
}

input, select
{
	vertical-align: middle;
}

/*================================================================================
 Readyonet
================================================================================*/

div, span, a, label, input, select, textarea, fieldset, legend, p, img, hr, ul, ol, li
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body
{
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	background: #fff;
}

input, textarea, select
{
	font-family: Verdana;
	font-size: 11px;
}

table
{
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

td
{
	text-align: left;
	vertical-align: top;
}

th
{
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

a
{
	color: #2958b5;
	text-decoration: none;
}

a:hover
{
	color: #2958b5;
	text-decoration: underline;
}

fieldset
{
	border: solid 1px #ccc;
}

legend
{
	font-weight: bold;
}

img
{
	font-size: 0px;
}

hr, div.hr
{
	width: 100%;
	height: 1px;
	margin: 8px 0px 8px 0px;
	padding: 0px;
	border: 0;
	border-top: 1px solid #ccc;
	font-size: 0px;
}

object
{
	vertical-align: top;
}div.hidden
{
	display: none;
}

div.con
{
	padding-top: 5px;
}

/* Links */

a.page_link
{
	white-space: nowrap;
	padding-right: 12px;
	background: url(images/page_link.gif) 100% 50% no-repeat;
}

div.returnLinkContainer
{
	padding-top: 10px !important;
}

div.returnLinkButtonContainer
{
	padding-top: 10px;
}

a.returnLink
{
	display: inline-block;
	padding: 1px 6px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background: #eee;
	border: 1px solid #fff;
	color: #DF0029;
}

a.returnLink:hover
{
	color: #000;
}

/* SelectionList */

div.selectionListComp
{
	line-height: normal;
}

div.selectionList
{
	overflow: auto;
	line-height: normal;
	border: solid 1px #888;
	background: #fff;
	z-index: 100;
}

div.selectionListDisabled
{
	border: solid 1px #888;
	background: #eee;
}

div.selectionListFilter
{
	overflow: hidden;
	border: solid 1px #888;
	border-top: none;
	z-index: 100;
}

div.selectionListFilter table td
{
	height: 20px;
	background: #fff;
}

div.selectionListFilter table td.c1
{
	width: 50px;
	text-align: right;
	vertical-align: middle;
	border-right: solid 1px #888;
	background: #eee;
}

div.selectionListFilter table td input.selectionListFilter
{
	width: 100%;
	border: none;
	padding: 2px 2px 2px 4px;
	_margin: -1px 0px;
}

div.selTextList
{
	width: 100%;
	padding: 2px 3px;
	overflow: hidden;
	vertical-align: top;
	font-size: 12px;
}

/* Tables */

tr.odd
{
}

tr.even
{
	background: #eee;
}

tr.selected
{
	background: #cce;
}

tr.hover
{
	background: #ddd;
}

table.row td
{
	vertical-align: middle;
}

table.row th
{
	vertical-align: middle;
}

/* Text alignment classes */

body .article .l {text-align: left;}
body .article .c {text-align: center;}
body .article .r {text-align: right;}
body .article .t {vertical-align: top;}
body .article .m {vertical-align: middle;}
body .article .b {vertical-align: bottom;}

/* Image Maps */

.imgSettings
{
	position: relative;
	cursor: crosshair;
	z-index: 0;
}

div.imgNodeSettings
{
	display: inline;
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	cursor: pointer;
	top: 0;
	left: 0;
	padding: 0px 3px 1px 3px;
	border: solid 1px #000;
	z-index: 10;
	color: #000;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

/* Search */

div.searchBox
{
	float: right;
	background: url(images/search-bg.html) top left no-repeat;
	/*width:220px;*/
	height: 24px;
}

input.SearchBox
{
	border: 0;
	padding: 4px 0 0 8px;
	font-style:italic;
}

#searchTable td
{
	vertical-align: top;
}

#searchButtonTD #searchNBSP
{
	display: none;
}

#searchButtonTD
{
	padding-left: 8px;
}

.tdButton 
{
	/* display:none;*/
}
.tdLink
{

}
.tdLink a
{
	display: block;
	width: 30px;
	height: 24px;
	background: url(images/search-bg.html) top right no-repeat;
}

div#SearchBox_Div
{
	display:none;
}
/* vdcCarouSlide */

.vdcCarouSlide .s-active {position: relative; top: 0; left: 0;}
.vdcCarouSlide .slider-nav .active {font-weight: bold;}
.vdcCarouSlide {position: relative;}
.vdcCarouSlide .slider-wrapper {border: 1px solid #ccc; overflow: hidden; position: relative;}
.vdcCarouSlide .slider-holder {display: block; margin: 0; padding: 0;}
.vdcCarouSlide .slider-holder li.slide {padding: 0; background-color:#fff;}
.vdcCarouSlide .slider-nav {position: absolute; top: 3px; z-index: 100; margin: 0; padding-left: 5px;}
.vdcCarouSlide .slider-nav li {list-style: none; padding: 0; margin: 0;}
.vdcCarouSlide .slider-nav a:link,
.vdcCarouSlide .slider-nav a:visited {border: none; text-align: center; overflow: hidden; display: block; margin: 1px 0; padding: 3px; background: none;}
.vdcCarouSlide .slider-nav .active a:link,
.vdcCarouSlide .slider-nav .active a:visited,
.vdcCarouSlide .slider-nav a:hover,
.vdcCarouSlide .slider-nav a:focus,
.vdcCarouSlide .slider-nav a:active {background: #ff0;}

.vdcCarouSlide .textWin
{
	position: absolute;
	bottom: 0;
	height: 63px;
	padding: 4px 10px;
	background: #000;
	color: #fff;
}
.ie .vdcCarouSlide .textWin
{
	display: none;
}
.vdcCarouSlide .text
{
	position: absolute;
	bottom: 0;
	height: 63px;
	padding: 6px 8px 2px 8px;
	color: #fff;
	overflow: hidden;
}
.ie .vdcCarouSlide .text
{
	background: #000;
}
.vdcCarouSlide .text h1
{
	color: #fff;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}
.vdcCarouSlide .text a
{
	display: block;
	color: #fff;
	text-decoration: none;
}


/* Anything Slider */

div.anythingSlider
{
	display: block;
	overflow: hidden;
}
div.anythingSlider .start-stop
{
	display: none;
}

div.anythingSlider .anythingWindow
{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
div.anythingSlider
{
	position: relative;
}

ul.anythingBase
{
	background: none;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel
{
	background: none;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
div.anythingSlider .anythingControls
{
	position: absolute;
	width: 80%;
	bottom: 0;
	right: 0;
	margin-bottom: 8px;
	margin-right: 6px;
	z-index: 100;
	opacity: 0.90;
	filter: alpha(opacity=90);
}
div.anythingSlider .thumbNav
{
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	margin: 0;
	z-index: 100;
}
div.anythingSlider .thumbNav li
{
	display: block;
	float: left;
}
div.anythingSlider .thumbNav a
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	margin: 1px 4px 1px 1px;
	padding: 1px 4px 2px 5px;
	background: #ddd;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: solid 1px #888;
	color: #888;
}
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a:hover
{
	margin: 0px 3px 0px 0px;
	padding: 2px 5px 3px 6px;
	background: #fff;
	color: #444;
	border-color: #666;
}

/* Nivo Slider */

.nivoSlider
{
	position:relative;
}
.nivoSlider img
{
	position:absolute;
	top:0px;
	left:0px;
}

.nivoSlider a.nivo-imageLink
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:6;
	display:none;
}

.nivo-slice
{
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box
{
	display:block;
	position:absolute;
	z-index:5;
}

.nivo-caption
{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:8;
}
.nivo-caption p
{
	padding:5px;
	margin:0;
}
.nivo-caption a
{
	display:inline !important;
}
.nivo-html-caption
{
    display:none;
}

.imgCenter,
.imgCenter div.imgText
{
	text-align: center;
}

.clickableBlock
{
	cursor: pointer;
}
.ArticleHover .ArtDecContent
{
	background: #ffc;
}
div.main
{
	position: relative;
}
div.section_main
{
	max-width: 100%;
	margin: 0 auto;
	padding:0 0px;
}

.ie8 div.section_main,
.ie7 div.section_main,
.ie6 div.section_main
{
	width: 980px;
}

div.content
{
	padding: 10px 0 0 0;
}
.articleMode div.content
{
	padding: 0;
}
div.section_bottom
{
	padding: 30px 0 0 0;
}

#SectionMain.section_main
{

}

.topContent
{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

@media screen and (max-width: 720px)
{
	.topContent
	{
	border-bottom:0;
	padding-bottom:0;
	}
}

.topContentInner
{
	max-width:980px;
	padding:10px 5px 0 5px;
}

.normalContent
{
	max-width:980px;
	padding: 0;
}
div.menubar
{
	padding: 0;
	position: relative;
	float: right;
	margin-top: 30px;
}

@media screen and (max-width: 959px)
{
	div.menubar
	{
		float: left;
		margin-top: 0;
	}
}

.menubarRight .dateDisplay
{
	display:none;
}

div.menubarRight
{
	position: absolute;
	z-index:999;
	right:0;
	top:-40px;
}

@media screen and (max-width: 979px)
{
	div.menubarRight
	{
		display:none;
	}
}

table.langSwitcher
{
	margin-top: 0px;
}
table.langSwitcher td
{
	padding: 0 8px 0 0 !important;
}
table.langSwitcher td a
{
	font-size: 0;
	vertical-align: middle;
}

table.menubar
{
	height: 100%;
}
table.menubar td
{
	padding: 0;
	position:absolute;
	z-index:999;
}
div.menubar a
{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight:300;
	color: #000;
	line-height: 20px;
	text-decoration:none;
}
div.menubar a:hover
{
	text-deocration:none;
}
div.menubar .menubarItemSelected, div.menubar .menubarItemSelectedHover
{
	border-bottom:2px solid #ccc;
}

div.menubar .menubarItemHover, div.menubar .menubarItemSelectedHover
{

}
div.menubar .menubarItemHover a, div.menubar .menubarItemSelectedHover a
{
	text-decoration:none;
}
div.menubar .menubarItemSelected a, div.menubar .menubarItemSelectedHover a
{
	text-decoration:none;
}
div.menubarShadow
{
	display: none;
	font-size: 0px;
}

/* Responsive menubar */

ul.menubar
{
	display: inline-block;
	list-style-type: none;
	margin-right: 0;
}
ul.menubar li
{
	display: inline-block;
	/* height: 40px; */
	padding: 0 8px;
	vertical-align: middle;
}
ul.menubar li.menubarItemSelected
{
}

/* ----- Menu-icon + dropdownmenu ----- */

div#iconMenu
{
	position:relative;
	left: 0;
	margin: 10px 0;
	padding:5px;
	width:100%;
	min-height:40px;
	height:100%;
	background:#333;
}

div#iconMenuIcon
{
	position:relative;
	float:left;
	width:30px;
	height:30px;
	background:url(images/menu-icon.gif);
}

div#iconMenuTree
{
	position: relative;
	background: #333;
	margin-top: 35px;
	padding: 10px;
	width: 200px;

}

div#iconMenuTree a
{
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
}

div#iconMenuTree a.lev2
{
	font-size:  16px;
	line-height: 22px;
	font-weight: normal;
}
/* --- Sub sections --- */

div.menu_sub_section_1
{
	padding: 4px 0px 0px 15px;
}
div.menu_sub_section_2
{
	padding: 0px 0px 0px 15px;
}
div.menu_sub_section_3
{
	padding: 0px 0px 0px 15px;
}
div.menu_sub_section_4
{
	padding: 0px 0px 0px 15px;
}
div.menu_sub_section_5
{
	padding: 0px 0px 0px 15px;
}
div.menu_sub_section_6
{
	padding: 0px 0px 0px 15px;
}


/* --- Div.menu link --- */

div.menu_link
{
	padding: 6px 0px 5px 10px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
div.menu_link_hover
{
	padding: 6px 0px 5px 10px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	background: url(images/menu_item_selected.html) no-repeat;
	background: #eeeeee;
	background: -moz-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(40%,#eeeeee),color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -o-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -ms-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: linear-gradient(to right,#eeeeee 40%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1);
}
div.menu_link_selected, div.menu_link_selected_hover
{
	padding: 6px 0px 5px 10px;
	cursor: pointer;
	background: #afdce0;
	border-bottom:1px solid #ccc;
	background: url(images/menu_item_selected.html) no-repeat;
	background: #eeeeee;
	background: -moz-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(40%,#eeeeee),color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -o-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -ms-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: linear-gradient(to right,#eeeeee 40%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1);
}
div.submenu_link
{
	margin: 1px 0;
	padding: 3px 0px 3px 10px;
	cursor: pointer;
}
div.submenu_link_hover
{
	margin: 1px 0;
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	background: #afdce0;
	background: url(images/menu_item_selected.html) no-repeat;
	background: #eeeeee;
	background: -moz-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(40%,#eeeeee),color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -o-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -ms-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: linear-gradient(to right,#eeeeee 40%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1);
}
div.submenu_link_selected, div.submenu_link_selected_hover
{
	margin: 1px 0;
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	background: #afdce0;
	background: url(images/menu_item_selected.html) no-repeat;
	background: #eeeeee;
	background: -moz-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(40%,#eeeeee),color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -o-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: -ms-linear-gradient(left,#eeeeee 40%,#ffffff 100%);
	background: linear-gradient(to right,#eeeeee 40%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1);
}
a.menu_link
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #333;
	text-decoration: none;
}
a.menu_link_selected
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #333;
	text-decoration: none;
}
div.menu_link_hover a
{
	color: #333;
}
a.submenu_link
{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
}
a.submenu_link_selected
{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
}
div.submenu_link_hover a, div.submenu_link_selected_hover a
{
	color: #333;
}

.menu_sub_section_2 a.submenu_link,
.menu_sub_section_2 a.submenu_link_selected
{
	font-size: 14px;
}

img.menu_marker,
img.submenu_marker,
img.menu_sublevel_marker
{
	display:none;
}
div.shopCart
{
	margin: 10px 5px 5px 5px;
	border: solid 1px #7f7f7f;
}
div.shopCart .title
{
	padding: 3px 10px;
	height: 20px;
	color: #ffffff;
	background: url(images/shop_cart_top.html) top left repeat-x;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
table.shopCart
{
	width: 167px;
	margin: 10px 0px 0px 5px;
	font-family: Arial;
}
div.shopCart .links
{
	margin: 10px 0px 5px 5px;
}
div.shopCart .links a
{
	font-family: Verdana;
}

table.pageContent td.pcTop
{
	height: 1px;
	font-size: 0px;
	background: #ffffff url(images/page_back.gif) top left repeat-y;
}
table.pageContent td.pcTop_full
{
	height: 1px;
	font-size: 0px;
	background: #ffffff;
}
table.pageContent td.pcTop table,
table.pageContent td.pcTop_full table
{
	width: 100%;
	height: 20px;
	color: #ffff00;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	display: none;
}
table.pageContent td.pcTop table td.title,
table.pageContent td.pcTop_full table td.title
{
	padding: 3px 10px 0px 10px;
}
table.pageContent td.pcTop table td.date,
table.pageContent td.pcTop_full table td.date
{
	padding: 4px 10px 0px 10px;
	font-size: 10px;
	text-align: right;
}
table.pageContent td.pcContent
{
	padding: 10px;
	width: 100%;
	height: 100%;
	background: #ffffff url(images/page_back.gif) top left repeat-y;
}
table.pageContent td.pcContent_full
{
	width: 100%;
	height: 100%;
	background: #ffffff;
}
table.pageContent td.pcBottomLinks
{
	height: 12px;
	padding-left: 10px;
	background: #ffffff url(images/page_back.gif) top left repeat-y;
}
table.pageContent td.pcBottomLinks_full
{
	height: 12px;
	padding-left: 10px;
	background: #ffffff;
}
table.pageContent td.pcBottom
{
	height: 7px;
	background: #ffffff url(images/page_back.gif) top left repeat-y;
}
table.pageContent td.pcBottom_full
{
	height: 7px;
	background: #ffffff;
}

.footerBackground
{
	background: none;
	border-top:1px solid #ccc;
}

div.footer-content,
div.footer-content a
{
	color: #000;
	font-size: 13px;
}

div.footer-content .article
{
	padding:5px 0 0 0;
}

@media screen and (max-width: 720px)
{
	div.footer-content .article
	{
	padding:0;
	}
}

/* ----- Footer align ----- */

.footerAlignRight
{
	text-align: right;
}

.footerAlignCenter
{

}

@media screen and (max-width: 720px)
{
	.footerAlignCenter
	{
	text-align:center;
	}
}


	




.article
{
	width: 100%;
	line-height: 1.3em;
}

/* Headings */

.article h1, h1
{
	font-family: 'Roboto', sans-serif;
	font-size: 2.2em;
	line-height: 1.1em;
	font-weight: 300;
	margin: 0 0 .4em 0;
	vertical-align: top;
}
.article h2, h2
{
	font-family: 'Roboto', sans-serif;
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: 300;
	margin: 0 0 .4em 0;
	vertical-align: top;
}
.article h3, h3
{
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 300;
	text-transform:uppercase;
	margin: 0 0 .3em 0;
	vertical-align: top;
}
.article h4, h4
{
	font-weight: bold;
}
.article h5, h5
{
	font-weight: bold;
}
.article h6, h6
{
	font-weight: bold;
}

/* Legacy headings */

.article span.h1
{
	font-size: 18px;
	font-weight: bold;
}

.article span.h2
{
	font-size: 14px;
	font-weight: bold;
}

.article span.h
{
	font-weight: bold;
}

/* Article elements */

.article .section
{
	margin: .5em 0 5px 0;
	vertical-align: top;
}

.article div.section span ul.ulist
{
	padding: 0px 0px 0px 16px;
}
.article div.section span ul.ulist li
{
	padding: 0px 0px 8px 0px;
}

.article .summary
{
	margin: .5em 0 0 0;
	font-weight: 700;
	margin: 10px 0;
}

.article div.author
{
	margin: .3em 0 0 0;
	font-weight: bold;
}

.article div.references
{
	margin: .5em 0 0 0;
}

/* Article images */

.article img
{
	vertical-align: top;
	max-width: 100%;
}

.article .imgText
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px 4px;
	margin: 4px 0;
	vertical-align: top;
	color: #888;
}

.article div.slideshow img.thumb
{
	margin: 4px 2px 0px 2px;
	background: #ffffef;
	border: 1px solid #bbb;
}

/* Form elements */

.article input.text
{
	border: 1px solid #bbb;
}

.article input.date
{
	width: 80px;
	margin-right: 2px;
	text-align: center;
}

.article input.checkbox
{
}

.article input.radio
{
}

.article input.file
{
	border: none;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}

.article textarea
{
	border: 1px solid #bbb;
	padding: 1px 2px;
}

.article label.label
{
	font-weight: normal;
}

/* Tables */

.article table.facttable th, .article table.facttable td
{
	padding: 2px 4px;
	border: 1px solid #ccc;
}

.article table.form th, .article table.form td
{
	padding: 2px 5px 2px 0px;
	vertical-align: middle;
}

.article table.row th, .article table.row td
{
	vertical-align: middle;
}

.article table.list
{
	width: 100%;
	border: 1px solid #bbb;
}

.article table.list th
{
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
	padding: 1px 2px 1px 2px;
	background: #cfcfcf;
	color: #000;
}

.article table.list td
{
	vertical-align: middle;
	padding: 1px 2px 1px 2px;
}

/* Tables - Page navigation */

.article table.listPageNav
{
	width: 100%;
	vertical-align: middle;
}

.article table.listPageNav td.nav
{
	width: 150px;
	padding: 4px 2px 3px 5px;
}

.article table.listPageNav td.right
{
	display: none;
}

.article table.pageNav
{
	height: 20px;
}

.article table.pageNav td
{
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
}
div.full
{
	width: 100%;
	overflow: hidden;
}
.formColumn
{
}
.formColumn .row
{
	width: 100%;
	clear: both;
	line-height: 18px;
	padding: 2px 0;
	overflow: hidden;
}

.formColumn div.row label.compact
{
	width: auto;
}
.formColumn div.row div.compact
{
	width: auto;
}
.formColumn .row label.L
{
	float: left; 
	display: block; 
	padding-right: 5px;
}
.formColumn .row div
{
	float: left;
}
div.alignRightLeft
{
	padding: 5px;
}
div.alignRightLeft .row label.L
{
	text-align: right;
}
div.alignRightLeft .row div
{
	text-align: left;
}
div.newRow
{
	clear: left;
}
.formColumn .row div input
{
	vertical-align: middle;
}
.formColumn .row div input.text
{
	width: 100%; 
	margin: 0; 
	_margin: -1px 0; 
}
.formColumn .row div input.date
{
	width: 80px;
	margin-right: 2px;
	text-align: center;
}
.formColumn .row div textarea
{
	width: 100%;
	height: 100%;
}
input.markInvalid, textarea.markInvalid, div.markInvalid div.selectionList
{
	background: #ffefdf;
}
div.markInvalid
{
	color: #ff0000;
}
/*
input:focus, textarea:focus
{
	background-color: #FFC;
	border-color: #FC6;
}
*/

div.news
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	height: 100%;
}
div.news table.pageNav
{
	background: #cccccc;
	color: #ffffff;
	width: 100%;
}
div.news div.title
{
	background: #ffffff;
	padding-bottom: 8px;
}
div.news h2
{
	font-family: Georgia;
	font-size: 22px;
	display: inline;
	font-weight: normal;
	color: #666666;
}
div.news h1
{
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	font-weight: bold;
}
div.news p
{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
div.newsEntry
{
	padding: 4px 0px 4px 0px;
}
div.newsEntry a
{
	color: #666666;
	font-family: "Trebuchet MS",Arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}
div.newsEntry a:hover
{
	color: #000000;
}
div.newsEntry span.date
{
	font-family: "Trebuchet MS",Arial;
	font-weight: bold;
	line-height: 16px;
	font-size: 11px;
}

div.indexEntry a
{
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
}
div.indexEntry a:visited
{
	color: #009999;
}
div.indexEntry a:hover
{
	color: #999999;
}
div.indexEntry span.date
{
	font-family: Verdana;
	font-weight: bold;
	line-height: 14px;
}



.cpYearNavigation,.cpMonthNavigation
{
	background-color: #7f7f7f;/*#C0C0C0;*/
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding: 1px;
}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText
{
	font-family: arial;
	font-size: 8pt;
}
td.cpDayColumnHeader
{
	text-align: right;
	border: solid thin #c0c0c0;/*#C0C0C0;*/
	border-width: 0px 0px 1px 0px;
}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate 
{
	text-align: right;
	text-decoration: none;
}
.cpCurrentMonthDate:hover, .cpOtherMonthDate:hover, .cpCurrentDate:hover 
{
	color: #cf0000;
}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled
{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}
.cpCurrentMonthDate, .cpCurrentDate
{
	color: #000000;
}
.cpOtherMonthDate
{
	color: #808080;
}
td.cpCurrentDate
{
	color: white;
	background-color:  #C0C0C0;
	border-width: 1px;
	border: solid thin #800000;
}
td.cpCurrentDateDisabled
{
	border-width: 1px;
	border: solid thin #FFAAAA;
}
td.cpTodayText, td.cpTodayTextDisabled
{
	text-align: center;
	border: solid thin #C0C0C0;
	border-width: 1px 0px 0px 0px;
}
a.cpTodayText, span.cpTodayTextDisabled
{
	text-align: center;
	height: 20px;
	text-decoration: none;
}
a.cpTodayText
{
	color: #000000;
	text-decoration: none;
}
a.cpTodayText:hover
{
	color: #cf0000;
}
a.cpText
{
	color: #000000;
	text-decoration: none;
}
a.cpText:hover
{
	color: #ffbc2b;
	text-decoration: none;
}
.cpTodayTextDisabled
{
	color: #D0D0D0;
}
.cpBorder
{
	border: solid 1px #000000;
	/*background: url(skin/content.png) top left repeat;*/
}
/*
	widget.css
*/

a.wSuperButton
{
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	color: #222;
	cursor: pointer;
}
a.wSuperButton:hover
{
	color: #222;
	text-decoration: none;
}
a.wSuperButton .left
{
	float: left;
	width: 5px;
	height: 20px;
	background: url(images/button.png) no-repeat left top;
	cursor: pointer;
}
a.wSuperButton .middle
{
	display: block;
	float: left;
	height: 20px;
	padding: 0 5px;
	background: url(images/button.png) no-repeat center top;
	cursor: pointer;
}
a.wSuperButton .middle img
{
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}
a.wSuperButton .right
{
	float: left;
	width: 5px;
	height: 20px;
	background: url(images/button.png) no-repeat right top;
	cursor: pointer;
}

.ie6 a.wSuperButton .left
{
	background: url(images/button.gif) no-repeat left top;
}
.ie6 a.wSuperButton .middle
{
	background: url(images/button.gif) no-repeat center top;
}
.ie6 a.wSuperButton .right
{
	background: url(images/button.gif) no-repeat right top;
}

a.wSuperButton:hover
{
	background: 0 0;
}
a.wSuperButton:hover .left
{
	background-position: left bottom;
}
a.wSuperButton:hover .middle
{
	background-position: center bottom;
}
a.wSuperButton:hover .right
{
	background-position: right bottom;
}

table.article .calendar
{
	
}
table.article .calendar th.calendar
{
	vertical-align: middle;
	text-align: center;
	height: 24px;
	padding: 0px 0px;
	border: solid 1px #afafaf;
	background: #f7f7f7;
}
table.article .calendar td.calendarName
{
	padding: 3px 0px;
	border: solid 1px #afafaf;
	font-size: 10px;
	font-family: Arial;
	background: #f7f7f7;
}
table.article .calendar td.calendarEmpty
{
	padding: 3px 0px;
	border: solid 1px #afafaf;
	font-size: 10px;
	font-family: Arial;
	background: #dfdfdf;
}
table.article .calendar td.calendar
{
	padding: 3px 0px;
	border: solid 1px #afafaf;
	font-size: 10px;
	font-family: Arial;
	background: #ffffff;
	cursor: pointer;
}
table.article .calendar table.calendarCell
{
	/*background: #ff0000;*/
}

table.article table.eventView td,
table.article table.eventView th
{
	padding: 0px 3px 0px 0px;
	vertical-align: middle;
}
table.article table.eventView td div.text
{
	/*font-family: Verdana;
	font-size: 11px;*/
}
table.article table.eventView td img,
table.article table.eventView th img
{
	vertical-align: middle;
}
table.article table.timeRuler
{
	font-family: Arial;
	font-size: 11px;
}
table.article table.timeRuler td, table.article table.timeRuler th
{
	width: 60px;
}

table.article table.dayEvent
{
	height: 13px;
	/*background: #ff0000;*/
}
table.article div.dayEvent
{
	font-family: Arial;
	font-size: 10px;
	height: 13px;
}

div.userInfo
{
	position: absolute;
	height: 70px;
	top: 10px;
	right: 10px;
	padding: 10px;
	text-align: right;
	/*background: #ffefef;
	border: solid 1px #7f7f7f;*/
}
div.userInfo table th
{
	text-align: right;
	padding-bottom: 2px;
}
div.userInfo table td
{
	padding-left: 5px;
	padding-bottom: 2px;
}

/*--------------------------------------------------*/

div.fileBrowserDlg
{
	top: 0px;
	left: 0px;
	overflow: hidden;
	background: #dfdfdf;
	font-family: Arial;
	font-size: 11px;
}
div.fileBrowserDlg table.fileBrowserDlg
{
	width: 100%;
}
div.fileBrowserDlg table
{
	font-family: Arial;
	font-size: 11px;
}

div.fileBrowserDlgTitle
{
	border-bottom: solid 1px #000000;
	background: #afafaf;
}

div.fileBrowserDlg td.fileBrowserDlg
{
	padding: 2px 4px;
}

div.fileBrowserDlgPath
{
	margin-top: 2px;
	padding: 2px 4px;
	height: 20px;
	overflow: hidden;
	border: solid 1px #7f7f7f;
	background: #ffffff;
	font-weight: bold;
	color: #7f7f7f;
}
div.fileBrowserDlgContent
{
	padding: 1px;
	height: 20px;
	border: solid 1px #7f7f7f;
	background: #ffffff;
	color: #7f7f7f;
	overflow: auto;
}
div.fileBrowserDlgContentHeader
{
	height: 20px;
	width: 100%;
}
div.fileBrowserDlgContentList
{
	width: 100%;
	overflow: auto;
}
div.fileBrowserDlgSelected
{
	padding: 2px 4px;
	height: 20px;
	overflow: hidden;
	border: solid 1px #7f7f7f;
	background: #ffffff;
	font-weight: bold;
	color: #7f7f7f;
}
input.fileBrowserDlgSelected
{
	padding: 0px;
	
	line-height: normal;
	width: 100%;
	vertical-align: top;
	border: none;
	background: transparent;
	font-weight: bold;
	color: #7f7f7f;
}

div.fileBrowserDlg table.fbDetailList
{
	width: 100%;
}
div.fileBrowserDlg table.fbDetailList tr.normal
{
	cursor: pointer;
}
div.fileBrowserDlg table.fbDetailList tr.normalFolderMode
{
	cursor: default;
	color: #afafaf;
}
div.fileBrowserDlg table.fbDetailList tr.hover
{
	cursor: pointer;
	background: #d8effc;
}
div.fileBrowserDlg table.fbDetailList th
{
	padding: 2px 4px 2px 2px;
	background: #dfdfdf;
	border-bottom: solid 1px #7f7f7f;
	text-align: center;
	vertical-align: middle;
}
div.fileBrowserDlg table.fbDetailList td
{
	padding: 1px 4px 1px 2px;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	height: 14px;
}
div.fileBrowserDlg table.fbDetailList td img
{
	margin-right: 3px;
	vertical-align: top;
}

div.fileBrowserDlg table.fbThumbView
{
}
div.fileBrowserDlg table.fbThumbView td.normal
{
	cursor: pointer;
}
div.fileBrowserDlg table.fbThumbView td.normalFolderMode
{
	cursor: default;
	color: #afafaf;
}
div.fileBrowserDlg table.fbThumbView td.hover
{
	cursor: pointer;
	background: #d8effc;
}

table.imageChooser
{
	width: 375px;
	border: solid 1px #7f7f7f;
	cursor: pointer;
}
table.imageChooser td
{
	padding: 1px;
}
table.imageChooser td img
{
	border: solid 1px #7f7f7f;
}

table.filearea
{
	width: 100%;
	border: solid 1px #0071BF;
}
table.filearea th
{
	height: 20px;
	vertical-align: middle;
	padding: 0px 5px;
	border-bottom: solid 1px #0071BF;
	/*background: url(images/list_header_bg.gif) top left repeat-x;*/
	background: #cfcfff;
	color: #000000;
}
table.filearea td
{
	height: 20px;
	vertical-align: middle;
	padding: 0px 5px;
}
table.filearea td a
{
	color: #0071BF;
}
table.filearea td a:hover
{
	color: #000000;
	text-decoration: underline;
}

tr.odd
{
}
tr.even
{
	background: #efefff;
}

input.file
{
	border: none;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}







.mobileFlags
{
	float:right;
	z-index: 999;
	position: relative;
	top: 0;
	margin-top: -36px;
	margin-right: 10px;
}

.tabletFlags
{
	display:none;
}

@media screen and (max-width: 979px)
{
	.tabletFlags
	{
		display:block;
	}
}

.logo
{
	padding-top:15px;
}

@media screen and (max-width: 720px)
{
	.logo
	{
	padding:5px;
	}
}


table.langSwitcher
{
	position:relative;
	float:right;
	z-index:999;
	/* margin-bottom:-40px; */
}


/* CSS för Puffar */

div.puff
{
	position: relative;
	float: none;
}
div.puffSpaceMaker
{
	display: block;
}
a.puffLinkHover div.puffSpaceMaker
{

}
div.puffText
{
	position: absolute;
	display: block;
	width: 100%;
	background: url(images/black-transparent.png) repeat;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	padding:2% 0;
}
.ie9 div.puffText
{

}

input,
input.text,
textarea
{
	width: 100% !important;
}


/* Responsiva inställningar */

div.rspBlock
{
	margin: 0 auto;
}

div.rspArticle
{
	/*background: #fff;*/
}

div.floatFix
{
	/*margin-bottom: -1px;*/
	height: auto;
}

div.Content
{
	max-width: 960px;
	background: #fff;
}



/* dataGrid */

table.article .dataGrid
{
	width: 100%;
}
table.article .dataGrid td.header
{
	padding: 2 4px;
	background: #eee;
	border: solid 1px #aaa;
	font-weight: bold;
}
table.article .dataGrid td
{
	padding: 2 4px;
	border: solid 1px #aaa;
}

