html, body 		{
                margin:0;
                padding:0;
                height:101%;
                }
body			{
                margin:0;
                color:#666;
                text-align: center; /* IE Fix */
                background:#DBD7D6 url('/bilder/bg_body.jpg') repeat center top;
                font-size: 62.5%;
                font-family: "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma,Verdana, Arial, Helvetica, sans-serif;
                padding:10px 0 
                }
/*----------------------------- Misc -------------------*/

a, a:visited	{
                color: #fff;
                background-color: inherit;
                text-decoration: underline;
				color:#8F8D0D;
				font-weight:bold;                
                }
a:hover 		{
                color: #000;
                background-color: inherit;
                }

h1 				{font-family: "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma,Georgia, "Trebuchet MS", Verdana, Arial; padding:0; font-size: 1.4em; color:#333; margin:20px 0 10px 0;line-height:20px;letter-spacing:1px; font-weight:bold;padding-left:0;/* background: url('../bilder/logo-icon.gif') no-repeat left center*/}
h2 				{font-family: Lucida Sans,Lucida Grande,Lucida,Geneva,Helvetica,Tahoma,Georgia; padding:0; font-size: 1.1em; color:#666; line-height:12px; font-weight:bold;margin:10px 0 10px 0}
h1:first-child	{margin:0 0 10px 0}

p 				{font-size:12px; line-height:15px; margin-bottom:15px}
img 			{border:none}

/*----------------------------- Wrappers -------------------*/
#wrapper{
                width: 960px; /*Width of main container*/
                margin: 0 auto; /*Center container on page*/
                padding:0;
                position:relative
                }

#maincontainer, #maincontainerWide	{
                width: 960px; /*Width of main container*/
                background: #fff url('/bilder/bg_main.gif') repeat-y;
                margin: 0 auto; /*Center container on page*/
                text-align:left;
                padding:0;
                }

#maincontainerWide	{
                background: #fff url('/bilder/bg_mainWide.gif') repeat-y;
                }

/*----------------------------- Skuggor -------------------*/
#skugga_left1 {
				width:20px;
				height:350px;
				position:absolute;
				top:0px;
				left:-20px;				
				}
#skugga_right1	{
				width:20px;
				height:350px;
				position:absolute;
				top:0;
				right:-20px;				
				}
/*----------------------------- Header -------------------*/
#header {
                width:960px;
                height:212px;
                padding:0;
                margin:0 auto;
                background:#fff;
                position:relative
                }
#logo			{
				width:387px;
				height:181px;
				position:absolute;
				top:0;
				left:0;
				z-index:995;								
				}
.bandkant		{
				width:10px;
				height:41px;
				position:absolute;
				bottom:-9px;
				left:-10px;				
				z-index:996				
				}
/*----------------------------- Menu -------------------*/
#menu			{
				width:960px;
				height:32px;
				background-color:#666;
				position:absolute;
				left:0;
				bottom:0;
				z-index:997;
				opacity: 0.85;
				filter: alpha(opacity=85)
				}
#menu ul		{
				display:block;
				list-style:none;
				padding:0 0 0 15px;
				margin:0px;
				}
#menu ul li		{
				display:inline;
				padding:0px;
				margin:0px;
				height:32px;
				}
#menu ul li a	{
				height:32px;
				display:block;
				padding:0px 5px 0 5px;
				margin:0 4px 0 4px;
				float:left;
				text-decoration:none;
				text-align:center;
				color:#fff;
				font-weight:bold;
				font-size:12px;
				line-height:32px;
				}
body#home #menu ul li a#menu-home,
body#about #menu ul li a#menu-about,
body#news #menu ul li a#menu-news,
body#distributors #menu ul li a#menu-distributors,
body#order #menu ul li a#menu-order,
body#contact #menu ul li a#menu-contact,
body#human #menu ul li a#menu-human,
body#animal #menu ul li a#menu-animal
				{
				height:32px;
				display:block;
				padding:0px 5px 0 5px;
				margin:0 4px 0 4px;
				float:left;
				text-decoration:underline;
				text-align:center;
				color:#C4C213;
				font-size:12px;
				line-height:32px;
				font-weight:bold;
				}
#menu ul li.divider{
				height:32px;
				width:1px;
				display:block;
				margin:0 5px;
				float:left;
				background:url('/bilder/divider.gif') no-repeat center top;
				padding:0 10px
				}
#menu ul li a:hover{
				color:#C4C213;
				text-decoration:none;
				font-weight:bold;
				}

/*----------------------------- Left Column -------------------*/

#leftcolumn		{
                float: left;
                width: 240px; /*Width of left column*/
                margin:0;
                display:inline
                }
                
