﻿/* ----- Text -----*/

p {
	margin-bottom: 6px;
}


.p-margin10 {
	margin-bottom: 10px;
}


.p-margin20 {
	margin-bottom: 20px;
}

.p-margin30 {
	margin-bottom: 30px;
}

.p-margin40 {
	margin-bottom: 40px;
}


.sep {
	margin: 0 6px 0 6px;
	font-size: 1em;	
	color: #758aa9;
}


.sep2 {
	margin: 0px;
	font-size: 1em;
}


.sep3 {
	font-size: 1em;
	margin: 0 6px 0 6px;
}


strong {
	font-weight: bold;
}

.spacing {
	letter-spacing: 0.2em;
}

.indent {
	text-indent: -8000px;
}
 
sup {
	font-size: 0.8em;
}


.justify {
	text-align: justify;
}




/* -------- Header --------*/


h1 {
	font-family: arial, verdana;
	color: #000000;
	margin-bottom: 18px;
	font-size: 1.3em;
}

.underline {
	width: 100%;
	height: 1.3em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 1.1em;
}


.product-box h1 {
	font-size: 1.4em;
}



h2 {
	color: #000;
	margin-bottom: 8px;
	font-size: 1.0em;
}


#products h2 {
	color: #196fed;
	margin-bottom: 7px;
	font-size: 1em;
}



h3 {
	margin-bottom: 8px;
	font-size: 1em;
}


h4 {
	margin-bottom: 0.5em;
	font-size: 1em;
}



/* ---- Colors ----*/

.black {
  color: #000000;
}

.blue {
	color: #4f99df;
}


.green {
  color: #56b324;
}

.red {
  color: red;
}

.grey {
  color: #666666;
}

.yellow {
  color: #ffae00;
}

.violet {
  color: #e40cec;
}


/* ---- Links ----*/

a { 
    outline:0; 
}


a.textlinknormal,
a.texlinknormal:visited {
  text-decoration: none;
}

a.textlinkred, 
a.texlinkred:visited {
	color: #B02A2C;
	text-decoration: none;
	outline: none;
	text-transform: none;
}

a.textlinknormal:hover,
a.textlinkred:hover, 
a.textlinknormal:active,
a.textlinkred:active {
	color: #bb1e1e;
	border-bottom: 1px solid #b0622e;
}



a.link1, 
a.link1:visited {  /* -- no arrow, black text, red underline --*/
  text-decoration: none;
  color: #000;
  padding-bottom: 1px;
}


a.link1:hover,
a.link1:active { 
  color: #000000;
  border-bottom: 1px solid #bb1e1e;
}


a.link2,
a.link2:visited

{ /* -- arrow --*/
	color: #000000;
	text-decoration: none;
	padding-left: 0.7em;
	background: url("../../images/link2.gif") 0px 50% no-repeat;
}

a.textlinkred:focus,
a.link1:focus,
a.link2:focus
{
	background: #fffbe1; 
	padding-left: 0em;
}

a.textlinkred:focus,
a.textlinknormal:focus,
a.link1:focus,
{
	background: #fffbe1; 
	padding: 0;
}



a.link2:hover,
a.link2:active { 
  text-decoration: none;
  padding-left: 0.7em;
  background: url("../../images/link2s.gif") 0px 50% no-repeat;
  color: #000000;
  border-bottom: 1px solid #bb1e1e;
}




a.fullscreen,
a.fullscreen:visited {
	text-indent: -8000px;
	display:block;
	width: 75px;
	height: 20px;
	background: url("../../images/fullscreen.gif") 0px 0px;
	border: 0;
}

a.fullscreen_en,
a.fullscreen_en:visited {
	text-indent: -8000px;
	display:block;
	width: 75px;
	height: 20px;
	background: url("../../images/fullscreen_en.gif") 0px 0px;
	border: 0;
}


a.fullscreen:hover,
a.fullscreen:active,
a.fullscreen_en:hover,
a.fullscreen_en:active {
	width: 75px;
	height: 20px;
	background-position: 0 -20px;
}


a.normal,
a.normal:visited {
	text-indent: -8000px;
	display:block;
	width: 65px;
	height: 20px;
	background: url("../../images/normal.gif") 0px 0px;
	border: 0;
}

a.normal:hover,
a.normal:active {
	width: 65px;
	height: 20px;
	background-position: 0 -20px;
}



a.link4,
a.link4:visited { 
  color: #000000;
  text-decoration: none; 
  padding-left: 1.3em;
  background-image: url("../../images/link_normal3.gif");
  background-position: 0px 50%;
  background-repeat: no-repeat;
}

a.link4:hover,
a.link4:active { 
  color: #bb1e1e;
  text-decoration: underline;
  padding-left: 1.3em;
  background: url("../../images/link_normal2.gif") 0px 50% no-repeat;
  border-bottom: 0;
}



a.link6,
a.link6:visited {
	text-decoration: none;
}


a.link6:hover,
a.link6:active {
	border-bottom: 1px solid #bb1e1e;
	color: #000;
}



a.link-top,
a.link-top:visited {
	color: black; 
	margin-top: 0px;	
	text-decoration: none;
	padding-left: 1em;
	background: url("../../images/link_top1.gif") 0px 50% no-repeat;
}


a.link-top:hover,
a.link-top:active { 
  color: #bb1e1e;
  text-decoration: none;
  padding-left: 1em;
  background: url("../../images/link_top2.gif") 0px 50% no-repeat;
  border-bottom: 1px solid #bb1e1e;
}


