* {
	margin: 0;
}

html, body {
	height: 100%;
}

body{
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #f6f6f6;
	color: #333333;
	line-height: 1.166;
}

#wrapper{
    min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0;
	padding: 0px;
	width: 960px;
	background-color: #fff;
	border-right: 1px solid #e3e3e3;
    float: left;
}

a:link, a:visited, a:active {
	color: #06c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
   /* border-bottom: 1px dotted;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdan,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font: bold 16px Trebuchet,Verdana,Arial,sans-serif;
 color: #066;
}

h2{
 font-size: 14px;
 color: #09c;
 margin-bottom: 10px;
}

h3 {
 font-size: 14px;
 color: green;
}

h4{
 font-size: 12px;
 font-weight: bold;
 color: #000;
 margin-bottom: 10px;
}

h5{
 font-size: 12px;
 color: #066;
}

ul{
 list-style-image: url(images/bullet.gif);
 list-style-type: disc;
 margin: 0 0 20px 20px;
 padding: 0;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

img {
	border: 0;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#masthead{
	margin: 0;
	padding: 10px 0px;
	width: 960px;
	height: 263px;
    clear: both;
}

/***********************************************/
/*Content Divs                               */
/***********************************************/

#logo{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	background: url(images/logga.gif) no-repeat 0 0;
	height: 77px;
}

#logo h1 span {
	display: none;
}


/************* #menu styles **************/

ul#menu {
    display: block;
    list-style: none;
  	background: #5abfe9 url(images/nav-bg.gif) repeat-x 0 0;
	font: bold 14px tahoma, arial, sans-serif;
    line-height: 27px;
    height: 27px;
	margin: 0;
	padding: 0;
	width: 960px;
	text-align: center;
}

ul#menu li {
	display : inline;
}

ul#menu li a:link, ul#menu li a:visited {
	color : #fff;
	text-decoration : none;
	padding: 0px 20px;
	float : left;
    text-align: center;
	border-right : 1px #39c solid;
	border-left : 1px #5cb7d7 solid;
}

ul#menu li a:hover {
  	background: #399 url(images/nav-bg-hover.gif) repeat-x 0 0;
	color : #fff;
	text-decoration : none;
	border-bottom : none;
}

ul#menu li a.current {
  	background: #399 url(images/nav-bg-hover.gif) repeat-x 0 0;
}

ul#menu li a#first {
	border-left : none;
	border-right : 1px #39c solid;
    color: #e9b600;
    padding: 0;
}

ul#menu li a#last {
	border-right : none;
	border-left : 1px #5cb7d7 solid;
    color: #45acd7;
    padding: 0;
}
/************* greenbar & flash *************/

#greenbar{
  	background: #690 url(images/greenbar-bg.gif) repeat-x 0 0;
	margin: 0;
	padding: 0
	width: 960px;
	height: 9px;
}

#flash {
    margin: 0;
    padding: 0;
    height: 150px;
    width: 960px;
}

/************* content below flash banner *************/
#content{
    float:left;
	width: 100%;
	margin: 20px 0 0 0;
    _margin-top: 10px;
    padding: 0;
    clear: both;
    /*border: 1px solid red;*/
}
/************* #sidebar styles **************/

#left {
    margin: 0;
    padding: 0;
    width: 205px;
	min-height: 100%;
	height:auto;
    float: left;
}

ul#sidebar {
    display: block;
    list-style: none;
  	background: #399 url(images/sidebar-bg.gif) repeat-y 0 0;
	font: bold 14px tahoma, arial, sans-serif;
    line-height: 27px;
	margin: 0 0 0 5px;
	padding: 0;
	width: 200px;
    float:left;
}

ul#sidebar li {
    background: url(images/dot.gif) repeat-x;
	padding: 1px 0 0 0;
	margin: 0;
}

ul#sidebar li a:link, ul#sidebar li a:visited {
	color : #fff;
	text-decoration : none;
	display : block;
	width: 100%;
	height: 25px;
	border: 0 !important;
	padding: 0;
    background: url(images/menu_bullet.gif) no-repeat 7px 0;
}

ul#sidebar li a:hover, ul#sidebar li a.active, ul#sidebar li a.current {
  	background-color: #5abfe9;
	text-decoration : none;
}

ul#sidebar li a em { margin-left: 30px; font-style: normal; }

