@charset "UTF-8";
/* Enkla flytande media
   Obs! För flytande media krävs att du tar bort mediets höjd- och breddattribut från HTML-koden
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	width: 100%;
}
/* IE 6 stöder inte max-width så 100% används som standard för bredd */
.ie6 img {
	width:100%;
}

/*
	Egenskaper för Dreamweavers flytande stödraster
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration från Responsive Web Design av Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	och Golden Grid System av Joni Korpi
	http://goldengridsystem.com/
*/

body {
	background-color: rgb(204,204,204);
	background-image: url(../_Images/_Design/Icons/bg.png);
	background-position: left top/*, right bottom*/;
	background-repeat: repeat-x/*, repeat*/;
	}

h1 {
	font-size: 1.5em; /* 25px/16px */
	font-family: 'Carrois Gothic SC', sans-serif;
	line-height: normal;
	padding: 0;
	margin: 0;
	}
#Main .noclass {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/* Mobillayout: Högst 480px. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0;
	border-radius: 2px;
	background: radial-gradient(black 15%, transparent 16%) 0 0,
	radial-gradient(black 15%, transparent 16%) 8px 8px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color: #282828;
	background-size: 16px 16px;
}
#Header, #Footer {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	/* [disabled]padding: 1%; */
	text-align: center;
	position: relative;
	color: #fff;
	margin: 0.25% 0;
	padding: 0;
	text-shadow: 0 1px rgba(0,0,0,.8);
	background: #5c5c5c;
	background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
	vertical-align: middle;
}

#Header {
	border-radius: top-left top-right bottom-right bottom-left;
	border-radius: 8px 8px 4px 4px;
}

#Footer {
	border-radius: top-left top-right bottom-right bottom-left;
	border-radius: 4px 4px 10px 10px;
}

#Footer p {
	font-family: 'Carrois Gothic SC', sans-serif;
	color: #333;
	text-shadow: 0px 2px 3px #555;
	/* CSS3 Transition Effect */
	-webkit-transition: all 0.12s ease-out;		/* Safari & Chrome */
	-moz-transition: all 0.12s ease-out;		/* Firefox */
	-o-transition: all 0.12s ease-out;		/* Opera */
	font-size: 1.1em;
	display: inline;
	line-height: 2em;
}


#Logo {
	clear: both;
	float: none;
	/* [disabled]width: 50%; */
	/* [disabled]display: inline; */
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
}
#Logo h1 {
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 3em;
	margin: 0;
	color: #CCC;
	text-shadow: 0px 2px 3px #555;
	/* CSS3 Transition Effect */
	-webkit-transition: all 0.12s ease-out;		/* Safari & Chrome */
	-moz-transition: all 0.12s ease-out;		/* Firefox */
	-o-transition: all 0.12s ease-out;		/* Opera */
	max-width: 300px;
	text-align: center;
}

#Logo h1 a {
	font-family: 'Carrois Gothic SC', sans-serif;
	margin: 0;
	color: #CCC;
	text-shadow: 0px 2px 3px #555;
	/* CSS3 Transition Effect */
	-webkit-transition: all 0.12s ease-out;		/* Safari & Chrome */
	-moz-transition: all 0.12s ease-out;		/* Firefox */
	-o-transition: all 0.12s ease-out;		/* Opera */
	text-decoration: none;
}


#Logo h1 a:hover
{
 	color: #333;
	text-shadow: 0px 2px 3px #555;
}
#Logo p {
	font-family: 'Carrois Gothic SC', sans-serif;
	color: #333;
	text-shadow: 0px 2px 3px #555;
	/* CSS3 Transition Effect */
	-webkit-transition: all 0.12s ease-out;		/* Safari & Chrome */
	-moz-transition: all 0.12s ease-out;		/* Firefox */
	-o-transition: all 0.12s ease-out;		/* Opera */
	font-size: 1.1em;
	display: inline;
}

