@CHARSET "UTF-8";

input[type=text],
input[type=button],
input[type=submit],
input[type=password]
{
	border: 1px solid #ccc;
}

input[type=button],
input[type=submit]
{
	background-image: url(/images/button.png)
	color:#fff;
}

input[type=text],
input[type=password]
{
	color: #333;
}


.hidden { display:none !important; }

.login input,
.pnanswer textarea
{
	width: 100%;
}

.profilpic_username{
	float:left;
	text-align: center;
	width:84px;
	margin-right:9px;
}

.bold
{
	font-weight:bold;
}

.right{
	float:right;
}

.myprofile th{
	width: 130px;
	color: #333;
}

.searchresults
{
	position:absolute;
	background-color:#FFFFFF;
	border: 1px solid #D7D6D6;
	padding:5px;
}

.searchresults .result-header
{
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
}

.searchresults .result-more
{
	text-align:right;
}

.submit1{
	background-color: #8e9fa9;
	border: none;
	color: #fff !important;
	margin: 5px 0;
	width: 100px;
	padding: 4px 5px;
	float: right;
}

.submit2{
	background-color: #8e9fa9;
	border: none;
	color: #fff;
	margin: 5px 0;
	padding: 4px 5px;
}

.submit3{
	background-color: #8e9fa9;
	border: none;
	color: #fff;
	margin-left: 10px;
	padding: 2px 5px;
	width: 100px;
	float: left;
}

textarea {
	border: 1px solid black;
}

select {
	border: 1px solid #ccc;
	width: 202px;
	color: #333;
}

/* pages selectbox */
select.pages {
	width: 50px !important;
}

.gender .selected,.letters .selected {
	font-weight: bold;
}

table#kalender {
	border-collapse: collapse;
	empty-cells: show;
	margin-top: 3px;
}

table#kalender td.tag {
	border: 1px solid #ccc;
	height: 30px;
	line-height: 19px;
	width: 60px;
	background-color: #fff;
	font-size: 11px;
	text-align: center;
	color: #515151;
	padding-top: 5px;
	vertical-align: top;
}

.calenderTitleBg{
	background: #9baeb9;
	border: 1px solid #8e9fa9;
}

.calenderTitleBg a{
	color: #fff;
}

table#kalender td.wtag {
	background-color: #8E9FA9;
	border: 1px solid #7d8e97;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	height: 20px;
}

table#kalender td.wtag.last{
	border-right: 1px solid #8E9FA9;
}

table#kalender td.entry {
	background-color: moccasin;
	cursor: pointer;
}

table#kalender td.today {
	background-color: #eeeded;
	font-weight: bold;
}

.dkalenderkasten {
	background-color: #FFFFFF;
	border-color: #7A892E #525C20 #525C20 #7A892E;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	padding: 10px;
}

.fotobox span {
	width: 171px; /*185px*/
	height: 166px;
	display: inline-block;
	margin: 2px;
	border: 1px solid rgb(204, 204, 204);
	background-color: #fff;
	text-align: center;
	vertical-align: top;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #666666; 
	display:block;
	float:left;
/*	background-image: url(../images/loadpic.png); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-attachment: fixed;*/
}