ul#sidebar li a:link#new, ul#sidebar li a:visited#new {
    background: url(images/menu_new.gif) no-repeat 0px 0;
}

ul#sidebar li a:hover#new, ul#sidebar li a.active#new, ul#sidebar li a.current#new {
  	background-color: #5abfe9;
	text-decoration : none;
}

ul#sidebar li#first {
    background: url(images/sidebar-top.gif) no-repeat 0 0;
	height: 25px;
    padding: 0;
}

ul#sidebar li#last {
    background: url(images/sidebar-bottom.gif) no-repeat 0 0;
    height: 69px;
    padding: 0;
}

.stycke {
    margin: 0;
    padding: 0;
    float: left;
}

#right {
    margin: 0 05px 0 10px;
    padding: 0;
    width: 735px;
    float: right;
}

#right p {
    margin: 0 0 25px 0;
    padding: 0;
}

#right p span{
    float: right;
    background: url(images/orange-arrow.gif) no-repeat 0 50%;
    padding-left: 11px;
}

#right .photo {
    margin: 0 0 10px 10px;
    padding: 5px;
    background-color: #efefef;
    float: right;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    width: 350px;
}

#right .photo .caption, #right .photoArticle .caption {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    font-style: oblique;
    padding: 3px 3px 3px 20px;
    margin: 0 0 0 3px;
    background: url(images/info.gif) no-repeat 0 50%;
}

#right .photo .caption span, #right .photoArticle .caption span {
    font-size: 10px;
    margin: 0;
    background: none;
    float: right;
}

/************* #kontaktform styles ***************/

#kontaktform {
    margin: 0;
    padding: 0;
    width: 320px;
    float: left;
}

#kontaktform form {
 margin:0;
 padding:0;
}

#kontaktform fieldset {
 border:1px solid #e2e2e2;
 margin:0 0 10px 3px;
 padding:5px;
 width:320px;
}

#kontaktform legend {
 color:#066;
 font-weight:bold;
 font-size:1.1em;
 font-variant:small-caps;
 padding:3px; margin:0;
}

#kontaktform input {
 margin:2px 0;
 padding:2px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 border:1px solid #9cc;
 width:190px;
}

#kontaktform label {
 float:left;
 clear:left;
 display:block;
 width:100px;
 margin:2px 2px 2px 0;
 padding:0; font-size:.9em;
}

#kontaktform textarea {
 border:1px solid #9cc;
 padding:2px; width:190px;
}

#kontaktform .submit {
 width:190px;
 margin:5px 0;
 background:#399;
 border:1px solid;
 border-color:#6cc #1b9797 #1b9797 #6cc;
 color:#fff;
 cursor:pointer;
}

#kontaktform .submit:hover {
 background:#39c;
 border:1px solid;
 border-color: #29aef0 #1e85b9 #1e85b9 #29aef0;
 color:#fff;
}

#kontaktform .invis { visibility:hidden;}
#kontaktform input:focus {border:1px solid #699;}
#kontaktform textarea:focus {border:1px solid #699;}

/************* #bokaknapp styles ***************/

#bokaknapp {
    padding: 0;
    margin: 0 0 25px 20px;
    width: 76px;
    height: 22px;
	background: url(images/bokaknapp.gif) top left no-repeat;
}

#bokaknapp a {
	display: block;
    float: left;
	margin: 0;
    padding:0;
	width:100%;
    height:100%;
	text-decoration: none;
	background: url(images/bokaknapp.gif) no-repeat top left;
	}

#bokaknapp span {
	display: block;
    visibility: hidden;
	margin: 0;
    padding: 0;
	}

#bokaknapp a:hover {
	background: url(images/bokaknapp.gif) no-repeat bottom left;
}

/************* #languageselection styles ***************/

#languageselection {
    float: right;
    margin: 10px;
}

#languageselection span {
    margin: 2px;
    text-align: center;
    float: left;
}
/************* #footer styles ***************/

#footer{
	width: 960px;
    height: 30px;
	border-top: 1px solid #50add4;
	background-color: #5abfe9;
	font-size: 11px;
	line-height: 30px;
	color: #fff;
	padding: 0px;
	margin:30px 0 0 0;
    text-align: center;
    clear: both;
}

#footer a:link, #footer a:visited, #footer a:hover {
	color: #fff;
	text-decoration: none;
}

#footer img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
