/* - - - - - - - - - - - - - - - - - - - - -
Title : Roundo
Author : Majoda AB
URL : 
Description : VIT (LJUS) BAKGRUND
Created : 
Modified : 

HELP
----

- - - - - - - - - - - - - - - - - - - - - */

/* ----- PUFF (DYNAMISK TABLE) ----- */

.z, .z th, .z td {
	margin:0px 15px 0px 0px;
	padding:0px;
	border: none !important;
	/*background-color: #FFFFFF;*/
	/*background: transparent url('../images/border2.gif') repeat-x;*/
}
.z td img {
	display:block;
}
.z1 {
	width:1px;
	height:1px;
	background: transparent url('../images/border1.gif')
}
.z2 {
	background: transparent url('../images/border2.gif') repeat-x;
	height:1px;
}
.z3 {
	width:1px;
	height:1px;
	background: transparent url('../images/border3.gif')
}
.z4 {
	background: transparent url('../images/border4.gif') repeat-y;
	width:1px;
}
.z5 {
	/* background: transparent; */
	width:98%; /* background: transparent url('../images/!bakgrundsbildipuff!.gif') repeat; */
	background-color: #FFF;

}
.z6 {
	background: transparent url('../images/border6.gif') repeat-y;
	height:1px;
}
.z7 {
	width:1px;
	height:1px;
	background: transparent url('../images/border7.gif')
}
.z8 {
	background: transparent url('../images/border8.gif') repeat-x;
	width:1px;
}
.z9 {
	width:1px;
	height:1px;
	background: transparent url('../images/border9.gif')
}
/* .z1, .z2, .z3, .z4, .z5, .z6, .z7, .z8, .z9 {
	background-color: #FFF;
} */

/* ----- CSS ----- */

* {
	margin:0;
	padding:0;
	border:0;
}
html, body {
	height: 100%;
}
html {
	margin:0;
	padding:0;
	overflow-y: scroll;
}
body {
	/* Space ovan och under: */
	margin:0px;
	padding:0;
	text-align:center;
	/* background-image: url(../images/back.jpg);
	background-position:top;
	background-repeat: repeat-x; */
	background-color:#999;
background-image: url(../images/back.jpg);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 50% 0%;
}
#wrapper-top {
	width:960px;
	height: 15px;
	margin:0px auto 0px auto;
	padding:0px 15px;
	background: transparent url(../images/wrapper-top.png) no-repeat center bottom;
}
* html #wrapper-top {
	background: transparent url(../images/wrapper-top.gif) no-repeat center bottom;
}
#wrapper {
	min-height:100%;position:relative;
	text-align:left;
	width:960px;
	margin:0 auto;
	padding:0 auto;
	overflow:hidden;
}
* html #wrapper {
	height: 100%;
}
#wrapper-bottom {
	width:960px;
	height: 15px;
	margin:0 auto;
	padding:0px 15px;
	background: transparent url(../images/wrapper-bottom.png) no-repeat center top;
}
* html #wrapper-bottom {
	background: transparent url(../images/wrapper-bottom.gif) no-repeat center top;
}
#main {
	min-height:100%;position:relative;
	width:960px;
	margin:0;
	padding:0px;
	background: transparent; /* url(../images/content.gif) repeat-y center; */
	/* overflow:hidden; */
}
#header {
	width:960px;
	margin:0;
	padding:0;
	height:170px;
	overflow:display;
}
#logo { /* Roundo logo */
	/* display:block; */
	float:left;
	width:178px;
	height:170px;
	background-color:#555;
}
#search { /* Roundo sök */
	padding: 8px 0px 0px 10px;
}
#headrings {
	float:left;
	width:782px;
	height:170px;
}
#footer {
	display:block;
	height:110px;
	margin:15px 0px 0px 0px !important;
	padding:1px 0px;
	background: #FFF !important;
	/* background-image: url('../images/back_footer.jpg'); */
	/* overflow:auto; */
	clear: both;
}

/* Innehållsyta 'utan' marginaler 960px */
#content {
	min-height:100%;
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
}
#rightcols {
	width:768px; /* 768px */
	float:left;
}


