/*FÄRGER: grön: #089D20, röd: #8B0000 FONT: Verdana, Arial, sans-serif */

/*Grön2 #839B08, Brun: #9B6A08 , blå: #08839B, röd: #9B2108, Grå: #666666*/

body 	{
		font: normal normal normal 7pt Verdana, Arial, sans-serif;
		color: silver;
		margin: 0;
		padding: 0;
}

.logo	{	
		text-align: center;
}

.mainframe	{
		background: #000000 url(../images/bigdog_V_650_600.jpg) no-repeat scroll 50px 0px;
		border: 0;
		padding: 0;
		margin: 0;
}

.start 	{
		position: absolute;
		top: 210px;
		left: 281px;		
}

.doglogo	{
		position: absolute;
		/*top: 50px;
		left: 20px;*/
		top: 40px;
		left: 5px;
}

.textlogo	{
		position: absolute;
		top: 70px;
		left: 115px;
}

.banner	{
		position: absolute;
		top: 469px;
	/*	left: 0px;*/
		left: 230px;
}

.headerimg	{
		position: absolute;
		top: 0px;
	/*	left: 0px;*/
		left: 0px;
		z-index: 1;
}

.headertext	{
		position: absolute;
		top: 15px;
	/*	left: 0px;*/
		left: 20px;
		z-index: 3;
}

.bigbox	{
		position: absolute;
		top: 32px;
		left: 0px;
		width: 297px;
		z-index: 2;
}


.sm_head_design_img	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 130px;
		z-index: 1;
}

.sm_design_textbox	{
		padding: 0;
		margin: 0;
		position: absolute;
		top: 15px;
		left: 0px;
		width: 120px;
		z-index: 2;
}

.sm_head_develop_img	{
		position: absolute;
		top: 90px;
		left: 0px;
		width: 130px;
		z-index: 1;
}

.sm_develop_textbox	{
		padding: 0;
		margin: 0;
		position: absolute;
		top: 105px;
		left: 0px;
		width: 120px;
		z-index: 2;
}


.sm_head_admin_img	{
		position: absolute;
		top: 180px;
		left: 0px;
		width: 130px;
		z-index: 1;
}

.sm_admin_textbox	{
		padding: 0;
		margin: 0;
		position: absolute;
		top: 195px;
		left: 0px;
		width: 120px;
		z-index: 2;
}

.sm_head_services_img	{
		position: absolute;
		top: 270px;
		left: 0px;
		width: 130px;
		z-index: 1;
}

.sm_services_textbox	{
		padding: 0;
		margin: 0;
		position: absolute;
		top: 285px;
		left: 0px;
		width: 120px;
		z-index: 2;
}

.contactbox	{
		position: absolute;
		top: 470px;
		/*left: 470px;*/
		left: 50px;
}

/*****POSITIONING*****/
.menuiframe	{
		background-color: transparent !important;
		position: absolute;
		top: 178px;
		left: 12px;
		width: 100px;
		height: 270px;
		padding: 0;
		margin: 0;
		border: 0;
		vertical-align: top;	
}

.presiframe	{
		/*background: #000000 url(../images/firesky_770_590.jpg) no-repeat fixed top center;*/
		background-color: transparent !important;
		position: absolute;
		top: 145px;
		left: 165px;
		width: 320px;
		height: 310px;
		padding: 0;
		margin: 0;
		border: 0;	
}

.rightiframe	{
		background-color: transparent !important;
		/*background-color: white;*/
		position: absolute;
		top: 90px;
		left: 540px;
		width: 135px;
		height: 370px;
		padding: 0;
		margin: 0;
		border: 0;
}

.startwelto	{
		position: absolute;
		top: 80px;
		left: 0px;
}

.startlogo	{
		position: absolute;
		top: 80px;
		left: 110px;
}

.startareas	{
		position: absolute;
		top: 130px;
		left: 0px;
		padding: 0;
		margin: 0;
}

/*****BUTTONS & FIELDS*****/
.buttonFormat {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: silver 3px groove;
		font-size: 10px;
		font-weight: bold;
		color: #000000;
} 

.buttonFormat2 {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: silver 2px groove;
		font-size: 9px;
		font-weight: bold;
		color: #000000;
		padding: 2px;
} 

.fieldFormat {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: #908E8E 1px solid;
		font-size: 7pt;
		color: #000000;
		height: 12px;
} 

.textareaFormat {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: #908E8E 1px solid;
		font-size: 7pt;
		color: #000000;
		height: 75px;
		width: 290px;
}

