.ipt, .iptText 
{
font-family:verdana;
}

.ipt 
{
border:1px solid #888;
}

.input 
{
border:1px solid #aaa;
padding:2px;
color: #888;
font-family:verdana;
}

textarea.input
{
width:400px;
height:70px;
}

input.input 
{
width:250px;
}


/* Styles för huvudsidan */

h1 
{
color:#555;
font-family: 'Times New Roman', serif;
font-size:200%;
font-style:italic;
}

h2 
{
color:#555;
font-family: 'Times New Roman', serif;
font-size:150%;
font-style:italic;
}

div.hr
{
height:1px;
overflow:hidden;
background:#888;
margin-top:20px;
}

body
{
font-size:80%;
margin:0 auto;
width:800px;
text-align:center;
color: #555;
font-family: verdana;
}

table
{
font-size: 100%;
}

div
{
text-align: left;
}

td.menuTable 
{
padding-left:20px;
padding-right:20px;
}

.subMenuLink 
{
color: #888;
font-size:100%;
font-family:verdana;
}

.subMenuLink:hover
{
color:#C4000C;
}

.subMenuContainer 
{
background-color:#fff;
white-space: nowrap;
border:1px solid #A6A6A6;
padding:5px 5px 10px 10px;
text-align:left; 
}

.subMenuOuter 
{
background-color:#fff;
position:absolute;
z-index:200;
left:-23px;
top:6px;
text-align:left;
}

.subMenuOuterOuter
{
position:relative;
visibility:hidden;
text-align:left;
z-index:200;
}

.menuTR td 
{
padding:0px 0px 6px 0px;
}

.menuTR img 
{
width:6px; 
height:13px; 
margin-right:5px;
}


/* Styles för content-sidorna */

.contentBody 
{
margin: 30px 0px 50px 80px;
}

.contentTextContainer 
{
width: 380px;
margin-top:20px;
}

.contentClipArt 
{
margin-top:20px;
float:right;
text-align:center;
}

.contentClipartCaption 
{
font-family:garamond;
font-style:italic;
font-size: 100%;
color: #888888;
text-align:left;
}

.source 
{
font-style:italic;
text-align: right;
}

.footer 
{
border-top:1px solid #F88;
text-align:right;
margin:20px 0 50px 0;
padding:3px 3px 5px 0px;
clear: both; 
width: 100%;
}

.footerlogos
{
float: left;
}

.contentText .headline 
{
font-weight:bold;
padding:18px 0px 5px 0px;
}

.contentText .topSpacer 
{
height:11px;
}

.contentListId 
{
width:25px;
text-align:center;
}

.contentListContent
{
width:350px;
}



/* Styles för puffarna på förstasidan */

.puff1 
{
float:left;
width:341px;
margin: 0px 20px 0px 10px;
}

.puff3 
{
float:left;
width:310px;
margin: 0px 2px 10px 10px;
}

.puff4 
{
margin: 12px 20px 0px 20px;
width:672px;
}

.puffText, .contentClipArt 
{
font-family:verdana;
}

.quote 
{
font-style:italic;
}

.red 
{
font-style:italic;
font-size:120%;
font-weight:bold;
font-family:garamond;
color:#C4000C;
}

a 
{
color:#C4000C; 
text-decoration:none;
}

a:hover 
{
color:#C4000C;
}

.imageHeadline
{
font-family:Times New Roman;
color:#808080;
font-size: 16pt;
font-style: italic;
}



.clearfix:after 
{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix 
{
height: 1%;
}

.rootlink
{
font-size: 1.3em;
color: #888888;
text-decoration: none;
white-space: nowrap;
font-family: tahoma, verdana, sans-serif;
display: block;
float: left;
padding: 0px 18px 0px 18px;
margin: 8px 0px 8px 0px;
position: relative;
}

.rootlink:hover
{
color: #c4000c;
}

.subMenuLink
{
display: block;
padding-left: 15px;
margin-bottom: 5px;
}

.subMenuLink:hover
{
background-image: url("images/submenuArrow.gif");
background-repeat: no-repeat;
background-position: left top;
}

.topimages
{
width: 800px;
white-space: nowrap;
position: relative;
}

.newtopmenu
{
width: 800px;
border-top: 2px solid rgb(166,166,166);
border-bottom: 2px solid rgb(166,166,166);
text-align: center;
position: relative;
height: 2em;
}

.rootitem
{
float: left;
position: relative;
}

.subMenuOuterOuter
{
position: absolute;
top: 37px;
left: 40px;
}

.noborder
{
border: 0px;
}

.clearboth
{
clear: both;
}

.karta
{
clear: both;
width: 100%;
}

.emailtext
{
width: 420px;
}