#leftcolumn h2	{
				font-family: "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.1em;
				color:#000;
				margin:0;
				line-height:20px;
				letter-spacing:1px;
				font-weight:bold
				}  
				              
#leftcolumn h2+p {margin-top:0}

/*----------------------------- Main -------------------*/
#contentwrapper {
                float: left;
                width: 480px;
                position:relative
                margin:0;
                }

#contentwrapperWide {
                float: left;
                width: 720px;
                position:relative
                margin:0;
                }

#contentwrapper h2, #contentwrapperWide	h2 {
				font-family: "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.1em;
				color:#000;
				line-height:130%;
				letter-spacing:1px;
				font-weight:bold
				}  
				              
#contentwrapper h2+p, #contentwrapperWide h2+p {margin-top:10px}				

#contentwrapperWide h3 {
				font-family: "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma, Verdana, Georgia, "Trebuchet MS",  Verdana, Arial;
				padding:0;
				font-size: 1.2em;
				color:#fff;
				line-height:25px;
				letter-spacing:1px;
				font-weight:bold
				}

#contentwrapperWide .prodbox		
				{
				width:665px;
				height:25px;
				margin:0;
				color:#fff;
				line-height:25px;
				padding-left:15px
				}

#contentwrapperWide .human a {
                color: #fff;
                background-color: inherit;
                text-decoration: none
                }
#contentwrapperWide .human a:hover {
                color: #fff;
                background-color: inherit;
                text-decoration: underline                
                }
#contentwrapperWide .animal a{
                color: #000;
                background-color: inherit;
                text-decoration: none
                }
#contentwrapperWide .animal a:hover {
                color: #000;
                background-color: inherit;
                text-decoration: underline                
                }

				/*----------------------------- Human & Animal References -------------------*/

				#human-references h1 a, #animal-references h1 a {color:#000; text-decoration:underline}
				#human-references h1:first-child, #animal-references h1:first-child {margin-top:20px;}
				#human-references h1 a:hover, #animal-references h1 a:hover {color:#8F8D0D; text-decoration:underline}
				#human-references h1 , #animal-references h1 {font: bold 11px "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma,Georgia, "Trebuchet MS", Verdana, Arial; color:#000; margin-bottom:3px}
				#human-references h2, #animal-references h2 {font: normal 11px "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma,Georgia, "Trebuchet MS", Verdana, Arial; color:#666; margin:0; margin-bottom:3px}
				#human-references h3, #animal-references h3 {font: italic 11px "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma,Georgia, "Trebuchet MS", Verdana, Arial; color:#666; margin:0}
				#human-references h4, #animal-references h4 {font: italic 11px "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma,Georgia, "Trebuchet MS", Verdana, Arial; color:#666; margin:0; margin-top:20px;}

/*----------------------------- Innertube -------------------*/
.innertube		{
                margin:20px; /*Margins for inner DIV inside each column (to provide padding)*/
                line-height:16px;
                }

.innertube img.frame {border:1px solid #C5C5C7;background-color:#fff}

.innertube em {padding:20px;color:#0767AA}

.innertube .indrag20 {margin-left:10px;padding-left:10px;border-left:2px solid #ddd}

/*----------------------------- Right Column -------------------*/
#rightcolumn{
                float: right;
                width: 240px; /*Width of left column*/
                margin:0;
                display:inline
                }
#rightcolumn h3 {
				font-family: "Lucida Sans","Lucida Grande",Lucida,Geneva,Helvetica,Tahoma, Verdana, Georgia, "Trebuchet MS",  Verdana, Arial;
				padding:0;
				font-size: 1.2em;
				color:#fff;
				margin:0;
				line-height:25px;
				letter-spacing:1px;
				font-weight:bold
				}
#rightcolumn .prodbox		{
				width:185px;
				height:25px;
				margin:0 0 1px 0;
				color:#fff;
				line-height:25px;
				padding-left:15px
				}
.hspine 		{
				clear:both;
				width:100%;
				height:3px;
				margin:20px 0;
				padding:0;
				background:url('/bilder/h_spine.gif') repeat-x center top;
				}

.empty	 		{
				clear:both;
				width:100%;
				height:3px;
				margin:20px 0;
				padding:0;
				background:url('/bilder/h_spine1.gif') repeat-x center top;
				}				
				
#rightcolumn .human a {
                color: #fff;
                background-color: inherit;
                text-decoration: none
                }
#rightcolumn .human a:hover {
                color: #fff;
                background-color: inherit;
                text-decoration: underline                
                }
