/* GENERAL STYLES */
/* GENERAL STYLES */
body 
{
    height:100%;
	background-color: #ffffff;
	background-image:url(/images/img_bodybg_02.gif);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px;
	text-align:center;
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size:small;
}
body {
	text-align:-moz-center;
}
HR 
{   color: #000000;
	background: #FFFFFF;
	border: 0;
	Height: 1px;
}

h1
{
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size:20px;
	letter-spacing:50;
	margin-top: 0px;
	margin-bottom:0px;
	color:#ffffff;
}

h2
{
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size:small;
	letter-spacing:15;
	margin-top: 0px;
	margin-bottom:10px;
}

h5
{
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size:10px;
	letter-spacing:0;
	margin-top: 0px;
	margin-bottom:0px;
	color:#999999;
}

p
{
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:normal;
	letter-spacing:0;
	margin-top: 0px;
	margin-bottom:10px;
	color:#000000;
}

img
{
    border:0px;
}    

.wrapper 
{
	position:relative;
	width:976px;
	height:100%;
	padding:0px 0px 0px 30px;
	margin:auto 0;
	text-align:center;

	
	margin-left:auto;
	margin-right:auto;

}



#wrapperright
{
    float:left;
    width:25px;
    height:709px;
    margin-left:0px;
}

.flag
{
    float:left;
    width:25px;
    margin:26px 0px 0px 0px;
    padding:0px;
    border:0;
}

.flag img
{
    border:0;
    padding:0px;
    margin:0px;
}

.flag a
{
    border:0;
}

.innerwrapper 
{
	float:left;
	width:946px; /*946*/
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}

.topwrapper
{
	float:left;
	background-color:#ffffff;
	width:945px;
	height:62px;
	padding:0px;
	margin:0px 0px 0px 0px;
}    

.logo
{
    float:left;
    width:177px;
}
	
.kontaktinfo
{
    float:right;
    width:748px;
    text-align:right;
    font-family:Arial;
    font-size:smaller;
    color:#888888;
    padding:37px 20px 0px 0px;
}

.contentwrapper
{
    width:849px;
    background-color:#ffffff;
	float:left;
}

.menuwrapper
{
	
	background-color:#818285;
	width:895px;
	height:20px;
	border-top:solid 1px #a1a1a4;
	border-bottom:solid 1px #a1a1a4;
	padding:0px 0px 0px 50px;
	margin:0px 0px 0px 0px;
float:left;
}    

.contentwrapper
{
	float:left;
	width:941px;
	margin:0px 10px 0px 4px;
	text-align:left;
	color:#000000;
	background-color:#ffffff;
}

.toppic
{
    float:left;
    width:937px;
    height:250px;
}

.paneleft
{
    float:left;
    width:266px;
    height:344px;
}

.panecenter
{
    float:left;
    width:420px;
    padding-right: 20px;
}

.panespacer
{
    float:left;
    width:1px;
    height:344px;
    background-color:#818285;
}

.breadcrumbwrapper
{
    float:left;
    width:440px;
    height:30px;
    padding-top:0px;
    font-family:Arial;
    font-size:x-small;
    color:#888888;
    list-style:none;
    list-style-position:inside;
    display:inline;
}

.breadcrumbwrapper li
{
    list-style:none;
    list-style-position:inside;
    display:inline;
}

.breadcrumbwrapper a:link, .breadcrumbwrapper a:visited
{
    color:#888888;
    text-decoration:none;
}

.breadcrumbwrapper a:hover
{
    color:#888888;
    text-decoration:underline;
}

.content
{
	float:left;
	width:525px;
	padding:0px 25px 25px 0px;
	text-align:left;
	color:#000000;
	background-color:#ffffff;
	margin:0px 0px 0px 50px;
}

.content p
{
	font-family: Arial, Trebuchet MS, Arial Narrow, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	letter-spacing:0;
	color:#000000;
}

.content h1
{
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-size:20px;
	letter-spacing:50;
	margin-top: 0px;
	margin-bottom:20px;
	color:#5e90a7;
}

.content h2
{
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size:24px;
	letter-spacing:50;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #ffffff;
	background-color: #5e90a7;
	padding: 10px;
	background-image:url(/images/vis_knap_01.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.content a
{
	color:#000000;
}

.content a:hover
{
	color:#000000;
}

.paneright
{
    float:left;
    width:230px;
    height:344px;
}

.rullegardin
{
    float:left;
    width:958px;
    height:100%;
    background-image:url(/images/img_containerbg.gif);
    background-position:top left;
    background-repeat:repeat-y;
}


/* HORIZONTAL FREESTYLE MENU LAYOUT */
.current 
{
	text-decoration:none;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul 
{
     margin: 0 !important;
     padding: 0 !important;
     list-style: none !important;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul 
{
     display: none;
     position: absolute;
     top: 1.0em; margin-top: 12px !important;
/* I'm using ems and px to allow people to zoom their font */
     left: 0px;
     width:145px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul 
{
    position:absolute;
     top: 4px; margin-top: 0;
     left: 149px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li 
{
    float: left;
    display: block;
    position: relative;
    text-align:left;
    width:145px;
    border-left: 1px #6d6d70 solid !important;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li 
{
     float: none;
     margin: 0;
     margin-bottom: -1px;
}
.menulist ul>li:last-child 
{
     margin-bottom: 1px !important; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a 
{
    	display: block;
    	height:17px;
	background-color:#818285!important;
	border-top:solid 1px #a1a1a4 !important;
	border-bottom:solid 1px #a1a1a4 !important;
	padding:3px 15px 0px 10px !important;
	margin-top:-1px !important;
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	text-transform:none !important;
	font-weight:bold !important;
	text-decoration:none !important;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus 
{
	background-color:#c3cf21 !important;
	border-top:solid 1px #b1b58b !important;
	border-bottom:solid 1px #b1b58b !important;
	color:#818285 !important;
	text-decoration:none !important;
}
.menulist a.highlighted 
{
	background-color:#c3cf21 !important;
	border-top: 1px #b1b58b solid !important;
	border-bottom: 1px #b1b58b solid !important;
	color:#818285 !important;
	text-decoration:none !important;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind 
{
     display: none;
}
.menulist ul a .subind 
{
     display: block;
     float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a 
{
     float: left;
}
.menulist ul a 
{
     float: none;
}
/* \*/
.menulist a 
{
     float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li 
{
     float: left;
     width: 100%;
}

* html .menulist ul li 
{
     float: left;
     height: 1%;
}
* html .menulist ul a 
{
     height: 1%;
}
/* End Hacks */

/* EDITOR PROPERTIES */

#MainContent .ContactForm .Error
{
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/theme_one/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

#MainContent .ContactForm .Error li
{
	font-weight:normal;
}

#MainContent .ContactForm fieldset
{
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .ContactForm legend
{
	display:none;
}

#MainContent .ContactForm label
{
	color:#000000;
	font-weight:normal;
	font-size:small;
}

#MainContent .ContactForm .TextBox
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
}

#MainContent .ContactForm .TextArea
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
}

#MainContent ul li
{
    list-style-type:none;
}    

#MainContent img
{
    border:0px;
}    

.mainlinks a:link, .mainlinks a:visited
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#231f20;
    text-decoration:none;
}    

.mainlinks a:hover
{
    font-size:small;
    color:#ec008c;
    font-size:11px;
    text-decoration:underline;
}

/* EDITOR PROPERTIES */