/* main */

	body, html {
		margin: 0;
		padding: 0;
		color: #424242;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		/*text-align: center;*/
		background-color: #ffffff;
	}
	
	img {
		border: 0;
	}
	
	a:link,
	a:visited {
		color: #5393B5;
		text-decoration: none;
	}
	a:hover,
	a:active {
		color: #e71e3e;
		text-decoration: none;
	}
	a.on, 
	a.on:link,
	a.on:active,
	a.on:hover,
	a.on:active {
		color: #e71c3e;
		text-decoration: none;
	}

/* header wrapp boxes */

	#user_logged_in {
		display:block;
		margin-left:39px;
		margin-top:42px;
		position:absolute;
	}

	#headerWrappBox {
		width: 100%;
		height: 179px;
		text-align: center;
		background-color: #4f272f;
		background-image: url('../grafiken/Backgrounds/header.png');
		background-repeat: repeat-x;
		background-position: center top;
	}
	#headerLogo {
		margin: 0 auto;
		width: 998px;
		height: 121px;
		text-align: left;
	}
	#headerLogoImg {
		margin: 0 0 0 10px;
		/*background-image: url('../grafiken/logo.png');*/
		background-repeat: no-repeat;
	}
	img.logo {
		border: 0;
		margin: 0;
	}
	#headerMenu {
		margin: 0 auto;
		width: 998px;
		height: 29px;
		position: relative;
		z-index: 100;
	}
	#menuFixBox {
		position: absolute;
		z-index: 200;
		height: 12px;
		top: 0px;
		left: 0;
	}
	#headerBlueLine {
		width: 100%;
		height: 6px;
		font-size: 1px;
		background-color: #5393b5;
	}
	#headerMenuSub {
		position: relative;
		top: 0;
		width: 100%;
		height: 23px;
		background-image: url('../grafiken/Backgrounds/submenu.gif');
		background-repeat: repeat-x;
	}
	#headerMenuSubInnerBox {
		margin: 0 auto;
		width: 998px;
		text-align: left;
	}

/* content wrapp boxes */

	#contentWrappBox {
		width: 100%;
		text-align: left;
		/*background-color: #FFFFFF;*/
	}
	#contentOuterBox {
		margin: 0 auto;
		text-align: center;
		width: 998px;
		background-color: #DDDDDD;
	}
	#contentInnerBox {
		margin: 0;
		padding: 10px 0px 20px 10px;
	}
	#contentLeftBox {
		width: 190px;
		float: left;
		padding-top: 10px;
	}
	#contentMainBox {
		width: 778px;
		float: left;
	}
	.contentSpaceBox {
		width: 10px;
		float: left;
	}
	.contentSpaceSmallBox {
		width: 5px;
		float: left;
	}
	.contentSpaceHeightBox {
		height: 10px;
		float: left;
	}
	.contentSpaceSmallHeightBox {
		height: 5px;
		float: left;
	}
	
/* footer line wrapp boxes */

	#footerWrappBox {
		width: 100%;
		height: 156px;
		text-align: center;
		background-image: url('../grafiken/Backgrounds/footer.gif');
		background-repeat: repeat-x;
		background-color: #dddddd;
	}
	#footerOuterBox {
		margin: 0 auto;
		padding: 0;
		width: 998px;
		height: 34px;
	}
	#footerInnerBox {
		padding: 0 10px 0 10px;
	}
	#footerLeft {
		padding: 9px 0 0 0;
		width: 300px;
		float: left;
		font-size: 10px;
		color: #474747;
		text-align: left;
	}
	#footerRight: {
		width: 698px;
		height: 100px;
		text-align: right;
		border: 1px solid red;
		display: block;
	}

/* tooltips */
.tooltip{width: 200px;text-align:center}
.tooltip span.top{padding: 15px 8px 0px 0px; background: none; background-color: #ffffff; border: 0px;}
.tooltip b.bottom{padding: 3px 8px 15px 0px; background: none; background-color: #ffffff; border: 0px;}

/* clearing */
	.clearLeft {
		clear: left;
	}
	.clearBoth {
		clear: both;
	}
	.clearRight {
		clear: right;
	}
	
	.inputError {margin-left: 96px; margin-bottom: 5px; font-size: 11px;}
	.inputErrorSmall {margin-left: 21px; margin-bottom: 5px; font-size: 11px;}

/******************/

/* menus */

/* header main menu */

	ul#menu {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
	}
	ul#menu li {
		float: left;
		width: 88px;
		height: 29px;
		background-image: url('../grafiken/Backgrounds/menuoff.png');
		background-repeat: no-repeat;
	}
	ul#menu li.menuOn {
		background-image: url('../grafiken/Backgrounds/menuon.png');
	}
	ul#menuFix {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
	}
	ul#menuFix li {
		float: left;
		width: 88px;
		height: 29px;
		background-image: url('../grafiken/Backgrounds/menuoff.png');
		background-repeat: no-repeat;
	}
	ul#menuFix li.menuOn {
			background-image: url('../grafiken/Backgrounds/menuon.png');
	}
	ul#menuFix a {
		margin: 0;
		padding: 0;
		display: block;
		margin-top: 10px;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-weight: bold;
		font-size: 13px;
		text-decoration: none;
		z-index: 1000;
		position: relative;
		outline: none;
	}
	ul#menuFix a:link,
	ul#menuFix a:visited {
		color: #5393B5;
	}
	ul#menuFix a:hover,
	ul#menuFix a:active {
		color: #FFFFFF;
	}
	ul#menuFix a.menuOn:link,
	ul#menuFix a.menuOn:visited,
	ul#menuFix a.menuOn:hover,
	ul#menuFix a.menuOn:active {
		color: #FFFFFF;
	}

/* header sub menu */

	ul#submenu  {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0 20px 0 20px;
	}
	ul#submenu li {
		margin: 0;
		padding: 5px 0 0 0;
		height: 18px;
		float: left;
	}
	ul#submenu li.submenuOn {
		background-color: #DDDDDD;
	}
	ul#submenu a {
		margin: 3px 0 0 0;
		padding: 0 9px 0 9px;
		font-family: Aria, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	ul#submenu a:link,
	ul#submenu a:visited {
		color: #474747;
	}
	ul#submenu a:hover,
	ul#submenu a:active {
		color: #D11B3B;
	}
	
	ul#submenu a.submenuOn:link,
	ul#submenu a.submenuOn:visited,
	ul#submenu a.submenuOn:hover,
	ul#submenu a.submenuOn:active {
		color: #D11B3B;
	}

/* left side menu */

	#leftMenu {
		font-size: 13px;
		font-weight: normal;
		text-align: left;
	}
	#leftMenu ul {
		margin: 0;
		padding: 6px 0 6px 0;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		border-bottom: 1px solid #B3B3B3;
	}
	#leftMenu ul.noBorder {
		border: 0;
	}
	#leftMenu a {
		display: block;
		margin: 0;
		padding: 1px 2px 1px 2px;
		height: 17px;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		text-decoration: none;
	}
	#leftMenu a:link, #leftMenu a:visited {
		color: #D11B3B;
	}
	#leftMenu a:hover, #leftMenu a:active {
		color: #E8E8E8;
		background-color: #D11B3B;
	}
	#leftMenu a.leftMenuOn:link, #leftMenu a.leftMenuOn:visited {
		color: #D11B3B;
		font-weight: bold;
	}
	#leftMenu a.leftMenuOn:hover, #leftMenu a.leftMenuOn:active {
		color: #E8E8E8;
		background-color: #D11B3B;
		font-weight: bold;
	}

/* footer menu line */

	ul#footer  {
		float: right;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 5px 0 0 0;
	}
	ul#footer li {
		margin: 2px;
		padding: 0;
		float: left;
	}
	ul#footer a {
		padding: 0 9px 0 9px;
		font-size: 10px;
		text-decoration: none;
		border-right: 1px solid #474747;
	}
	ul#footer a#footerLast {
		margin: 0;
		padding: 0 0 0 9px;
		border: 0;
	}
	ul#footer a:link,
	ul#footer a:visited {
		color: #474747;
	}
	ul#footer a:hover,
	ul#footer a:active {
		color: #E71C3E;
	}
	
	ul#footer a.footerOn:link,
	ul#footer a.footerOn:visited,
	ul#footer a.footerOn:hover,
	ul#footer a.footerOn:active {
		color: #E71C3E;
	}

