/* CSS mall*/

/* Globala stilar ------------------------------------------- */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, frameset, frame, div, img, a, href {
	margin:0;
	padding:0;
}

a img {
	border:none;
	padding: 0;
	margin: 0;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* iepngfix fixar png28 i IE6 - That CSS selector must include the tags/elements on which you want PNG support*/
.png_fix { behavior: url(/_scripts/iepngfix/iepngfix.htc) }

/* Ange html, body height 100% för firefox 100% height */
html,body {
	height:100%
	}

body {
	background-image: url('/_img/graphic/bg-light-grey.jpg');
	background-repeat: no-repeat;
	background-color: #9c9c9c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:	14px;
	color: #FFFFFF;
} 

h1, h2, h3, h4, h5, h6, p  {
	color: #FFFFFF;
	line-height: 19px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
}

p a:link {text-decoration: underline; color: #FFFFFF;}
p a:visited {text-decoration: underline; color: #FFFFFF;}
p a:hover {text-decoration: underline; color: #FFFFFF;}
p a:active {text-decoration: underline; color: #FFFFFF;}


/* start ------------------------------------------- */
#startTextBox {
	position:absolute; left:1.5%; top:60px; z-index:2;
	width: 400px;
}
.arrow_margin {
	margin-right: 5px;
}

/* Meny ------------------------------------------- */
#MenyBox {
	position:absolute; left:1.5%; top:60px; z-index:2;
	width: 400px;
}
#MenyLogo {
	margin-bottom: 17px;
}
.EnKnapp {
	vertical-align: bottom;
	margin-top: 2px;
}
.menyRutor {
	margin: 25px 0 23px 0;
}
.menyText{
	color: #FFFFFF;
}
.menyText 	a:link {text-decoration: none; color: #FFFFFF;}
.menyText	a:visited {text-decoration: none; color: #FFFFFF;}
.menyText	a:hover {text-decoration: underline; color: #FFFFFF;}
.menyText	a:active {text-decoration: none; color: #FFFFFF;}


/* Layouy ------------------------------------------- */

#contentBox {
	width: 750px;
	position: absolute; left: 25%; top: 60px;
}
#header_select {
	width: 100%;
}
#bildTextHeaderBox {
	width: 355px;
	margin: 25px 0 0 0;
	float:left;
}
#selectBildBox {
	margin:18px 0 37px 0;
	float:right;
}
#bildTextBox2 {
	width: 355px;
	height:60px;
	float:left;
	clear:both;
	margin-bottom:20px;
	margin-top:15px;
}
.fLeft {
	float:left;
}

.selectBall{
	margin-left:4px;
	cursor:pointer;
}
.noPointer {
	cursor:default;
}
#sidfot {
	margin: 15px 0 40px 0;
}
.sidfotBack {
	margin: 0 5px 0 623px;
}
#sidfot2 {
	margin: 15px 0 50px 0;
	float:right;
}
#by_ideform {
	position: absolute; left: 5px; bottom: 5px;
	color: #FFFFFF;
	font-size: 12px;
}
#by_ideform	a:link {text-decoration: none; color: #FFFFFF;}
#by_ideform	a:visited {text-decoration: none; color: #FFFFFF;}
#by_ideform	a:hover {text-decoration: none; color: #FFFFFF;}
#by_ideform	a:active {text-decoration: none; color: #FFFFFF;}

#by_ideform2 {
	float:left;
	clear:both;
	color: #666666;
	font-size: 11px;
	margin-top:30px;
}
#by_ideform2	a:link {text-decoration: none; color: #666666;}
#by_ideform2	a:visited {text-decoration: none; color: #666666;}
#by_ideform2	a:hover {text-decoration: none; color: #666666;}
#by_ideform2	a:active {text-decoration: none; color: #666666;}

#miniatyrTopBox {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}


