/*
h1
{
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;	
}
*/

/* Header styles. */

.header-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;    
}

.header-text:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;    
}

.header-text:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;    
}

.header-text:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;    
}

.header-text:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;    
}



#header
{
	width: 100%;
	height: 77px;
	background: url(../Images/top_bg1.gif) repeat-x;
	vertical-align: top;
}

#header-left
{
	background: url(../Images/top_left_border1.gif) no-repeat top left;
	width: 100px;
	height: 100%;
	width: 10px;
	padding: 0px 0px 0px 0px; /* top-right-bottom-left */
	position: relative;
	float: left;
	border: 0px solid #000000;
}

#header-logo-left
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 10px;
	top: 13px;
	border: 0px solid #000000;
}

#header-logo-text
{
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

#header-search
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	/* left was 345px - was temporarily changed due to extra text in opening logo */
	/* left was 203px - was temporarily changed due to extra text in opening logo */
	left: 345px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: none;
}

#header-logo-right
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* left was 345px - was temporarily changed due to extra text in opening logo */
	/* left was 203px - was temporarily changed due to extra text in opening logo */
	left: 345px;
	top: 15px;
	border: 0px solid #000000;
}

#header-right
{
	background: url(../Images/top_right_border1.gif) no-repeat top left;
	width: 100px;
	height: 100%;
	width: 10px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	/* left was 353px - was temporarily changed due to extra text in opening logo */
	/* left was 211px - was temporarily changed due to extra text in opening logo */
	left: 353px;
	border: 0px solid #000000;
}

input.button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 35px;
}

input.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #9C9C9C;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	width: 160px;
}


.example_overview_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    font-weight:bold;
}

.example_overview_text:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    font-weight:bold;
    text-decoration: underline;
}





/* Menu styles. */

#menu-top
{
	background: #86b4c4 url(../Images/top_right_border2.gif) no-repeat top right;
	height: 20px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* top-right-bottom-left */
	vertical-align: top;
}

#menu-top-right
{
	background: url(../Images/top_left_border2.gif) no-repeat top left;
	position: relative;
	float: left;
	width: 100px;
	height: 100%;
	width: 10px;
	padding: 0px 50px 0px 0px;
}

.menu-right
{
	background: url(../Images/top_left_border2.gif) no-repeat top left;
	width: 30px;
	height: 30px;	
}

.menu-top-item
{
	margin: 0px 0px 0px 0px;
	padding: 0px 21px 0px 0px;
	position: relative;
	float: left;
	top: 3px;
}


/* Main page - Top content. */

#content-top
{
	width: 100%;
	border: 0px solid #000000;
	margin: 0px 0px 2px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;

	position: relative;
	float: left;

}