.fotobox span img {
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.drag {
	cursor: move;
}

#albumpiclist img,
ul li.edit a
{
	cursor: pointer;
}

.privacyswitch[class~=unlocked],.privacyswitch[class~=locked] {
	cursor: pointer;
}

/*
	minicalendar
*/
.minicalendar {
	height: 200px;
	margin-left: 2px;
}

.minicalendar .kw .available,.legend .available {
	
}

.minicalendar .kw .notavailable,.legend .notavailable {
	background-color: moccasin ! important;
	cursor: pointer;
}

.minicalendar .header .last,.minicalendar .header .next {
	width: 35px;
	float: left;
}

.minicalendar .header .next {
	text-align: right;
}

.minicalendar .header .actually {
	font-weight: bold;
	float: left;
	font-size: 10pt;
	text-align: center;
	height: 23px;
	width: 103px;
}

.minicalendar .dayofweek,.minicalendar .kw {
	clear: left;
}

.minicalendar .kw .day_last_month {
	width: 23px;
	height: 23px;
	float: left;
	border: 1px solid #ccc;
}

.minicalendar .kwn,.minicalendar .kw .day,.minicalendar .dayofweek .day
	{
	border: 1px solid #ccc;
	width: 23px;
	background-color: #fff;
	text-align: center;
	color: #515151;
	vertical-align: top;
	float: left;
	line-height: 24px;
	border-spacing: 0;
}

.minicalendar .dayofweek .day{
	border: 1px solid #7D8E97; 
	background-color: #8e9fa9;
	color: #fff;
}

.minicalendar .kwn {
	border: 0;
	display: none;
}

.minicalendar .dayofweek .kwn,.minicalendar .dayofweek .day {
	height: 23px;
}

.minicalendar .kw .day {
	height: 23px;
}

.minicalendar .kw .today {
	background-color:SkyBlue;
}

.calendarTip {
	background-color: #FFFFFF;
	border-color: #7A892E #525C20 #525C20 #7A892E;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	padding: 10px;
}

.calendar {
	height: 387px;
}

.calendar .kw .available,.legend .available {
	
}

.calendar .kw .notavailable,.legend .notavailable {
	background-color: moccasin ! important;
	cursor: pointer;
}

.calendar .header .last,.calendar .header .next {
	width: 50px;
	float: left;
}

.calendar .header .actually {
	font-weight: bold;
	float: left;
	font-size: 15pt;
	width: 100px;
	text-align: center;
	height: 40px;
}

.calendar .dayofweek,.calendar .kw {
	clear: left;
}

.calendar .kw .day_last_month {
	width: 50px;
	height: 50px;
	float: left;
	border: 1px solid #7a892e;
}

.calendar .kwn,.calendar .kw .day,.calendar .dayofweek .day {
	border: 1px solid #7a892e;
	width: 50px;
	background-color: #fff;
	text-align: center;
	color: #515151;
	vertical-align: top;
	float: left;
}

.calendar .kwn {
	border: 0;
}

.calendar .dayofweek .kwn,.calendar .dayofweek .day {
	height: 25px;
}

.calendar .kw .day {
	height: 50px;
}




/* Rating Stars */
div.rating ul {
	float: left;
	position: relative;
	width: 75px;	/* complete width, 5 stars */
	height: 15px;	/* height of one star */
}
div.rating {
	clear:both;
}
div.rating ul a {
	text-indent: -9999px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	height: 15px;	/* width of one star */
	width: 15px;	/* height of one star */
}

div.rating ul li {
	float: left;
	display: block;
	width: 15px;	/* width of one star */
	height: 15px;	/* height of one star */
}

div.rating.star ul li.active
{
	background: url(../images/ratingstar.gif) repeat-x left center;
}

div.rating.star ul	
{
	background: url(../images/ratingstar.gif) repeat-x left top;
}

div.rating.hearth ul li.active
{
	background: url(../images/ratinghearth.png) repeat-x left center;
}

div.rating.hearth ul	
{
	background: url(../images/ratinghearth.png) repeat-x left top;
}

div.rating ul li.one a {
	width: 15px;	/* width of one star!*/
	z-index: 7;
}

div.rating ul li.two a {
	width: 30px; /* width of two stars */
	z-index: 6;
}

div.rating ul li.three a {
	width: 45px; /* width of three stars */
	z-index: 5;
}

div.rating ul li.four a {
	width: 60px; /* width of four stars */
	z-index: 4;
}

div.rating ul li.five a {
	width: 75px; /* width of fice stars*/
	z-index: 3;
}

div.rating.star ul a:hover {
	background: url(../images/ratingstar.png) repeat-x left bottom;
}

div.rating.hearth ul a:hover {
	background: url(../images/ratinghearth.png) repeat-x left bottom;
}




div.privacyconfig ul {
	float: left;
	position: relative;
	width: 80px;	/* complete width, 5 stars */
	height: 16px;	/* height of one star */
}
div.privacyconfig {
	clear:both;
}
div.privacyconfig ul a {
	text-indent: -9999px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	height: 16px;	/* width of one star */
	width: 16px;	/* height of one star */
}

div.privacyconfig ul li {
	float: left;
	display: block;
	width: 16px;	/* width of one star */
	height: 16px;	/* height of one star */
}

div.privacyconfig ul li.active
{
	background: url(../images/privacy.gif) repeat-x left center;
}

div.privacyconfig ul	
{
	background: url(../images/privacy.gif) repeat-x left top;
}

div.privacyconfig ul li.one a {
	width: 16px;	/* width of one star!*/
	z-index: 7;
}

div.privacyconfig ul li.two a {
	width: 32px; /* width of two stars */
	z-index: 6;
}

div.privacyconfig ul li.three a {
	width: 48px; /* width of three stars */
	z-index: 5;
}

div.privacyconfig ul li.four a {
	width: 64px; /* width of four stars */
	z-index: 4;
}

div.privacyconfig ul li.five a {
	width: 80px; /* width of fice stars*/
	z-index: 3;
}

div.privacyconfig ul a:hover {
	background: url(../images/privacy.gif) repeat-x left bottom;
}

.calendar .kw .day {
	height: 50px;
}








div.slider {
	width: 220px;
	height: 16px;
	background: #eee;
}
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;
}

