body { 	background-image: url(grafik/bakgrund.jpg);
		background-repeat:repeat-x;
		background-attachment:fixed;
		margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
		
img {  border-style: none;}

P { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; margin: 0px; margin-left: 0px; padding: 0px; }

H1 { font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#FF6600; font-weight:bold; padding:0px; margin:0px; margin-left: 0px; margin-top: 10px; display: inline }
H2 { font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#FF6600; font-weight:bold; padding:0px; margin:0px; display: inline }

.orange-10 { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FF6600 }
.orange-10-bold { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FF6600; font-weight:bold }
.orange-12-bold { font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#FF6600; font-weight:bold }

.grey-10 { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#555555 }
.grey-10-italic { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#555555; font-style:italic }
.grey-small-italic { font-size:8pt; color:#333333; font-style:italic; font-family: Arial, Helvetica, sans-serif; }

.red-10 { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FF0000 }
.red-10-bold { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FF0000; font-weight:bold }
.red-12-bold { font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#FF0000; font-weight:bold }

.blackish-8 { font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#353535; }
.blackish-10-bold { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#353535; font-weight:bold; }
.blackish-12-bold { font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#353535; font-weight:bold; }

.green-12-bold { font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#00CC00; font-weight:bold; }

A:link { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#CC6600; text-decoration:underline }
A:visited { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#CC6600; text-decoration:underline}
A:active { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#CC6600; text-decoration:underline }
A:hover { font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FF6600; text-decoration:underline }

.meny A:link { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color:#CC6600; text-decoration:none }
.meny A:visited { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color:#CC6600; text-decoration:none}
.meny A:active { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color:#CC6600; text-decoration:none }
.meny A:hover {  font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color:#FF6600; text-decoration:none }

.rounded-corners-kontakt {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	border: 2px solid #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px }
	
.rounded-corners {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	border: 2px solid #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt }

.rounded-corners-orange {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	background-color:#eeeeee;
	border: 3px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt }
	
.form-button {
    padding: 10px 25px; 
    font-weight: normal;
	font-size: 12pt;
	color: #FFFFFF;
	border-color: #DDDDDD;
	border: 0px;
    margin-bottom: 10px;
    background-color: #5fb336;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.form-button:hover{
    background-color: #FF6600;
}

.form-button-kontakt {
    padding: 5px 25px; 
    font-weight: normal;
	font-size: 12pt;
	color: #FFFFFF;
	border-color: #DDDDDD;
	border: 0px;
    margin-bottom: 0px;
	margin-top: 0px;
    background-color: #5fb336;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.form-button-kontakt:hover{
    background-color: #FF6600;
}

textarea.kontakta-mig {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:410px}

input.kontakta-mig {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:120px}
	
.kontakta-mig-grey {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 4px;
	border:5px solid #dddddd;
	background-color:#eeeeee;}
	
textarea.fraga-oss {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:2px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:160px}
	
input.fraga-oss {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:2px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:160px}
	
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 90%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}