.miniBildBox {
	display: table-cell;
	float: left;
	font-size: 15px;
	margin-bottom: 30px;
}
.miniBildBox	a:link {text-decoration: none; color: #FFFFFF;}
.miniBildBox	a:visited {text-decoration: none; color: #FFFFFF;}
.miniBildBox	a:hover {text-decoration: none; color: #FFFFFF;}
.miniBildBox	a:active {text-decoration: none; color: #FFFFFF;}

.miniBild {
	display: block;
	margin-bottom: 9px;
}
.miniBildBoxMargin {
	margin-right:50px;
}

/* about ----------------------------------- */
#aboutBild {
	margin-right:10px;
	float: left;
}
#aboutMap {
	float: left;
}
#aboutTextContainer {
	float: left;
	width: 465px;
	margin-right: 45px;
	margin-top: 40px;
}
#aboutContactsContainer {
	float: left;
	width: 230px;
	text-align: right;
	margin-top: 40px;
}
#aboutLine {
	float: left;
	width: 100%;
	background-image: url('/_img/graphic/line-dotted-grey.gif'); 
	background-repeat: repeat-x;
	height:4px;
	line-height:0px;
	margin-top:50px;
}
#aboutBotten {
	float: left;
	width: 100%;
	height:60px;
}

/* text ----------------------------------- */
h1.geo_sans{
	font-family: 'geo_sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
}
h3.geo_sans{
	font-family: 'geo_sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px; 
	font-weight: bold;
}


.bildText {
	margin-bottom:3px;
}

h2 {
font-family: 'illuminating', Arial, Helvetica, sans-serif;
font-size:30px; /* All font-sizes are supported */
color:#ccc;
}
.uppercase {
	text-transform:uppercase;
}
.eleven {
	font-size: 11px;
}
.twelve{
	font-size: 12px;
}
.size18{
	font-size: 18px;
}
.size13{
	font-size: 13px;
}
.bold {
	font-weight: bold;
}
.head1 {
	font-size: 24px;
	font-style: italic;
}
.margin1 {
	margin-bottom:20px;
}
.margin2 {
	margin-bottom:6px;
}
.margin3 {
	margin-top:5px;
}
.margin10 {
	margin-bottom:10px;
}
.margin14 {
	margin-bottom:14px;
}
/* linjer och bakgrunder ----------------------------------- */
.line1 {
	width: 100%;
	background-image: url('/_img/graphic/line-dotted-grey.gif'); 
	background-repeat: repeat-x;
	height:4px;
	line-height:0px;
}
.line2 {
	float:left;
	width: 100%;
	background-image: url('/_img/graphic/line-dotted-grey.gif'); 
	background-repeat: repeat-x;
	height:4px;
	line-height:0px;
	margin:25px 0 0 0;
}
.vline1 {
	background-image: url('/_img/graphic/vline-dotted-white.png'); 
	background-repeat: repeat-y;
	height:90px;
	margin: 0 40px 0 0;
	width: 4px;
	float:left;
}


/* färger ----------------------------------- */
.red{
	color: #C60101;
}
.red 	a:link {text-decoration: none; color: #C60101;}
.red	a:visited {text-decoration: none; color: #C60101;}
.red	a:hover {text-decoration: none; color: #C60101;}
.red	a:active {text-decoration: none; color: #C60101;}

.grey{
	color: #555555;
}
.grey 	a:link {text-decoration: none; color: #555555;}
.grey	a:visited {text-decoration: none; color: #555555;}
.grey	a:hover {text-decoration: underline; color: #555555;}
.grey	a:active {text-decoration: none; color: #555555;}

.yellow{
	color: #F2DC24;
}
.yellow 	a:link {text-decoration: none; color: #F2DC24;}
.yellow	a:visited {text-decoration: none; color: #F2DC24;}
.yellow	a:hover {text-decoration: none; color: #F2DC24;}
.yellow	a:active {text-decoration: none; color: #F2DC24;}


/* preload ----------------------------------- */
.preload {
	display: none;
}

/* form ----------------------------------- */