/*
© Christian Olesen 2004-2005 all rights reserved.
*/

/* Global */

body {
	background-image: url('../images/bg.gifx');
	background-repeat: repeat;
	background-color: #f5fbfe;
    margin: 0;
	text-align: center;
	font-size: 12px; 
	font-family: 'Trebuchet MS', Verdana, Sans-Serif, Arial;
}

/* Design */

div#top {
    margin: 0 auto;
    background-image: url('../images/logo.gif');
    background-repeat: no-repeat;
    background-color: #21597b;
    width: 800px;
    height: 197px;
}

div#login-member {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 115px 11px 0px 5px;
    clear:both;
}

div#site {
    margin: 0 auto;
    background: url('../images/sitebg.gif');
    background-repeat: repeat-y;
    background-color: #ffffff;
    width: 800px;
}

div#content-left {
    margin: 0 auto;
    width: 545px;
    float: left;
    border-right: 1px solid #a1d1ee;
    text-align: justify;
    padding: 0px 10px 0px 15px;
}
div#content-right {
    margin: 0 auto;
    width: 200px;
    float: right;
    text-align: justify;
    padding: 0px 15px 0px 0px;
}

div#bund {
    margin: 0px auto 20px auto;
    background-image: url('../images/bund.gif');
    background-repeat: no-repeat;
    background-color: #EBF4FE; 
    width: 800px;
    height: 30px;
    text-align:center;
    clear:both
}

div#spacer {
	height: 1px;
}

div#topspacer {
	height: 7px;
}


div#chart {
    visibility: hidden;
}

div#last5added {
    margin: 0px auto 10px auto;
    padding: 2px;
    background-color: #e2f4ff;
	border: 1px solid #085DBC; 
    width: 428px;
}

div#adsframe {
    margin: 0px auto 10px auto;
    padding: 2px;
    background-color: #BBDDFF;
    height: 90px;
}

div#maincontentboks {
    border: 1px solid #7cb3d4;
	margin-bottom: 8px;
	width: 545px;
}

.maincontentboks {
    border: 1px solid #7cb3d4;
	margin-bottom: 8px;
	width: 545px;
}

.maincontentheader {
	margin: 3px;
	margin-bottom: 0px;
	background-color: #7cb3d4;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
}

.maincontenttext {
	padding: 4px;
}

div#leftcontentboks {
    border: 1px solid #7cb3d4;
	margin-bottom: 8px;
	width: 268px;
    float: left;
}

.leftcontentheader {
	margin: 3px;
	margin-bottom: 0px;
	background-color: #7cb3d4;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
}

.leftcontenttext {
	padding: 4px;
}

div#rightcontentboks {
    border: 1px solid #7cb3d4;
	margin-bottom: 8px;
	width: 268px;
    float: right;
}

.rightcontentheader {
	margin: 3px;
	margin-bottom: 0px;
	background-color: #7cb3d4;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
}

.rightcontenttext {
	padding: 4px;
}

.ratingright {
	text-align: right;
}

/* Menu #standard */

div#menu {
    margin: 0px 0px 0px 0px;
    padding: 140px 5px 0px 5px;
}

div#menu_frontpage {
    float: left;
    width: 65px;
    height: 36px;
    background: url('../images/menu_frontpage.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_frontpage a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_frontpage.gif') top left no-repeat;
}

div#menu_frontpage a:hover {
	background-image: none;
}

div#menu_videos {
    float: left;
    width: 65px;
    height: 36px;
    background: url('../images/menu_videos.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_videos a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_videos.gif') top left no-repeat;
}

div#menu_videos a:hover {
	background-image: none;
}

div#menu_games {
    float: left;
    width: 65px;
    height: 36px;
    background: url('../images/menu_games.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_games a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_games.gif') top left no-repeat;
}

div#menu_games a:hover {
	background-image: none;
}

div#menu_pictures {
    float: left;
    width: 65px;
    height: 36px;
    background: url('../images/menu_pictures.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_pictures a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_pictures.gif') top left no-repeat;
}

div#menu_pictures a:hover {
	background-image: none;
}