#Logo p:hover
{
 	color: #CCC;
	text-shadow: 0px 2px 3px #555;
}

#Social {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
}


#Nav {
	clear: both;
	float: left;
	width: 100%;
	display: none;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.12em;
}
#RespNav {
	display: block;
	/* [disabled]background-color: rgb(13,13,13); */
	color: rgb(255,255,255);
	padding: 2%;
	/* [disabled]margin: 0 -2%; */
	width: 100%;
	position: fixed;
	z-index: 100;
	text-shadow: 0 1px rgba(0,0,0,.8);
	background: #5c5c5c;
	background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	/* [disabled]box-shadow: 0 2px 0 rgba(0,0,0,.3); */
	vertical-align: middle;
}

#RespNav h1 {
	font-size: 2em;
	margin: 0px;
	font-family: 'Carrois Gothic SC', sans-serif;
}
#buffer { 
	height: 50px; 
}

#Main {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

#Main img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 1%;
	border: none;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
}

#Main h2 {
	font-size: 1em;
	font-family: 'Carrois Gothic SC', sans-serif;
}

#Main p {
	font-family: 'Carrois Gothic', sans-serif;
	font-size: 1.1em;
	line-height: 2em;
	/* [disabled]margin-top: 1.5%; */
}
.Content {
	clear: both;
	float: left;
	margin: 0.5% 0;
	padding: 2%;
	width: 96%;
	display: block;
	background-color: rgb(255,255,255);
}

blockquote {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 1.2em;
	font-style: italic;
	width: 80%;
	line-height: 1.4;
	position: relative;
	color: #383838;
	padding-top: 0.25em;
	padding-right: 1.5em;
	padding-bottom: 0em;
	padding-left: 1.5em;
	margin-top: 1em;
	margin-right: 1.5em;
	margin-bottom: 0em;
	margin-left: 1.5em;
	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -30px;
	top: -30px;
	color: #7a7a7a;
}

blockquote:after {
	content: "\201D";
	font-size: 4em;
	line-height: 0.1em;
	/* [disabled]margin-left: 1.5em; */
	vertical-align: -0.6em;
	color: #7a7a7a;
}

.embed-container {
	position: relative;
	padding-bottom: 600%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Left1Col {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
}
.Left2Col {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
}
.Left3Col {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
}
.Middle1Col {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
}

.Right1Col {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	margin-bottom: 2%;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 0%;
}



.Right2Col {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
}

.LeftHalfPage {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
}
.RightHalfPage {
	clear: both;
	float: left;
	width: 92%;
	display: block;
	margin: 0 4%;
}

.Left25 {
	clear: none;
	float: left;
	width: 47%;
	display: block;
	margin: 0 4%;
}
.Dances {
	background-color: rgb(204,204,204);
	margin-left: 4%;
	width: 92%;
	border: none;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
}

.Dances h2 {

}

#Main .Dances p{
	font-size: 1em;
	line-height: 1em;
	list-style-type: square;
}
.IndexNews {
	background-color: rgb(204,204,204);
	width: 92%;
	border: none;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	margin-top: 10px;
}
.IndexCancun {
	background-color: #fbbe48;
	width: 92%;
	border: none;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	margin-top: 10px;
}

#Main .IndexNews p{
	font-size: 1em;
	line-height: 1,3em;
	list-style-type: square;
}
.DVD {
	width: 60%;
	border: 0.2em solid #CCCCCC;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	background-image: url(../_Images/_Design/Icons/dvd.png);
	background-repeat: no-repeat;
	background-position: -10% 10%;
	padding-top: 2.5%;
	padding-right: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 15%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
}