div.userpref {
	margin: 5px 0;
	background: url(../images/icons/slider.png) 0 center repeat-x;
	padding-right:15px;
}

.smallBoxContent div.userpref {
	width: 180px;
}

.pointer {	
	cursor: pointer;
}

div.userpref div.knob {
	background: no-repeat center center;
	background-image: url(../images/icons/green.png);
}

div.userpref.disabled div.knob {
	background-image: url(../images/icons/grey.png) !important;
	display:none;
}







div.guestbook div.largeBoxContent div.write textarea {
	width:440px;
	height:100px;
}
div.guestbook div.largeBoxContent div.author {
	clear:left;
	float:left;
}
div.guestbook div.largeBoxContent .entries .gbookentry .gbookBg div.p {
	float:left;
	min-height: 50px;
	margin-left: 20px;
	overflow: hidden;
	width: 321px;
	padding: 10px 10px 10px 20px;
	background: url(../images/gbookBg.png) no-repeat;
}



div.guestbook div.largeBoxContent p img{
	border: none;
}

.gbookBg{
	float: right;
	background: url(../images/gbookBg2.png) repeat-y top right;
}

div.guestbook div.largeBoxContent .gbookBottom{
	float: right;
	width: 351px;
	height: 3px;
	margin-bottom: 10px;
	background: url(../images/gbookBottom.gif) no-repeat;
}

div.guestbook div.largeBoxContent .gbookName{
	color: #5c6b74;
	margin: 0 0 3px 27px;
	float: left;
	font-weight: bold;
}
div.guestbook div.largeBoxContent .gbookDate{
	float: right;
	margin-left: 50px;
}

div.guestbook div.largeBoxContent .gbookentry{
	float: left;
}

*+html div.guestbook div.largeBoxContent .gbookentry{
	width: 460px;
}

div.guestbook div.largeBoxContent div.author img{

	border:1px solid #C2C2C2;
	padding:3px;
}

div.guestbook div.largeBoxContent div.write {
	clear:left;
}
#guestbookSubMenue{
	display: block;
	height: 24px;
	border-bottom: 1px solid #e2e2e2;
	background: url(../images/gbookTopBg.png) repeat-x;
}

#guestbookSubMenue ul{
	float: right;
	height: 24px;
}

#guestbookSubMenue ul li{
	float: left;
	height: 20px;
	padding: 4px 9px 0 11px;
	background: url(../images/leftList.png) no-repeat 1px 0px;
}

#guestbookSubMenue ul li a{
	padding-left: 20px;
	font-size: 11px;
	height: 20px;
	float: left;
	color: #788891;
	background: url(../images/icons/book_edit.png) no-repeat;
}

#contactSubMenue{
	display: block;
	height: 24px;
	border-bottom: 1px solid #e2e2e2;
	background: url(../images/gbookTopBg.png) repeat-x;
}

#contactSubMenue ul{
	float: right;
	height: 24px;
}

#contactSubMenue ul li{
	float: left;
	height: 20px;
	padding: 4px 9px 0 11px;
}

#contactSubMenue ul li a{
	padding-left: 20px;
	font-size: 11px;
	height: 20px;
	float: left;
	color: #788891;
	background: url(../images/icons/book_edit.png) no-repeat;
}
#noticeSubMenue{
	display: block;
	height: 24px;
	border-bottom: 1px solid #e2e2e2;
	background: url(../images/gbookTopBg.png) repeat-x;
}

#noticeSubMenue ul{
	float: right;
	height: 24px;
}

#noticeSubMenue ul li{
	float: left;
	height: 20px;
	padding: 4px 9px 0 11px;
}

#noticeSubMenue ul li a{
	padding-left: 20px;
	font-size: 11px;
	height: 20px;
	float: left;
	color: #788891;
	background: url(../images/icons/book_edit.png) no-repeat;
}