#content-top-left
{
	border: 0px solid #000000;
	margin: 0px 6px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content-top-right
{
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.content-left-header
{
	width: 677px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../Images/header_blue_bg.gif) repeat-x top left;
}

.content-left-header-left-border
{
	background: url(../Images/header_blue_left.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.content-left-header-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 3px;
	width: 667px;
	position: relative;
	float: left;
}

.content-left-header-right-border
{
	background: url(../Images/header_blue_right.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.content-left-text-area
{
	width: 677px;
	background: #d9e9ee;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	text-align: center;
	height:100%;
}

.content-left-text-area-top
{
	height: 5px;
	width: 677px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_blue_top.gif) no-repeat top left;
}

.content-left-text-area-bottom
{
	height: 5px;
	width: 677px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_blue_bottom.gif) no-repeat top left;
}

div.text-container
{
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

p.text
{
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;

}

div.text
{
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	height:100%;
}

.text-example
{
    background: #eadbc8;
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	height:100%;
}

div.text-matrix
{
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	height:130px;
}

div.text-focusarea
{
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	height:245px;
}


p.text-white
{
	color: #ffffff;
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

div.text-white
{
	color: #ffffff;
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

.height-top
{
	height: 130px;
}

.height-bottom
{
	height: 200px;
}

#content-top-right-header
{
	width: 299px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../Images/header_orange_bg.gif) repeat-x top left;
}

#content-top-right-header-left-border
{
	background: url(../Images/header_orange_left.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content-top-right-header-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 3px;
	width: 289px;
	position: relative;
	float: left;
}

#content-top-right-header-right-border
{
	background: url(../Images/header_orange_right.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content-top-right-text-area
{
	width: 299px;
	background: #e18b74;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	text-align: center;
}

#content-top-right-text-area-top
{
	height: 5px;
	width: 299px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_orange_top_forside.gif) no-repeat top left;
}

#content-top-right-text-area-bottom
{
	height: 5px;
	width: 299px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_orange_bottom_forside.gif) no-repeat top left;
}


/* Bottom content. */

#content-bottom
{
	width: 100%;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content-bottom-left
{
	border: 0px solid #000000;
	margin: 0px 6px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;	
}

#content-bottom-right
{
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;	
}

#content-bottom-right-header
{
	width: 299px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../Images/header_brown_bg.gif) repeat-x top left;
}

#content-bottom-right-header-left-border
{
	background: url(../Images/header_brown_left.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content-bottom-right-header-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 3px;
	width: 289px;
	position: relative;
	float: left;
}

#content-bottom-right-header-right-border
{
	background: url(../Images/header_brown_right.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content-bottom-right-text-area
{
	width: 299px;
	background: #eadbc8;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	text-align: center;
}

#content-bottom-right-text-area-top
{
	height: 5px;
	width: 299px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_brown_top_forside.gif) no-repeat top left;
}

#content-bottom-right-text-area-bottom
{
	height: 5px;
	width: 299px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_brown_bottom_forside.gif) no-repeat top left;
}

#content-bottom-right-text-box-1
{
	border: 1px solid #000000;
	position: relative;
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}



#Newsletter
{
	margin: 0px auto 0px auto;	
}

#about-gsp_text
{
	margin: 5px 15px 5px 15px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	height:367px;
	background-color:#d9e9ee;
}

#about-gsp-news
{
	width:95%;
	float:left;
	background-color:#4B8F90;
	color:White;
	padding: 5px;
}




#about-gsp-height
{
    height:300px;
    width:1%;   
    float:left;
}

#about-gsp-top
{
	border: 0px solid #000000; 
	width: 44%; 
	position: relative; 
	float: left;
	height:100%;
}


#about-gsp-divider-img
{
    height:100%;
    width:2%;   
    float:left;
    background-image: url(../Images/stiplet_linie.gif);
    background-repeat: repeat-y;
	margin-left:17px;	
    margin-right:0px;	
}


#about-gsp-bottom
{
	border: 0px solid #000000; 
	width: 50%; 
	position: relative; 
	float: left; 
	height:100%;
}

#wheel
{
	border: 0px solid #000000; 
	position: relative; 
	width: 224px; padding: 0px; 
	margin-left:auto;	
    margin-right:auto;	
}

.text-box
{
	/* background: #ecf4f7; was removed */
	margin-left:11px;
	padding: 6px;	
}


/* Pages - left content. */



.pages-right-header
{
	width: 720px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../Images/header_blue_bg.gif) repeat-x top left;
}

.pages-right-header-left-border
{
	background: url(../Images/header_blue_left.gif) no-repeat top left;
	height: 100%;
	width: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.pages-right-header-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	top: 3px;
	width: 700px;
	position: relative;
	float: left;
}

.pages-right-header-right-border
{
	background: url(../Images/header_blue_right.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.pages-right-text-area
{
	width: 720px;
	background: #d9e9ee;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	text-align: left;
	vertical-align: top;
}

.pages-right-text-area-top
{
	height: 5px;
	width: 720px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_blue_large_top.gif) no-repeat top left;
}

.pages-right-text-area-bottom
{
	height: 5px;
	width: 720px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_blue_large_bottom.gif) no-repeat top left;
}

.pages-content-left
{
	border: 0px solid #000000;
	margin: 0px 6px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;	
}

.pages-content-right
{
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px; /* top-right-bottom-left */
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}


/* Pages - right content. */

.pages-content-right-header
{
	width: 257px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../Images/header_brown_bg.gif) repeat-x top left;
}

.pages-content-right-header-example
{
	width: 257px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../Images/header_brown_bg.gif) repeat-x top left;
}

.pages-content-right-header-left-border
{
	background: url(../Images/header_brown_left.gif) no-repeat top left;
	height: 100%;
	width: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.pages-content-right-header-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 3px;
	width: 237px;
	position: relative;
	float: left;
}

.pages-content-right-header-right-border
{
	background: url(../Images/header_brown_right.gif) no-repeat top left;
	height: 100%;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

.pages-content-right-text-area
{
	width: 256px;
	background: #eadbc8;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	text-align: center;
}

.pages-content-right-text-area-example
{
	width: 256px;
	background: #eadbc8;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	text-align: center;
}

.pages-content-right-text-area-top
{
	height: 5px;
	width: 257px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_brown_small_top.gif) no-repeat top left;
}

.pages-content-right-text-area-bottom
{
	height: 5px;
	width: 257px;
	border: 0px solid #000000;
	background: #e9dbc7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../Images/table_brown_small_bottom.gif) no-repeat top left;
}

#table-search-result
{
	width: 100%;	
}

.ExampleHeadline
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;	
}



/*Reorder List Talk to pedi*/
.dragHandle 
{
	width:33px;
	/*height:78px;*/
	/*background:url(../Images/knap_drag_me.gif) no-repeat top left;*/
	cursor:pointer;
}

.reorderListDemo li 
{
	list-style:none;
	/*color:#FFF;*/
}

.reorderListDemo li a 
{
	color:#FFF !important; 
	font-weight:bold;
}

.reorderCue 
{
	list-style:none;
	border:dashed thin #86b4c4;
	height:65px;
	
}

.itemArea {
	margin-left:0;
	margin-bottom:2px;
	font-family:Arial, Verdana, sans-serif;
	text-align:left;
	background-color:#b8d6e1;
	border:1px #457e92 solid;
	height:65px;
	/*width:600px;*/
	padding-left:7px;
	padding-right:7px;
}

.editItemArea
{
	margin-left:0;
	margin-bottom:2px;
	/*font-family:Arial, Verdana, sans-serif;*/
	text-align:left;
	/*background-color:#b8d6e1;*/
	border:1px #457e92 solid;
	height:165px;
	width:600px;
	padding-left:5px;
	padding-right:5px;
}

.print-example-preview
{
	text-align: left;
	margin-left: 5px;
	
}

.print-documents
{
	width: 50px;	
}

.right-content-example
{
	text-align: left;
	float: left;
	width: 720px;
	margin-left: 5px;	
}