#Main .DancesList h1 {
	font-size: 1.5em; /* 25px/16px */
	font-family: 'Carrois Gothic SC', sans-serif;
}
#Main .DancesList p {
	font-size: 1.1em;
	width: 95%;
	line-height: 1.2em;
	color: #FFFFFF;
	background-color: rgb(204,204,204);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: rgb(204,204,204);
	border-left-color: #333333;
	margin: 0 0 1em 0;
	padding: 0.5em;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	background-image: linear-gradient(right , rgb(252,252,252) 11%, rgb(92,92,92) 100%);
	background-image: -o-linear-gradient(right , rgb(252,252,252) 11%, rgb(92,92,92) 100%);
	background-image: -moz-linear-gradient(right , rgb(252,252,252) 11%, rgb(92,92,92) 100%);
	background-image: -webkit-linear-gradient(right , rgb(252,252,252) 11%, rgb(92,92,92) 100%);
	background-image: -ms-linear-gradient(right , rgb(252,252,252) 11%, rgb(92,92,92) 100%);
	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.11, rgb(252,252,252)),
	color-stop(1, rgb(92,92,92))
);
	/* [disabled]overflow: auto; */
}
#Main .DancesList .New {
	margin-left: -8px;
	background-image: url(../_Images/_Design/Icons/new.png);
	background-repeat: no-repeat;
	background-position: 3px top;
	padding-left: 35px;
	width: 89%;
}

#Main .DancesList p a{
	color: #FFFFFF;	
	
}

#Main .DancesList p a:hover {
	color: #333333;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#Main .DancesList img {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	float: right;
	display: block;
	margin-top: -6px;
	padding: 0px;
}
#Main .Schedule {
	padding: 0px;
	position: relative;
}

#Main .Schedule h2 {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: normal;
	background-color: rgb(204,204,204);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-radius: 0px;
	-webkit-box-shadow: 1px 1px 0.5px 0.5px #999999;
	box-shadow: 1px 1px 0.5px 0.5px #999999;
	text-shadow: 1px 1px 1px #5C5C5C;
	float: left;
	width: auto;
	border-width: 0px;
	-ms-transform: rotate(-1deg); /* IE 9 */
	-moz-transform: rotate(-1deg); /* Firefox */
	-webkit-transform: rotate(-1deg); /* Safari and Chrome */
	-o-transform: rotate(-1deg); /* Opera */
	color: rgb(255,255,255);
}
#Main .Schedule h1 {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: normal;
	/* [disabled]background-color: #D0D0D0; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px #999999;
	box-shadow: 0px 0px 0px 0px #999999;
	text-shadow: 0px 0px 0px #5C5C5C;
	float: none;
	width: 100%;
}
#Main .Schedule p {
	font-size: 1.1em;
	line-height: 1.2em;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 5px;
}
#div1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}
.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none;
}


/* Layout för bärbar dator: 481 px till 800 px. Ärver format från mobillayout. */

@media only screen and (min-width: 481px) {
	
#Logo h1 {
}	
#Logo p {
}
	
.gridContainer {
	width: 92.8888%;
	padding-left: 1.0555%;
	padding-right: 1.0555%;
}
#Header, #Footer {
	clear: both;
	float: left;
	width: 104%;
	display: block;
	/* [disabled]padding: 1%; */
	text-align: center;
	position: relative;
	color: #fff;
	margin: 0.25% -2%;
	/* [disabled]padding: 0; */
	text-shadow: 0 1px rgba(0,0,0,.8);
	background: #5c5c5c;
	background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
}

#Header {
	border-radius: top-left top-right bottom-right bottom-left;
	border-radius: 16px 16px 4px 4px;
}

#Footer {
	border-radius: top-left top-right bottom-right bottom-left;
	border-radius: 4px 4px 10px 10px;
	margin-top: 0.25%;
}

#Main {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

#Main img {
	height: auto;
	max-width: 225px;
	margin: 1%;
	border: none;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
}
#Main img.About {
	height: auto;
	max-width: 50%;
}

#Main h2 {
	font-size: 1em;
	font-family: 'Carrois Gothic SC', sans-serif;
}

#Main p {
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}