/* pagination */
	.pagination a,
	.paginationBig a {
	padding:2px 4px 2px;
	margin-right:4px;
	display: block;
	float: left;
	}
	
	.pagination a.last,
	.paginationBig a.last {
	background-image:url(../grafiken/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	.pagination a.next,
	.paginationBig a.next {
	background-image:url(../grafiken/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	.pagination a.last:hover,
	.paginationBig a.last:hover {
	background-image:url(../grafiken/arrow_left_w.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	f
	.pagination a.next:hover,
	.paginationBig a.next:hover {
	background-image:url(../grafiken/arrow_right_w.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	.pagination a.dlast,
	.paginationBig a.dlast {
	background-image:url(../grafiken/arrow_dleft.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	.pagination a.dnext,
	.paginationBig a.dnext {
	background-image:url(../grafiken/arrow_dright.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	.pagination a.dlast:hover,
	.paginationBig a.dlast:hover {
	background-image:url(../grafiken/arrow_dleft_w.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	.pagination a.dnext:hover,
	.paginationBig a.dnext:hover {
	background-image:url(../grafiken/arrow_dright_w.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	div.pagination {
		margin: 5px 0 10px 0;
		padding: 5px 10px 5px 10px;
		text-align: left;
		font-size: 10px;
		border-top: 1px solid #B3B3B3;
		border-bottom: 1px solid #B3B3B3;
	}
	div.paginationBig {
		width: 100%;
		margin: 0 0 5px;
		padding: 0 0 0;
		text-align: left;
		/*border-top: 1px solid #B3B3B3;*/
		border-bottom: 1px solid #B3B3B3;
	}
	div.paginationBigNoBorder {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 5px 0 0 0;
		text-align: left;
		border-top: 1px solid #B3B3B3;
	}

	div.paginationBigNoBorder .on {
		padding-left: 2px;
	}

	img.paginationImg {
		margin: 0 4px 0 4px;
	}

/* tabmenu in content box */

	a.tabMenu02On:link,
	a.tabMenu02On:visited,
	a.tabMenu02On:hover,
	a.tabMenu02On:active {
		color: #E71C3E;
		float: left;
		padding-left: 10px;
		outline: none;
	}
	a.tabMenu02Off:link,
	a.tabMenu02Off:visited,
	a.tabMenu02Off:hover,
	a.tabMenu02Off:active {
		float: left;
		padding-left: 10px;
		outline: none;
	}
	div.tabMenuBox {
		width: 100%;
		padding: 0 0 0 1px;
		margin: 0 0 5px 0;
		text-align: left;
		border-bottom: 1px solid #B3B3B3;
	}
	div.tabMenu {
		margin: 0 4px 0 0;
		float: left;
	}
	div.tabMenuOff {
		height: 20px;
		padding: 0 0 0 4px;
		text-align: center;
		background-image: url('../grafiken/Backgrounds/tabGray.gif');
		background-repeat: no-repeat;
		background-position: left top;
	}
	a.tabMenuOff, a.tabMenuOff:link, a.tabMenuOff:visited {
		display: block;
		padding: 5px 4px 5px 0;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #474747;
		outline: none;
		background-image: url('../grafiken/Backgrounds/tabGrayRight.gif');
		background-repeat: no-repeat;
		background-position: right top;
	}
	a.tabMenuOff:hover, a.tabMenuOff:active {
		display: block;
		padding: 5px 4px 5px 0;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFFFFF;
		outline: none;
		background-image: url('../grafiken/Backgrounds/tabGrayRight.gif');
		background-repeat: no-repeat;
		background-position: right top;
	}
	div.tabMenuOn {
		height: 20px;
		padding: 0 0 0 4px;
		text-align: center;
		background-image: url('../grafiken/Backgrounds/tabBlue.gif');
		background-repeat: no-repeat;
		background-position: left top;
	}
	a.tabMenuOn, a.tabMenuOn:link, a.tabMenuOn:visited, a.tabMenuOn:hover, a.tabMenuOn:active {
		display: block;
		padding: 5px 4px 5px 0;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFFFFF;
		outline: none;
		background-image: url('../grafiken/Backgrounds/tabBlueRight.gif');
		background-repeat: no-repeat;
		background-position: right top;
	}

/******************/

/* elements */

	.labelRightBox {display: block; width: 70px; float: left; margin-top: 2px;}
	.labelRightInput {width: 180px; float: left;}
	#skyscraper {
		margin: 10px 0px 0px 0px;
		padding: 0;
	}
	#skyscraper_wrapp {
		position: absolute; 
		margin-left: 1010px;
		float: left;
	}
	.forumButtonDown {margin-top: -40px; margin-bottom: 25px; margin-right: 71px;}
	.forumButtonUp {margin-left: 70px;}
	.buttonBoxRight {width: 145px; margin: 10px 0px 10px 140px;}
	.buttonBoxMiddle {width: 300px; margin: 10px 0px 10px 140px;}
	#bubbleMainBox { width: 450px; margin-left: 150px;}
	a {outline: none;}
	
/*table loading*/

	.f {
		display: block; 
		width: 15px;
		height: 15px;
		float:right;
		margin: 3px 0 0 0px;
	}
	
	.mainFullRightBoxWrapp {
		padding: 0 0 1 13px;
		border-left: 1px solid #B3B3B3;
		margin:-20px 0px 0px 458px;
	}
	.mainFullRightBox {
		width: 296px;
		padding: 0 0 0 10px;
	}
	
	#mainFullRightBoxWrapp {
		padding: 0 0 1 13px;
		border: 1px;
		float: left;
	}
	
	#mainFullRightBox {
		width: 296px;
		padding: 0 0 0 10px;
	}
	
	.online_list_scroll {
		height: 104px;
		width: 270px;
		overflow: auto;
	}
	.online_list_wrapp {
		float: left;
		width: 125px;
	}
	.online_list {
		margin-left: 5px;
		background-repeat: no-repeat;
		background-position: 3px 4px;
		padding: 3px 0 5px 5px;
		font-size: 12px;
	}

	.link_event {
		padding: 3px 0 5px 5px;
		font-size: 12px;
	}
	
	.table_opened {background: url(../grafiken/minimize.gif) no-repeat;}
	.table_closed {background: url(../grafiken/maximize.gif) no-repeat;}
	.closing {background: url(../grafiken/close.gif) no-repeat;}
	.moving {cursor: move; background: url(../grafiken/moving.gif) no-repeat;}
	.table_start_blue {background: url('../grafiken/loading_blue_white.gif') no-repeat;}
	.table_stop_blue {background: none;}
	.table_start_grey {background: url('../grafiken/loading_grey_red.gif') no-repeat;}
	.table_stop_grey {background: none;}
	.table_start_red {background: url('../grafiken/loading_red_grey.gif') no-repeat;}
	.table_stop_red {background: none;}
	
	.line_color1 { background-color: #dddddd;}
	.line_color2 { background-color: none;}
	div.tag_cloud{font-size:.91em;}
	div.tag_cloud a{margin:0;padding:1px 3px;text-decoration:none;}
	div.tag_cloud a:hover{color:#d11b3b;background-color:#5393b5;}
	div.tag_cloud a.tag_1{font-size:1.1em;line-height:21px;background:#e8e8e8;color:#5393b5;}
	div.tag_cloud a.tag_2{font-size:1.2em;line-height:23px;background:#e8e8e8;color:#5393b5;}
	div.tag_cloud a.tag_3{font-size:1.3em;line-height:25px;background:#dddddd;color:#5393b5;}
	div.tag_cloud a.tag_4{font-size:1.4em;line-height:27px;background:#dddddd;color:#5393b5;}
	div.tag_cloud a.tag_5{font-size:1.5em;line-height:29px;background:#dddddd;color:#5393b5;}
	div.tag_cloud a.tag_6{font-size:1.6em;line-height:31px;background:#dddddd;color:#5393b5;}
	div.tag_cloud a.tag_7{font-size:1.7em;line-height:33px;background:#d5d5d5;color:#5393b5;}
	div.tag_cloud a.tag_8{font-size:1.8em;line-height:35px;background:#d5d5d5;color:#5393b5;}
	div.tag_cloud a.tag_9{font-size:1.9em;line-height:37px;background:#d5d5d5;color:#5393b5;font-weight:bold;padding:0 4px;}
	#editProfile {width: 500px;}
	.mapSearch {margin: 0px; padding: 0px;width:100px;height:15px;}
	#firstlist {margin: 0px; padding: 0px; list-style-type: none;}
	#secondlist {margin: 0px; padding: 0px; list-style-type:none;}
	#thirdlist {margin: 0px; padding: 0px; list-style-type:none;}
	#progressrouter {margin-top: 15px; margin-left: 80px; float: left; width: 450px; height: 20px; border: 1px solid black; display:none;}
	#progressinner {position: relative; height: 20px; background-color: #D11B3B; width: 0%;}
	#view_pct {margin-top: 15px; text-align: left; font-weight: bold; text-size: 14px; float: right; padding-top: 4px; width: 200px;}
	#target_upload {width:0px;height:0px;border:0px;}
	.btnVideoUpload{margin: 10px 0px 0px 85px; }
	.uploadVideoInfo{margin: 10px 0px 0px 85px; }
	.map_top_navi {margin-top: 5px;}
	.loadingHeight {height: 25px;}
	.loadingHeightMini {height: 20px; width: 100%;}
	.first_form {margin-left: 20px; margin-top: 20px; width: 450px; text-align: left; }
	
	.windowclass {width: 300px; border: 3px solid #aaa; background-image: url(../grafiken/maps_background.jpg);}
	.mapInfo {
	padding: 10px;
	border: 3px solid #aaa;
	background-color: #fff;
	background-image: url("../grafiken/maps_background.jpg");
	position: absolute;
	width: 300px;
	text-align: left;
	}
	
	.mapInfoBorder {padding: 4px; background-color: #fff; border-top: 1px solid #bcbcbc;}

/* autocompletion */

	input#name {
	  width: 270px;
	  background: #fff;
	}
	div.output{
	  width: 140px;
	  background: #fff;
	  cursor: pointer;
	}
	div.output ul {
	  border:1px solid #888;
	  margin:0;
	  padding:0;
	  width:100%;
	  list-style-type:none;
	}
	div.output ul li {
	  margin:0;
	  padding:3px;
	  font-size: smaller;
	}
	div.output ul li.selected { 
	  background-color: #ffb; 
	}
	div.output ul strong.highlight { 
	  color: #800; 
	  margin:0;
	  padding:0;
	}
	
	.photos_1 {padding-top: 2px;}
	#view_members {padding: 2px;}
	
	.photos a {
	color:#000000;
	text-decoration:none;
	font-weight: normal;
	display:block;
	position: relative;
	padding:2px 4px;
	margin-right:4px;
	}
	
	.photos a.last {
	background-image:url(../grafiken/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:14px;
	width:14px;
	}
	
	.photos a.next {
	background-image:url(../grafiken/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:14px;
	width:14px;
	}
	
	.photos a.last:hover {
	background-image:url(../grafiken/arrow_left_w.gif);
	background-repeat:no-repeat;
	background-position:center center;
	width: 14px;
	height:14px;
	}
	
	.photos a.next:hover {
	background-image:url(../grafiken/arrow_right_w.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:14px;
	width:14px;
	}

/* phototagging */

.onephoto {margin-top:10px; width: 435px; float: left;}
#photoCaption, .phototext, #photoCaption p, .phototext p { font-size:14px; line-height:18px;}

/* photonote styling */

.windowclass {width: 300px; border: 3px solid #aaa; background-image: url(../grafiken/maps_background.jpg);}
#view_members {width: 450px;}

#fotonoteBubble, .fotonoteEditTA {
    position:absolute; 
    font-size:11px; 
    line-height:16px; 
    padding:5px; 
    z-index:200;
}
#fotonoteBubble #fotonoteBubbleName a, #fotonoteBubble #fotonoteBubbleName { 
    font-size:11px;
    padding-bottom:4px;
}
.fotonoteEditTA {
    padding:1px;  
    z-index:1200;
}


#fn_container {
    overflow:hidden;
    position: relative;
    margin-bottom: 10px;
}

#fn_img {
    position:absolute; 
    top:0px; 
    left:0px;
}

#fn_container, #fn_img { cursor:pointer; cursor:hand; }

.fotonoteoutline {
    text-align:left;
    position:absolute; 
    background:transparent; 
    border: 1px solid #ffffff; 
    font-size:10px; 
    z-index: 1000;
}
#scale_tl, #scale_tr, #scale_bl, #scale_br {
    position:absolute; 
    background-color:#4A1700;
    background-color: #ffffff;
    overflow:hidden;
    width:8px; 
    height:8px; 
    top:-10px;
    left:-10px;
    z-index:1000;
}

/* info messages */

.tableWidthBig { width: 400px; margin: 10px 0px 0px 20px; }

.inputwidth1 {width: 161px;}
.inputwidth2 {width: 200px;}
.inputwidth3 {width: 50px;}
.inputwidth4 {width: 400px;}
.inputwidth5 {width: 100px;}
.inputwidth6 {width: 300px;}
.inputwidth7 {width: 70px;}
.inputwidth8 {width: 160px;}
.inputwidth9 {width: 348px;}

#gmap {height: 182px; width: 286px; overflow: hidden;}
#map {height: 600px; width: 755px; overflow: hidden;}
.namelabel {padding: 3px; white-space: nowrap; }
.map_label_wrap { border: 2px solid #aaa; background-color: #ffffff; position: absolute;}
.map_label_inner {position: absolute;}

.telluser_overlay_error {
    background-color: #fee;
    padding: 5px;
    border: 1px solid #d11b3b;
    text-align: left;
    color: #d11b3b;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.telluser_overlay_ok {
    background-color: #f5f5f5;
    text-align: left;
    color: #6c6c6c;
    padding: 5px;
    border: 1px solid #c0c0c0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.telluser_error {
    background-color: #fee;
    padding: 5px;
    border: 1px solid #d11b3b;
    text-align: left;
    color: #d11b3b;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}

.telluser_ok {
    background-color: #f5f5f5;
    text-align: left;
    color: #6c6c6c;
    padding: 5px;
    border: 1px solid #c0c0c0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}

.telluser_empty {
	display: block;
    background-color: #f5f5f5;
    text-align: left;
    color: #6c6c6c;
    padding: 5px;
    border: 1px solid #c0c0c0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}
/* login on top*/
	#topBox {
		width: 249px;
		height: 115px;
		float: right;
		background-image: url('../grafiken/Backgrounds/topBox.gif');
		background-repeat: no-repeat;
	}
/* logged in box */
	#topBoxLoggedIn {
		z-index: 100;
		width: 249px;
		float: right;
		background-image: url('../grafiken/Backgrounds/topBox.gif');
		background-repeat: no-repeat;
		background-position: 0 -40px;
	}
	#topBoxLoggedIn p {
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 11px;
	}
		#topInnerBox {
			padding: 10px;
		}
		
		img.topProfil {
			float: left;
			margin: 0 10px 0 0;
			border: 3px solid #5292B3;
			background-position: center center;
			background-repeat: no-repeat;
		}
		div.loginCookie {
			float: left;
			padding: 0 0 0 77px;
		}
		
		div.loginCookieSave {
			float: left;
			padding: 1px 0 0 5px;
			_padding: 3px 0 0 5px;
		}

		#searchAreaWrapp {
			padding: 3px 0 0 0;
			margin:0px;

		}
		.searchTermBox {
			width: 123px;
			padding: 1px 0px 3px 0px;
			float: left;
			background-image: url('../grafiken/Backgrounds/search1.gif');
			background-repeat: no-repeat;
		}
		.searchAreaBox {
			width: 99px;
			padding: 1px 0px 3px 0px;
			float: left;
			background-image: url('../grafiken/Backgrounds/search2.gif');
			background-repeat: no-repeat;
		}
		#searchOptions {
			position: absolute;
			width: 80px;
			padding: 3px 2px 5px 1px;
			margin: -7px 0 0 128px;
			font-size: 10px;
			line-height: 15px;
			background-color: #5393B5;
			z-index: 1000;
			float: left;
		}

/* the box headlines */
	.topBox {
		with: 100%;
		height: 23px;
	}
	.topBoxCornerLeft {
		width: 10px;
		height: 23px;
		float: left;
	}
	.topBoxCornerRight {
		width: 10px;
		height: 23px;
		float: right;
	}
	.topBoxText {
		padding-top: 3px;
		float: left;
		color: #FFFFFF;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	.topBoxTextWhite {
		color: #D11B3B;
	}
	.topBlue {
		background-image: url('../grafiken/Backgrounds/topBlue.gif');
		background-repeat: repeat-x;
	}
	.topRed {
		background-image: url('../grafiken/Backgrounds/topRed.gif');
		background-repeat: repeat-x;
	}
	.topWhite {
		background-image: url('../grafiken/Backgrounds/topWhite.gif');
		background-repeat: repeat-x;
	}

/* the boxes for the left side */
	.leftOuterBox {
		width: 190px;
		margin: 0 0 10px 0;
	}
	
	.leftInnerBox {
		padding: 10px;
		background-image: url('../grafiken/Backgrounds/box.png');
		background-repeat: repeat-x;
	}

/* content area boxes */
	#mainBannerBox {
		width: 100%;
	}

	#mainSmallBox {
		margin: 0;
		padding: 0;
		width: 306px;
		float: left;
		padding-top: 10px;
	}

	#mainBigBox {
		margin: 0;
		padding: 0;
		width: 462px;
		float: left;
		padding-top: 10px;
	}
	.mainBigBoxHalf {
		margin: 0;
		padding: 0;
		width: 226px;
		float: left;
		display: block;
	}

	#mainFullBox {
		margin: 0;
		padding: 0;
		width: 778px;
	}

	#mainFullLeftBigBoxWrapp {
		padding: 0 15px 0 0;
		border-right: 1px solid #B3B3B3;
		float: left;
	}
	#mainFullLeftBigBox {
		width: 570px;
	}

	#mainFullLeftBoxWrapp {
		padding: 0 5px 0 0;
		border-right: 1px solid #B3B3B3;
		float: left;
	}
	#mainFullLeftBox {
		width: 443px;
	}
	#mainFullLeftSmallBoxWrapp {
		width: 100px;
		float: left;
	}

	#mainFullCenterBoxWrapp {
		margin: 0;
		padding: 0;
		float: left;
	}
	#mainFullCenterBox {
		width: 443px;
	}
	
	.musicImgSmallBox {
		margin: 0px 0px 0px 0px;
		padding: 0;
		border: 0px;
		float: left;
	}

	#mainFullRightSmallBoxWrapp {
		padding: 0 0 0 10px;
		float: right;
	}
	#mainFullRightSmallBox {
		width: 160px;
	}

	.mainInnerBox {
		padding: 10px;
		margin: 0 0 10px 0;
		background-image: url('../grafiken/Backgrounds/box.png');
		background-repeat: repeat-x;
		background-color:#FFFFFF;
		text-align: left;
	}

/* special imma page styles */
	#immaLeftBox {
		width: 662px;
		float: left;
		display: block;
		background-image: url('../grafiken/Backgrounds/box.png');
		background-repeat: repeat-x;
	}
	#immaRightBox {
		width: 306px;
		float: left;
		display: block;
	}
	.immaRightInnerBox {
		margin: 0 0 10px 0;
		padding: 10px 10px 20px 10px;
		display: block;
		background-image: url('../grafiken/Backgrounds/box.png');
		background-repeat: repeat-x;
	}

/* member grafiken boxes, e.g. on left side */
	.memberImgSmallBox {
		margin: 0px 1px 1px 0px;
		padding: 0;
		height: 56px;
		float: left;
		width: 55px; height: 56px;
	}
	.memberImgWelcomeBox {
		margin: 0px 1px 1px 0px;
		padding: 0;
		height: 56px;
		float: left;
		width: 50px; height: 56px;
	}
	.memberImgSmall {
		margin: 0;
		padding: 0;
	}
	.memberImgSmall a {
		display: block;
	}
	
	.memberImgMiniBox {
		padding: 0;
		float: left;
		width: 35px; 
		height: 30px;
	}

/* the bigger member image */
	.memberImgProfilBox {
		margin: 10px 5px 0 0;
		padding: 0;
		float: left;
		display: block;
		text-align: left;
	}
	.m"wap.nurstudenten.de"emberImgProfil {
		margin: 0;
		padding: 0;
		border: 3px solid #E8E8E8;
	}
	.memberInfoBox
	{
	width: 180px;
	height: 64px;
	float: left;
	}
	.memberInfoBoxBig
	{
	width: 260px;
	height: 64px;
	float: left;
	}
	.fireInfoBox
	{
	width: 290px;
	height: 64px;
	float: left;
	}
	.memberInfoBoxSmall
	{
	width: 140px;
	height: 64px;
	float: left;
	}
/* event grafiken e.g. in latest comments */
	.eventImgSmallBox {
		margin: 0 1px 1px 0;
		padding: 0;
		height: 76px;
		float: left;
	}
	.eventImgSmall {
		margin: 0;
		padding: 0;
		border: 3px solid #E8E8E8;
	}

/* userinfos on home page */
	#userInfoMoodBox {
		margin: 10px 0 0 0;
		padding: 0;
		width: 325px;
		float: left;
		display: block;
		background-image:url('../grafiken/Backgrounds/moodMsg.gif');
		background-repeat: no-repeat;
		background-color: #DDDDDD;
	}
	#userInfoMoodText {
		padding: 16px 40px 16px 40px;
		color: #474747;
		font-size: 12px;
		line-height: 15px;
		text-align: left;
		background-image:url('../grafiken/Backgrounds/moodMsg2.gif');
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	.userInfoStatus {
		width: 320px;
		margin: 10px 0 10px 0;
		float: left;
		font-size: 12px;
		line-height: 15px;
		text-align: left;
	}
	.userInfoEvents {
		width: 430px;
		float: left;
		text-align: left;
	}
	.userInfoTextBox {
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #DDDDDD;
		display: block;
		overflow: hidden;
	}
	.userInfoText {
		font-size: 12px;
		line-height: 15px;
		text-align: left;
	}
	
	.activity_comments_box .commentBox {
		width: 360px;
		background: none;
		background-color:#E9E9E9;
		margin-bottom: 2px;
		min-height:44px;
	}
	
	#profilRightBox .activity_comments_box .commentBox {
		width:425px;
	}
	
	.activity_comments_box, .activity_comments_box p {
		font-size:10px;
	}
	
	.activity_style input {
		margin:0 2px 0 0;
	}
	
	.activityContent {
		width: 360px;
	}
	.activityContentProfile {
		width: 345px;
	}

	.activity_likes_box {
		background-color:#E9E9E9;
		padding:5px;
		font-size: 11px;
	}
	.activity_likes_comments_top_box {
		background: url(../grafiken/Backgrounds/activity-arrow-top.png) no-repeat;
		height:10px;
		margin-left:5px;
		width:20px;
	}
	
	.activity_style {
		background-color:#E9E9E9;
		padding:5px;
		font-size:10px;
		margin-bottom: 2px;
	}
	
	#profilRightBox .activityContent {
		width: 425px;
	}

/* forum */

	.forumBoxHlTitle {
		width: 500px;
		height: 11px;
		float: left;
		padding: 0;
		margin: 0;
		font-size: 10px;
		color: #BFBFBF;
	}	
	.forumBoxHlTime {
		width: 149px;
		height: 11px;
		float: left;
		padding: 0;
		margin: 0;
		font-size: 10px;
		color: #BFBFBF;
	}	
	.forumBoxHlNums {
		width: 80px;
		height: 11px;
		float: left;
		padding: 0;
		margin: 0;
		font-size: 10px;
		color: #BFBFBF;
	}	
	
	.forumBoxTitle {
		width: 500px;
		padding: 8px 0 0 0;
		float: left;
		text-align: left;	
	}
	.forumBoxTime {
		width: 149px;
		padding: 8px 0 0 0;
		float: left;
		text-align: left;
	}
	.forumBoxNums {
		width: 80px;
		padding: 8px 0 0 0;
		float: left;
		text-align: left;
	}

/* user inbox */
	.postBox {
		width: 100%;
		height: 67px;
		background-image: url('../grafiken/Backgrounds/inbox.gif');
		background-repeat: repeat-x;
	}
	.postBoxSmall {
		width: 100%;
		height: 45px;
		background-image: url('../grafiken/Backgrounds/inbox.gif');
		background-repeat: repeat-x;
	}
		.postBoxHlEmpty {
			width: 5px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			font-size: 10px;
			color: #BFBFBF;
		}	
	
		.postBoxHlIcon {
			width: 65px;
			_width: 117px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			font-size: 10px;
			color: #BFBFBF;
		}
		.postBoxHlUser {
			width: 329px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.postBoxHlTime {
			width: 149px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.postBoxHlStatus {
			width: 95px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.postBoxHlAction {
			width: 90px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}

		.postBoxIcon {
			width: 95px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;	
		}
		.postBoxUser {
			width: 393px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.postBoxTime {
			width: 150px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.postBoxStatus {
			width: 175px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.postBoxAction {
			width: 100px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.postBoxEmpty {
			width: 5px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}

/* groups */
	
	.groupsBox {
		width: 100%;
		background-image: url('../grafiken/Backgrounds/inbox.gif');
		background-repeat: repeat-x;
	}

		.groupsBoxHlFoto {
			width: 65px;
			_width: 117px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsBoxHlTitle {
			width: 300px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsBoxHlFounder {
			width: 100px;
			height: 11px;
			float: left;
			padding: 0px 0px 0px 10px;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsBoxHlMembers {
			width: 80px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsBoxHlAct {
			width: 100px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsBoxHlStatus {
			width: 100px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}

		.groupsBoxFoto {
			width: 65px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;	
		}
		.groupsBoxTitle {
			width: 300px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.groupsBoxFounder {
			width: 100px;
			padding: 8px 0 0 10px;
			float: left;
			text-align: left;
		}
		.groupsBoxMembers {
			width: 80px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.groupsBoxAct {
			width: 100px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}
		.groupsBoxStatus{
			width: 100px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;
		}


/* groups members*/	
	
	.groupsmBox {
		width: 100%;
		background-image: url('../grafiken/Backgrounds/inbox.gif');
		height:100px;
		background-repeat: repeat-x;
	}	
	
		.groupsmBoxHlFoto {
			width: 100px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsmBoxHlName {
			width: 500px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.groupsmBoxHlAct {
			width: 150px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}		
		
		.groupsmBoxFoto {
			width: 100px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;	
		}		
		.groupsmBoxName {
			width: 500px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;	
		}		
		.groupsmBoxAct {
			width: 150px;
			padding: 8px 0 0 0;
			float: left;
			text-align: left;	
		}				

		
/* calendar */
	.calendarBox {
		width: 100%;
		background-image: url('../grafiken/Backgrounds/rating.gif');
		background-repeat: repeat-x;
	}
		.calendarBoxHlFoto {
			width: 99px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.calendarBoxHlInfo {
			width: 500px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.calendarBoxHlAction {
			width: 143px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.calendarBoxFoto {
			width: 99px;
			float: left;
			text-align: left;
		}
		.calendarBoxFotoWrapp {
			padding: 6px 6px 6px 6px;
		}
		.calendarBoxInfo {
			width: 470px;
			padding: 6px 0 0 0;
			float: left;
			text-align: left;
		}
		.calendarBoxAction {
			width: 180px;
			padding: 6px 0 0 0;
			float: left;
			text-align: left;
		}
		
		.requestBoxInfo {
			width: 370px;
			padding: 6px 0 0 0;
			float: left;
			text-align: left;
		}
		.requestBoxAction {
			width: 270px;
			padding: 40px 0 0 10px;
			float: left;
			text-align: left;
		}		

/* forum overview*/		
	.overviewBox {
		width: 100%;
		background-image: url('../grafiken/Backgrounds/rating.gif');
		background-repeat: repeat-x;
		height:60px;
	}
		.overviewBoxHlKat {
			width: 400px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.overviewBoxHlThreads{
			width: 80px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.overviewBoxHlAnswers {
			width: 80px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.overviewBoxHlLast {
			width: 120px;
			height: 11px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.overviewBoxHlIcon {
			width: 30px;
			height: 11px;
			float: left;
			padding: 0;
			margin:0px 5px 0px 10px;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}		
		
		.overviewBoxIcon {
			width: 30px;
			float: left;
			text-align: left;
			margin:0px 5px 0px 10px;
		}
		.overviewBoxKat {
			width: 400px;
			float: left;
			text-align: left;
		}
		.overviewBoxThreads {
			width: 80px;
			float: left;
			text-align: left;		
		}
		.overviewBoxAnswers {
			width: 80px;
			float: left;
			text-align: left;		
		}
		.overviewBoxLast {
			width: 120px;
			float: left;
			text-align: left;		
		}		
		
		
		
/* ranking */
	.rankingBox {
		width: 100%;
		background-image: url('../grafiken/Backgrounds/rating.gif');
		background-repeat: repeat-x;
	}
		.rankingBoxHlIcon {
			width: 50px;
			float: left;
			padding: 0;
			margin: 0;
			font-size: 10px;
			color: #BFBFBF;
		}
		.rankingBoxHlFoto {
			width: 99px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.rankingBoxHlInfo {
			width: 465px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}
		.rankingBoxHlAction {
			width: 143px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			font-size: 10px;
			color: #BFBFBF;
		}

		.rankingBoxIcon {
			width: 100px;
			padding: 10px 0 0 0;
			font-size: 30px;
			color: #C4C4C4;
			float: left;
		}
		.rankingBoxFoto {
			width: 99px;
			float: left;
			text-align: left;
		}
		.rankingBoxFotoWrapp {
			padding: 6px 0 0 0;
		}
		.rankingBoxInfo {
			width: 415px;
			padding: 6px 0 0 0;
			float: left;
			text-align: left;
		}
		.rankingBoxAction {
			width: 143px;
			padding: 6px 0 0 0;
			float: left;
			text-align: left;
		}

/* starrating */
	img.rating {
		border: 0;
		margin: 0;
		padding: 0;
		float: left;
	}

/* loveplace */
	.lovePlace {
		width: 140px;
		height: 200px;
		margin-bottom: 5px;
		margin-right: 5px;
		overflow: hidden;
		background-image: url('../grafiken/Backgrounds/loveplace.gif');
		background-repeat: repeat-x;
		float: left;
	}

/* image gallery */
	.info_line { height: 35px; margin-top: 4px; margin-left: 10px; width: 95px; }
	.info_line .sub_img { float: left; }
	.info_line .sub_txt { float: left; margin: 2px 4px 0px 2px; }
	
	div.fotoOverviewBox {
		margin-right: 18px;
		float: left;
		text-align: left;
		color: #BCBCBC;
		display: block;
		overflow: hidden;
	}
	
	div.fotoOverviewBoxComments {
		margin-right: 18px;
		float: left;
		text-align: left;
		color: #BCBCBC;
		display: block;
		height:260px;
		margin-bottom: 15px;
		overflow: hidden;
	}

	#sliderwrapper {
		width: 191px;
		height: 25px;
		margin: 0 auto 10px auto;
		border: 0;
		display: block;
		background-image: url('../grafiken/Slider/bg.gif');
		background-repeat: no-repeat;
	}
	#sliderbar {
		margin: 3px auto;
	    width: 159px;
	    height: 7px;
	    text-align: left;
	}

	#slider {
		width: 5px;
		height: 7px;
		z-index: 2;
		border: 0;
		cursor: move;
	}

/* articles and blogs */
	.articleTeaserSmall {
		width: 106px;
		float: left;
		text-align: left;
	}
	.articleTeaser {
		width: 206px;
		height: 260px;
		float: left;
		margin: 0px 10px 0px 0px;
		text-align: left;
	}
	.articleTeaserBig {
		width: 443px;
		float: left;
		margin: 0px 10px 20px 0px;
		text-align: left;
	}
	.rankingTeaser {
		width: 206px;
		float: left;
		margin-bottom: 15px;
		text-align: left;
	}


/* profil page */
	#profilLeftBox {
		width: 238px;
		float: left;
	}
	#profilRightBox {
		width: 518px;
		float: left;
		border-left: 1px solid #C9C9C9;
	}
		.video {
			margin: 10px 0 10px 0;
		}
		.lovely {
			width: 168px;
			float: left;
			border-right: 1px solid #C9C9C9;
		}
		.guestbookBox {
			width: 100%;
			background-image: url('../grafiken/Backgrounds/guestbook.gif');
			background-repeat: repeat-x;
		}

/* the speech bubble arrow */
	div.speech {
		margin: 0 0 15px 0;
		text-align: left;
		display: block;
		padding-left:110px;
	}

/* horizontal line */
	div.hrspace {
		height: 1px;
		margin: 10px 0 10px 0;
		background-color: #B3B3B3;
	}
	hr.hrspace {
		display: none;
	}
	
	div.hrspacesmall {
		height: 1px;
		margin: 4px 0 4px 0;
		background-color: #B3B3B3;
	}
	hr.hrspacesmall {
		display: none;
	}

/* icons */
.bg_pos_left {background-position: left; background-repeat: no-repeat;}
.pad_left_20 {padding-left: 20px;}
.pad_left_40 {padding-left: 40px;}
.pad_left_60 {padding-left: 60px;}
.pic1 {background-image: url(../grafiken/image-x-generic.png);}
.pic2 {background-image: url(../grafiken/Icons/trash.gif);}
.pic3 {background-image: url(../grafiken/bearbeiten.png);}
.pic4 {background-image: url(../grafiken/Icons/comments.png);}
.pic5 {background-image: url(../grafiken/emblem-photos.png);}
.pic6 {background-image: url(../grafiken/system-search.png);}
.pic7 {background-image: url(../grafiken/face-smile.png);}
.pic8 {background-image: url(../grafiken/applications-other.png);}
.pic9 {background-image: url(../grafiken/mail-message-new.png);}
.pic10 {background-image: url(../grafiken/utilities-terminal.png);}
.pic11 {background-image: url(../grafiken/applications-graphics.png);}
.pic12 {background-image: url(../grafiken/Icons/heart.png);}
.pic13 {background-image: url(../grafiken/freetickets.png);}
.pic14 {background-image: url(../grafiken/map.png);}
.pic15 {background-image: url(../grafiken/note.png);}
.pic16 {background-image: url(../grafiken/group.png);}
.pic17 {background-image: url(../grafiken/group_add.png);}
.pic18 {background-image: url(../grafiken/rosette.png);}
.pic19 {background-image: url(../grafiken/vip.gif);}
.pic20 {background-image: url(../grafiken/kamera.png);}
.pic22 {background-image: url(../grafiken/cocktail.png);}
.pic23 {background-image: url(../grafiken/add2group.png);}
.pic24 {background-image: url(../grafiken/group_gear.png);}
.pic25 {background-image: url(../grafiken/group_delete.png);}
.pic26 {background-image: url(../grafiken/layout_add.png);}
.pic27 {background-image: url(../grafiken/layout_delete.png);}
.pic28 {background-image: url(../grafiken/date_go.png);}
.pic29 {background-image: url(../grafiken/date_delete.png);}
.pic30 {background-image: url(../grafiken/group_go.png);}
.pic31 {background-image: url(../grafiken/email_web.gif);}
.pic32 {background-image: url(../grafiken/pencil.png);}
.pic33 {background-image: url(../grafiken/address-book-new.png);}
.pic34 {background-image: url(../grafiken/comment.png);}
.pic35 {background-image: url(../grafiken/bullet_blue.png);}
.pic36 {background: url('../grafiken/people.gif') no-repeat;}
.pic37 {background: url('../grafiken/user_delete.png') no-repeat;}
.pic38 {background: url('../grafiken/Icons/trash.gif') no-repeat;}
.pic39 {background: url('../grafiken/mail-message-new.png') no-repeat;}
.pic40 {background: url('../grafiken/tick.png') no-repeat;}
.pic41 {background-image: url(../grafiken/write_message.png);}
.pic42 {background-image: url(../grafiken/Icons/user_delete.png);}
.pic43 {background: url('../grafiken/Icons/user_delete.png') no-repeat;}
.pic44 {background-image: url(../grafiken/Icons/tag_blue_delete.png);}
.pic45 {background-image: url(../grafiken/Icons/tag_blue.png);}
.pic46 {background-image: url(../grafiken/Icons/heart_delete.png);}
.pic47 {background-image: url(../grafiken/Icons/heart.png);}
.pic48 {background-image: url(../grafiken/bewertung.gif);}
.pic49 {background-image: url(../grafiken/Backgrounds/space.gif);}
.pic50 {background-image: url(../grafiken/takes_part.gif);}
.pic51 {background-image: url(../grafiken/Icons/report_add.png);}
.pic52 {background-image: url(../grafiken/Icons/photo.png);}
.pic53 {background-image: url(../grafiken/Icons/picture_add.png);}
.pic54 {background-image: url(../grafiken/Icons/picture_delete.png);}
.pic55 {background-image: url(../grafiken/Icons/cooliris_icon.png);}

.sprite04 { background: url('../grafiken/Icons/sprite04.png') no-repeat top left; }

.sprite04-trash { background-position: 0 0; } 
.sprite04-user_delete { background-position: 0 -66px; } 
.sprite04-utilities-terminal { background-position: 0 -132px; } 
.sprite04-video { background-position: 0 -198px; } 
.sprite04-vip { background-position: 0 -264px; } 
.sprite04-voting-top { background-position: 0 -325px; } 
.sprite04-x-office-address-book { background-position: 0 -387px; } 
.sprite04-thumbs-up { background-position: 0 -465px; }
.sprite04-comments { background-position: 0 -530px; } 
.sprite04-vip-stars { background-position: 0 -588px; } 
.sprite04-vip-stars-white { background-position: 0 -648px; } 
.sprite04-shoutbox { background-position: 0 -708px; }

.view_netphotos {background: url('../grafiken/shape_ungroup.png') left no-repeat;}
.write_message {background: url('../grafiken/mail-message-new.png') left no-repeat;}
.chat_message {background: url('../grafiken/utilities-terminal.png') left no-repeat;}
.show_friends {background: url('../grafiken/people.gif') left no-repeat;}
.add_friends {background: url('../grafiken/add-person.gif') left no-repeat;}
.invite_group {background: url('../grafiken/add2group.png') left no-repeat;}
.photogallery {background: url('../grafiken/Icons/film.png') left no-repeat;}
.weblogs {background: url('../grafiken/x-office-address-book.png') left no-repeat;}
.videogallery {background: url('../grafiken/Icons/video.gif') left no-repeat;}
.mail_reply { background-image:url(../grafiken/Icons/mail-reply.png); }

.request_friends {background: url('../grafiken/add-person.png') left no-repeat;}
.request_groups {background: url('../grafiken/add2group.png') left no-repeat;}
.request_events {background: url('../grafiken/date_go.png') left no-repeat;}

.contact_class {display: block; width: 200px; padding: 3px; padding-left: 20px; background-repeat: no-repeat;}
.menu_button {display: block; padding-top: 6px; padding-bottom: 6px; margin-left: 6px; text-align: left;}
.normal_button {display: block; width: 16px; height: 16px; float: left; background-repeat: no-repeat; cursor:pointer;}


/* buttons */

.action_button {
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:16px;
	margin-left:5px;
	width:16px;
}

.submit_button {
	background: transparent; border: 0px; margin: 0px; padding: 0px; width: 0px; height: 0px;
}

/* button side color background-color */

.buttonLeftRedWhite {background-image: url(../grafiken/Buttons/button-left-red-white.gif);}
.buttonRightRedWhite {background-image: url(../grafiken/Buttons/button-right-red-white.gif);}
.buttonLeftRedBlack {background-image: url(../grafiken/Buttons/button-left-red-black.gif);}
.buttonRightRedBlack {background-image: url(../grafiken/Buttons/button-right-red-black.gif);}
.buttonLeftBlackWhite {background-image: url(../grafiken/Buttons/button-left-black-white.gif);}
.buttonRightBlackWhite {background-image: url(../grafiken/Buttons/button-right-black-white.gif);}

a.button {
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: top right;
   font: bold 12px Arial, sans-serif;
   color: #ffffff;
   display: block;
   height: 26px;
   margin-right: 6px;
   padding-right: 18px; /*sliding doors padding */
   text-decoration: none;
}

a.button span {
   color: #ffffff;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: top left;
   display: block;
   line-height: 16px;
   padding: 4px 0 6px 18px;
}
a.button:active {
   color: #ffffff;
   outline: none; /* die gepunktete Linie im FF abschalten */
}
a.button:active span {
   color: #fffff;
}
a.button:hover {
   text-decoration: none;
   color: #ffffff;
}

	.btnAddElement {text-align: center; width: 200px; margin-left: 50px;}
	.btnAddElementSmall {text-align: center; width: 200px; margin-left: 70px;}
	.btnAddElementMedium {text-align: center; width: 170px;}
	.btnAddPhotos {text-align: center; width: 180px;}
	
	.btnMore {
		margin: 10px 0 0 0;
		width: 66px;
		height: 26px;
		border: 0;
		float: right;
	}
	.btnAll {
		margin: 10px 0 0 0;
		width: 116px;
		height: 26px;
		border: 0;
		float: right;
	}
	.btnLogin {
		margin: -12px 5px 2px 0;
		_margin: -12px 2px 1px 0;

		
		border: 0;
		float: right;
	}
	.btnInfos {
		margin: 10px 0 0 0;
		width: 92px;
		height: 26px;
		border: 0;
		float: right;
	}
	.btnSend {
		margin: 10px 0 0 0;
		width: 88px;
		height: 26px;
		border: 0;
		float: right;
	}
	.btnImma {
		border: 0;
		float: right;
	}

/* the small icons and smileys */
	.icon {
		border: 0;
		margin: 0 5px 0 0;
		float: left;
	}
	.iconProfil {
		border: 0;
		margin: -1px 5px 5px 0;
		float: left;
	}
	.smileyBox {
		width: 280px;
		float: left;
		margin: 5px 0 0 0;
	}
	.smiley {
		border: 0;
		margin: 2px;
		float: left;
	}

/* table std */

	table#onlinelist {
		width: 260px;
		margin: 0 0 0 0;
		padding: 0;
		border: 0;
	}
	
	table#onlinelist td {
		width: 50%;
		margin: 0;
		padding: 2px 2px 1px 2px;
		text-align: left;
	}

	table#onlinelist td.marked {
		width: 50%;
		margin: 0;
		padding: 2px 2px 1px 2px;
		text-align: left;
		background-color: #DDDDDD;
	}

/* iframe */
	div.onlineFrameBox {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
		text-align: left;
	}
	iframe.onlineFrame {
		padding: 0;
		margin: 0;
		width: 285px;
		border: 0;
		background: none;
	}
	
	.specialPartyFrameBox {
		width: 286px;
		float: left;
		margin: 0px 10px 0px 0px;
		text-align: left;
	}		
	

/* imagelinks */
	
	a.imgLink:link, a.imgLink:visited {
		display: block;
		border: 3px solid #E8E8E8;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #dddddd;
	}
	
	a.imgLink:hover, a.imgLink:active {
		display: block;
		border: 3px solid #D11B3B;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #dddddd;
	}
	a.imgLinkMemberSquare:link, a.imgLinkMemberSquare:visited {
		width: 89px;
		height: 64px;
		display: block;
		border: 3px solid #E8E8E8;
		background-position: center center;
		background-repeat: no-repeat;
	}
	a.imgLinkMemberSquare:hover, a.imgLinkMemberSquare:active {
		width: 89px;
		height: 64px;
		display: block;
		border: 3px solid #D11B3B;
		background-position: center center;
		background-repeat: no-repeat;
	}
	a.imgLinkMemberMedium:link, a.imgLinkMemberMedium:visited {
		width: 100px;
		height: 105px;
		display: block;
		margin: 0 auto;
		border: 3px solid #E8E8E8;
		background-position: center center;
		background-repeat: no-repeat;
	}
	a.imgLinkMemberMedium:hover, a.imgLinkMemberMedium:active {
		width: 100px;
		height: 105px;
		display: block;
		margin: 0 auto;
		border: 3px solid #D11B3B;
		background-position: center center;
		background-repeat: no-repeat;
	}
	a.imgLinkTeaser:link, a.imgLinkTeaser:visited {
		width: 100px;
		height: 60px;
		display: block;
		border: 3px solid #E8E8E8;
	}
	a.imgLinkTeaser:hover, a.imgLinkTeaser:active {
		width: 100px;
		height: 60px;
		display: block;
		border: 3px solid #D11B3B;
	}
	
	a.marked:link, a.marked:visited, a.marked:hover, a.marked:active {
		color: #474747;
		background-color: #DDDDDD;
		padding: 0 4px 0 4px;
	}

/* tooltips */
	div.tooltip {
		padding: 10px;
		background-image: url('../grafiken/Backgrounds/box.png');
		background-repeat: repeat-x;
	}
	img.tooltipImg {
		border: 1px solid #E8E8E8;
	}

/******************/

/* forms */

	.loginCookieSave {margin-top: 2px; color: #bcbcbc;}

	.input_vertical_align { vertical-align: middle; }
	
	input, select, teaxtarea, label {
		color: #424242;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}

	input, select {
		margin: 0 2px 2px 0;
		border: 1px solid #B5B5B5;
	}
	
	#tag {
	width: 48px;
	}
	#monat {
	width: 43px;
	}
	#jahr {
	width: 56px;
	}

	select#day {
		margin-left: 0;
	}

	label {
		display: block;
		min-height: 15px;
		width: 95px;
		float: left;
	}
	
	#activationForm label { width: 130px; }
	#activationForm .marginLeftForm { margin-left: 130px; }

	label.right {
		margin: 3px 0 0 5px;
		width: 240px;
		color: #999999;
	}

	label.topBox {
		padding: 3px 0 0 0;
		width: 80px;
		color: #C4C4C4;
	}

/* comments */
	.comments { width: 100px; }

	#commentBox {
		position:relative;
		width: 443px;
	}
	
	.commentBoxRight {
		width: 270px;
	}

	.commentBox {
		width: 443px;
		background-image: url('../grafiken/Backgrounds/comment.gif');
		background-repeat: repeat-x;
	}
	
	#mainFullLeftBigBox .commentBox {
		width: 570px;
		background-image: url('../grafiken/Backgrounds/comment.gif');
		background-repeat: repeat-x;
	}

/* comment form */
	div.commentform {
		width: 443px;
		height: 136px;
		background-image: url('../grafiken/Backgrounds/commentField.gif');
		background-repeat: no-repeat;
	}
	textarea.comment {
		margin: 3px 0 0 5px;
		width: 400px;
		height: 125px;
		border: 0;
	}
	#mainFullLeftBigBox textarea.comment {
		margin: 3px 0 0 5px;
		width: 560px;
		height: 125px;
		border: 0;
	}
	#mainFullLeftBigBox div.commentform {
		width: 570px;
		height: 136px;
		background-image: url('../grafiken/Backgrounds/commentFieldBig.gif');
		background-repeat: no-repeat;
	}
	textarea {
		font-family: Arial, "Trebuchet MS", Corbel, Calibri, sans-serif;
		font-size: 13px;
		color: #474747;
	}

/* checkbox on left side */
	input.checkLeft {
		float: left;
		width: 11px;
		font-size: 10px;
		border: 0;
		margin: 2px 0 0 2px;
	}

	input#terms {
		margin: 4px 0 0 2px;
		_margin: 0 0 0 2px; /* IE 6*/
	}
	/* ie 7 */
	*+html input#terms {
		margin: 0 0 0 2px;
	}

/* login on top */
	input.topBox {
		width: 140px;
		height: 15px;
		margin: 0 0 2px 0;
	}

/* search on top */
	input.searchTerm {
		padding: 1px 5px 0 5px;
		width: 105px;
		color: #dddddd;
		font-size: 11px;
		border: 0;
		background: none;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
	}
	div#searchAreaTextWrapp {
		padding: 1px 0 0 6px;
	}
	/* ie7 */
	*+html div#searchAreaTextWrapp {
		padding: 3px 0 0 6px;
	}
	div#searchAreaText {
		width: 65px;
		color: #FFFFFF;
		font-size: 11px;
		border: 0;
		background: none;
		float: left;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
	}
	
	.date {
		margin-right: 6px;
		font-size: 11px;
	}
	
/******************/

/* helper */


/* helpers to combine it with a class for overwritting special values */

.center {
margin-left:auto; 
margin-right:auto;
text-align: center;
}

.noBorder { border: none;}

/* paddings */
	.padding {
		padding: 10px;
	}
	.paddingSmall {
		padding: 5px;
	}
	.paddingLeft {
		padding-left: 10px;
	}
	.paddingRight {
		padding-right: 10px;
	}
	.paddingRightSmall {
		padding-right: 5px;
	}
	.paddingTop {
		padding-top: 10px;
	}
	
	.paddingTopBig {
		padding-top: 15px;
	}
	.paddingTopMedium {
		padding-top: 3px;
	}
	.paddingTopSmall {
		padding-top: 2px;
	}
	.paddingTopBig {
		padding-top: 20px;
	}	
	.paddingBottom {
		padding-bottom: 10px;
	}
	.paddingBottomSmall {
		padding-bottom: 5px;
	}

	.noPadding {
		padding: 0;
	}
	.noPaddingLeft {
		padding-left: 0;
	}
	.noPaddingTop {
		padding-top: 0;
	}

/* margins */
	.margin {
		margin: 10px;
	}
	.marginSmall {
		margin: 5px;
	}
	.marginLeft {
		margin-left: 10px;
	}
	.marginLeftMid {
		margin-left: 15px;
	}
	.marginLeftSmall {
		margin-left: 5px;
	}
	.marginLeftBig {
		margin-left: 30px;
	}
	.marginLeftMedium {
		margin-left: 50px;
	}
	.marginLeftHalf {
		margin-left: 175px;
	}
	.marginLeftForm {
		margin-left: 87px;
	}
	.marginRightBig {
		margin-right: 60px;
	}
	.marginRight {
		margin-right: 10px;
	}
	.marginRightOne {
		margin-right: 1px;
	}
	.marginRightSmall {
		margin-right: 5px;
	}
	.marginTop {
		margin-top: 10px;
	}
	.marginTopH1 {
		margin-top: 15px;
	}
	.marginTopMedium {
		margin-top: 3px;
	}
	.marginTopSmall {
		margin-top: 2px;
	}
	.marginTopHalf {
		margin-top: 4px;
	}
	.marginTopPoke {
		margin-top: 6px;
	}
	.marginTopBig {
		margin-top: 30px;
	}
	.marginBottom {
		margin-bottom: 10px;
	}
	.marginBottomSmall {
		margin-bottom: 5px;
	}
	.marginBottomMedium {
		margin-bottom: 8px;
	}
	.marginBottomBig {
		margin-bottom: 30px;
	}
	.marginTopMiddle {
		margin-top: 15px;
	}
	.noMargin {
		margin: 0;
	}
	.noMarginLeft {
		margin-left: 0;
	}
	.noMarginRight {
		margin-right: 0;
	}
	.noMarginTop {
		margin-top: 0;
	}
	.noMarginBottom {
		margin-bottom: 0;
	}


/* widths */
	.widthRanking {
		width: 95px;
	}
	.widthContentTeaser {
		width: 150px;
	}
	.widthRightColumn {
		width: 300px;
	}	
	



/* text align */
	.textLeft {
		text-align: left;
	}
	.textRight {
		text-align: right;
	}
	.textBottom {
		vertical-align: bottom;
	}
	.textCenter {
		text-align: center;
	}

/* text size */
	.smaller {
		font-size: 10px;
		line-height: 12px;
	}
	
	.small {
		font-size: 11px;
		line-height: 13px;
	}

/* backgrounds */
	.noBackground {
		background: transparent;
	}

/* borders */
	.borderStd {
		border: 3px solid #DDDDDD;
	}
	.borderBlue {
		border: 3px solid #5292B3;
	}
	.noBorder {
		border: 0;
	}
	.noBorderBottom {
		border-bottom: 0;
	}

/* floats */
	.floatLeft {
		float: left;
	}
	.floatRight {
		float: right;
	}

/* widths for ie*/
	.maxWidth {
		width: 100%;
	}
	
	.clear {
	clear: both;
	}
	.fl_left { float: left; }
	.fl_right { float: right; }
	.middleWidth {width: 200px;}
	.bigWidth {width: 400px;}
	.contentWidth {width: 550px;}
	.verybigWidth {width: 500px;}
	.miniWidth{width: 50px;}
	.normalWidth{width: 100px;}
	.profileLeftLabel {width: 145px;}
	.profileRightContent {width: 340px;}
	.contentLeftLabel {width: 90px;}
	.contentRightContent {width: 200px;}
	.profileLeftEvents {width: 160px;}

/******************/

/* typo */

.txt_smaller {font-size: 10px;}
.txt_normal {font-size: 12px; font-weight: normal;}
.txt_grey {color: #B3B3B3;}
	p, td {
		font-size: 12px;
		line-height: 15px;
		font-weight: normal;
	}

	h1,h2,h3,h4,h5 {
		text-align: left;
	}
	
	h1 {
		font-size: 24px;
		line-height: 24px;
	}

	p.big {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}

	p.medium {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}

	p.mediumRed {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		color: #D11B3B;
		text-align: left;
	}

	.mediumRed {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		color: #D11B3B;
	}

	p.mediumNormalTrebu {
		margin: 2 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		text-align: left;
	}

	p.mediumNormal {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		text-align: left;
	}

	p.mediumNoMargin {
		margin: 0;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}

/* breadcrumb navi path */
	p.breadcrumb {
		margin: 0 0 5px 0;;
		padding: 0 0 2px 0;
		font-size: 10px;
		color: #B3B3B3;
		text-align: left;
	}


/* e.g. "user added a picture" */
	p.userInfoTextDesc {
		margin: 0;
		padding: 0 0 2px 0;
		font-size: 10px;
		color: #B3B3B3;
		text-align: left;
	}

/* small descriptions, e.g. "345 times visited */
	p.smallDesc {
		margin: 0;
		padding: 0 0 0 0;
		font-size: 10px;
		color: #ABABAB;
		text-align: left;
	}

	.smallDesc {
		font-size: 10px;
		color: #ABABAB;
		text-align: left;
	}
	
	.bold { font-size: 12px; font-weight: bold; }

/* usefull to have the first word in red and the second in black */
	.light {
		color: #FFFFFF;
	}
	.trebu {
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
	}
	.dark {
		color: #474747;
	}
	.red {
		color: #D11B3B;
	}
	.green {
		color: #37a531;
	}

/* imma special headline */
	div#immaLeftBox div.padding h1 {
		margin: 0 0 3px 0;
		padding: 0;
		font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		color: #D11B3B;
	}
	
/******************/

/* chat */

.msg_history {clear: both; background-color: #FFFFFF; width: 340px;}
.chat_loading{margin: 10px 0 10px 150px;}
#chat_read {
	background-image: url(/grafiken/chatback.gif);
	background-repeat: no-repeat;
	background-color: #dddddd;
	border: 1px solid #9f9f9f;
	position: absolute;
	text-align: left;
	display: none;
	padding: 1px 1px 10px 1px;
	z-index: 1000;
	width: 340px;
}

#chat_read #chat_msg {
	background-color: #fff;
	margin: 1px 0px;
	width: 340px;
}

#chat_read #chat_info {
	background-color: #dddddd;
	width: 340px;
}

#chat_write {
	background-image: url(/grafiken/chatback.gif);
	background-repeat: no-repeat;
	background-color: #dddddd;
	border: 1px solid #9f9f9f;
	position: absolute;
	display: none;
	text-align: left;
	padding: 1px;
	z-index: 1000;
	width: 340px;
}

#chat_write textarea {
	width: 340px;
	height: 112px;
	border: 0px solid #7ad2e6;
	margin: 1px 0 0 0px;
}

#chat_write #chat_char {
	color: #474747;
	width: 200px;
	padding: 2px 0 0 5px;
	float: left;
}

.top_bar {
	padding: 27px 0 5px 3px;
	color: #474747;
	font-weight: bold;
	width: 321px;
	cursor: move;
	float: left;
}

.chat_close {
	cursor: pointer;
	font-weight: bold;
	float: right;
	padding: 2px 4px;
	background-color: #dddddd;
	color: #474747;
}

.chat_footer {
	width: 340px;
	color: #ffffff;
}

.chat_button {
	width: 80px;
    height: 26px;
	padding: 3px 0 2px 0px;
	margin: 10px;
	background-image: url(/grafiken/chatbutton.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px solid red;
	display: block;
	float: right;
	cursor: pointer;
}

/* facebook connect */

	.fbconnect_title_wrapper {
		width:760px;
		margin-bottom:20px;
		float:left;
	}

	.fbconnect_friend_pic {
		margin: 0 5px 0 5px;
		height: 100px;
	}

	.fbconnect_friend_pic_teaser {
		margin: 0 5px 0 5px;
	}
	
	.fbconnect_friend_inviter_teaser {
		margin:0 0 0 5px;
		width:214px;
	}

	.fbconnect_friend_pic_relation {
		margin: 0 5px 0 0;
		height: 50px;
	}

	.fbconnect_friend_wrapper {
		width:225px;
		height:50px;
		background:#EEE;
		text-align:left;
		padding:10px;
		/*margin:5px;*/
		margin-bottom: 10px;
		float:left;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.fbconnect_friend_new_wrapper {
		width:355px;
		height:55px;
		background:#EEE;
		text-align:left;
		padding:10px;
		/*margin:5px;*/
		margin-bottom: 10px;
		float:left;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	.fbconnect_friend_relation {
		height:80px;
		margin-left:80px;
		margin-top:15px;
		position:absolute;
		width:200px;
	}
	
	.buttonText {
		margin-right:10px;
		margin-left:140px;
		padding-top:7px;
	}
	
/**
* Highslide
*/
	.highslide-body .telluser_error {
		background:none;
		border:none;
		color:#D11B3B;
		font-size:12px;
		margin-bottom:20px;
		margin-top:20px;
		padding:5px;
		text-align:left;
	}
	.highslide-body .telluser_ok {
	    background: none;
	    text-align: left;
	    color: #6c6c6c;
	    padding: 5px;
	    border: none;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 12px;
	}
	.highslide-container div {
		font-size: 10pt;
	}
	.highslide-container table {
		background: none;
	}
	.highslide {
		outline: none;
		text-decoration: none;
	}
	.highslide img {
		/*border: 2px solid silver;*/
	}
	.highslide:hover img {
		/*border-color: gray;*/
	}
	.highslide-active-anchor img {
		visibility: visible;
	}
	.highslide-gallery .highslide-active-anchor img {
		border-color: black;
		visibility: visible;
		/*cursor: default;*/
	}
	.highslide-image {
		border-width: 2px;
		border-style: solid;
		border-color: white;
		background: gray;
	}
	.highslide-wrapper, .highslide-outline {
		background: white;
	}
	.glossy-dark {
		background: #111;
	}

	.highslide-image-blur {
	}
	.highslide-number {
		font-weight: bold;
		color: gray;
		font-size: .9em;
	}
	.highslide-caption {
		display: none;
		font-size: 1em;
		padding: 5px;
		/*background: white;*/
	}
	.highslide-heading {
		display: none;
		font-weight: bold;
		margin: 0.4em;
	}
	.highslide-dimming {
		position: absolute;
		background: black;
	}
	a.highslide-full-expand {
	   background: url(../grafiken/highslide/graphics/fullexpand.gif) no-repeat;
	   display: block;
	   margin: 0 10px 10px 0;
	   width: 34px;
	   height: 34px;
	}
	.highslide-loading {
		display: none;
		/*
		color: black;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		padding: 3px;
		border: 1px solid white;
		background-color: white;
		padding-left: 22px;
		background-image: url(../grafiken/highslide/graphics/loader.white.gif);
		background-repeat: no-repeat;
		background-position: 3px 1px;
		*/
	}
	a.highslide-credits,
	a.highslide-credits i {
		padding: 2px;
		color: silver;
		text-decoration: none;
		font-size: 10px;
	}
	a.highslide-credits:hover,
	a.highslide-credits:hover i {
		color: white;
		background-color: gray;
	}
	.highslide-move, .highslide-move * {
		cursor: move;
	}

	.highslide-viewport {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: none;
		left: 0;
		top: 0;
	}
	.highslide-overlay {
		display: none;
	}
	.hidden-container {
		display: none;
	}
	/* Example of a semitransparent, offset closebutton */
	.closebutton {
		position: relative;
		top: -15px;
		left: 15px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url(../grafiken/highslide/graphics/close.png);
		/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
	}

	/*****************************************************************************/
	/* Thumbnail boxes for the galleries.                                        */
	/* Remove these if you are not using a gallery.                              */
	/*****************************************************************************/
	.highslide-gallery ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.highslide-gallery ul li {
		display: block;
		position: relative;
		float: left;
		width: 106px;
		height: 106px;
		border: 1px solid silver;
		background: #ededed;
		margin: 2px;
		line-height: 0;
		overflow: hidden;
	}
	.highslide-gallery ul a {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	.highslide-gallery ul img {
	 	position: relative;
		top: -50%;
		left: -50%;
	}
	html>/**/body .highslide-gallery ul li {
		display: table;
		text-align: center;
	}
	html>/**/body .highslide-gallery ul li {
		text-align: center;
	}
	html>/**/body .highslide-gallery ul a {
		position: static;
		display: table-cell;
		vertical-align: middle;
	}
	html>/**/body .highslide-gallery ul img {
		position: static;
	}

	/*****************************************************************************/
	/* Controls for the galleries.											     */
	/* Remove these if you are not using a gallery							     */
	/*****************************************************************************/
	.highslide-controls {
		width: 195px;
		height: 40px;
		background: url(../grafiken/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
		margin: 20px 15px 10px 0;
	}
	.highslide-controls ul {
		position: relative;
		left: 15px;
		height: 40px;
		list-style: none;
		margin: 0;
		padding: 0;
		background: url(../grafiken/highslide/graphics/controlbar-white.gif) right -90px no-repeat;

	}
	.highslide-controls li {
		float: left;
		padding: 5px 0;
		margin:0;
		list-style: none;
	}
	.highslide-controls a {
		background-image: url(../grafiken/highslide/graphics/controlbar-white.gif);
		display: block;
		float: left;
		height: 30px;
		width: 30px;
		outline: none;
	}
	.highslide-controls a.disabled {
		cursor: default;
	}
	.highslide-controls a.disabled span {
		cursor: default;
	}
	.highslide-controls a span {
		/* hide the text for these graphic buttons */
		display: none;
		cursor: pointer;
	}


	/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
	.highslide-controls .highslide-previous a {
		background-position: 0 0;
	}
	.highslide-controls .highslide-previous a:hover {
		background-position: 0 -30px;
	}
	.highslide-controls .highslide-previous a.disabled {
		background-position: 0 -60px !important;
	}
	.highslide-controls .highslide-play a {
		background-position: -30px 0;
	}
	.highslide-controls .highslide-play a:hover {
		background-position: -30px -30px;
	}
	.highslide-controls .highslide-play a.disabled {
		background-position: -30px -60px !important;
	}
	.highslide-controls .highslide-pause a {
		background-position: -60px 0;
	}
	.highslide-controls .highslide-pause a:hover {
		background-position: -60px -30px;
	}
	.highslide-controls .highslide-next a {
		background-position: -90px 0;
	}
	.highslide-controls .highslide-next a:hover {
		background-position: -90px -30px;
	}
	.highslide-controls .highslide-next a.disabled {
		background-position: -90px -60px !important;
	}
	.highslide-controls .highslide-move a {
		background-position: -120px 0;
	}
	.highslide-controls .highslide-move a:hover {
		background-position: -120px -30px;
	}
	.highslide-controls .highslide-full-expand a {
		background-position: -150px 0;
	}
	.highslide-controls .highslide-full-expand a:hover {
		background-position: -150px -30px;
	}
	.highslide-controls .highslide-full-expand a.disabled {
		background-position: -150px -60px !important;
	}
	.highslide-controls .highslide-close a {
		background-position: -180px 0;
	}
	.highslide-controls .highslide-close a:hover {
		background-position: -180px -30px;
	}

	/*****************************************************************************/
	/* Styles for the HTML popups											     */
	/* Remove these if you are not using Highslide HTML						     */
	/*****************************************************************************/
	.highslide-maincontent {
		display: none;
	}
	.highslide-html {
		background-color: white;
	}
	.highslide-html-content {
		display: none;
		width: 400px;
		padding: 0 5px 5px 5px;
	}
	.highslide-header {
		padding-bottom: 5px;
	}
	.highslide-header ul {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	.highslide-header ul li {
		display: inline;
		padding-left: 1em;
	}
	.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
		display: none;
	}
	.highslide-header a {
		font-weight: bold;
		color: gray;
		text-transform: uppercase;
		text-decoration: none;
	}
	.highslide-header a:hover {
		color: black;
	}
	.highslide-header .highslide-move a {
		cursor: move;
	}
	.highslide-footer {
		height: 16px;
	}
	.highslide-footer .highslide-resize {
		display: block;
		float: right;
		margin-top: 5px;
		height: 11px;
		width: 11px;
		background: url(../grafiken/highslide/graphics/resize.gif) no-repeat;
	}
	.highslide-footer .highslide-resize span {
		display: none;
	}
	.highslide-body {
		/* min-height: 100px; */
	}
	.highslide-resize {
		cursor: nw-resize;
	}

	/*****************************************************************************/
	/* Styles for the Individual wrapper class names.							 */
	/* See www.highslide.com/ref/hs.wrapperClassName							 */
	/* You can safely remove the class name themes you don't use				 */
	/*****************************************************************************/

	/* hs.wrapperClassName = 'draggable-header' */
	.draggable-header .highslide-header {
		height: 18px;
	}
	.draggable-header .highslide-heading {
		position: absolute;
		margin: 2px 0.4em;
	}

	.draggable-header .highslide-header .highslide-move {
		cursor: move;
		display: block;
		height: 16px;
		position: absolute;
		right: 24px;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	.draggable-header .highslide-header .highslide-move * {
		display: none;
	}
	.draggable-header .highslide-header .highslide-close {
		position: absolute;
		right: 2px;
		top: 2px;
		z-index: 5;
		padding: 0;
	}
	.draggable-header .highslide-header .highslide-close a {
		display: block;
		height: 16px;
		width: 16px;
		background-image: url(../grafiken/Icons/trash.gif);
	}
	.draggable-header .highslide-header .highslide-close a:hover {
		background-position: 0 16px;
	}
	.draggable-header .highslide-header .highslide-close span {
		display: none;
	}
	.draggable-header .highslide-maincontent {
		padding-top: 1em;
	}

	/* hs.wrapperClassName = 'titlebar' */
	.titlebar .highslide-header {
		height: 18px;
		border-bottom: 1px solid #dddddd;
	}
	.titlebar .highslide-heading {
		position: absolute;
		width: 90%;
		margin: 1px 0 1px 5px;
		color: #666666;
	}

	.titlebar .highslide-header .highslide-move {
		cursor: move;
		display: block;
		height: 16px;
		position: absolute;
		right: 24px;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	.titlebar .highslide-header .highslide-move * {
		display: none;
	}
	.titlebar .highslide-header li {
		position: relative;
		top: 3px;
		z-index: 2;
		padding: 0 0 0 1em;
	}
	.titlebar .highslide-maincontent {
		padding-top: 1em;
	}

	/* hs.wrapperClassName = 'no-footer' */
	.no-footer .highslide-footer {
		display: none;
	}

	/* hs.wrapperClassName = 'wide-border' */
	.wide-border {
		background: white;
	}
	.wide-border .highslide-image {
		border-width: 10px;
	}
	.wide-border .highslide-caption {
		padding: 0 10px 10px 10px;
	}

	/* hs.wrapperClassName = 'borderless' */
	.borderless .highslide-image {
		border: none;
	}
	.borderless .highslide-caption {
		border-bottom: 1px solid white;
		border-top: 1px solid white;
		background: silver;
	}

	/* hs.wrapperClassName = 'outer-glow' */
	.outer-glow {
		background: #444;
	}
	.outer-glow .highslide-image {
		border: 5px solid #444444;
	}
	.outer-glow .highslide-caption {
		border: 5px solid #444444;
		border-top: none;
		padding: 5px;
		background-color: gray;
	}

	/* hs.wrapperClassName = 'colored-border' */
	.colored-border {
		background: white;
	}
	.colored-border .highslide-image {
		border: 2px solid green;
	}
	.colored-border .highslide-caption {
		border: 2px solid green;
		border-top: none;
	}

	/* hs.wrapperClassName = 'hs_dark' */
	.hs_dark {
		background: #111;
	}
	.hs_dark .highslide-image {
		border-color: black black #202020 black;
		background: gray;
	}
	.hs_dark .highslide-caption {
		color: white;
		background: #111;
	}
	.hs_dark .highslide-controls,
	.hs_dark .highslide-controls ul,
	.hs_dark .highslide-controls a {
		background-image: url(../grafiken/highslide/grapphics/controlbar-black-border.gif);
	}

	/* hs.wrapperClassName = 'floating-caption' */
	.floating-caption .highslide-caption {
		position: absolute;
		padding: 1em 0 0 0;
		background: none;
		color: white;
		border: none;
		font-weight: bold;
	}

	/* hs.wrapperClassName = 'controls-in-heading' */
	.controls-in-heading .highslide-heading {
		color: gray;
		font-weight: bold;
		height: 20px;
		overflow: hidden;
		cursor: default;
		padding: 0 0 0 22px;
		margin: 0;
		background: url(../grafiken/highslide/graphics/icon.gif) no-repeat 0 1px;
	}
	.controls-in-heading .highslide-controls {
		width: 105px;
		height: 20px;
		position: relative;
		margin: 0;
		top: -23px;
		left: 7px;
		background: none;
	}
	.controls-in-heading .highslide-controls ul {
		position: static;
		height: 20px;
		background: none;
	}
	.controls-in-heading .highslide-controls li {
		padding: 0;
	}
	.controls-in-heading .highslide-controls a {
		background-image: url(../grafiken/highslide/graphics/controlbar-white-small.gif);
		height: 20px;
		width: 20px;
	}

	.controls-in-heading .highslide-controls .highslide-move {
		display: none;
	}

	.controls-in-heading .highslide-controls .highslide-previous a {
		background-position: 0 0;
	}
	.controls-in-heading .highslide-controls .highslide-previous a:hover {
		background-position: 0 -20px;
	}
	.controls-in-heading .highslide-controls .highslide-previous a.disabled {
		background-position: 0 -40px !important;
	}
	.controls-in-heading .highslide-controls .highslide-play a {
		background-position: -20px 0;
	}
	.controls-in-heading .highslide-controls .highslide-play a:hover {
		background-position: -20px -20px;
	}
	.controls-in-heading .highslide-controls .highslide-play a.disabled {
		background-position: -20px -40px !important;
	}
	.controls-in-heading .highslide-controls .highslide-pause a {
		background-position: -40px 0;
	}
	.controls-in-heading .highslide-controls .highslide-pause a:hover {
		background-position: -40px -20px;
	}
	.controls-in-heading .highslide-controls .highslide-next a {
		background-position: -60px 0;
	}
	.controls-in-heading .highslide-controls .highslide-next a:hover {
		background-position: -60px -20px;
	}
	.controls-in-heading .highslide-controls .highslide-next a.disabled {
		background-position: -60px -40px !important;
	}
	.controls-in-heading .highslide-controls .highslide-full-expand a {
		background-position: -100px 0;
	}
	.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
		background-position: -100px -20px;
	}
	.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
		background-position: -100px -40px !important;
	}
	.controls-in-heading .highslide-controls .highslide-close a {
		background-position: -120px 0;
	}
	.controls-in-heading .highslide-controls .highslide-close a:hover {
		background-position: -120px -20px;
	}

	/*****************************************************************************/
	/* Styles for text based controls.						                     */
	/* You can safely remove this if you don't use text based controls			 */
	/*****************************************************************************/

	.text-controls .highslide-controls {
		width: auto;
		height: auto;
		margin: 0;
		text-align: center;
		background: none;
	}
	.text-controls ul {
		position: static;
		background: none;
		height: auto;
		left: 0;
	}
	.text-controls .highslide-move {
		display: none;
	}
	.text-controls li {
	    background-image: url(../grafiken/highslide/graphics/controlbar-text-buttons.png);
		background-position: right top !important;
		padding: 0;
		margin-left: 15px;
		display: block;
		width: auto;
	}
	.text-controls a {
	    background: url(../grafiken/highslide/graphics/controlbar-text-buttons.png) no-repeat;
	    background-position: left top !important;
	    position: relative;
	    left: -10px;
		display: block;
		width: auto;
		height: auto;
		text-decoration: none !important;
	}
	.text-controls a span {
		background: url(../grafiken/highslide/graphics/controlbar-text-buttons.png) no-repeat;
	    margin: 1px 2px 1px 10px;
		display: block;
	    min-width: 4em;
	    height: 18px;
	    line-height: 18px;
		padding: 1px 0 1px 18px;
	    color: #333;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		white-space: nowrap;
	}
	.text-controls .highslide-next {
		margin-right: 1em;
	}
	.text-controls .highslide-full-expand a span {
		min-width: 0;
		margin: 1px 0;
		padding: 1px 0 1px 10px;
	}
	.text-controls .highslide-close a span {
		min-width: 0;
	}
	.text-controls a:hover span {
		color: black;
	}
	.text-controls a.disabled span {
		color: #999;
	}

	.text-controls .highslide-previous span {
		background-position: 0 -40px;
	}
	.text-controls .highslide-previous a.disabled {
		background-position: left top !important;
	}
	.text-controls .highslide-previous a.disabled span {
		background-position: 0 -140px;
	}
	.text-controls .highslide-play span {
		background-position: 0 -60px;
	}
	.text-controls .highslide-play a.disabled {
		background-position: left top !important;
	}
	.text-controls .highslide-play a.disabled span {
		background-position: 0 -160px;
	}
	.text-controls .highslide-pause span {
		background-position: 0 -80px;
	}
	.text-controls .highslide-next span {
		background-position: 0 -100px;
	}
	.text-controls .highslide-next a.disabled {
		background-position: left top !important;
	}
	.text-controls .highslide-next a.disabled span {
		background-position: 0 -200px;
	}
	.text-controls .highslide-full-expand span {
		background: none;
	}
	.text-controls .highslide-full-expand a.disabled {
		background-position: left top !important;
	}
	.text-controls .highslide-close span {
		background-position: 0 -120px;
	}


	/*****************************************************************************/
	/* Styles for the thumbstrip.							                     */
	/* See www.highslide.com/ref/hs.addSlideshow    							 */
	/* You can safely remove this if you don't use a thumbstrip 				 */
	/*****************************************************************************/

	.highslide-thumbstrip {
		height: 100%;
	}
	.highslide-thumbstrip div {
		overflow: hidden;
	}
	.highslide-thumbstrip table {
		position: relative;
		padding: 0;
		border-collapse: collapse;
	}
	.highslide-thumbstrip td {
		padding: 1px;
		/*text-align: center;*/
	}
	.highslide-thumbstrip a {
		outline: none;
	}
	.highslide-thumbstrip img {
		display: block;
		border: 1px solid gray;
		margin: 0 auto;
	}
	.highslide-thumbstrip .highslide-active-anchor img {
		visibility: visible;
	}
	.highslide-thumbstrip .highslide-marker {
		position: absolute;
		width: 0;
		height: 0;
		border-width: 0;
		border-style: solid;
		border-color: transparent; /* change this to actual background color in highslide-ie6.css */
	}
	.highslide-thumbstrip-horizontal div {
		width: auto;
		/* width: 100% breaks in small strips in IE */
	}
	.highslide-thumbstrip-horizontal .highslide-scroll-up {
		display: none;
		position: absolute;
		top: 3px;
		left: 3px;
		width: 25px;
		height: 42px;
	}
	.highslide-thumbstrip-horizontal .highslide-scroll-up div {
		margin-bottom: 10px;
		cursor: pointer;
		background: url(../grafiken/highslide/graphics/scrollarrows.png) left center no-repeat;
		height: 42px;
	}
	.highslide-thumbstrip-horizontal .highslide-scroll-down {
		display: none;
		position: absolute;
		top: 3px;
		right: 3px;
		width: 25px;
		height: 42px;
	}
	.highslide-thumbstrip-horizontal .highslide-scroll-down div {
		margin-bottom: 10px;
		cursor: pointer;
		background: url(../grafiken/highslide/graphics/scrollarrows.png) center right no-repeat;
		height: 42px;
	}
	.highslide-thumbstrip-horizontal table {
		margin: 2px 0 10px 0;
	}
	.highslide-viewport .highslide-thumbstrip-horizontal table {
		margin-left: 10px;
	}
	.highslide-thumbstrip-horizontal img {
		width: auto;
		height: 40px;
	}
	.highslide-thumbstrip-horizontal .highslide-marker {
		top: 47px;
		border-left-width: 6px;
		border-right-width: 6px;
		border-bottom: 6px solid gray;
	}
	.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
		margin-left: 10px;
	}
	.hs_dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
		border-bottom-color: white !important;
	}

	.highslide-thumbstrip-vertical-overlay {
		overflow: hidden !important;
	}
	.highslide-thumbstrip-vertical div {
		height: 100%;
	}
	.highslide-thumbstrip-vertical a {
		display: block;
	}
	.highslide-thumbstrip-vertical .highslide-scroll-up {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 25px;
	}
	.highslide-thumbstrip-vertical .highslide-scroll-up div {
		margin-left: 10px;
		cursor: pointer;
		background: url(../grafiken/highslide/graphics/scrollarrows.png) top center no-repeat;
		height: 25px;
	}
	.highslide-thumbstrip-vertical .highslide-scroll-down {
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 25px;
	}
	.highslide-thumbstrip-vertical .highslide-scroll-down div {
		margin-left: 10px;
		cursor: pointer;
		background: url(../grafiken/highslide/graphics/scrollarrows.png) bottom center no-repeat;
		height: 25px;
	}
	.highslide-thumbstrip-vertical table {
		margin: 10px 0 0 10px;
	}
	.highslide-thumbstrip-vertical img {
		max-width: 60px;
	}
	.highslide-thumbstrip-vertical .highslide-marker {
		left: 0;
		margin-top: 8px;
		border-top-width: 6px;
		border-bottom-width: 6px;
		border-left: 6px solid gray;
	}
	.hs_dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
		border-left-color: white;
	}

	.highslide-viewport .highslide-thumbstrip-float {
		overflow: auto;
	}
	.highslide-thumbstrip-float ul {
		margin: 2px 0;
		padding: 0;
	}
	.highslide-thumbstrip-float li {
		display: block;
		height: 60px;
		margin: 0 2px;
		list-style: none;
		float: left;
	}
	.highslide-thumbstrip-float img {
		display: inline;
		border-color: silver;
		max-height: 56px;
	}
	.highslide-thumbstrip-float .highslide-active-anchor img {
		border-color: black;
	}
	.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
		display: none;
	}
	.highslide-thumbstrip-float .highslide-marker {
		display: none;
	}