body, html {
	font: 11px/1.3em "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #222;
	background: #1a1a1a url(background-grey.jpg) repeat-x;
	height: 100%;
}
#background{
	background: url(background-fabric.jpg) no-repeat center 130px;
	min-height: 100%;
}
#background-top{
	background: url(background-top.jpg) no-repeat center 80px;
	height: 130px;
}
	
a{text-decoration:none;}
a:hover {text-decoration:underline;}
#main-menu a{text-decoration:none;}

h1{
	font: 25px/1.2em "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #704030;
	margin: 20px 0 10px;
}
h2, .obs{
	font: 16px/1.2em "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 20px 0 10px;
	color: #777;
}
h3{
	font: bold 12px/1.2em "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 20px 0 5px;
}

.obs{
	color: black;
}
p{
	margin-top: 1.3em;
}

strong{ font-weight: bold; }

em{ font-style: italic; }


a{color: #704030;}
a:hover{color: #704030;}


/* .......................... */

#center{
	margin: 0 auto;
	width: 760px;
}

#background-white{
	width: 760px;
	margin: -40px auto;
	text-align: center;
}

#background-white-top{
	background: url(background-white-top.png) no-repeat;
	height: 60px;
}
#background-white-bottom{
	background: url(background-white-bottom.png) no-repeat;
	height: 70px;
}
#menu{
	position: absolute;
	top: 15px;
	margin-left: 35px;

}
#menu ul.main-menu li{
	float: left;
	font-size: 15px;
	color: white;
	letter-spacing: 1px;
}

#menu .logo a{
	background: url(sos-missionsbibelskola.png) no-repeat 16px 0;
	width: 65px;
	height: 15px;
}

#menu .flag a{
	background: url(flag-eng.png) no-repeat 15px 31px;
	width: 18px;
	height: 10px;
	margin-left: 12px;
}

.invisible{
	display: none;
}


#menu li a{
	display: block;
	color:white;
	padding: 30px 15px;
}
#menu li a:hover{
	color: #bbb;
	text-decoration: none;
}


#menu li.active a{
	color: #999;
	text-decoration: none;
}


#content{
	overflow: auto;
	width: 640px;
	text-align: left;
	padding: 0 60px;
	background: url(background-white.png) repeat-y;

}

.float-left{
	float: left;
	margin-right: 20px;
	margin-bottom:20px;
}

#videothumbs{
	width: 660px;
	margin-top: 17px;
}
.videolink{
	margin-right: 17px;
	filter:alpha(opacity=30);-moz-opacity:.3;opacity: 0.3;
}

.videolink:hover, .activevideo {
	 	filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;
}


ul.sub-menu li{
	float: left;
	font-size: 13px;
	color: #222;

}

ul.sub-menu li a{
	display: block;
	color: #222;
	padding: 30px 15px;
}
ul.sub-menu li a:hover{
	color: #bbb;
	text-decoration: none;
}


ul.sub-menu li.active a{
	color: #999;
	text-decoration: none;
}

ul.sub-menu {
	overflow: hidden;
	width: 660px;
	background: url(background-shadow.png) no-repeat 0 78px;
	height: 90px;
}