#Logo {
	clear: both;
	float: none;
	/* [disabled]margin-left: 0; */
	width: 62%;
	display: block;
	margin-top: 2%;
	margin-bottom: 0%;
	padding-left: auto;
}

#Social {
	clear: both;
	float: right;
	width: 30%;
	display: block;
	text-align: right;
	margin: 0 1%;
}
#Nav {
	clear: none;
	float: left;
	margin-left: 2.2727%;
	width: 96%;
	display: block;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.5em;
	text-align: center;
}
#RespNav {
	display: none;
}
#buffer {
	/* [disabled]display: none; */
	height: 0px;
}

.Content {
	clear: both;
	float: left;
	margin: 0.25% -2%;
	padding: 2%;
	width: 100%;
	display: block;
	background-color: #FFFFFF;
}
blockquote {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 1.5em;
	font-style: italic;
	margin: 0.25em 4%;
	padding: 0.25em 0 0.25em 2em;
	line-height: 1.45;
	position: relative;
	color: #383838;
}

blockquote:before {	
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

blockquote:after {
	content: "\201D";
	font-size: 4em;
	line-height: 0.1em;
	margin-left: 0.2em;
	/* [disabled]vertical-align: -0.4em; */
	color: #7a7a7a;
}


.embed-container {
	position: relative;
	padding-bottom: 250%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Left1Col {
	clear: none;
	float: left;
	width: 31.33%;
	display: block;
	margin: 0%;
	padding: 1.5% 1.5% 1.5% 0%;
	border-style: none;
}
.Left2Col {
	clear: left;
	float: left;
	width: 65.66%;
	display: block;
	padding: 1.5% 1.5% 1.5% 0%;
	margin: 0%;
}
.Left3Col {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 1.5% 0;
}
.Middle1Col {
	clear: none;
	float: left;
	width: 31.33%;
	display: block;
	margin: 0%;
	padding: 1.5% 1.5%;
	border-style: none;

}

.Right1Col {
	clear: none;
	float: left;
	width: 31.33%;
	display: block;
	margin: 0%;
	padding: 1.5% 0 1.5% 1.5%;
	border-style: none;
}


.Right2Col {
	clear: none;
	float: right;
	width: 65.66%;
	display: block;
	padding: 1.5% 0 1.5% 1.5%;
	margin: 0%;
}
.LeftHalfPage {
	clear: none;
	float: left;
	width: 48.5%;
	display: block;
	margin: 0;
	padding: 1.5% 1.5% 1.5% 0%;
}

.RightHalfPage {
	clear: none;
	float: right;
	width: 48.5%;
	display: block;
	margin: 0;
	padding: 1.5% 0 1.5% 1.5%;
}

.Left25 {
	clear: none;
	float: left;
	width: 46%;
	display: block;
	padding: 1.5% 2%;
	margin: 0;
	border-style: none;
}

.Dances {
	width: 63%;
	position: relative;
	bottom: 0%;
	margin-left: 0%;
	padding: 0%;
	/* [disabled]margin: 0%; */
	margin-top: 0%;
	margin-bottom: 0%;
}

#Main .Dances p{
	font-size: 1em;
	line-height: 1.1em;
	list-style-type: square;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.IndexNews {
	background-color: rgb(204,204,204);
	padding: 1% 0;
	margin-right: -1%;
	width: 31.33%;
	margin-top: 0px;
	float: right;
}
.IndexCancun {
	background-color: #fbbe48;
	padding: 1% 0;
	margin-right: -1%;
	width: 31.33%;
	margin-top: 0px;
	float: right;
}
#Main .IndexNews p{
	font-size: 1em;
	line-height: normal;
	list-style-type: square;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.DVD {
	padding: 5%;
	margin: 1% 4%;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	width: 31.5%;
	background-image: url(../_Images/_Design/Icons/dvd.png);
	background-repeat: no-repeat;
	background-position: -12% -15%;
}
#Main .DancesList p {
	/* [disabled]padding: 0.5em 0.25em; */
	line-height: 1.2em;
	margin: 0.5em 0;
}
#Main .DancesList img {
	vertical-align: middle;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}