div.albumfolder img.albumpic,
#trash img.albumpic{
	display:none;
}

div.albumfolder{
cursor:pointer;
}

div.albumpics { clear:left; }
div.albumfooter { clear:left; }

div.albumlist{
	width:635px;
	float:left;
	display:block;
	margin: 15px 0 15px 15px;
}

div.albumlist div{
	float:left;
}

div.folder_closed
{
	width:77px;
	height:35px;
	background:transparent url(../images/folder_closed.png);
	background-repeat: no-repeat;
	background-position:20px 0;
	padding-top:55px;
	text-align:center;
}

div.folder_open
{
	width:77px;
	height:35px;
	background:transparent url(../images/folder_open.png);
	background-repeat: no-repeat;
	background-position:20px 0;
	padding-top:65px;
	text-align:center;
}

div.folder_closed:hover
{
	background:transparent url(../images/folder_open.png);
	background-repeat: no-repeat;
	background-position:20px 0;
}

div.album h2 {
	clear:left;
	padding: 4px 0 0 16px;
	height: 21px;
	color: #788891;
	margin:15px 0;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	font-size: 12px;
	background: transparent url(../images/gbookTopBg.png) repeat-x;
}

.albumView{
	float: left;
	padding-left: 12px;
	margin-bottom: 15px;
}

div.albumtrash{
	width:50px;
	height:50px;
	background:transparent url(../images/trash.png);
	float:left;
	margin: 30px 0 0 0;
}

#albumSubMenue,
#albumSubMenue2
{
	display: block;
	height: 24px;
	border-bottom: 1px solid #e2e2e2;
	background: url(../images/gbookTopBg.png) repeat-x;
}

#albumSubMenue2{
	padding: 16px 0 0 13px;
	height: 40px;
	background-color: #f9f9f9;
}

.albumName{
	float: left;
	color: #333;
	margin: 3px 10px 0 0;
}

#albumSubMenue ul{
	float: right;
	margin: 4px 15px 0 0;
}

#inputHeight{
	float: left;
	height: 20px;
}

#albumSubMenue ul li{
	float: left;
}

#albumSubMenue ul li.upload{
	background: url(../images/icons/upload.png) no-repeat 8px 0;
}
#albumSubMenue ul li.createalbum{
	background: url(../images/icons/configure.png) no-repeat 8px 0;
}


#albumSubMenue ul li a{
	padding: 0 8px 0 28px;
	color: #788891;
	background: url(../images/subMenueLine.png) no-repeat 0 1px;
}

#albumSubMenue ul li a.first{
	background: none;
}

#albumSubMenue ul li a.last{
	padding-right: 0;
}

#albumpiclist img.albumpic{
	border:1px solid #C2C2C2;
	padding:3px;
	margin:3px 13px 3px 3px;
	max-height:120px;
	max-width:200px;
}

#abouttextSubMenue{
	display: block;
	height: 24px;
	border-bottom: 1px solid #eaeaea;
	background: url(../images/gbookTopBg.png) repeat-x;
}

#abouttextSubMenue ul{
	float: right;
	margin: 4px 15px 0 0;
}

#abouttextSubMenue ul li{
	float: left;
	background: url(../images/icons/book_edit.png) no-repeat;
}

#abouttextSubMenue ul li a{
	padding-left: 24px;
	color: #788891;
}

.chat_highlight {
	background-color:yellow;
}

.teamchat li .user,
.chat li .user {
	margin-left: 10px;
	padding-right:4px;
}

.teamchat .smallBoxContent span.text,
.chat .smallBoxContent span.text
{
	display:block;
	padding-left:5px;
}

.boxHeader .boxMenue li a {
	width:13px;
	height:13px;
	display:block;
	cursor:pointer;
}
	
.boxHeader .boxMenue .buttonAlwaysLocked {
	background: url(../images/icons/alwayslocked.png) no-repeat;
}
	
.boxHeader .boxMenue .buttonMinimize {
	background: url(../images/boxMini.png) no-repeat;
}

.minimized .boxHeader .boxMenue .buttonMinimize {
	background: url(../images/boxMax.png) no-repeat;
}

.boxHeader .boxMenue .buttonClose {
	background: url(../images/boxClose.png) no-repeat;
}


.minimized .largeBoxContent,
.minimized .smallBoxContent,
.minimized .smallBoxContent2,
.minimized .boxFooter,
.minimized #guestbookSubMenue,
.minimized #abouttextSubMenue,
.minimized #albumSubMenue,
.minimized #noticeSubMenue,
.minimized #contactSubMenue,
.minimized span.mceEditor {
	display:none;
}

