* {margin: 0; padding: 0}
body {background: #ffffff url(images/bakgrund_a.jpg) repeat top center; font-family: Arial, Sans-Serif}

img {display: block}
a img {border: 0}
ul {list-style-type: none}
h1, h2, h3, h4 {font-weight: normal}

a {text-decoration: none; color: #b34747}
a:hover {color: #bf9999}

.clear {clear: both}

#topOut {width: 100%; background: transparent url(images/bakgrund_b.jpg) repeat-x top center}
#topIn {width: 910px; margin: 0 auto; background: url(images/bakgrund_a.jpg) ; overflow: hidden}
#topLeft {margin: 0 0 10px 55px; float: left}
#topRight {margin: 0 55px 10px 0; float: right}
#bottomOut {width: 870px; margin: 0 auto; padding: 0 0 40px 0; background: transparent url(images/bakgrund_d.jpg) repeat-y top center}
#project {width: 870px; margin: 0 auto; padding: 15px 0 35px 0; overflow: hidden;}
#image-a {width: 870px; padding: 10px; background: transparent url() no-repeat; clear: both}
#image-b {width: 870px; padding: 10px; background: transparent url() no-repeat; clear: both}
#image-c {width: 870px; padding: 10px 10px 0 10px; background: transparent url() no-repeat; clear: both}
#image-c-bottom {width: 770px; height: 10px; background: transparent url() no-repeat bottom center}

#contact {width: 870px; padding: 0 0 30px 0}

#form {margin: 0 0 30px 55px; float: left}
fieldset {border: none}
label {margin: 0 0 1px 0; font-size: 12px; color: #bf9999; display: block}
#name, #email, #message {width: 250px; margin: 0 0 10px 0; padding: 2px; border: 1px solid #cccccc; display: block}
#message {height: 75px; margin: 0 0 20px 0}
#name:focus, #email:focus, #message:focus {background: #ffffda}


#footer {width: 870px; padding: 80px 0 0 0}
#footer p {margin: 0 0 0 55px; font-size: 12px; color: #bf9999; float: left}
#footer ul {margin: 0 45px 0 0; float: right}
#footer li {padding: 0 10px 0 0; float: left; display: inline}

h1#logo {margin: 38px 0 0 0; width: 154px; height: 30px; position: relative; font-size: 1px}
h1#logo span {width: 100%; height: 100%; background: transparent url(../images/logo.jpg) no-repeat; position: absolute}
h2 {margin: 2px 0 0 0; font-size: 12px; color: #bf9999}
h3 {font-size: 12px; color: #999999}
h4 {margin: 0 0 1px 5px; font-size: 12px; color: #b34747; text-transform: uppercase}

ul#nav {margin: 67px 0 0 0}
ul#nav li {float: left}
ul#nav li {padding: 0 0 0 8px; background: transparent 0px 70%}
ul#nav li.nodiv {padding: 0 8px 0 0; background: none}


li a {font-size: 12px}
#wrapper {
 width: 870px;
 margin: 0 auto;
 border: 5px solid #fff;
 background:url(images/background_.jpg);
}
#faux {
 width: 100%;
 margin-bottom: 0;
 overflow: auto; 
 background: url(images/bakgrund_a.jpg);
}
#header {
 width: 870px;
 height: 150px;
 margin: 0;
 padding-right: 20px;
 color: #000;
 background: #fff url(images/ny_banner.png) no-repeat;
}
#header p{
font: bold 200% Helvetica, 'Century Gothic', Arial, sans-serif;
letter-spacing: 3px;
padding: 15px;
color: #fff;
}
#navigation {
 width:auto;
 padding: 0;
 margin: 0;
 color: #333;
 background: #E2F2EC;
}
/* ^^^^^^^^ MENU ^^^^^^^^^^ */
ul#menu{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("images/bakgrund_b.jpg") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #B0CAE3;border-top:1px solid #CAD7E0;}
ul#menu li{display:block;float:left;margin:0;padding:0;}
ul#menu li a{display:block;float:left;color:#880402;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("images/bgmellan.png") no-repeat top right;}
ul#menu li a:hover{background:transparent url("images/hover.png") no-repeat top right;}

/* ^^^^^^^^ END MENU ^^^^^^^^^^ */
#intro {
 width: 850px;
 height: 200px;
 margin: 0;
 padding: 10px;
 color: #333;
 background: #B6DACB;
}
.intro {
 padding:20px;
 font-size:200%;
 letter-spacing: 2px;
 color: #002C0F;
 background: transparent;
}
#leftcolumn { 
 display: inline;
 margin: 10px;
 padding: 0;
 width: 190px;
 float: left;
 color: #333;
}
#leftmiddle { 
 float: left;
 margin: 10px 13px;
 padding: 0;
 width: 190px;
 display: inline;
 position: relative;
 color: #333;
}
#rightmiddle { 
 display: inline;
 position: relative;
 margin: 10px;
 padding: 0;
 width: 190px;
 float: left;
 color: #333;
}
#rightcolumn { 
 display: inline;
 position: relative;
 margin: 10px 10px 10px 17px;
 padding: 0;
 width: 190px;
 float: left;
 color: #333;
}
#navcontainer {
padding-bottom: 20px;
}
#navlist {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}
#navlist li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}
#navlist li a {
text-decoration: none;
}
#footer {
 clear: both;
 width: 902px;
 margin: 0;
 padding: 10px;
 border-top: 4px solid #B0CAE3;
 font-size: 90%;
 color: #666;
 background: #F1EDEE;
}

#footer1 {
 clear: both;
 width: 902px;
 margin: 0;
 padding: 10px;
 border-top: 4px solid #B0CAE3;
 font-size: 90%;
 color: #666;
 background: #F1EDEE;
}
.clear {
 clear: both;
 background: none;
}
h1 {
 padding:30px;
 font-size:125%;
 letter-spacing: 2px;
 text-transform: uppercase;
 color: #366;

}
.imgleft {
 float: left;
 padding: 10px;
}
a:link, a:visited {
 text-decoration : none;
 color : #880402;
 background:inherit;
}
a:hover {
text-decoration : none;
color :#00515C;
background:inherit;
}
a:active {
 text-decoration : none;
 color : #F5DE1E;
 background:inherit;
}

/* ^^^^^^^^ REKLAM ^^^^^^^^^^ */
ul#reklam{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:250px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("images/bakgrund_b.jpg") repeat-x ;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #B0CAE3;border-top:1px solid #CAD7E0;}
ul#menu li{display:block;float:left;margin:0;padding:0;}
ul#menu li a{display:block;float:left;color:#880402;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("images/bgmellan.png") no-repeat top right;}
ul#menu li a:hover{background:transparent url("images/hover.png") no-repeat top right;}
/* ^^^^^^^^ END REKLAM ^^^^^^^^^^ */