#Main .DancesList .New {
	margin-left: -8px;
	background-image: url(../_Images/_Design/Icons/new.png);
	background-repeat: no-repeat;
	background-position: 3px top;
	padding-left: 35px;
	width: 88%;
}
#Main .Schedule {
	padding: 0px;
	position: relative;
}

#Main .Schedule h2 {
	font-size: 1.2em;
	line-height: normal;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-radius: 0px 0px 5px;
	border-width: 0pc;
}
#Main .Schedule h1 {
	font-size: 1.2em;
	line-height: normal;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}
#Main .Schedule p {
	font-size: 1.1em;
	line-height: 1.2em;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#div1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

.zeroMargin_tablet {
	margin-left: 0;
}

.hide_tablet {
	display: none;
}


}

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

@media only screen and (min-width: 801px) {
	
#Logo h1 {
	font-size: 3em;
}	
#Logo p {

}

#Social {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: 40.6779%;
	display: block;
	margin-top: 2%;
	text-align: right;
	margin-right: 4%;
}

	
.gridContainer {
	width: 98%;
	max-width: 960px;
	margin: auto;
	padding: 1% 0;
	/* [disabled]border: 1px solid rgb(92,92,92); */
}
#Nav {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: 57.6271%;
	display: block;
	margin-top: 2.6%;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.4em;
	text-align: right;
	margin-right: 2.6%;
}
#RespNav {
	display: none;
}
#buffer {
	display: none;
}

#Header, #Footer {
	clear: both;
	float: left;
	width: 106%;
	display: block;
	padding: 1%;
	text-align: center;
	position: relative;
	color: #fff;
	margin: 0.15% -3% 0.15% -3%;
	padding: 0;
	text-shadow: 0 1px rgba(0,0,0,.8);
	background: #5c5c5c;
	background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
}
#Main {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
}

#Main img {
	width: auto;
	height: auto;
	max-width: 300px;
	margin: 1%;
	border: none;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
}


#Main img.About {
	height: auto;
	max-width: 350px;
}

#Main p {
	font-size: 1.1em;
	/* [disabled]line-height: 1.2em; */
	/* [disabled]margin-top: 1.5%; */
}

#Main h2 {
	font-size: 1em;
	font-family: 'Carrois Gothic SC', sans-serif;
	margin: 0.5em 0;
}

#Logo {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 32%;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align: left;
}
.Content {
	clear: both;
	float: left;
	width: 98%;
	display: block;
	margin: 0.15% -3%;
	padding: 1% 4%;
	background: #fff;
	border-radius: 2px;
	position: relative;
}
blockquote {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 1.7em;
	font-style: italic;
	width: 90%;
	margin: 0;
	position: relative;
	color: #383838;
	padding-bottom: 0em;
	padding-left: 1em;
	padding-right: 0em;
	padding-top: 1.2em;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -0.3em;
	top: -0.1em;
	color: #7a7a7a;
}

blockquote:after {
	content: "\201D";
	font-size: 80px;
	line-height: 0.1em;
	color: #7a7a7a;
	right: -0.3em;
}