#rightcolumn .animal a{
                color: #000;
                background-color: inherit;
                text-decoration: none
                }
#rightcolumn .animal a:hover {
                color: #000;
                background-color: inherit;
                text-decoration: underline                
                }

.distributors {width:330px; float:left;margin-left:30px}

                
				/*----------------------------- Left nav Column -------------------*/
				
				#rightnav
								{
								width:200px;
								float: left;
								margin:0;
								padding:0 0 20px 0;
								}
				#rightnav ul
								{
								width:200px;
								float: left;
								margin:0px;
								padding:0px;
								display:block;
								}
				#rightnav ul li
								{
								width:200px;
								height:21px;
								float: left;
								margin:0 0 1px  0;
								padding:0;
								display:block;
								background-color:#eee		
								}
				#rightnav ul li a.rightnav
								{
								width:170px;
								height:18px;
								float: left;
								margin:0px;
								padding:3px 0 0 25px;
								font-family:Arial;
								font-size:12px;
								font-weight: bold;
								color:#464646;
								text-decoration:none;
								background:url(/bilder/arrow_off.gif) no-repeat 5px center;
								}
				#rightnav ul li a:hover.rightnav, #rightnav ul li a.on
								{
								width:174px;
								height:18px;
								float: left;
								margin:0px;
								padding:3px 0 0 26px;
								font-family:Arial;
								font-size:12px;
								color:#99970E;
								text-decoration:none;		
								background:url(/bilder/arrow_off.gif) no-repeat 5px center;
								}
                
                
/*----------------------------- Footer -------------------*/
#footer			{
                clear: both;
                width: 960px;
                height:47px;
                background-color:#fff;
                margin:0;
                padding:0;
                position:relative
                }
#footer2		{
				width:960px;
				height:32px;
				background-color:#666;
				color:#fff;
				position:absolute;
				left:0;
				top:0;
				z-index:99999999;
				opacity: 0.75;
				filter: alpha(opacity=75)
				}
.bandkant2		{
				width:10px;
				height:41px;
				position:absolute;
				top:0;
				left:-10px;					
				z-index:9999
				}
#subfooter 		{
                width:960px;
                height:32px;
				margin:0 auto;
                font-weight:bold;
                background-color:#666;
				opacity: 0.75;
				filter: alpha(opacity=75)
                position:absolute;
				left:0;
				top:0;
				z-index:9999;
				}
#subfooter p 	{
				width:960px;
				height:32px;
				line-height:32px;
				text-align:center;
				color:#fff;
				letter-spacing:1px
				}
#subfooter a 	{
                color: #fff;
                background-color: inherit;
                text-decoration: underline
                }
#subfooter a:hover {
                color: #000;
                background-color: inherit;
                }
/*----------------------------- Clear - classer -------------------*/
                
.clear 			{clear: both}

/*----------------------------- Human Products- classer -------------------*/

.pureSperm100 			{background:#B10059}
.pureSperm4080 			{background:#C8AACC}
.pureSpermBuffer		{background:#257EA0}
.pureSpermWash			{background:#28247E}
.spermCatch				{background:#B6B825}
.nidOil					{background:#A99123}
.pureSpermSpeediKit		{background:#91BB38}
.spermCryoProtecII		{background:#6BB0E5}
.spermVitalStain		{background:#832683}
.spermMorfoStain		{background:#9B9EA3}
.vitriBlast				{background:#C5D8EF}
.thermoBlast			{background:#D9E153}

/*----------------------------- Animal Products- classer -------------------*/

.bovine		 			{background:#ECEDE2}
.equine		 			{background:#D6D7C2}
.porcine				{background:#EBE6EB}
.turkey					{background:#CCD3DC}
.others					{background:#E8E9EB}

/*----------------------------- Float - classer -------------------*/

.floatleft				{float:left}
.floatright				{float:right}

.imgleft				{float:left;margin:0 15px 15px 0}
.imgright				{float:right; margin:0 0 15px 15px}

/*----------------------------- Textformatering - classer -------------------*/

.fat 					{font-weight:bold}
.textright 				{text-align:right}
.textleft 				{text:align:left}
.textcenter 			{text-align:center}
.big					{font-size: 1.8em}

/*----------------------------- misc - classer ----------------*/

.purple {color:#84166A}

/*----------------------------- columner - classer ----------------*/

.contactpic				{width:160px;float:left;margin:0 10px 10px 0;border:1px solid #ccc}
.col30 					{width:160px;float:left;margin:0 10px 10px 0;text-align:center;background:#f5f5f5;border:1px solid #ccc}
.col50					{width:46%;float:left;margin-right:3%}
.colend					{margin-right:0;}