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

a:link {color: #00a4e5; text-decoration: none; background-color: transparent; font-weight: bold; }
a:visited {color: #00a4e5; text-decoration: none; background-color: transparent; font-weight: bold; }
a:hover {color: white; text-decoration: underline; background-color: transparent; font-weight: bolder; } 

body{
background-color: #212121;
line-height: 13px;
font-family: helvetica,arial,sans-serif;
color: black;
font-size: 11px;
background-image: url(images/bg.png);
background-repeat:repeat-x;
margin: 0px;
}

img{
border: 0;	
}

h1{
display: none;
}
h2{
display: none;
}
h3{
display: none;
}

.sidan{
width: 100%;
float: left;
padding-top: 40px;
}

.content{
width: 910px;
text-align: left;
}

.leftcontent{
width: 230px;
float: left;
padding-right: 20px;
}

.rightcontent{
width: 600px;
background-color: white;
float: left;
}

.leftTop{
width: 225px;
float: left;
line-height: 14px;
height: 100px;
color: white;
padding: 5px 0px 15px 5px;
background-image:url(images/leftTop.png);
background-repeat: no-repeat;
}

.bilden{
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
}

.logotype{
width: 230px;
float: left;
height: 61px;
background-image:url(images/logo.png);
background-repeat: no-repeat;
margin: 20px 0px;
}

.kalender{
width: 40px;
float: right;
height: 37px;
padding: 5px 0px;
background-image:url(images/kalender.png);
background-repeat: no-repeat;
margin-right: -40px;
margin-top: -5px;
}

.kalenderdark{
width: 40px;
float: right;
height: 37px;
padding: 5px 0px;
background-image:url(images/kalender_dark.png);
background-repeat: no-repeat;
margin-right: -40px;
margin-top: -5px;
}


.kalenderMonth{
font-weight: bold;
font-size: 13px;
width: 36px;
color: white;
text-align: center;
margin:1px 0px;
}

.kalenderDay{
font-weight: bold;
font-size: 21px;
margin: 6px 0px 4px;
width: 36px;
text-align: center;
}

.kategori{
z-index: 100;
position: relative;
margin-top: 9px;
height: 24px;
color: white;
font-weight: bold;
}

.kategori_middle{
float: left;
height: 24px;
line-height: 24px;
padding-left: 10px;
background-image:url(images/kategori.png);
background-repeat:repeat-x;
}

.kategori_end{
float: left;
height: 24px;
width: 8px;
background-image:url(images/kategori_end.png);
background-repeat: no-repeat;
}

.bo{
float: left;
margin: 10px 0px;
width: 600px;
}

.bo_bilden{
z-index: 0;
margin-top: -33px;
float: left;
background-color: black;
width: 600px;
margin-bottom: 10px;
overflow: hidden; 
}

.bo_titlenHolder{
float: left;
background-color: #f2f2f2;
width: 600px;
height: 50px;
}

.bo_titlen{
float: left;
line-height: 50px;
color: black;
font-weight: bold;
width: 525px;
padding-left: 10px;
height: 50px;
font-size: 34px;
}

.bo_timestamp{
float: left;
color: white;
font-weight: bold;
background-color: #c2c2c2;
width: 65px;
text-align: right;
padding: 10px 0px;
height: 30px;
}

.timestamp_time{
width: 65px;
text-align: center;
line-height: 18px;
font-size: 18px;
margin: 0px;
}

.timestamp_year{
width: 65px;
text-align: center;
line-height: 12px;
font-size: 8px;
margin: 0px;
}

.bo_texten{
float: left;
width: 580px;
padding: 10px;
line-height: 13px;
margin: 0px;
}

.bo_youtube{
float: left;
width: 580px;
padding: 0px 10px;
padding-bottom: 10px;
line-height: 13px;
margin: 0px;
}

.bo_url{
float: left;
padding-left :10px;
height: 30px;
line-height: 30px;
background-color: #00a4e5;
color :white;
}

.bo_url a{
color :white;
}

.bo_url_end{
float: left;
height: 30px;
width: 10px;
background-image: url(images/link_end.png);
}

.bo_objectBar{
float: left;
height: 40px;
width: 600px;
background-color: #9b9b9b;
color: white;
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.viewer_like{
float: left;
height: 30px;
color: white;
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.bo_objectBar a{
color: white;
}

.bo_objectBar a:hover{
color: white;
text-decoration: none;
}

a.like{
float: left;
width: 54px;
padding: 10px 10px 10px 36px;
height: 20px;
line-height: 22px;
}

a.likemini{
float: left;
padding: 5px 10px 5px 30px;
height: 20px;
line-height: 22px;
}

a.commentslink{
float: left;
z-index: 10;
width: 90px;
padding: 10px 10px 10px 50px;
height: 20px;
line-height: 22px;
}

a.linklink{
float: left;
z-index: 10;
width: 93px;
padding: 10px 10px 10px 40px;
height: 20px;
line-height: 22px;
}

a.minilinklink{
float: left;
z-index: 10;
padding: 5px 10px 5px 10px;
height: 20px;
line-height: 22px;
color: white;
border-right: 10px solid #33b6ea;
}

a.minilinklink:Hover{
color: black;
background-color: white;
text-decoration: none;
}

a.viewmorelink{
float: left;
z-index: 10;
width: 137px;
padding: 10px 10px 10px 40px;
height: 20px;
line-height: 22px;
}

.like{
float: left;
width: 100px;
height: 40px;
background-image:url(images/like.png);
background-repeat:no-repeat;
background-position: 10px 0px;
border-right: 10px solid #afafaf;
}

.like:Hover{
/*background-image:url(images/like_blue.png);*/
background-color: #4cbfed;
cursor: pointer;
background-position: 10px -40px;
}

.comments{
float: left;
width: 140px;
height: 40px;
background-image:url(images/comments.png);
background-repeat:no-repeat;
background-position: 10px 0px;
border-right: 10px solid #afafaf;
}

.commentsNumber{
position: absolute;
z-index: 0;
width: 31px;
text-align: center;
height: 20px;
line-height: 20px;
color: #9b9b9b;
margin: 10px;
}

.comments:Hover{
background-color: #4cbfed;
cursor: pointer;
background-position: 10px -40px;
}

.link{
float: left;
width: 143px;
height: 40px;
background-image:url(images/link.png);
background-repeat:no-repeat;
background-position: 10px 0px;
border-right: 10px solid #afafaf;
}

.link:Hover{
background-color: #4cbfed;
cursor: pointer;
background-position: 10px -40px;
}

.info{
float: left;
width: 187px;
height: 40px;
background-image:url(images/info.png);
background-repeat:no-repeat;
background-position: 10px 0px;
}

.info:Hover{
background-color: #4cbfed;
cursor: pointer;
background-position: 10px -40px;
}


#blueblock{
float: left;
width: 230px;
padding: 0 0 0 0;
margin-bottom: 20px;
font-size: 11px;
background-color: transparent;
color: #ffffff;
line-height: 30px;
}

* html #blueblock{ /*IE 6 only */
width: 230px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 3px solid #212121;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #494949;
border-right: 10px solid #2c2c2c;
background-color: #2c2c2c;
color: #ffffff;
text-decoration: none;
width: 180px;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #e9e9e9;
border-right: 10px solid #e9e9e9;
background-color: #e9e9e9;
color: #212121;
}

#blueblock li a.currentPage{
border-left: 10px solid #e9e9e9;
border-right: 10px solid #e9e9e9;
background-color: #e9e9e9;
color: #212121;
}


#blueblock ul li ul {
margin-top: 3px;
margin-bottom: -3px;
display: block;
line-height: 20px;
}

