﻿.comp-table-start {
	border-bottom:1px solid #DDDDDD;
	padding:20px;
	background:url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100%;
	word-wrap:break-word;
}
.comp-table-start-1 {
	background:url(/static/images/vline.png) repeat-y scroll 50% 100%, url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100%, none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px solid #DDDDDD;
	padding:4px;
	word-wrap:break-word;
}
.comp-table-start-2 {
	background:url(/static/images/vline.png) repeat-y scroll 50% 100%, url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100%, none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px solid #DDDDDD;
	padding:20px;
	word-wrap:break-word;
}
.comp-table-start-2 > div {
	float:left;
	width:47.867803837953%; /* 449 / 938 */
}
.comp-table-start-2 > div + div {
	margin-left:4.264392324094%; /* 40 / 938 */
}
.comp-table-start-4 {
	background:url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100% #FFFFFF;
	padding:20px;
	word-wrap:break-word;
}
.comp-table-start-4 > div {
	float:left;
	width:23.347547974414%; /* 219 / 938 */
}
.comp-table-start-4 > div + div {
	margin-left:2.132196162047%; /* 20 / 938 */
}
.comp-table-standard-3 {
	padding:4px;
	background:url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100% #FFFFFF;
	word-wrap:break-word;
}
.comp-table-standard-3 > div {
	float:left;
	width:31.960784313725%; /* 163 / 510 */
	margin-left:1.960784313725%; /* 10 / 510 */
}
.comp-table-standard-3 > div:first-child {
	margin-left:0;
}
.comp-table-start-3 {
	padding:20px;
	background:url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100% #FFFFFF;
	word-wrap:break-word;
}
.comp-table-start-3 > div {
	float:left;
	width:31.960784313725%; /* 163 / 510 */
	margin-left:1.960784313725%; /* 10 / 510 */
}
.comp-table-start-3 > div:first-child {
	margin-left:0;
}

/* Start: Nytt block som delar 50-25-25 */
.comp-table-start-3-a {
	padding:20px;
	background:url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100% #FFFFFF;
	word-wrap:break-word;
}
.comp-table-start-3-a > div {
	float:left;
	width:23.5%;
	margin-left:1.960784313725%; /* 10 / 510 */
}
.comp-table-start-3-a > div:first-child {
	margin-left:0;
    width:49%;
}
/* End: Nytt block som delar 50-25-25 */

.comp-table-standard-2 {
	background:url(/static/images/vline.png) repeat-y scroll 50% 100%, url(/static/images/bg-gradient-1.png) repeat-x scroll 0 100%, none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px solid #DDDDDD;
	padding:4px;
	word-wrap:break-word;
}
.comp-table-standard-2 > div {
	float:left;
	width:47.867803837953%; /* 449 / 938 */
}
.comp-table-standard-2 > div + div {
	margin-left:4.264392324094%; /* 40 / 938 */
}
.Big .teaser-type-3 h2 {
	font-size:1.714em;
	font-weight:bold;
	padding:10px 24px 9px 15px;
}
#content-secondary .Small, #content-secondary .Big { margin-bottom:10px; }
 
/* CONTENT FUNCTION: ProjectLogin
============================================================================================================================ */
#ProjectLoginContainer .textbox { width:180px; }
#ProjectLoginContainer .loginButton { margin-top:10px; }
#ProjectLoginContainer .validation { margin-top:10px; font-size:75%; font-weight:bold; }
#ProjectLoginContainer .myPages { border-top:1px solid #DDDDDD; margin-top:4px; }

/* CONTENT FUNCTION: Rss
============================================================================================================================ */
#RssContainer .readMore { padding-top:15px; }

/* CONTENT FUNCTION: Facebook plugin
============================================================================================================================ */
.likebox-wrapper * { width: 100% !important; }

/* CONTENT FUNCTION: YouTubeLinkBlock (YouTubeLinkBlock will be replaced by YouTubeVideoEmbedBlock)
============================================================================================================================ */
.youTubeBlock .teaser-type-3 { background:none; box-shadow:none; }
.youTubeBlock .teaser .c { padding:0; }

/* CONTENT FUNCTION: YouTubeVideoEmbedBlock
============================================================================================================================ */
.youtube-embed-block .teaser-type-3 { background:none; box-shadow:none; }
.youtube-embed-block .teaser .c { padding:0; }
.youtube-embed-container { position:relative; padding-bottom:56.25%; padding-top:35px; height:0; overflow:hidden; }
.youtube-embed-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* CONTENT FUNCTION: Seminar planning
============================================================================================================================ */
.seminarPlanningFooter { margin-top:20px; width:100%; }
.seminarPlanningFooterLeft { float:left; width:50%; }
.seminarPlanningFooterRight { float:right; text-align:right; width:50%; }
.seminarPlanningRemove { margin-right:2px; vertical-align:text-bottom; }

