@charset "utf-8";
@font-face { font-family: ep; src: url(/bilder/ep.ttf); } 

a:link, a:visited {
color:#000;
}


a:hover, a:active {
text-decoration:none;
}

h1 {
position: relative;
font : 80px ep, Arial, Helvetica, sans-serif;
color:#6f67a0;
letter-spacing:4px;
margin:40px 0 0 0;
}

html, body {
background : #fff;
margin:0;
padding:0;
border:0;
}

img {
border : none;
border-radius: 4px;
box-shadow: 8px 8px 8px #666;
}



/* -------------  i d  c l a s s --------------------------------------------------- */


.section {
position: relative;
top:0; left:50%;
width: 700px;
height: auto;
margin:0 0 0 -350px;
border:0;
font : 11px/20px Arial, Helvetica, sans-serif;
color : #000;
}

.section img {
float:left;
width:auto;
height:auto;
margin: 30px 0 20px 0;
}

.section a#fb, .section a#fb:visited{
float:right;
width:80px;
height:20px;
display:block;
margin: 0 6px 0 0;
background: #3b5998;
border-radius: 3px;
font : bold 10px/20px Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
color : #fff;
}

.section a#fb:hover, .section a#fb:active{
background: #5773ae;
color : #ddd;
}

.section a#fr, .section a#fr:visited{
float:right;
width:77px;
height:17px;
display:block;
margin: 0 6px 0 0;
background: #fff;
border-radius: 3px;
border: #ff50ab solid 2px;
font : bold 10px/17px Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
color : #0062dc;
}

.section a#fr:hover, .section a#fr:active{
border: #fb8fc7 solid 2px;
color : #4497fd;
}

.section a#yt, .section a#yt:visited{
float:right;
width:80px;
height:20px;
display:block;
margin: 0 6px 0 0;
border-radius: 3px;
background: #c9322c;
font : bold 10px/20px Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
color : #fff;
}

.section a#yt:hover, .section a#yt:active{
background: #fe7d78;
}

.section p{
float:left;
width:200px;
height:20px;
display:block;
margin: 0;
font : bold 10px/20px Arial, Helvetica, sans-serif;
color : #000;
}