#blueblock ul li:hover ul {
display:block; 
position:relative;  
}

#blueblock ul li ul li a{
display: block;
padding: 5px 5px 5px 8px;
margin-left: 10px;
border-left: 10px solid #6f6f6f;
border-right: 0px solid #2c2c2c;
background-color: #2c2c2c;
color: #ffffff;
text-decoration: none;
width: 197px;
}

#blueblock ul li ul li a:hover{
display: block;
margin-left: 10px;
padding: 5px 5px 5px 18px;
border-left: 0px solid #00a4e5;
border-right: 0px solid #00a4e5;
background-color: #00a4e5;
color: #ffffff;
text-decoration: none;
width: 197px;
}

#blueblock ul li ul li a.currentUnderPage{
display: block;
margin-left: 10px;
padding: 5px 5px 5px 18px;
border-left: 0px solid #00a4e5;
border-right: 0px solid #00a4e5;
background-color: #00a4e5;
color: #ffffff;
text-decoration: none;
width: 197px;
}


#annonserBox{
float: left;
width: 230px;
padding: 0 0 0 0;
font-size: 11px;
background-color: transparent;
color: #ffffff;
line-height: 30px;
}

* html #annonserBox{ /*IE 6 only */
width: 230px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#annonserBox ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#annonserBox li {
border-bottom: 3px solid #212121;
margin: 0;
margin-bottom: 20px;
}