td.privacylevel > img,
.helphint {
	cursor: help;
}

a.privacyswitch {
	width:16px; height:16px;
	display:block;
	cursor:pointer;
}

td.privacylevel > a {
	background: url(../images/icons/unlocked.png);
}

td.privacylevel > a.locked {
	background: url(../images/icons/locked.png);
}
div.chat {
	overflow:hidden;
}

div.friendgroup .toggler{
	cursor:pointer;
	font-weight:bold;
}

div.smallBoxContent div.friendgroup a.online
{
	padding-left:13px;
	background: transparent url(../images/online.png) no-repeat scroll 0px 2px;
}

div.smallBoxContent div.friendgroup a.offline
{
	padding-left:13px;
	background: transparent url(../images/offline.png) no-repeat scroll 0px 2px;
}

div.MainContainerBig div.largeBoxContent img
{
	max-width:600px;
}
 
div.largeBoxContent img,
div.profiltext div.largeBoxContent img
{
	max-width:447px;
}

div.profiltext div.smallBoxContent img
{
	max-width:178px;
}

.filteronline a.offline img,
.filteroffline a.online img,
.filtercommonfriends a.unknownperson img
{
	opacity:0.4;
	filter:alpha(opacity=40);
}

div.picoverlayleft,
div.picoverlayright
{
	opacity:0.01;
	position: absolute; 
	top: 0px; 
	bottom:0px; 
	width: 50px; 
	background-color:#FFF;
	z-index:1000;
}

div.picoverlayleft:hover,
div.picoverlayright:hover
{
	opacity:0.4;
}

div.picoverlayleft
{
	background:#fff url(../images/leftArrow.png) no-repeat center center;
	left: 0px; 
}

div.picoverlayright
{
	background:#fff url(../images/righArrow.png) no-repeat center center;
	right: 0px; 
}

.loginButton{
	color: #fff;
	border: none;
	margin-top: 10px;
	width: 60px !important;
	text-transform: uppercase;
	padding: 5px;
	font-size: 11px;
	background: #8E9FA9 !important;
}

.logininput{
	padding: 2px 4px;	
}

ul.reviewComments img
{
	max-width:40px;
	max-height:50px;
}

.flyer
{
	float:left;
	margin-right:10px;
}


table.calendarlinear tr td { vertical-align:top; color:#000; }
table.calendarlinear tr td.day { width:25px; padding:8px 0 0 8px; }
table.calendarlinear tr td.dayofweek { width:25px; padding:8px 0 0 8px; }
table.calendarlinear tr td.Fr { background-color:#8eadd9; }
table.calendarlinear tr td.Sa { background-color:#5686c6; }
table.calendarlinear tr td.events {padding:0 0 15px 8px;}


.choosefileforuploadbutton
{
	font-weight:cold;
	font-size:13px;
}

.fbshare {
	text-align:right;
}

.fbshare_button {
	background:#29447e url(/images/icons/facebook.png);
	background-repeat:no-repeat;
	cursor:default;
	display:inline-block;
	padding:0 0 0 1px;
	text-decoration:none;
	outline:none;
}

.fbshare_button_text {
	background:#5f78ab url(/images/icons/facebook.png);
	border-top:solid 1px #879ac0;
	border-bottom:solid 1px #1a356e;
	color:#fff;
	display:block;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:bold;
	padding:2px 6px 4px;
	margin:1px 1px 0 0;
	text-shadow:none;
}

.fbshare_button:active .fbshare_button_text {
	border-bottom:solid 1px #29447e;
	border-top:solid 1px #45619d;
	background:#4f6aa3;
	text-shadow:none;
}

.fbshare_button_small {
	background-position:left -232px;
	font-size:10px;
	line-height:10px;
}

.fbshare_button_small .fbshare_button_text{
	padding:2px 6px 3px;
	margin-left:17px
}

.fbshare_button_small:active {
	background-position:left -250px;
}

.boardLastPost .largeBoxContent ul li.col1 {
    float:left;
    width:229px;
}

.boardLastPost .largeBoxContent ul li.col2 {
    float:left;
    width:229px;
}

.boardLastPost .largeBoxContent ul li.clear {
    clear:left;
}

.largeBoxContent .youtube,
.smallBoxContent .youtube
{
	width:100%;
	height:340px;
}