/* Nedanstående passar endast till content på 960px minmal marginal */
#col1of2 {
	width:480px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of2 {
	width:960px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of3 {
	width:320px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of3 {
	width:440px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of3 {
	width:960px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of4 {
	width:240px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of4 {
	width:480px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of4 {
	width:720px;
	margin:0px;
	padding:0px;
	float:left;
}
#col4of4 {
	width:960px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of5 {
	width:192px; /* 192px */
	margin:0px;
	padding:0px;
	float:left;
}
#col2of5 {
	width:384px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of5 {
	width:568px;
	margin:0px;
	padding:0px;
	float:left;
}
#col4of5 {
	width:768px;
	margin:0px;
	padding:0px;
	float:left;
}
#col5of5 {
	width:960px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of6 {
	width:160px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of6 {
	width:320px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of6 {
	width:480px;
	margin:0px;
	padding:0px;
	float:left;
}
#col4of6 {
	width:640px;
	margin:0px;
	padding:0px;
	float:left;
}
#col5of6 {
	width:800px;
	margin:0px;
	padding:0px;
	float:left;
}
#col6of6 {
	width:960px;
	margin:0px;
	padding:0px;
	float:left;
}
/* ----- CLASSES ----- */
.clear {
	clear: both !important;
}
.imgnone {
	display:block;
	padding:0px;
	/* margin:15px 0px 0px 15px; */
	margin:0px 15px 0px 15px;
	border: 0px solid;
}
.imgleft {
	display:block;
	float:left;
	padding:0px;
	margin:0px 15px 15px 15px;
	border: 1px solid;
	border-color: #FFF;
}
.imgright {
	display:block;
	float:right;
	padding:0px;
	margin:0px 15px 15px 15px;
	border: 1px solid;
	border-color: #FFF;
}
.flashnone {
	display:block;
	padding:0px;
	margin:15px 0px 0px 15px;
}
.flashleft {
	display:block;
	float:left;
	padding:0px;
	margin:0px 15px 15px 15px;
}
.flashright {
	display:block;
	float:right;
	padding:0px;
	margin:0px 15px 15px 15px;
}
.txtleft {
	display:block;
	float:left;
}
.txtright {
	display:block;
	float:right;
}
.hide {
/* display:none; */
}
.show {
/* display:block; */
}
.searchfield {
	width:120px;
	border:2px solid #CCC;
	float:left;
	color:#444;
	padding:2px 1px 3px 4px;
	font-size:12px;
}
.hundraprocent {
	height:100%;
}
/* ----- HEADINGS ----- */
h1 { /* Sidrubrik */
	font-family:arial;
	font-size:22px;
	font-weight:normal;
	color:#333;
	margin:15px;
	padding:0px;
}
h2 { /* Ingresstext */
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	color:#777;
	margin:15px;
	padding:0px;
}
h3 { /* Styckesrubrik */
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#555;
	margin:15px;
	padding:0px;
}
h4 {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	padding:0px;
}
h5 { /* Footer Superior... */
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:35px 0px 0px 15px;
	color:#AC2F13;
	text-transform: uppercase;
}
h6 { /* faktarubriker i objekt */
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	color:#777;
	margin:15px 0px 5px 15px;
	padding:0px;
}
.z5 h4 { /* Puffrubrik */ 
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	/* background-color:#CC0000; PUFF BAKGRUNDSFÄRG = finns i mall (inline-style i puffens H4) */
	/* color:#FFF; PUFF TEXTFÄRG = finns i mall (inline-style i puffens H4) */
}

/* ----- PARAGRAPHS ----- */
p {
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#777;
	letter-spacing:100%;
	word-spacing:100%;
	margin:15px;
}
.z5 p {
	font-size: 12px;
	/* background-color:#FFF; */
	padding:10px;
	margin:0;
	color:#777;
}
#puff p {
	color:#555;
	margin:10px 40px 40px 40px;
	padding:0px;
}
#footer p {
	color:#777;
	margin:5px 0px 15px 15px;
	padding:0px;
	font-size:13px;
}
* html #footer p {
	margin-bottom:0px !important;
}

/* ----- IMAGES ----- */
#header img {
	border:0px;
}	
.z5 .imgnone {
	display:block;
	padding: 0px;
	margin:0px 0px;
}
.z5 .imgleft {
	display:block;
	float:left;
	padding:5px 5px 15px 5px;
	margin:0px;
}
.z5 .imgright {
	display:block;
	float:right;
	padding:5px 5px 15px 5px;
	margin:0px;
}
.roundo_button {
	background: #B20000;
	color: #FFF;
	border: 1px solid #000;
}

/* ----- LINKS ----- */
.pufflink {
	float:right;
	padding:0px;
	margin:8px 15px 0px 0px;
}
a:hover {
color:#AB300E;
text-decoration:none;
border:0px;
}
a:visited, a:active, a:focus {
color:#000;
text-decoration:underline;
border: 0px;
}
p a {
color:#000;
text-decoration:underline;
border: 0px;
}
#footer a {
color:#555;
text-decoration:none;
border: 0px;
}
#footer a:hover {
color:#999;
text-decoration:none;
border: 0px;
}
#footer p.txtright a {
color:#555;
text-decoration:none;
border: 0px;
}
#footer p.txtright a:hover {
color:#999;
text-decoration:none;
border: 0px;
}
.z5 ul li a {
	color:#777;
	text-decoration:none;
}
.z5 ul li a:hover {
color:#AB300E;
text-decoration:none;
border: 0px;
}
#sitemap li a {
	text-decoration:none;
	
}
#sitemap li a:hover {
	text-decoration:underline;
	
}

/* ----- TABLES ----- */

table {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #777777;
	border-collapse: separate;
}
caption {
}
thead {
}
tbody {
	margin:0px;
	padding:0px;
}
tfoot {
}
tr {
}
tr .alt {
}
th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #D8D8D8;
}
td {
	margin:0px;
	padding: 0px;
	border-width: 0px;
	border-style: dotted;
	border-color: #D8D8D8;
	vertical-align:top;
	background: #EEEEEE;
}
td p {
	margin:10px;
}
td img {
	display:block;
}
/* ----- FORMS ----- */

form {
/* background: #EEEEEE;
background-image: */
}
form td p {
	margin:10px 15px;
	font-size: 14px;
}
.z5 input, .z5 select {
	max-width:175px;
}
.z5 textarea {
	width:175px;
}
.z5 form p {
	margin:0px 10px 10px 10px;
	padding:0px;
	font-size: 14px;
	background: #EEEEEE;
}

/* ----- LISTS ----- */
.z5 ul {
	/* list-style: square inside url('../images/pilen.gif'); */
	list-style: none;
	background-color:#CCC;
	/* padding-left:10px;
	padding-right:10px; */
}
.z5 ul li {
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px dotted #FFF;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	padding-left:10px;
}
ul.stycke li {
	list-style-type: disc;
	list-style-position:outside;
	margin-left:30px;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	color: #777;
}
#sitemap {
	list-style-position:inside;
	padding-left:10px;
}
#sitemap li { /* Sitemaptext */ 
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	color:#555;
	line-height:24px;
	padding-left:10px;
}

ul#navmenu #vertmenu li ul li ul li ul li.current a {
	background-image: url(../images/menu_current.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

/* BREAK */
hr {
/* display:none; */
}