/* CONTENT FUNCTION: Standard Article
============================================================================================================================ */
.comp-std-article { padding:0; }
.comp-article-heading { font-size: 1.6923em; font-weight: bold; padding-bottom: 10px; line-height:1.3em; }
.comp-article-heading:empty { padding:0 !important; display:none !important; }
.comp-article-body { padding:0; }
.comp-article-body p.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.comp-article-body p.video-container iframe, .comp-article-body p.video-container object, .comp-article-body p.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* CONTENT FUNCTION: Print Upload (pu)
============================================================================================================================ */
.puFieldset { padding:5px; }
.puCompanyNameField { display:block; max-width:225px; width:100%; }
.puDropDownList { display:block; max-width:225px; width:100%; }
.puInvalidField { background-color:#EECECC; border:1px solid #FF0000; padding:2px; }
.puUploadedFilesListBox { display:block; max-width:225px; width:100%; }

/* CONTENT FUNCTION: Exhibitor Banner Generator
============================================================================================================================ */
#ExhibitorBannerGenerator .form { margin:10px 0 15px 0; }
#ExhibitorBannerGenerator .form > .textBox, #ExhibitorBannerGenerator .form > .dropDownList, #ExhibitorBannerGenerator .form > .informationLabel { display:block; }
#ExhibitorBannerGenerator .form > .textBox { box-sizing:border-box; padding:5px; max-width:250px; width:100%; }
#ExhibitorBannerGenerator .form > .dropDownList { margin-bottom:15px; padding:3px; }
#ExhibitorBannerGenerator .form > .informationLabel { font-size:90%; margin-bottom:10px; }
#ExhibitorBannerGenerator .form > .sendButton { padding:5px; }
#ExhibitorBannerGenerator > .contentBelowFormAndBanners { margin-top:10px; }
#ExhibitorBannerGenerator > .haveToBeLoggedInAsExhibitor { color:#ff0000; font-weight:bold; margin:10px 0 10px 0; }
#ExhibitorBannerGenerator > .swedishBannerTag { display:block; font-weight:bold; }
#ExhibitorBannerGenerator > .englishBannerTag { display:block; font-weight:bold; margin-top:10px; }

/* MEDIA QUERIES
 * Adjustments for narrower viewports
================================================================================ */

/* 800px
-------------------------------------------------------------- */
@media only screen and (max-width:800px) {

.comp-table-start-4 {
	padding-bottom:0;
}
.comp-table-start-4 > div {
	width:48.644986449864%; /* 359 / 738 */
	margin-bottom:20px;
	margin-left:0;
}
.comp-table-start-4 > div + div {
	margin-left:0;
}
.comp-table-start-4 > div:nth-child(odd) {
	clear:left;
}
.comp-table-start-4 > div:nth-child(even) {
	margin-left:2.710027100271%; /* 20 / 738 */
}
.comp-table-standard-1 .Small {
	float:left;
	width:50%; /* 279 / 558 */
}
.comp-table-standard-1 .Small > .teaser {
	margin-right:1.792114695341%; /* 5 / 279 */
	margin-left:1.792114695341%; /* 5 / 279 */
}
#content-secondary > p {
	float:left;
	width:48.207885304659%; /* 269 / 558 */
	margin:0 0.89605734767% 10px !important; /* 5 / 558 */
}
img.ImageShaddow {
	display:block;
	width:100%;
}

} /* End max-width:800px */

/* 600px
-------------------------------------------------------------- */
@media only screen and (max-width:600px) {
/* Start: Nytt block som delar 50-25-25 */

.comp-table-start-3-a > div:first-child {
	margin-left:0;
    width:100% !important;
}
.comp-table-start-3-a > div {
	float:none;
	width:auto;
	margin:0 0 10px;
}
.comp-table-start-3-a {
	padding: 10px 10px 0;
	background:transparent;
}
/* End: Nytt block som delar 50-25-25 */
}
/* End max-width:600px */


/* 480px
-------------------------------------------------------------- */
@media only screen and (max-width:480px) {

.comp-table-start-2 {
	background:#fff url("/static/images/bg-gradient-1.png") repeat-x 0 100%;
	padding:10px 10px 0;
}
.comp-table-start-2 > div {
	width:100%;
	margin-bottom:10px;
}
.comp-table-start-2 > div + div {
	margin-left:0;
}
.comp-table-standard-2 {
	background:#fff url("/static/images/bg-gradient-1.png") repeat-x 0 100%;
	padding:0;
}
.comp-table-standard-2 > div {
	width:100%;
	margin-bottom:10px;
}
.comp-table-standard-2 > div + div {
	margin-left:0;
}
.comp-table-standard-3 {
	padding:0;
	background:transparent;
}
.comp-table-standard-3 > div {
	float:none;
	width:auto;
	margin:0 0 10px;
}
.comp-table-start-4 {
	padding:10px 10px 0;
}
.comp-table-start-4 > div {
	width:auto;
}
.comp-table-start-4 > div:nth-child(even) {
	margin-left:0;
}
.comp-table-start-3 > div {
	float:none;
	width:auto;
	margin:0 0 10px;
}
.comp-table-start-3 {
	padding: 10px 10px 0;
	background:transparent;
}

.comp-table-standard-1 .Small {
	float:none;
	width:auto;
}
.comp-table-standard-1 .Small > .teaser {
	margin-right:0;
	margin-left:0;
}
#content-secondary > p {
	float:none;
	width:auto;
	margin:0 0 10px !important;
}
div.teaser {
	box-shadow:0 0 5px 1px #bbb;
}

} /* End max-width:480px */

/* 320px
-------------------------------------------------------------- */
@media only screen and (max-width:320px) {


} /* End max-width:320px */