@charset "UTF-8";
/* CSS Document */

/* ================== GENERAL ==================== */

a {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a.xxx:hover {
	color: #FF0000;
    text-decoration: none;
}


@font-face {
	font-family: Myriadam;
  src: url('MYRIADAM.TTF');

}


.main {
	/* height: 644px; */
	/* width: 900px; */
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-bottom: 0px none #000000;
	border-left: 0px none #000000;
	background-color:#transparent;
	
	

	/* top: 50%;  */
	top: 20px;
	z-index:1;
	/* background-image:url(../img/nb.png);  */
	
	position:absolute; 
	left:50%; 
	margin-left:-410px; 
	/* margin-top:-400px; */

	
}


#text{
margin-left:15px;	
}



.dok {
	font-family: Myriadam, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: bold;
	text-align: left;
	background-color: transparent;
	padding: 5px 5px 5px 0px;
	font-weight: 10;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-transform: none;
	width:350px; 
	/* height:300px; */
	float: left;
	clip: rect(auto,auto,auto,auto);
	background-image:url(../beck/img/gray70.png);
	position: relative;
	padding-left: 5px;
	
}

.dok A:link {text-decoration: bold;  color: #fff; background-color:transparent}
.dok A:visited {text-decoration: none;  color: #fff;}
.dok A:active {text-decoration: non;  color: #000;}
.dok A:hover {text-decoration: bold; color: #03432f; background-color:#fff}


.more {
	font-family: Myriadam, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: bold;
	text-align: left;
	background-color: #transparent;
	padding: 5px 5px 5px 0px;
	font-weight: 10;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-transform: none;
	width:90px; 
	height:10px; 
	/* height:300px; */
	float: left;
	clip: rect(auto,auto,auto,auto);
	background-image:url(../beck/img/more-bg.png);
	position: relative;
	padding-left: 5px;
	
}

.more A:link {text-decoration: bold;  color: #fff; background-color:transparent}
.more A:visited {text-decoration: none;  color: #fff;}
.more A:active {text-decoration: non;  color: #000;}
.more A:hover {text-decoration: bold; color: #03432f; background-color:#fff}




.videobox {
	font-family: Myriadam, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	padding: 1px 1px 1px 1px;
	font-weight: 10;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-transform: none;
	/* width:400px; */
	/* height:300px; */
	float: left;
	clip: rect(auto,auto,auto,auto);
	/* background-image:url(../beck/postit-b.png); */

}



.postbox {
	font-family: Myriadam, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	padding: 1px 1px 1px 1px;
	font-weight: 10;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-transform: none;
	width:300px;
	height:300px;
	float: left;
	clip: rect(auto,auto,auto,auto);
	/* background-image:url(../beck/postit-b.png); */

}

.intrapost{
	width:280px;
	height:280px;
	float: left;
	top: 70px;
	left:10px;
	clip: rect(auto,auto,auto,auto);
	position:relative; 

}



.repostbox {
	font-family: Myriadam, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	padding: 1px 1px 1px 1px;
	font-weight: 10;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-transform: none;
	width:250px;
	height:250px;
	float: left;
	clip: rect(auto,auto,auto,auto);

}


.intrarepost{
	width:230px;
	height:230px;
	float: left;
	top: 40px;
	left:8px;
	clip: rect(auto,auto,auto,auto);
	position:relative; 

}

.intrarepost A:link {text-decoration: none;  color: black;}
.intrarepost A:visited {text-decoration: none;  color: black;}
.intrarepost A:active {text-decoration: non;  color: black;}
.intrarepost A:hover {text-decoration: none; color: black; background-color:#ff0}



.video-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	background-color: #777;
	padding: 2px;
	font-weight: regular;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	// background-image:url(../img/ouo-bg3.png);
}


.menuitem {
	font-family: Myriadam,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	background-color: transparent;
	padding: 0px;
	font-weight: regular;
}

.menuitem A:link {text-decoration: bold;  color: black; background-color:transparent}
.menuitem A:visited {text-decoration: none;  color: black;}
.menuitem A:active {text-decoration: non;  color: black;}
.menuitem A:hover {text-decoration: bold; color: #000; background-color:#0f0}


.margin-top-dotbar {
	margin-top: 200px;
}
.empty-space {
	height: 300px;
}