/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
body {line-height: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:700;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight: bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}


/* BASIC PAGE SETUP ============================================================================= */
body { margin : 0 auto;padding : 0;font : 16px/1.4 'Open Sans Condensed', sans-serif;font-weight:300;
	text-align: left;}
button, input, select, textarea { color : #202020; }


/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight : 300;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.4; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
ol, ul, dl, address { margin-bottom : 1.5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  margin-bottom:0;}
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight : 300; }
b, strong { font-weight : 700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
a { color : #e95a5d;}/*-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}*/
a.fancyclass {color:#fff;text-decoration:underline;}
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
a:focus { color : rgb(0,0,0); }
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;width:36px;height:36px;z-index:100;}


/* IMAGES ============================================================================= */
img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

	
/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight: 300;font-family: monospace;font-size: 1.2em;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#fff #fff transparent transparent;background: url(/images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}


/*  SCREENS  ============================================================================= */
.siteimage {
	max-width: 90%;padding: 5%;margin: 0 0 1em 0;background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}
.siteimage:hover {background: #bbb url(/images/stripe-bg.png);position: relative;top: -2px;}


/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
span.icon {font-family:icons;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219); 
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
::selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }

/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {	
	.col { margin: 1% 0 1% 0%;}	
}

.span_12_of_12	{	width: 100%;}
.span_11_of_12	{	width: 91.46%;}
.span_10_of_12	{	width: 83%;}
.span_9_of_12	{	width: 74.54%;}
.span_8_of_12	{	width: 66.08%;}
.span_7_of_12	{	width: 57.62%; }
.span_6_of_12	{	width: 49.16%; }
.span_5_of_12	{	width: 40.7%; }
.span_4_of_12	{	width: 32.24%;}
.span_3_of_12	{	width: 23.78%;}
.span_2_of_12	{	width: 15.32%; }
.span_1_of_12	{	width: 6.86%; }




/* GRAVITY.GR CSS  ============================================================================= */
.wrapperIn {width:90%;margin:0 auto;position:relative;}

div.headerWrap {border-bottom:1px solid #ddd;background:#fff;z-index:12;position:relative;}
div.headerWrap div.header {width:95%;max-width:1480px;margin:0 auto;}
div.headerWrap div.header ul {list-style:none;width:100%;display:table;border-left:1px solid #ddd;}
div.headerWrap div.header ul li {display:table-cell;}
div.headerWrap div.header ul li a {display:block;padding:0.75em 1.19em 1.38em 1.19em;background-color:#fff;
	color:#000;font-weight:700;font-size:0.94em;border-right:1px solid #ddd;
	background-image:url(../images/menu_bar.png);background-repeat:no-repeat;
	background-position:1.19em 2.45em;text-decoration:none;}
div.headerWrap div.header ul li a:hover {color:#fff;background-color:#000;background-image:url(../images/menu_bar_hover.png);}
div.headerWrap div.header ul li.selected a {color:#fff;background-color:#000;background-image:url(../images/menu_bar_hover.png);}
div.headerWrap div.header ul li:nth-child(3n+1) {clear:left;}
a.language {display:block;margin:1.0em 0 .5em 0;float:right;
		padding:0 0 0 0;text-decoration: none;color:#000;font-size:0.88em;}

@media only screen and (max-width: 620px) {
	div.headerWrap {border-bottom:0;}
	div.headerWrap div.header {width:100%;}
	div.headerWrap div.header ul {list-style:none;width:100%;display:block;border:0;}
	div.headerWrap div.header ul li {display:block;float:left;width:33.3%;border-bottom:1px solid #ddd;}
	div.headerWrap div.header ul li:nth-child(3n+3) a {border-right:0;}
	div.headerWrap div.header ul li a {padding:0.4em .39em 0.8em .39em;
		background-position:0.39em 2em;}
}


div.logoWrap {border-bottom:1px solid #D4D4D4;
	padding:1em 0;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.18);
	-moz-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.18);
	box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.18);
	z-index:11;position:relative;
}
div.logo {width:100%;max-width:850px; position:relative;margin:.5em auto ;padding:0;text-align:center;
	background-repeat:no-repeat;background-position:0 100%;background-size:100% auto;}
div.logo img.picture {width:80%;margin:0 auto 3em auto;}
div.logo {background-image:url(../images/logo_home_mob.svg);}
.no-svg div.logo {background-image:url(../images/logo_home_mob.png);}
div.logoin {background-image:url(../images/logo_tablet.svg);background-repeat:no-repeat;
	background-position:50%;background-size:auto 100%;margin:1em 0 ;}
	div.logoin img.picture {margin:0 auto 1em auto;display:block;}
.no-svg div.logoin {background-image:url(../images/logo_tablet.png);}


div.main {background:url(../images/background.jpg) repeat;min-height:400px;
	-webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.18);
	z-index:10;position:relative;
	padding:0 0 5em;
}
div.main div.search {background:#fff;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
}

div.search {padding:.5em;}
div.search div.inputwrap {background:#ECECEC;padding:0;height:25px;}
div.search div.inputwrap span.selectwrap {background:#fff;display:block;float:left;height:23px;margin:1px;border:0;}
div.search div.inputwrap span.selectwrap select {background:#fff;border:0;max-width:190px;
			color:#575757;font-family:'Open Sans Condensed';font-size:14px;font-weight:300;}
div.search div.inputwrap input {float:left;background:#ECECEC;color:#000;font-weight:400;
		font-family:'Open Sans';font-size:14px;width:50%;width:calc(100% - 250px);border:0;margin-left:.5em;}
div.search div.inputwrap a.submit {display:block;float:right;padding:0 .5em;background:#fff;
		margin:0;height:23px;margin:1px;}
div.search div.inputwrap {}
div.search div.inputwrap a.submit img {vertical-align:top;height:100%;}

form.contact {padding:1em;border:1px solid #DBDBDB;border-top:3px solid #E95A5D;background:#fff;}
form.contact label {display:block;clear:both}
form.contact label em {color:#E95A5D;font-style:normal;}
form.contact span.input_wrap {display:block;clear:both;float:left;width:80%;margin:0 0 1em 0;border:1px solid #E1E1E1;padding:.2em .5em;}
form.contact span.input_wrap input {border:0;width:95%;background:#fff;font-family:'Open Sans';font-size:1.5em;}
form.contact span.input_wrap textarea {border:0;width:95%;background:#fff;font-family:'Open Sans';font-size:1.5em;height:6em;}
form.contact label.ca {display:none;}
form.contact span.input_wrap.ca {display:none;}

form.contact a.formsubmit {display:block;float:left;padding:.3em 1em;margin:1em 0 2em;background-color:#E95A5D;
	clear:left;font-weight:700;color:#fff;font-family:'Open Sans Condensed';font-size:1em;text-decoration:none;}

form.contact div.text {padding:0 0 2em;}

/*Form action='' method='post' id='contact' class='contact'>
<label data-for='name'>".$langg[contact_yourname]."</label>
<span class='input_wrap'><input class='text' name='yourname'></span>
<label data-for='email'>".$langg[contact_youremail]."</label>
<span class='input_wrap'><input class='text' name='email'></span>
<label data-for='phone' class='ca'>".$langg[contact_yourphone]."</label>
<span class='input_wrap' class='ca'><input class='text' name='phone'></span>
<label data-for='name' class='ca'>".$langg[contact_yourmessage]."</label>
<span class='input_wrap' class='ca'><textarea name='message'></textarea></span>
</form>*/

div.newsmenu {float:right;background:#fff;z-index:5;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
	-moz-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
	box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);}
div.newsmenu ul {list-style:none;margin:0;padding:0;margin:5px 9px;}
div.newsmenu ul li {float:left;margin:0;font-size:0.88em;}
div.newsmenu ul li a {display:block;padding:0 9px;color:#575757;text-decoration:none;}
div.newsmenu ul li a:hover {color:#e95a5d;}
div.newsmenu ul li.selected a {color:#e95a5d;}

div.homemaintext {-webkit-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
	-moz-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
	box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
	padding:1.12em;margin:0 0 2em 0;
	background:#fff;font-size:1em;}
div.homemaintext h2 {padding:0 0 .7em 0;margin:0;color:#e95a5d;font-size:1.50em;}	
div.homemaintext div {padding:0 0 .3em 0;}
h2.home {margin:0;font-weight:700;font-size:1.62;}


div.footer {background:#fff;padding:2.81em 0 1.38em;}
div.leftrightwrap {position:relative;border-bottom:1px solid #DDDDDD;margin:0 0 1.19em;}
div.left {float:left;width:calc(100% - 320px);position:relative;padding:0 0 48px;}
div.left ul {list-style:none;border-bottom:1px solid #aaaaaa;padding-bottom:1.50em;}
div.left ul li {float:left;margin:0 1em 0 0;}
div.left ul li a {color:#aaaaaa;font-size:1em;}
div.left a.mikisradio {display:block;margin:20px 0;float:right;}
div.left a.mikisradio img {max-height:208px;max-width:100%;}
div.leftrightwrap div.footericons {position:absolute;left:0;bottom:1.19em;}
div.leftrightwrap div.footericons a {display:block;float:left;width:24px;height:24px;padding:0;margin:0 0.31em 0 0;}

div.right {float:right;width:250px;}
div.right h5 {font-weight:700;font-size:1em;color:#000;padding:0;margin:0;}
div.right ul {list-style:none;padding-bottom:1.38em;}
div.right ul li {margin:1em 0 0 0;}
div.right ul li a {font-weight:700;text-decoration:none;font-size:1em;}
div.right ul li p {font-weight:300;color:#9a9a9a;padding:0;margin:0;font-size: 0.88em}

div.createdby a {font-size:0.81em;color:#b6b6b6;text-decoration:none;}

/*page*/

div.mainheader {margin:3.62em 0 1em;padding:0;}
div.mainheader h1 {margin:0;padding:0;font-size:1.44em;font-weight:700;color:#000;}
div.mainheader h1 a {color:#000;}
div.mainheader h1 a:hover {color:#e95a5d;text-decoration:none;}


div.mainheader div.submenu2 h1 {float:left;margin-right:1.44em;
			background-position:100% 50%;background-repeat:no-repeat;padding-right:0.8em;}
div.mainheader div.submenu2 h1 {background-image:url(../images/icon_u_are_here_arrow.svg);}
.no-svg div.mainheader div.submenu2 h1 {background-image:url(../images/icon_u_are_here_arrow.svg);}
div.mainheader div.submenu2 ul {float:left;margin:0 0 0 0;font-size:1.44em;
		font-weight:300;list-style:none;}
div.mainheader div.submenu2 ul li {float:left;margin:0 1.44em 0 0;}
div.mainheader div.submenu2 ul li a {color:#000;}
div.mainheader div.submenu2 ul li.selected a {color:#e95a5d;}
div.mainheader div.submenu2 ul li a:hover {color:#e95a5d;text-decoration:none;}

div.submenu3 {border-bottom:3px solid #E95A5D;margin:1.75em 0 0 0;}
div.ergography div.submenu3 {padding-bottom:0.62em;}
div.submenu3 ul {list-style:none;}
div.submenu3 ul li {float:left;margin:0 0.62em 0 0;}
div.ergography div.submenu3 ul li {float:left;margin:0 0.62em 0.62em 0;}
div.submenu3 ul li a {display:block;padding:0.56em 1.19em;font-weight:700;font-size:0.88em;
	color:#000;border:1px solid #DBDBDB;background-color:#ECECEC;text-decoration:none;}
div.submenu3 ul li a:hover {color:#fff;border:1px solid #E95A5D;background-color:#E95A5D;}
div.submenu3 ul li.selected a {color:#fff;border:1px solid #E95A5D;background-color:#E95A5D;}

div.insearch {border:1px solid #DBDBDB;border-top:0;background:#fff;padding:1.25em 1.50em;margin:0;}
div.insearch span.input {border:1px solid #E1E1E1;display:block;float:left;width:60%;min-width:150px;}
div.insearch input {padding:3px 0 3px;font-family:'Open Sans';font-size:1em;border:0;display:block;width:94%;margin:0 3px;}
div.insearch a.submit {display:block;float:left;height:1.88em;}
div.insearch a.submit img {vertical-align:bottom;}

div.insearch ul.kinds {list-style: none;}
div.insearch ul.kinds li {display:block;float:left;padding:0 2em .5em 0;}
div.insearch ul.kinds li a {display:block;color:#000;font-size:0.88em;font-weight:700;}
div.insearch ul.kinds li.selected a {color:#E95A5D;}
div.insearch ul.kinds li a:hover {color:#E95A5D;text-decoration:none;}

div.insearch ul.comps {list-style: none;}
div.insearch ul.comps li {display:block;float:left;width:30px;text-align:left;}
div.insearch ul.comps li a {display:block;color:#000;font-size:1.2em;font-family:'Open Sans Condensed';font-weight:700;padding:3px 5px;}
div.insearch ul.comps li.selected a {color:#E95A5D;}
div.insearch ul.comps li a:hover {color:#E95A5D;text-decoration:none;}
div.insearch ul.comps li.about {width:auto;}

div.about1000songs {background:#fff;padding:1.19em;margin:1em 0 0.69em 0;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
}

ul.news {list-style:none;}
ul.news li {background:#fff;padding:1.19em;margin:0 0 0.69em 0;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.18);
	cursor:pointer;
}
ul.news li.polytonic {font-family:'Times New Roman';}
ul.news li h3 {color:#e95a5d;font-size:1em;padding:0;margin:0;}
ul.news li h3 span {color:#000;}
ul.news li h5 {font-size:1em;padding:0;margin:0 0 .3em;font-weight:700;color:#e95a5d;}
ul.news li h5 span {font-weight:300;color:#000;}
ul.news li h2 {color:#000;font-size:1.25em;padding:0;margin:0 0 .5em 0;}
ul.news li p {padding:0;margin:0;font-family:'Open Sans';font-size:0.88em;}
ul.news li.polytonic p {font-family:'Times New Roman';}
ul.news li div.picture {float:right;margin:0 0 0 2em;}
ul.news li a.more {display:block;float:right;margin:1em 0 0;font-size:0.94em;clear:right;
		padding:0 0 0 1em;background-repeat:no-repeat;background-position:0 50%;}
ul.news li a.more {background-image:url(../images/icon_more.svg);}
.no-svg ul.news li a.more {background-image:url(../images/icon_more.png);}

div.pageswrap {margin:1em 0 0;padding:0;text-align:right;float:right;}
ul.pages {float:right;padding:0 0 0 0;margin:0;list-style:none;}
ul.pages li {float:left;margin:0 2px 0 0;border:0;line-height:1;}
ul.pages li:last-child {border-right:0;}
ul.pages li a {display:block;font-size:16px;color:#000;background-color:#e95a5d;color:#fff;
		padding:0;text-align:center;height:28px;width:28px;line-height:28px;font-family:'Open Sans';text-decoration:none;font-weight:400;}
ul.pages li a.sel {color:#e95a5d;background-color:#fff;font-weight:700;}
ul.pages li a:hover {color:#e95a5d;background-color:#fff;}
div.pageswrap.select {background:#fff;border:1px solid #DBDBDB;background:#fff;padding:.2em 1em;}
div.pageswrap.select select {border:0;}

div.insidepage {margin:1em 0 0;}

div.articleheader {padding:1.75em 0 0 0;margin:0 0 1em 0;}
div.articleheader h1 {padding:0;margin:0;font-size:1.62em;}
div.articleheader a.admin {display:block;float:left;margin:0 0 1em;;clear:left;}
.polytonic div.articleheader {font-family:'Times New Roman';}
div.articleheader h2 {color:#e95a5d;font-size:1.12em;padding:0;margin:0;}
div.articleheader h2 span {color:#000;}
div.articleheader h3 {font-size:1em;padding:0;margin:0 0 .3em;font-weight:700;color:#e95a5d;}
div.articleheader h3 span {font-weight:300;color:#000;}


.polytonic	div.articleheader {font-family:'Times New Roman';}
div.articlesection {color:#000;font-size:1em;}
.polytonic	div.articlesection {font-family:'Times New Roman';}
div.articlesection div.side {float:right;margin:0 0 2em 2em;width:25%;}
div.articlesection div.side ul {list-style:none;margin:0 0 2em 0;padding:0;}
div.articlesection div.side ul li {list-style:none;margin:0 0 .5em 0;padding:0;}
div.articlesection div.side div.details {margin:0 0 1em 0;font-size:0.81em;color:#000;font-family:'Open Sans';}
div.articlesection div.side div.details h5 {display:inline;font-family:'Open Sans Condensed';color:#E95A5D;font-weight:700;
		padding-right:.3em;font-size:1.08em;}

ul.list {list-style:none;}
ul.list>li {background:#fff;padding:0;border:1px solid #DBDBDB;margin:0 0 1.25em 0;}
ul.list>li>a {display:block;padding:0.81em 0.81em 0 0.81em;color:#000;text-decoration:none;}
ul.list>li a h2 {display:block;padding:.10em 0 2em 2em;margin:0;background-position:0 0;background-repeat:no-repeat;
		font-size:1.12em;font-weight:700;}
ul.list>li a:hover h2 {text-decoration:underline;}
ul.list>li a h2 {background-image:url(../images/info_show.svg);}
.no-svg ul.list>li a h2 {background-image:url(../images/info_show.png);}
ul.list>li.open a h2 {background-image:url(../images/info_hide.svg);}
.no-svg ul.list>li.open a h2 {background-image:url(../images/info_hide.png);}

ul.albums {list-style:none;}
ul.artists {list-style:none;}
ul.artists>li {background:#fff;padding:0;border:1px solid #DBDBDB;margin:0 0 1.25em 0;}
ul.artists>li>a {display:block;padding:0.81em 0.81em 0 0.81em;color:#000;text-decoration:none;}
ul.artists>li a h2 {padding-bottom:1em;}
ul.artists h3 {font-weight:700;font-size:1.29em;}
ul.artists ul.tracks {padding-top:0em;}

div.album {padding:0 0.81em;}
div.album div.picture {float:left;width:7.50em;height:7.50em;margin:0 1.12em 1.12em 0;background-color:#fff;
			background-position:50% 0;background-repeat:no-repeat;overflow:hidden;	}
div.album div.picture  img {width:100%;}			
div.album div.picture {background-image:url(../images/no_cover.svg);}
.no-svg div.album div.picture {background-image:url(../images/no_cover.png);}
div.album div.picture img {width:100%;height:auto;}
div.album div.tracks {display:none;}
div.album div.data {float:left;width:calc(100% - 150px);font-size:0.88em;font-weight:300;}
div.album div.data h4 {display:inline;color:#e95a5d;font-size:1em;font-weight:300;}




ul.tracks {list-style:none;background:#fff;padding:3.12em 1.88em;border:1px solid #DBDBDB;}
ul ul.tracks {border:0;}
ul.tracks li {border-bottom:1px solid #E5E5E5;padding:0.50em;}
ul.tracks li:first-child {border-top:1px solid #E5E5E5;}
ul.tracks div.counter {float:left;width:50px;color:#a3a3a3;font-size:0.94em;font-family: 'Open Sans';padding:0;margin:0;font-weight:400;}
ul.tracks div.player {float:right;width:26px;padding-top:0.31em;}
ul.tracks div.youtubeplayer {float:right;width:26px;padding-top:0.31em;}
ul.tracks div.spotifyplayer {float:right;width:260px;padding-top:0.31em;}

.no-audio ul.tracks div.player {display:none;}
ul.tracks div.data {float:left;width:calc(100% - 265px);font-size:0.81em;font-family: 'Open Sans';color:#666;margin:0;padding:0;}
ul.tracks div.data h2 {font-size:1.27em;font-family: 'Open Sans';color:#000;margin:0;padding:0;line-height:1.4;font-weight:400;}
ul.tracks div.data a {color:#b1b1b1;}
ul.tracks div.data a {color:#e95a5d;}

ul.tracks div.player a.play {float:right;display:block;width:26px;height:26px;}
ul.tracks div.player a.play {display: none}
ul.tracks div.player.canplay a.play {display: block}
ul.tracks div.player.youtube a.play {display: block}
ul.tracks div.duration {float:left;margin:0;padding:5px 0 0 0;font-size:12px;font-family: 'Open Sans';}


ul.tracks div.youtubeplayer a.youtubeplay {float:right;display:block;width:26px;height:26px;}




ul.photogallery {list-style:none;margin:;}
ul.photogallery li {width:23.5%;float:left;margin:0 0 2% 2%;border:0;}
ul.photogallery li:nth-child(4n+1) {margin-left:0;clear:left;}
ul.photogallery li a {display:block; padding:4px;border:1px solid #DBDBDB;background:#fff;
	color:#000;font-size:0.88em;} 
ul.photogallery li a img {width:100%;vertical-align:bottom;}
ul.photogallery li a em {color:#E95A5D;font-style:normal;}
ul.photogallery li a span {clear:left;display:block;}
ul.photogallery li a:hover {background-color:#E95A5D;text-decoration:none;}
ul.photogallery li a:hover em {color:#fff;}
ul.photogallery li a div {padding:2px 4px 4px;margin:0;}

ul.videos {list-style:none;margin:1em 0 2em;clear:both;}
ul.videos li {width:48%;float:left;margin:0 0 2% 2%;}
ul.videos li:nth-child(2n+1) {margin-left:0;}


.video-container {
    position: relative; 
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.on5bCVvc.dpuf

ul.poems {list-style:none;width:100%;margin:2em 0 0 0;padding:0;}
ul.poems li {float:left;background:#FFFFFF;margin:0 0 1% 1%;width:24%;padding:0 0 0 0;position:relative;
		height:250px;overflow:hidden;}
ul.poems li:nth-child(4n+1) {margin-left:0;clear:both;}
ul.poems li div.in {padding:0.75em;margin:0 0 4em;position:relative;}
ul.poems li div.in h2 {font-size:1em;font-weight:700;padding:0;margin:0 0 .5em;}
ul.poems li div.in h2 a {color:#a9a9a9;text-decoration:none;display:block;line-height:1.44em;vertical-align:middle;
	padding:4px 35px 4px 0;background-image:url(../images/icon_all.svg);background-repeat:no-repeat;background-position:100% 0;
	min-height:1.44em;margin-bottom:1.31em;}
ul.poems li div.in h2 a span {color:#e95a5d;}
ul.poems li div.in h2 a:hover {color:#e95a5d;}
ul.poems li div.in h4 {color:#999;font-size:0.88em;padding:0;margin:0;font-weight:300;}
ul.poems li div.in h3 {font-size:1em;padding:0;margin:0 0 .5em;font-weight:700;}
ul.poems li.polytonic div.in h3 {font-family:'Times New Roman';}
ul.poems li div.in h3 a {color:#000;text-decoration:none;}
ul.poems li div.in h3 a:hover {color:#e95a5d;}
ul.poems li div.in p {padding:0 0 0 0;margin:0;font-size:0.88em;color:#000;}
ul.poems li div.in div {padding:0 0 0 0;margin:0;font-size:0.88em;color:#000;}
ul.poems li.polytonic div.in p {font-family:'Times New Roman';}
ul.poems li div.bottomlinks {position:absolute;bottom:0;padding:0;background-image:url(../images/text_trans.png);background-repeat:repeat-x;background-position:0 0;width:100%;}
ul.poems li div.bottomlinks div.in_links {padding:60px .75em 14px .75em;}
ul.poems li div.bottomlinks a {display:block;font-size:13px;color:#000;text-decoration:none;}
ul.poems li div.bottomlinks a img {margin-right:5px;}
ul.poems li div.bottomlinks a.morearticle {color:#e95a5d;}
ul.poems li div.bottomlinks a:hover {color:#e95a5d;}

ul.books {list-style:none;width:100%;margin:2em 0 0 0;padding:0;}
ul.books li {float:left;background:#FFFFFF;margin:0 0 1% 1%;width:24%;padding:0 0 0 0;position:relative;
		height:250px;overflow:hidden;}
ul.books li:nth-child(4n+1) {margin-left:0;clear:both;}
ul.books li div.in {padding:0.75em;margin:0 0 4em;position:relative;}
ul.books li div.in h2 {font-size:1em;font-weight:700;padding:0;margin:0 0 0em;}
ul.books li div.in h2 a {color:#a9a9a9;text-decoration:none;display:block;line-height:1.44em;vertical-align:middle;
	padding:4px 35px 4px 0;background-image:url(../images/icon_all.svg);background-repeat:no-repeat;background-position:100% 0;
	min-height:1.44em;margin-bottom:1.31em;}
ul.books li div.in h2 a span {color:#e95a5d;}
ul.books li div.in h2 a:hover {color:#e95a5d;}
ul.books li div.in h4 {color:#999;font-size:0.88em;padding:0;margin:0;font-weight:300;}
ul.books li div.in h3 {font-size:1em;padding:0;margin:0 0 .5em;font-weight:300;}
ul.books li.polytonic div.in h3 {font-family:'Times New Roman';}
ul.books li div.in h3 a {color:#000;text-decoration:none;}
ul.books li div.in h3 a:hover {color:#e95a5d;}
ul.books li div.in p {padding:0 0 0 0;margin:0;font-size:0.88em;color:#000;}
ul.books li div.in div {padding:0 0 0 0;margin:0;font-size:0.88em;color:#000;}
ul.books li.polytonic div.in p {font-family:'Times New Roman';}
ul.books li div.bottomlinks {position:absolute;bottom:0;padding:0;background-image:url(../images/text_trans.png);background-repeat:repeat-x;background-position:0 0;width:100%;}
ul.books li div.bottomlinks div.in_links {padding:60px .75em 14px .75em;}
ul.books li div.bottomlinks a {display:block;font-size:13px;color:#000;text-decoration:none;}
ul.books li div.bottomlinks a img {margin-right:5px;}
ul.books li div.bottomlinks a.morearticle {color:#e95a5d;}
ul.books li div.bottomlinks a:hover {color:#e95a5d;}

ul.homelist {list-style:none;width:100%;margin:2em 0 0 0;padding:0;}
ul.homelist.home {margin-top:1em;}

ul.homelist li {float:left;background:#FFFFFF;margin:0 0 1% 1%;width:24%;padding:0 0 0 0;position:relative;
		height:500px;overflow:hidden;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
		-moz-box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
		box-shadow: 0px 0px 7px 0px rgba(2,0,0,0.09);
}
ul.homelist li:nth-child(4n+1) {margin-left:0;clear:both;}

ul.homelist.home li {margin:0 0 2% 2%;width:31%;height:300px;}
ul.homelist.home li:nth-child(4n+1) {margin-left:2%;clear:none;}
ul.homelist.home li:nth-child(3n+1) {margin-left:0;clear:both;}

ul.homelist.home3 li {margin:0 0 2% 2%;width:32%;height:350px;}
ul.homelist.home3 li:nth-child(4n+1) {margin-left:2%;clear:none;}
ul.homelist.home3 li:nth-child(3n+1) {margin-left:0;clear:both;}

ul.homelist.home2 li {margin:0 0 2% 2%;width:49%;}
ul.homelist.home2 li:nth-child(4n+1) {margin-left:2%;clear:none;}
ul.homelist.home2 li:nth-child(3n+1) {margin-left:2%;clear:none;}
ul.homelist.home2 li:nth-child(2n+1) {margin-left:0;clear:both;}

ul.homelist li div.in {padding:0.75em;margin:0 0 4em;position:relative;}
ul.homelist li div.in h2 {font-size:1em;font-weight:700;padding:0;margin:0;}
ul.homelist li div.in h2 a {color:#a9a9a9;text-decoration:none;display:block;line-height:1.2em;vertical-align:middle;
	padding:4px 35px 4px 0;background-image:url(../images/icon_all.svg);background-repeat:no-repeat;background-position:100% 0;
	min-height:1.44em;margin-bottom:1.31em;}
ul.homelist li div.in h2 a span {color:#e95a5d;}
ul.homelist li div.in h2 a:hover {color:#e95a5d;}
ul.homelist li div.in h4 {color:#e95a5d;font-size:0.88em;padding:0;margin:0;font-weight:300;}
ul.homelist li div.in h3 {font-size:1em;padding:0;margin:0 0 .5em;font-weight:700;}
ul.homelist li.polytonic div.in h3 {font-family:'Times New Roman';}
ul.homelist li div.in h3 a {color:#000;text-decoration:none;}
ul.homelist li div.in h3 a:hover {color:#e95a5d;}
ul.homelist li div.in div.picture {margin:0 0 .5em 0;padding:0;}
ul.homelist li div.in div.picture a {display:block;}
ul.homelist li div.in div.picture a img {width:100%;margin:0 auto;}
ul.homelist li div.in p {padding:0;margin:0;font-size:0.88em;color:#000;}
ul.homelist li.polytonic div.in p {font-family:'Times New Roman';}
ul.homelist li div.bottomlinks {position:absolute;bottom:0;padding:0;background-image:url(../images/text_trans.png);background-repeat:repeat-x;background-position:0 0;width:100%;}
ul.homelist li div.bottomlinks div.in_links {padding:60px .75em 14px .75em;}
ul.homelist li div.bottomlinks a {display:block;font-size:13px;color:#000;text-decoration:none;}
ul.homelist li div.bottomlinks a img {margin-right:5px;}
ul.homelist li div.bottomlinks a.morearticle {color:#e95a5d;}
ul.homelist li div.bottomlinks a:hover {color:#e95a5d;}

ul.homelist li.pinit div.pinitfolding {position:absolute;bottom:0;right:0;z-index:10;background-image:url(../images/postitcorner.png);
		background-size:100%;width:54px;height:55px;background-repeat:no-repeat;background-position:bottom;}
ul.homelist li.pinit div.in {border:8px solid #000;}
ul.homelist li.pinit div.bottomlinks {border:8px solid #000;border-top:0;width:calc(100% - 16px);}

ul.homelist li.pinitnew {background-color:#E95A5D;
		-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
ul.homelist li.pinitnew div.pinitbottom {position:absolute;bottom:0;left:0;width:100%;z-index:9;height:0;
		border-bottom:8px solid #fff;}
ul.homelist li.pinitnew div.pinitfolding {position:absolute;bottom:0;right:0;z-index:10;
		background-image:url(../images/postitcorner2.png);background-position:100% 100%;
		background-size:100%;width:55px;height:55px;background-repeat:no-repeat;background-position:bottom;}
ul.homelist li.pinitnew div.in {border:8px solid #fff;padding-top:0;padding-bottom:300px;}
ul.homelist li.pinitnew div.in p.pin {padding:0;margin:0;text-align:center;}
ul.homelist li.pinitnew div.in img {margin:0 auto;}
ul.homelist li.pinitnew div.in h4 {color:#fff;}
ul.homelist li.pinitnew div.in h3 a {color:#fff;}
ul.homelist li.pinitnew div.in h3 a:hover {text-decoration: underline}
ul.homelist li.pinitnew div.bottomlinks {border:8px solid #fff;border-top:0;border-bottom:0;background-color:#E95A5D;border-top:0;width:calc(100% - 16px);
}

/*
<li class='' data-link='".$thislink."'>
	<h2><a href='./".$thislink."/'><span>".$row[countt]."</span> ".$row[menutitle]."<img src='".$path."images/icon_all.svg'></a></h2>
	<h4>".date('d.m.Y',$row[datetimewritten])."</h3>
	<h3>".$row[title]."</h3>
	".$pic."
	".($row[shorttext]?"<p>".$row[shorttext]."</p>":"")."
	<a href='./".$thislink."/?nid=".$row[id]."' class='more'>".$langg[more]."</a>
	<div class='clear'></div>
	</li>
				
*/

@media only screen and (max-width: 800px) {
	ul.homelist li {margin:0 0 1% 1%;width:32%;}
	ul.homelist li:nth-child(4n+1) {margin-left:2%;clear:none;}
	ul.homelist li:nth-child(3n+1) {margin-left:0;clear:both;}

	ul.homelist.home2 li {margin:0 0 2% 2%;width:49%;}
	ul.homelist.home2 li:nth-child(4n+1) {margin-left:2%;clear:none;}
	ul.homelist.home2 li:nth-child(3n+1) {margin-left:2%;clear:none;}
	ul.homelist.home2 li:nth-child(2n+1) {margin-left:0;clear:both;}


}



@media only screen and (max-width: 420px) {
	div.leftrightwrap {position:relative;border-bottom:1px solid #DDDDDD;margin:0 0 1.19em;}
	div.left {display: block;width: 100%;float: none;}
	div.left a.mikisradio {display:block;margin:20px 0;float:none !important;text-align:center;}
	div.left a.mikisradio img {max-height:208px;max-width:100%;}

	div.leftrightwrap div.footericons {position:absolute;left:0;bottom:1.19em;}
	div.leftrightwrap div.footericons a {display:block;float:left;width:24px;height:24px;padding:0;margin:0 0.31em 0 0;}

	div.right {float:none;width:100%;padding-bottom:2.5em;}
	div.right ul li {margin-top:0em;}
	form.contact span.input_wrap {width:95%;}
}


@media only screen and (min-width:390px) and (max-width: 550px) {
	div.logo img.picture {width:32.20%;margin:0 auto 17% auto;}
	div.logo {background-image:url(../images/logo_home_tablet.svg);}
	.no-svg div.logo {background-image:url(../images/logo_home_tablet.png);}
	div.logoin {background-image:url(../images/logo_tablet.svg);}
	.no-svg div.logoin {background-image:url(../images/logo_tablet.png);}
}
@media only screen and (min-width:510px){
	div.logo img.picture {width:24%;margin:0 auto;}
	div.logo {background-image:url(../images/logo_home_desktop.svg);}	
	.no-svg div.logo {background-image:url(../images/logo_home_desktop.png);}	
	div.logoin {background-image:url(../images/logo_desktop.svg);}
	.no-svg div.logoin {background-image:url(../images/logo_desktop.png);}

}

@media only screen and (max-width: 550px) {
	div.header ul li a {padding:0.75em 0.75em 1.38em 0.75em;background-position:0.75em 2.45em;}
	div.mainheader {margin:1em 0 1em;padding:0;}
	div.mainheader div.submenu2 ul {font-size:1em;clear:left;font-weight:300;list-style:none;}
	div.mainheader div.submenu2 ul li {margin:0 .5em 0 0;}
	div.submenu3 ul li {float:left;margin:0 0.4em 0 0;}
	div.submenu3 ul li a {display:block;padding:0.28em 0.30em;font-weight:700;font-size:0.88em;
		color:#000;border:1px solid #DBDBDB;background-color:#ECECEC;text-decoration:none;}
	ul.tracks div.counter {display:none;}
	ul.tracks div.player {float:none;width:100%;padding-top:0.31em;}
	ul.tracks div.player div.duration {float:right;margin-right:15px;}
	ul.tracks div.data {float:none;width:100%;}
	ul.photogallery li {width:49%;float:left;margin:0 0 2% 2%;border:0;}
	ul.photogallery li:nth-child(4n+1) {margin-left:2%;clear:none;}
	ul.photogallery li:nth-child(3n+1) {margin-left:2%;clear:none;}
	ul.photogallery li:nth-child(2n+1) {margin-left:0;clear:left;}



}















@media only screen and (min-width: 1222px) {
	.wrapperIn {width:1100px;}
}

@media only screen and (max-width: 600px) {
	.col { margin: 1% 0; float:none;} /* all browsers except IE6 and lower */

	.span_12_of_12	{	width: 100%;}
	.span_11_of_12	{	width: 100%;}
	.span_10_of_12	{	width: 100%;}
	.span_9_of_12	{	width: 100%;}
	.span_8_of_12	{	width: 100%;}
	.span_7_of_12	{	width: 100%;}
	.span_6_of_12	{	width: 100%;}
	.span_5_of_12	{	width: 100%;}
	.span_4_of_12	{	width: 100%;}
	.span_3_of_12	{	width: 100%;}
	.span_2_of_12	{	width: 100%;}
	.span_1_of_12	{	width: 100%;}

	div.col.eventfacts {float:none;}
	div.col.eventtext {float:none;}
	ul.homelist li {margin:0 0 2% 2%;width:49%;}
	ul.homelist li:nth-child(4n+1) {margin-left:2%;clear:none;}
	ul.homelist li:nth-child(3n+1) {margin-left:2%;clear:none;}
	ul.homelist li:nth-child(2n+1) {margin-left:0;clear:both;}

	ul.homelist.home3 li {margin:0 0 2% 2%;width:49%;}
	ul.homelist.home3 li:nth-child(4n+1) {margin-left:2%;clear:none;}
	ul.homelist.home3 li:nth-child(3n+1) {margin-left:2%;clear:none;}
	ul.homelist.home3 li:nth-child(2n+1) {margin-left:0;clear:both;}


}

@media only screen and (max-width: 390px) {
	div.search div.inputwrap span.selectwrap select {max-width:110px;}
	div.search div.inputwrap input {width:calc(100% - 170px);}
	.wrapperIn {width:96%;}
	ul.photogallery li {width:100%;float:left;margin:0 0 2% 0;border:0;}
	ul.photogallery li:nth-child(4n+1) {margin-left:0;clear:left;}
	ul.photogallery li:nth-child(3n+1) {margin-left:0;clear:left;}
	ul.photogallery li:nth-child(2n+1) {margin-left:0;clear:left;}

	ul.homelist li {margin:0 0 .8em;width:100%;clear:both;float:none;height:auto;}
	ul.homelist li:nth-child(4n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist li:nth-child(3n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home3 li {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home3 li:nth-child(4n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home3 li:nth-child(3n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home3 li:nth-child(2n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home2 li {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home2 li:nth-child(4n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home2 li:nth-child(3n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}
	ul.homelist.home2 li:nth-child(2n+1) {margin:0 0 .8em;width:100%;clear:both;float:none;}

}

@media only screen and (min-width : 700px) and (max-width:799px) { 
	body { font-size : 15px; } 
}
@media only screen and (min-width : 600px) and (max-width:699px) { 
	body { font-size : 14px; } 
}
@media only screen and (min-width : 500px) and (max-width:599px) { 
	body { font-size : 13px; } 
}