div#menu_links {
    float: right;
    width: 65px;
    height: 36px;
    background: url('../images/menu_links.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_links a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_links.gif') top left no-repeat;
}

div#menu_links a:hover {
	background-image: none;
}

div#menu_forum {
    float: right;
    width: 65px;
    height: 36px;
    background: url('../images/menu_forum.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_forum a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_forum.gif') top left no-repeat;
}

div#menu_forum a:hover {
	background-image: none;
}

div#menu_bookmark {
    float: right;
    width: 65px;
    height: 36px;
    background: url('../images/menu_bookmark.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_bookmark a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_bookmark.gif') top left no-repeat;
}

div#menu_bookmark a:hover {
	background-image: none;
}

div#menu_makehomepage {
    float: right;
    width: 65px;
    height: 36px;
    background: url('../images/menu_makehomepage.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_makehomepage a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_makehomepage.gif') top left no-repeat;
}

div#menu_makehomepage a:hover {
	background-image: none;
}

/* Menu #addframe */	 

div#menuaddframe {
    margin: auto;
    width: 768px;
    text-align: left;
}

.menuaddframe {
    padding:0; 
    margin:0 auto; 
    list-style-type:none;
}
#menuaddframe li {
    float:left;
    width:100px;
    border:1px solid #fff; 
}
#menuaddframe a {
    display:block;
    width:100px;
    color:#e2f4ff; 
    background:#21597b; 
    text-align:center; 
    padding:0px 0px; 
    text-decoration:none; 
    float:left; 
}
#menuaddframe a:hover {
    color:#21597b; 
    background:#e2f4ff;
}	 

/* News */

div#news {
    width: 428px;
    margin: 0px 10px 0px 0px;
	padding: 0px;
}

.news {
    width: 418px;
    margin: 0px 10px 0px 0px;
	padding: 5px;
    border-bottom: 1px solid #4785aa; 
}

.newsfloat { 
    float: left; 
    margin: 0px 10px 0px 0px;
    background-color: #EBF4FE; 
    border: 1px solid #085DBC;
    padding: 5px;
}

.musik { 
    margin: 0px 0px 5px 0px;
    color: #A6A6A6;
    font-size: 10px;
	text-align: right;
}

.ndato {
	color: #A6A6A6;
	margin: 0px;
	text-align: left;
}

.nname {
	color: #A6A6A6;
	margin: 0px;
	text-align: right;
}

.nlink a:link, a:visited, a:active {
    color: #21597b;
	text-decoration: none;
}

.nlink a:visited {
    color: #21597b;
	text-decoration: none;
}

.nlink a:active {
    color: #21597b;
	text-decoration: none;
}

.nlink a:hover {
    color: #2e7ba9;
    text-decoration: Underline;
}

input.inputvideo {
    color: #000000;
	background: #e2f4ff;
    border: 1px solid #7cb3d4;
	font-weight: normal;
	font-family: 'Trebuchet MS', Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 16px;
	margin-left: 5px;
	margin: 1px;
	width: 210px; 
}

.last5added {
    color: #21597b;
    font-size: 12px;
}

.last5added a:link, a:visited, a:active {
    color: #21597b;
	text-decoration: none;
}

.last5added a:visited {
    color: #21597b;
	text-decoration: none;
}

.last5added a:active {
    color: #21597b;
	text-decoration: none;
}

.last5added a:hover {
    color: #2e7ba9;
    text-decoration: Underline;
    border-bottom: 1px solid #2e7ba9;
}

/* Comment */

div#comment {
	width: 535px;
	padding: 7px;
	margin: 0px 0px 10px 0px;
    background-color: #fde2f7;
    border-top: 1px solid #ffd2f5;
    border-left: 1px solid #ffd2f5;
    border-right: 1px solid #ffbbf0;
    border-bottom: 1px solid #ffbbf0;
}

.dato {
	color: #c0c0c0;
	margin: 0px;
	text-align: right;
}

.besked {
	margin: 0px 0px 0px 7px;
}

.navn {
    margin: 0px 0px 5px 0px;
	font-weight: bold;
    color: #000000;
    font-size: 12px;
}

.navn a:link, a:visited, a:active {
    color: #5f2d00;
	text-decoration: none;
}