/*****BACKGROUNDS*****/
.linklist	{
		background-color: transparent !important;
}

.pres		{
		background-color: transparent !important;
		text-align: left;
		padding: 0;
		margin: 0;
}

.menu		{
		background-color: transparent !important;
		text-align: right;
}

.trans	{
		background-color: transparent !important;
}

.black_bg	{
		background-color: #000000;	
}

.white_bg	{
		background-color: #FFFFFF;	
}

.blackbg_90	{
		background: url(../images/misc/black_90_opac.png) repeat fixed top left;
}

.blackbg_80	{
		background: url(../images/misc/black_80_opac.png) repeat fixed top left;
}

.blackbg_50	{
		background: url(../images/misc/black_50_opac.png) repeat fixed top left;
}

/*Grön: #089D20, Grön2: #839B08, Brun: #9B6A08 , blå: #08839B, röd: #9B2108*/
.green_bg	{ /*GRÖN*/
		background-color: #089D20;
}

.green2_bg	{ /*GRÖN*/
		background-color: #839B08;
}

.brown_bg	{ /*BRUN*/
		background-color: #9B6A08;
}

.blue_bg	{ /*BLÅ*/
		background-color: #08839B;
}

.red_bg	{ /*RÖD*/
		background-color: #9B2108;
}

.bottombgblack	{
		text-indent: 5px;
/*		background-color: #000000;*/
		padding: 0;
/*		border-left: 1px solid #089D20;
		border-bottom: 1px solid #089D20;
		border-right: 1px solid #089D20;
*/		
}

.middlebgblack	{
		text-indent: 10px;
		/*background-color: #000000;*/
		padding: 0;
}

.transbg	{
		/*background-color: transparent !important;*/
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		background: url(../images/misc/black_80_opac.png) repeat fixed top left;
		margin: 0;
		z-index: 1;
		overflow: visible;
}

.boxes	{
		/*background-color: transparent !important;*/
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		background: url(../images/misc/black_80_opac.png) repeat fixed top left;
		margin: 0;
		z-index: 1;
		overflow: visible;
}

.clientbox	{
		margin-bottom: 5px;
		margin-left: 3px;
		margin-right: 3px;
		border: 1px solid silver;
}

.clientbox:hover	{
		margin-bottom: 5px;
		margin-left: 3px;
		margin-right: 3px;
		border: 1px solid white;
}

/*****BORDERS*****/
/*Grön: #089D20, Grön2: #839B08, Brun: #9B6A08 , blå: #08839B, röd: #9B2108*/
.bordergreen	{
	border: 1px solid #089D20;
}

.bordergreen2	{
	border: 1px solid #839B08;
}

.borderblue	{
	border: 1px solid #08839B;
}

.borderred	{
	border: 1px solid #9B2108;
}

.borderbrown	{
	border: 1px solid #9B6A08;
}

.bordergrey	{
	border: 1px solid #666666;
}

.borderdashedbrown	{
	border: 1px dashed #9B6A08;
}

/*****LISTS*****/

ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.indent	{
	text-indent: 10px;
}

ul.dekor	{
	color: #08839B;
	list-style-type: disc;
	line-height: 120%;
	padding-left: 15px;
	marker-offset: auto;
}

/*****TABLES*****/
td	{
	padding: 2px;
	margin: 0;
	vertical-align: top;
}

td.contact	{
	padding: 2px;
	margin: 0;
	vertical-align: top;
}

td.clients	{
	padding: 0px;
	margin: 0px;
	background-color: transparent !important;
	width: 140px;
	text-align: center;
	vertical-align: middle;
}

/*****TEXT*****/
.notrans	{
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity: 1;
}

.space_above	{
	padding-top: 10px;
}

.indent10	{
	text-indent: 10px;
}


.indent20	{
	text-indent: 20px;
}

.lineh20	{
	line-height: 20px;
}

.head	{
		font-size: 10pt;
		font-weight: bold;
		color: #000000;		
		text-decoration:none;		
}

.small_head	{
		font-size: 8pt;
		font-weight: bold;
		color: #000000;		
		text-decoration:none;		
}

.text4 {	font-size: 4pt;
}

.text5 {	font-size: 5pt;
}

.text6 {	font-size: 6pt;
}

.text7 {	font-size: 7pt;
}

.text8 {	font-size: 8pt;
}

.text10 {	font-size: 10pt;
}