#annonserBox li a{
display: block;
padding: 0;
background-color: #383838;
border: 1px solid white;
color: #ffffff;
border: 1px solid #4d4d4d;
text-decoration: none;
text-align: center;
width: 228px;
}

#annonserBox li a.small{
line-height: 128px;
}
#annonserBox li a.medium{
line-height: 258px;
}
#annonserBox li a.big{
line-height: 388px;
}

#annonserBox li a.topp{
width: 848px;
line-height: 130px;
}

html>body #annonserBox li a{ /*Non IE6 width*/
width: auto;
}

#annonserBox li a:hover{
background-color: #ffffff;
border: 1px solid white;
color: #212121;
}



.viewer_objectBar{
float: left;
height: 30px;
width: 600px;
margin-bottom: 0px;
margin-top: -10px;
background-color: #00a4e5;
color: white;
line-height: 30px;
font-weight: bold;
}

.linkviewer{
	width: 235px;
	background-color: #33b6ea;
	border: 0px solid white;
	padding: 2px;
	height: 16px;
	font-size: 12px;
	line-height: 12px;
	color: white;
	margin: 5px 5px;
}

.viewerLike{
float: right;
height: 30px;
color: white;
line-height: 22px;
background-image:url(images/like_viewer.png);
background-repeat:no-repeat;
background-position: 10px 0px;
border-left: 10px solid #33b6ea;
}

.viewerLike:hover{
background-color: white;
background-position: 10px -30px;
}

.viewerLike a{
	color: white;
}

.viewerLike a:hover{
	color: #00a4e5;
	text-decoration: none;
}

.commentsHolder{
float: left;
width: 600px;
}

.viewer_CommentTitle{
float: left;
background-color: #d1d1d1;
height: 30px;
width: 580px;
padding: 5px 10px;
color: #999999;
font-weight: bold;
font-size: 21px;
line-height: 30px;
}

.commentA{
float: left;
padding: 20px;
width: 560px;
background-color: #e9e9e9;
}

.commentB{
float: left;
padding: 20px;
width: 560px;
background-color: #ffffff;
}

.commentA:Hover, .commentB:Hover{
background-color: #99dbf5;
}


.picHolder{
z-index: 10;
float: left;
background-color: black;
width: 70px;
height: 70px;
color: #787878;
line-height: 70px;
text-align: center;
font-size: 52px;
margin-right: 10px;
}

.comment_timestamp{
float: right;
color: #787878;
width: 100px;
font-weight: bold;
font-size: 9px;
line-height: 9px;
height: 13px;
text-align: right;
margin-bottom: 5px;
}

.comment_name{
float: left;
color: black;
width: 380px;
margin-bottom: 5px;
}

