/* - - - - - - - - - - - - - - - - - - - - -
Title : OPTIKERFÖRBUNDET
Author : Majoda AB
URL : 
Description : 
Created : 
Modified : 

HELP
----

- - - - - - - - - - - - - - - - - - - - - */

/* ----- PUFF (DYNAMISK TABLE) ----- */

.z, .z th, .z td {
	margin:0;
	padding:0;
	border: none !important;
}
.z td img {
	display:block;
}
.z1 {
	width:1px;
	height:1px;
}
.z2 {
	background: transparent url('../images/border2b.gif') repeat-x;
	height:1px;
}
.z3 {
	width:1px;
	height:1px;
}
.z4 {
	background: transparent url('../images/border4b.gif') repeat-y;
	width:1px;
}
.z5 {
	/* background: transparent; */
	width:98%; /* background: transparent url('../images/!bakgrundsbildipuff!.gif') repeat; */
}
.z6 {
	background: transparent url('../images/border6b.gif') repeat-y;
	height:1px;
}
.z7 {
	width:1px;
	height:1px;
}
.z8 {
	background: transparent url('../images/border8b.gif') repeat-x;
	width:1px;
}
.z9 {
	width:1px;
	height:1px;
}
/* ----- CSS ----- */

* {
/*
	margin:0;
	padding:0;
	*/
}
html {
/*
	margin:0;
	padding:0;
*/	
}
body {
	/* Space ovan och under: */
	margin:0px 0px;
	padding:0; 
	text-align:center;
	/* background-image: url(../images/back.jpg);
	background-position:top;
	background-repeat: repeat-x; */
	background-color: #FFF;
}
#wrapper-top {
	text-align:center;
	width:100%;
	height: 106px;
	/* overflow:hidden; */
	background: #093d52 url('../images/wrapper-top.jpg') repeat-x;
}
#wrapper-top-inside {
	text-align:left;
	width:960px;
	height: 106px;
	margin:0px auto 0px auto;
	padding:0px 15px;
	background: transparent url('../pics/1/logo/logo2.jpg') no-repeat;
}
#wrapper-menu {
	text-align:center;
	width:100%;
	height: 35px;
	background-color: #2E73AE;
}
#wrapper {
	clear:both;
	text-align:center;
	width:100%;
	height: 100%;
	overflow:auto;
	background: #FFF;
}
#wrapper-inside {
	text-align:left;
	width:960px;
	margin:0 auto;
	padding:0px 15px;
}
#wrapper-bottom{
	text-align:center;
	width:100%;
	margin:0 auto;
	overflow:auto;
	clear: both;
	background-color: #DCDCDC;
}
#main {
	width:960px;
	margin:0;
	padding:0px;
	/* background: transparent url(../images/content.gif) repeat-y center; */
	overflow:hidden;
	height:100%;
}
#header {
	width:960px;
	margin:0;
	padding:0;
	height:100px;
}
#footer {
	width:890px;
	display:block;
	margin:0 auto;
	padding:0px;
	overflow:auto;
	clear: both;
}

/* Innehållsyta med standardmarginaler 920px */
#content {
	width:93%;
	margin:15px auto;
	padding:0px;
	overflow:auto;
}

/* Innehållsyta 'utan' marginaler 960px
#content {
	width:100%;
	margin:0px;
	padding:0px;
	overflow:auto;
}
 */

/* Nedanstående passar endast till content 920px med standardmarginaler */ 
#col1of2 {
	width:460px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of2 {
	width:920px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of3 {
	width:306px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of3 {
	width:612px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of3 {
	width:920px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of4 {
	width:230px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of4 {
	width:460px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of4 {
	width:690px;
	margin:0px;
	padding:0px;
	float:left;
}
#col4of4 {
	width:920px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of5 {
	width:184px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of5 {
	width:368px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of5 {
	width:552px;
	margin:0px;
	padding:0px;
	float:left;
}
#col4of5 {
	width:736px;
	margin:0px;
	padding:0px;
	float:left;
}
#col5of5 {
	width:920px;
	margin:0px;
	padding:0px;
	float:left;
}
#col1of6 {
	width:153px;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of6 {
	width:306px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of6 {
	width:459px;
	margin:0px;
	padding:0px;
	float:left;
}
#col4of6 {
	width:612px;
	margin:0px;
	padding:0px;
	float:left;
}
#col5of6 {
	width:765px;
	margin:0px;
	padding:0px;
	float:left;
}
#col6of6 {
	width:920px;
	margin:0px;
	padding:0px;
	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;
	margin:0px;
	padding:0px;
	float:left;
}
#col2of5 {
	width:384px;
	margin:0px;
	padding:0px;
	float:left;
}
#col3of5 {
	width:576px;
	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;
}
.imgleft {
	display:block;
	float:left;
	padding:0px;
	margin:0px 15px 10px 15px;
}
.imgright {
	display:block;
	float:right;
	padding:0px;
	margin:0px 15px 10px 15px;
}
.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;
}
.z {
	margin:15px;
}
.hide {
/* display:none; */
}
.show {
/* display:block; */
}
#footer .txtleft {
	margin-left:0px;
	color:#2E73AE;
	font-weight:normal;
}
#footer .txtright {
	margin-right:0px;
}

