:focus {
	outline: 0;
}

.bubble {
	width: 100%;
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px none #FFF;
}
.rectangle h2   , .rectangle800 h2{
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.15em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-khtml-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: left;
	line-height: 2.5em;
	text-indent: 2%;
	padding: 0px;
	margin: 0px;
}
.rectangle  {
	background-color: #FFFFFF;
	/* [disabled]background-image: url(file:///Skydda/SkyddaProtectingPeopleEuropeAB/Marknad/Webb/Zekler/design/content-bg.png); */ /* IE */
	/* [disabled]background-position: left; */
	/* [disabled]background-repeat: repeat-y; */ /* Firefox 3.6+ */
	/* [disabled]background: -moz-linear-gradient(left, #000000, #FFFFFF); */ /* Safari 4-5, Chrome 1-9 */
	/* [disabled]background: -webkit-gradient(linear, left top, right top, from(#000000), to(#FFFFFF)); */ /* Safari 5.1+, Chrome 10+ */
	/* [disabled]background: -webkit-linear-gradient(left, #000000, #FFFFFF); */
	/* [disabled]background-image: -ms-linear-gradient(left, #00000 0%, #FFFFFF 100%); */
	height: 2.2em;
	width: 100%;
	position: relative;
	left: -15px;
	top: 15px;
	float: left;
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	z-index: 100;
	border: 1px solid #848587;
	font-family: "Eurostile LT Extended #2";
}
.rectangle800 {
	background-color: #FFFFFF;
	/* [disabled]background-image: url(file:///Skydda/SkyddaProtectingPeopleEuropeAB/Marknad/Webb/Zekler/design/content-bg.png); */ /* IE */
	/* [disabled]background-position: left; */
	/* [disabled]background-repeat: repeat-y; */ /* Firefox 3.6+ */
	/* [disabled]background: -moz-linear-gradient(left, #000000, #FFFFFF); */ /* Safari 4-5, Chrome 1-9 */
	/* [disabled]background: -webkit-gradient(linear, left top, right top, from(#000000), to(#FFFFFF)); */ /* Safari 5.1+, Chrome 10+ */
	/* [disabled]background: -webkit-linear-gradient(left, #000000, #FFFFFF); */
	/* [disabled]background-image: -ms-linear-gradient(left, #00000 0%, #FFFFFF 100%); */
	height: 2.2em;
	width: 800px;
	position: relative;
	left:-15px;
	top: 15px;
	float: left;
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	z-index: 100;
	border: 1px solid #848587;
}
	
.triangle-l {
	height: 0px;
	width: 0px;
	position: absolute;
	left: -29px;
	top: 31px;
	z-index: -1; /* displayed under bubble */
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: #5c5c5c;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.info {
	text-align: left;
	margin-top: 35px;
	padding-bottom: 0;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
}
/* Layout för bärbar dator: 481 px till 768 px. Ärver format från mobillayout. */

@media only screen and (min-width: 481px) {
.bubble {
	width: 100%;
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px none #FFF;
}
.rectangle h2   , .rectangle800 h2{
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.15em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-khtml-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: left;
	/* [disabled]line-height: 2em; */
	text-indent: 2%;
	padding: 0px;
	margin: 0px;
}
.rectangle  {
	background-color: #FFFFFF;
	/* [disabled]background-image: url(file:///Skydda/SkyddaProtectingPeopleEuropeAB/Marknad/Webb/Zekler/design/content-bg.png); */ /* IE */
	/* [disabled]background-position: left; */
	/* [disabled]background-repeat: repeat-y; */ /* Firefox 3.6+ */
	/* [disabled]background: -moz-linear-gradient(left, #000000, #FFFFFF); */ /* Safari 4-5, Chrome 1-9 */
	/* [disabled]background: -webkit-gradient(linear, left top, right top, from(#000000), to(#FFFFFF)); */ /* Safari 5.1+, Chrome 10+ */
	/* [disabled]background: -webkit-linear-gradient(left, #000000, #FFFFFF); */
	/* [disabled]background-image: -ms-linear-gradient(left, #00000 0%, #FFFFFF 100%); */
	height: 2.2em;
	width: 100%;
	position: relative;
	left: -15px;
	top: 15px;
	float: left;
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	z-index: 100;
	border: 1px solid #848587;
	font-family: "Eurostile LT Extended #2";
}
.rectangle800 {
	background-color: #FFFFFF;
	/* [disabled]background-image: url(file:///Skydda/SkyddaProtectingPeopleEuropeAB/Marknad/Webb/Zekler/design/content-bg.png); */ /* IE */
	/* [disabled]background-position: left; */
	/* [disabled]background-repeat: repeat-y; */ /* Firefox 3.6+ */
	/* [disabled]background: -moz-linear-gradient(left, #000000, #FFFFFF); */ /* Safari 4-5, Chrome 1-9 */
	/* [disabled]background: -webkit-gradient(linear, left top, right top, from(#000000), to(#FFFFFF)); */ /* Safari 5.1+, Chrome 10+ */
	/* [disabled]background: -webkit-linear-gradient(left, #000000, #FFFFFF); */
	/* [disabled]background-image: -ms-linear-gradient(left, #00000 0%, #FFFFFF 100%); */
	height: 2.2em;
	width: 800px;
	position: relative;
	left:-15px;
	top: 15px;
	float: left;
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	z-index: 100;
	border: 1px solid #848587;
}
	
.triangle-l {
	height: 0px;
	width: 0px;
	position: absolute;
	left: -29px;
	top: 31px;
	z-index: -1; /* displayed under bubble */
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: #5c5c5c;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.info {
	padding: 20px 0 0 25px;
	text-align: left;
	margin-top: 35px;
}

}

/* Layout för stationär dator: 801 px till 1 232 px. Ärver format från mobillayout och layout för bärbar dator. */

@media only screen and (min-width: 801px) {
.bubble {
	width: 90%;
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px none #FFF;
}
.rectangle h2   , .rectangle800 h2{
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.15em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-khtml-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: left;
	line-height: 1.3em;
	text-indent: 2%;
	padding: 0px;
	margin: 0px;
}
.rectangle  {
	background-color: #FFFFFF;
	height: 2.2em;
	width: 100%;
	position: relative;
	left: -15px;
	top: 15px;
	float: left;
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.55);
	z-index: 100;
	border: 1px solid #848587;
}
	
.triangle-l {
	height: 0px;
	width: 0px;
	position: absolute;
	left: -29px;
	top: 31px;
	z-index: -1; /* displayed under bubble */
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: #5c5c5c;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.info {
	padding: 20px 0 0 25px;
	text-align: left;
	margin-top: 35px;
}
	
}