.comment_title{
float: left;
color: black;
width: 480px;
font-size: 11px;
margin-bottom: 5px;
}

.commentNumber{
width: 33px;
float: right;
height: 30px;
padding: 5px 0px;
padding-right: 7px;
line-height: 30px;
font-size: 16px;
color: #ffffff;
font-weight: bold;
text-align: center;
background-image:url(images/comment_number.png);
background-repeat: no-repeat;
margin-right: -60px;
margin-top: -5px;
}

.extraPicHolder{
float: left;
background-color: #99dbf5;
width: 585px;
padding: 5px;
padding-right: 10px;
padding-bottom: 10px;
}

.extraPic{
float: left;
margin: 7px;
margin-right: 2px;
margin-bottom: 2px;
background-color: black;
border: 3px solid #99dbf5;
width: 102px;
height: 102px;
}

.extraPic:Hover{
border: 3px solid white;
cursor: pointer;
}

.boxcaption{ 
float: left; 
position: relative; 
background: #000; 
width: 100%; 
color: white;
font-weight: bold;
top: 31px;
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.bildText{
overflow:hidden; 
line-height: 31px;
margin-top: -31px; 
position: relative; 
width: 180px;	
}

.PostAComment{
float: left;
padding: 20px;
width: 560px;
}

.PostACommentTitle{
float: left;
padding: 10px;
background-color: #00A4E5;
color: #ffffff;
font-weight: bold;
width: 580px;
line-height: 20px;
}

.row{
float: left; 
width: 560px;
font-size: 11px;
color: #787878;
margin-bottom: 5px;
}

.PostAComment input{
float: left;
border: 1px solid #a1a1a1;
color: #696969;
padding: 2px;
height: 15px;
width: 230px;
}

input.button{
float: left;
border: 1px solid #a1a1a1;
color: #696969;
padding: 2px;
height: 24px;
width: 230px;
}

.PostAComment textarea{
float: left;
margin: 5px 0px;
border: 1px solid #a1a1a1;
color: #696969;
padding: 2px;
width: 556px;
margin-right: 0px;
}

.msg{
margin-top: 10px;
float: left;
width: 580px;
padding: 10px;
background-color: #0C3;
color: white;
font-weight: bold;
text-align: center;
}


.error{
margin-top: 10px;
float: left;
width: 580px;
padding: 10px;
background-color: #C00;
color: white;
font-weight: bold;
text-align: center;
}

.fotogallery{
float: left;
background-color: white;
width: 600px;
padding: 10px 0px;
}

.textHolder{
float: left;
padding: 10px;
}

.galleryHolder{
float: left;
padding-left: 14px;
padding-top: 14px;
}

.galleryObj {
background-color:black;
border:2px solid white;
float:left;
height:70px;
margin:0 9px 9px 0;
width:70px;
}

.galleryObj:Hover{
border: 2px solid #00a4e5;
}

#paging{
float: left;
width: 600px;
padding: 0 0 0 0;
font-size: 11px;
background-color: #e5e5e5;
color: #ffffff;
line-height: 30px;
}

* html #paging{ /*IE 6 only */
width: 600px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#paging ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#paging li {
margin: 0;
}

#paging li a{
float: left;
display: block;
padding: 0px 10px;
border-right: 5px solid #ffffff;
background-color: #e5e5e5;
color: #212121;
text-decoration: none;
}

html>body #paging li a{ /*Non IE6 width*/
width: auto;
}

#paging li a:hover{
background-color: #00A4E5;
color: #ffffff;
}

#paging ul li.currentPagingPage{
float: left;
display: block;
padding: 0px 10px;
font-weight: bold;
text-decoration: none;
border-right: 5px solid #ffffff;
background-color: #00A4E5;
color: #ffffff;	
}

.galleryImg{
opacity: 0.75;	
filter:alpha(opacity=75);
}

.galleryImg:Hover{
opacity: 1;	
filter:alpha(opacity=100);
}