@CHARSET "UTF-8";
body {
    -webkit-text-size-adjust: 100%;
}

html { 

   background: url(/gfx/bg-mobil.jpg) repeat center center fixed #82a6ce; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
 
}

@media screen and (min-width: 1200px) {
    html { 
	  background: url(/gfx/bg.jpg) no-repeat center center fixed #82a6ce; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
}

html body{
	height:100%;
	margin: 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	font-family: 'Oxygen', sans-serif; 
}


h1, h2, h5{
	display:block;
	margin:0px;
	padding:0px;
}

p{
color:#888888;margin:0;padding:0;
}

div#page{
	max-width:1240px;background:transparent;margin:0 auto;padding:20px;
}

div#page div#header{
	max-height:300px;background:transparent;text-align:center;
}


h5{
	font-size:18px;
}
a{
	text-decoration:none;
	
}

 	
html body div#participants div.participant{
background:white;border-radius:10px;padding:10px;margin-bottom:25px;
}
html body div#participants div.participant div.avatar{
width:180px;background:transparent;float:left;padding:10px;position:relative;
}
html body div#participants div.participant div.avatar img.avatarImageParty{
width:50px;height:auto;border-radius:30px;position:absolute;right:0px;top:2px;
}

html body div#participants div.participant div.avatar img.avatarImageParticipant{
max-width:180px;width:100%;height:auto;border-radius:50px;
}

html body div#participants div.participant div.avatar div.social{
text-align:center;background:white;margin:auto 0;padding-top:10px;
}

html body div#participants div.participant div.avatar div.social a img, html body div#participants div.participant div.avatar div.social img{
width:30px; height:30px;padding-left:2px;padding-right:2px;
}

html body div#participants div.participant div.avatar div.favoriteParticipant{
text-align:center;background:white;margin:auto 0;padding-top:10px;
}
html body div#participants div.participant div.avatar div.favoriteParticipant img{
width:20px;height:auto;
}
html body div#participants div.participant div.avatar div.favoriteParticipant h5{
font-size:14px;display:inline;position:relative;top:-4px;padding-left:5px;
}
html body div#participants div.participant div.details{
width:calc(100% - 240px);background:transparent;float:right;padding:10px;
}
html body div#participants div.participant div.details h1{
padding:0;margin:0;display;padding-top:10px;padding-bottom:0px;font-size:42px;
}

html body div#participants div.participant div.details h1.tag{
padding:0;margin:0;display:inline;color:white;font-weight:lighter;background:#888888;padding:5px;border-radius:5px;font-size:14px;margin-right:10px;
}

html body div#participants div.participant div.details div div.regions{
float:left;position:relative;background:#888888;padding:5px;border-radius:5px;font-size:20px;position:relative;top:0px;color:#ffffff;overflow:hidden;
}
html body div#participants div.participant div.details div div.regions h5{
	padding:0;margin:0;font-weight:lighter;
}

html body div#participants div.participant div.details div.aoi div{
	float:left;background:#000000;color:#ffffff;padding:10px;border-radius:10px;margin-right:10px;
}

html body div#participants div.participant div.details div.description h2{
	margin:0;padding:0;margin-top:10px;
}
html body div#participants div.participant div.details div.partyDescription img{
	float:left;width:100px;height:auto;
}

html body div#participants div.participant div.details div.partyDescription h2{
	padding-top:30px;
}

html body div#participants div.participant div.details div.readmore{
	float:left;background:#ffffff;color:#000000;padding:10px;border-radius:10px;margin-right:10px;margin-top:15px;border:1px solid black;
}

html body div#participants div.participant div.details div.readmore:hover{
	background:black;
	color:white;
}

html body div#page  div#participants div.participant div.details div.partyDescription div div.newsBox{
	float:left;color:white;padding:10px;border-radius:10px;margin-bottom:10px;margin-right:10px;min-height:50px;
}
html body div#page div#participants div.participant div.details div.partyDescription div div.newsBox img.partyIcon{
	float:left;width:40px;height:auto;padding-right:10px;
}
html body div#page div#participants div.participant div.details div.partyDescription div div.newsBox img.link{
	width:20px;height:20px;float:right;margin-top:5px;
}

html body div#page div#participants div.participant div.details div.partyDescription div div.newsBox a{
	color:#ffffff;
} 

html body div#page div#result div#participants div.participant div.details div.description h2.rubrik{
	margin-bottom:0px;
	padding-bottom:0px;
	display:inline;
	color:#888888;
}