/* ----- HEADINGS ----- */
h1 { /* Sidrubrik */
	font-family: Arial, Verdana, Helvetica;
	font-size:32px;
	font-weight:normal;
	color:#2e73ae;
	margin:15px;
	padding:0px;
}
h2 { /* Ingresstext */
	font-family: Arial, Verdana, Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#2e73ae;
/*	margin:15px; */
	padding:0px;
}
h3 { /* Styckesrubrik */
	font-family: Arial, Verdana, Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#2e73ae;
/*	margin:15px; */
	padding:0px;
}
h4 {
	font-family: Arial, Verdana, Helvetica;
	font-size:16px;
	font-weight:normal;
	padding:0px;
}
h6 { /* Sökresultat */
	font-family:Arial, Verdana, Helvetica;
	font-size:18px;
	font-weight:normal;
	color:#555;
	margin:15px;
	padding:0px;
}
.z5 h4 { /* Puffrubrik */ 
	font-size: 14px;
	font-weight: bold;
	padding: 0px!;
	/* 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:Verdana, Arial, Helvetica;
	font-size:13px;
	font-weight:normal;
	color:#45322c;
	letter-spacing:100%;
	word-spacing:100%;
/*	margin:15px; */
}
.z5 p {
	font-size: 13px;
	background-color:#FFF;
	padding:15px 0px 0px 0px;
	margin:0px;
	color:#000;
}
#puff p {
	color:#45322c;
	margin:10px 40px 40px 40px;
	padding:0px;
}

/* ----- IMAGES ----- */
#header img {
	border:0;
}
.z5 .imgnone {
	display:block;
	padding: 0px;
	margin:0px 0px;
}
.z5 .imgleft {
	display:block;
	float:left;
	padding:15px;
	margin:0px;
}
.z5 .imgright {
	display:block;
	float:right;
	padding:15px;
	margin:0px;
}
p.txtright {
	color: #555;
}


/* ----- LINKS ----- */

a {
color:#14456E;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#14456E;
text-decoration:underline;
}
#footer a {
color:#555;
text-decoration:none;
}
#footer a:hover {
color:#999;
text-decoration:none;
}
#wrapper-top-inside p a {
	color:#FFF;
	margin-right:30px;
	font-weight:normal;
}
#footer p.txtright a {
color:#AAA;
text-decoration:none;
}
#footer p.txtright a:hover {
color:#555;
text-decoration:none;
}
.z5 ul li a {
	color:#80DEE6;
	text-decoration:none;
}
.z5 ul li a:hover {
	color:#000;
}
#sitemap li a {
	text-decoration:none;
	
}
#sitemap li a:hover {
	text-decoration:underline;
	
}

/* ----- TABLES ----- */
/*
.tabell {
	margin:10px;
}
.tabellnone {
	margin:0px;
}
*/
td {
	font-family:Verdana, Arial, Helvetica;
	font-size:13px;
	font-weight:normal;
	/*
	color:#45322c; */
	/*
	margin:15px;
	padding:5px;
	*/
}
td p {
/*	margin:10px; */
}
td img {
	display:block;
}
/* ----- FORMS ----- */

form {
}
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 30px 10px;
	padding:0px;
	font-size: 14px;
}

/* ----- LISTS ----- */
.z5 ul {
	padding-top:15px;
	background-color:#2e73ae;
}
.z5 ul li {
	padding: 4px 10px 4px 20px;
	list-style:none;
	background:#2e73ae url('../images/puff_link.gif') no-repeat left;
	border-top:1px dotted #FFF;
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
}
#sitemap {
	list-style-position:inside;
	padding-left:10px;
}
#sitemap li { /* Sitemaptext */ 
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	color:#555;
	line-height:24px;
	padding-left:10px;
}

/* BREAK */
hr {
/* display:none; */
}
#search {
	position: relative;
	left: 680px;
	top:-60px;
	width: 250px;
}
.form {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
	color:#3D3D3D;
}
#search a {
	font-family:Verdana, Arial, Helvetica;
	font-size:10px;
	font-weight:normal;
	color:#3D3D3D;
}
.hl {
	font-family:Verdana, Arial, Helvetica;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}
.row1 {
  background: #CCCCCC !important;
}
.row2 {
  background: #EEEEEE !important;
}
/* FORUM */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.forumlink		{ font-weight: bold; font-size: 13px; }
.gen { font-size : 14px; }
.genmed { font-size: 100%; }
.gensmall { font-size: 100%; }
.gen,.genmed,.gensmall { color : #000000; }
.nav			{ font-weight: bold; font-size: 12px; color : #000000;}
.topictitle			{ font-weight: bold; font-size: 13px; color : #000000; }
.postdetails		{ font-size : 10px; color : #000000; }
.postbody { font-size : 13px;}
.name			{ font-size : 12px; color : #000000;}