.navn a:visited {
    color: #5f2d00;
	text-decoration: none;
}

.navn a:active {
    color: #5f2d00;
	text-decoration: none;
}

.navn a:hover {
    color: #ffa9ea;
	text-decoration: none;
}

.id {
    font-size: 14px;
	color: #614e3d;
}
     
/* Text */

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font: normal 20px/20px 'Trebuchet MS', Georgia, Century Gothic, Sans-Serif, Verdana, Arial;
	color: #4785aa;
	cursor: default;
	width: 350px;
	border-bottom: 1px solid #a1d1ee;
}

h1:hover {
    color: #2b6588
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font: bold 15px/13px 'Trebuchet MS', Georgia, Century Gothic, Sans-Serif, Verdana, Arial;
	text-indent: 0px;
	color: #4785aa;
	cursor: default;
	width: 350px;
}

h2:hover {
    color: #2b6588
}

h3 {
	margin: 15px 0px 5px 0px;
	padding: 0px;
	font: bold 12px/13px 'Trebuchet MS', Georgia, Century Gothic, Sans-Serif, Verdana, Arial;
	color: #4785aa;
	cursor: default;
	width: 195px;
	border-bottom: 1px solid #a1d1ee;
}

h3:hover {
    color: #2b6588
}

p, ul, table, blockquote, input, option, textarea {
   font-family: 'Trebuchet MS', Verdana, Sans-Serif, Arial;
   font-size: 12px;
   color: #4785aa;
   line-height: 19px;
   margin-top: 0;
}

/* Links */

a:link, a:visited, a:active {
    color: #21597b;
	text-decoration: none;
}

a:visited {
    color: #21597b;
	text-decoration: none;
}

a:active {
    color: #21597b;
	text-decoration: none;
}

a:hover {
    color: #2e7ba9;
    text-decoration: Underline;
} 

a:img {
	border: 1px solid #ffa9ea;
	padding: 4px;
}


/* Boks links */

.boks a:link {
    color: #21597b;
    text-decoration: none;
}

.boks a:visited {
    color: #21597b;
    text-decoration: none;
}

.boks a:active {
   color: #21597b;
   text-decoration: none;
}

.boks a:hover {
   color: #2e7ba9;
   background-color: #e2f4ff;
   text-decoration: none;
   border-bottom: 2px solid #2e7ba9;
}

/* Nice title */

div.nicetitle {
	background-color: #4785aa;
	color: #fff;
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
	width: 25em;
	z-index: 20;
	text-align: left;
	min-width: 300px;
	width: auto;
	height: auto;
}
	
div.nicetitle p {
    margin: 0;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 16px;
    color: #fff;
	padding: 0 3px;
	text-align: left;
}

div.nicetitle p.destination {
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 16px;
    color: #fff;
    padding-top: 3px;
	text-align: left;
}

div.nicetitle p span.accesskey {
	color: #d17e62;
	color: #fff;
}

/* Form */

input.input {
    color: #000000;
	background: #e2f4ff;
    border: 1px solid #7cb3d4;
	font-weight: normal;
	font-family: 'Trebuchet MS', Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 16px;
	margin-left: 5px;
	margin: 1px;
	width: 100px;
}

input.submit {
    color: #000000;
	background: #e2f4ff;
    border: 1px solid #7cb3d4;
	font-weight: normal;
	font-family: 'Trebuchet MS', Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 16px;
	margin-left: 5px;
	margin: 0px;
	width: 40px;
}

textarea.textarea {
	color: #000000;
	background: #e2f4ff;
    border: 1px solid #7cb3d4;
	font-weight: normal;
	font-family: 'Trebuchet MS', Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	width: 300px;
	margin-left: 5px;
	margin: 1px;
	height: 150px; 
}

/* misc */
img {
    border: 0px;
}
/*
img {
	border: 1px solid #a1d1ee;
	padding: 4px;
    margin: 3px 3px 3px 3px;
}

img:hover {
	border: 1px solid #a1d1ee;
	padding: 4px;
	background-color: #e2f4ff;
    margin: 3px 3px 3px 3px;
}
*/