.text11 {	font-size: 11pt;
}

.text12 {	font-size: 12pt;
}

.text14 {	font-size: 14pt;
}

.text20 {	font-size: 20pt;
}

.bold { font-weight: bold;
}

.ital { font-style: italic;
	
}

.small_caps 	{
		font-variant: small-caps
}

.textdefault	{
	font: normal normal normal 7pt Verdana, Arial, sans-serif;
	color: silver;
}

.courier	{
	font-family: courier, serif;
}

.times	{
	font-family: times, serif;
}

.arial	{
	font-family: arial, sans-serif;
}

.arial_black	{
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
}

/*****COLOR*****/
.black	{
	color: black;
}

.white	{
	color: white;
}

.brown 	{
	color: #9B6A08;
}		

.red 	{
	color: #9B2108;
}

.blue 	{
	color: #08839B;
}

.green2	{
	color: #839B08;
}

.green	{
	color: #089D20;
}

.grey 	{
	color: #666666;
}
	
/*****LINKS*****/	
a	{	
	text-decoration:none;
	color: silver;
} 

.linkbox	{
	cursor: pointer;
} 
	
.linkbox:hover {
	background-color: black;
	color: white;
}

a.green:link {color: #089D20}     /* unvisited link */
a.green:visited {color: #089D20}  /* visited link */
a.green:hover {color: #9B2108}   /* mouse over link */

a.black:link {color: #000000}     /* unvisited link */
a.black:visited {color: #000000}  /* visited link */
a.black:hover {color: #9B2108}   /* mouse over link */

a.white_green:link {color: white}     /* unvisited link */
a.white_green:visited {color: white}  /* visited link */
a.white_green:hover {color: #089D20;}   /* mouse over link */
a.white_green:active {color: #089D20;}  /*active link*/

a.grey:link {color: #666666}     /* unvisited link */
a.grey:visited {color: #666666}  /* visited link */
a.grey:hover {color: silver}   /* mouse over link */

a.silver:link {color: silver}     /* unvisited link */
a.silver:visited {color: silver}  /* visited link */
a.silver:hover {color: white}   /* mouse over link */

a.brown1:link {color: #9B6A08}     /* unvisited link */
a.brown1:visited {color: #9B6A08}  /* visited link */
a.brown1:hover {color: silver}   /* mouse over link */

a.red1:link {color: #9B2108}     /* unvisited link */
a.red1:visited {color: #9B2108}  /* visited link */
a.red1:hover {color: silver}   /* mouse over link */

a.blue1:link {color: #08839B}     /* unvisited link */
a.blue1:visited {color: #08839B}  /* visited link */
a.blue1:hover {color: silver}   /* mouse over link */

a.green21:link {color: #839B08}     /* unvisited link */
a.green21:visited {color: #839B08}  /* visited link */
a.green21:hover {color: silver}   /* mouse over link */

a.brown:link {color: white}     /* unvisited link */
a.brown:visited {color: white}  /* visited link */
a.brown:hover {color: #9B6A08}   /* mouse over link */

a.red:link {color: white}     /* unvisited link */
a.red:visited {color: white}  /* visited link */
a.red:hover {color: #9B2108}   /* mouse over link */

a.blue:link {color: white}     /* unvisited link */
a.blue:visited {color: white}  /* visited link */
a.blue:hover {color: #08839B}   /* mouse over link */

a.green2:link {color: white}     /* unvisited link */
a.green2:visited {color: white}  /* visited link */
a.green2:hover {color: #839B08}   /* mouse over link */

img { behavior: url(iepngfix.htc);	
}

/*****EXTRA*****/
.valignc {
	vertical-align: middle;
}

.alignc{
	text-align: center;
}

.alignr	{
	text-align: right;
}

.noBorder	
		{
	border: 0;
}

.noPad
		{
		margin: 0;
		padding: 0;
}

.padb10	{
		padding-bottom: 10px;
}

.padb5	{
		padding-bottom: 5px;
}

.pad10	{
		padding: 10px;
}

.pad5 	{
		padding: 5px;
		margin: 0;
		overflow: visible;
}

.pad2 	{
		padding: 2px;
		margin: 0;
		overflow: visible;
}

.pad1 	{
		padding: 1px;
		margin: 0;
		overflow: visible;
}

.margtb5	{
	margin-top: 5px;
	margin-bottom: 5px;
}

.margb10	{
	margin-bottom: 10px;
}

.margtop30	{
	margin-top: 30px;
}