.embed-container {
	position: relative;
	padding-bottom: 200%; /* 16/9 ratio */ /* Sätt ett lägre värde om höjden skall minskas*/
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Left1Col {
	clear: both;
	float: left;
	width: 31%;
	display: block;
	padding: 1.5% 1.5% 1.5% 0%;
	margin: 0%;
}
.Left2Col {
	clear: none;
	float: left;
	width: 65%;
	display: block;
	margin: 0%;
	padding: 1.5%  1.5% 1.5% 0;
}
.Middle1Col {
	clear: none;
	float: left;
	width: 31%;
	display: block;
	padding: 1.5% 1.5% 1.5% 1.5%;
	margin: 0%;
}

.Right1Col {
	clear: none;
	float: left;
	width: 31%;
	display: block;
	margin: 0%;
	padding: 2% 0 1.5% 1.5%;
}

.Right2Col {
	clear: none;
	float: right;
	width: 65%;
	display: block;
	margin: 0%;
	padding: 1.5% 0 1.5% 1.5%;
}

.Left3Col {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0%;
	padding: 1.5% 0%;
}

.LeftHalfPage {
	clear: left;
	float: left;
	width: 48.5%;
	display: block;
	padding: 1.5% 1.5% 1.5% 0%;
	margin: 0;
}
.RightHalfPage {
	clear: none;
	float: right;
	width: 48.5%;
	display: block;
	padding: 1.5% 0 1.5% 1.5%;
	margin: 0;
}
.Left25 {
	clear: none;
	float: left;
	width: 22%;
	display: block;
	margin: 0;
	padding: 1.5% 1.5% 1.5% 0%;
}


.Dances {
	background-color: rgb(204,204,204);
	margin-left: -1%;
	padding: 0;
	width: 63%;
	bottom: 5%;
	position: relative;
	margin-bottom: 0%;
}

.Dances h2 {
}
#Main .Dances p {
	font-size: 1em;
	line-height: 2em;
	margin: 0;
}

.IndexNews {
	background-color: rgb(204,204,204);
	padding: 0;
	margin-right: -1%;
	width: 34%;
	float: right;
}
.IndexCancun {
	background-color: #fbbe48;
	padding: 0;
	margin-right: -1%;
	width: 34%;
	float: right;
}
.DVD {
	padding: 0;
	margin: 0 4px 10px 4px;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	background-image: url(../_Images/_Design/Icons/dvd.png);
	background-repeat: no-repeat;
	background-position: 117% -15%;
	/* [disabled]width: 21.5%; */
	padding-left: 11px;
	/* [disabled]margin-bottom: 10px; */
}

#Main .IndexNews p{
	font-size: 1em;
	list-style-type: square;
	line-height: 2em;
	margin: 0px;
}

#Main .DancesList p {
	width: 98%;
	line-height: 1.2em;
}
#Main .DancesList img {
	vertical-align: middle;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	float: right;
	position: relative;
	display: block;
}
#Main .DancesList .New {
	width: 90%;
	margin-left: -8px;
	background-image: url(../_Images/_Design/Icons/new.png);
	background-repeat: no-repeat;
	background-position: 3px top;
	padding-left: 35px;
}

#Main .Schedule {
	padding: 0px;
	position: relative;
}

#Main .Schedule h2 {
	font-size: 1.2em;
	line-height: normal;
	font-weight: normal;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	padding-left: 20px;
	/* [disabled]width: 70%; */
	border-width: 0px;
	-webkit-box-shadow: 1px 1px 0.5px 0.5px #999999;
	box-shadow: 1px 1px 0.5px 0.5px #999999;
	padding-right: 20px;
}
#Main .Schedule h1 {
	font-size: 1.2em;
	line-height: normal;
	font-weight: normal;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#Main .Schedule p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#div1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
}
.zeroMargin_desktop {
	margin-left: 0;
}
.hide_desktop {
	display: none;
}

}

#Footer p a {
	color: #333;
	text-decoration: none;
	vertical-align: middle;
	display: inline;
}

#Footer p a:hover {
	color: rgb(204,204,204);
	text-decoration: none;
}
.AlignLeft {
	text-align: left;
	float: left;
}
.AlignRight {
	text-align: right;
	float: right;
}
#Main .Merchandise h3 {
	font-size: 0.9em;
	font-weight: normal;
}
#Main ul li {
	font-size: 1.1em;
	line-height: 1.5em;
	font-family: 'Carrois Gothic', sans-serif;
	list-style-type: square;
}

p a .NoShadow{
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
	
}