/*
	MAIN THEME CSS

	alle styles hier gelten f�r alle themes.
	es werden 3 Werte von PHP automaisch ersetzt:

		beach		name des themes, relevant f�r pfadangaben
		D2AB09		heller farbton des themes, z.B. a
		A0840C		dunkler farbton des themes, z.B. a:hover

*/ /*  EX elements.css */ /* Links */
a {
	color: #D2AB09;
	text-decoration: none;
}

a:hover,.at:hover {
	color: #A0840C;
	text-decoration: none;
}

/* Pfeil mit Rand */
a.button_small {
	background-image: url(/img/themes/beach/a.button_small.r.bg.gif);
}

a:hover .button_small {
	background-image: url(/img/themes/beach/a.button_small.r.on.bg.gif);
}

a.infobutton_small {
	background-image: url(/img/themes/beach/a.infobutton_small.bg.gif);
}

a:hover .infobutton_small {
	background-image: url(/img/themes/beach/a.infobutton_small.on.bg.gif);
}

a.button_cross {
	background-image: url(/img/themes/beach/a.button_small.cross.bg.gif)
		;
}

a.button_check {
	background-image:
		url(/img/themes/beach/a.button_small.check.bg.off.gif);
}

a.button_checked {
	background-image:
		url(/img/themes/beach/a.button_small.check.bg.on.gif);
}

a:hover .button_cross {
	background-image:
		url(/img/themes/beach/a.button_small.cross.on.bg.gif);
}

a:hover .button_check {
	background-image:
		url(/img/themes/beach/a.button_small.check.bg.off.gif);
}

a:hover .button_checked {
	background-image:
		url(/img/themes/beach/a.button_small.check.bg.on.gif);
}

a.button_empty {
	background-image: url(/img/themes/beach/a.button_small.empty.bg.gif)
		;
}

a:hover .button_empty {
	background-image:
		url(/img/themes/beach/a.button_small.empty.on.bg.gif);
}

a.arrow_down {
	background-image: url(/img/themes/beach/a.button_small.b.bg.gif);
}

a:hover .arrow_down {
	background-image: url(/img/themes/beach/a.button_small.b.on.bg.gif);
}

a.arrow_up {
	background-image: url(/img/themes/beach/a.button_small.t.bg.gif);
}

a:hover .arrow_up {
	background-image: url(/img/themes/beach/a.button_small.t.on.bg.gif);
}

a.arrow_left {
	background-image: url(/img/themes/beach/a.button_small.l.bg.gif);
}

a:hover .arrow_left {
	background-image: url(/img/themes/beach/a.button_small.l.on.bg.gif);
}

/* Pfeil ohne Rand */
a.link_right {
	background-image: url(/img/themes/beach/a.button_small.r.gif);
}

a:hover .link_right {
	background-image: url(/img/themes/beach/a.button_small.r.on.gif);
}

a.link_down {
	background-image: url(/img/themes/beach/a.button_small.b.gif);
}

a:hover .link_down {
	background-image: url(/img/themes/beach/a.button_small.b.on.gif);
}

a.link_up {
	background-image: url(/img/themes/beach/a.button_small.t.gif);
}

a:hover .link_up {
	background-image: url(/img/themes/beach/a.button_small.t.on.gif);
}

a.link_left {
	background-image: url(/img/themes/beach/a.button_small.l.gif);
}

a:hover .link_left {
	background-image: url(/img/themes/beach/a.button_small.l.on.gif);
}

/* Userstartseite Buttons */
a.button_comment {
	background-image: url(/img/themes/beach/a.button_comment.bg.gif);
}

a:hover .button_comment {
	background-image: url(/img/themes/beach/a.button_comment.on.bg.gif);
}

a.button_link {
	background-image: url(/img/themes/beach/a.button_link.bg.gif);
}

a:hover .button_link {
	background-image: url(/img/themes/beach/a.button_link.on.bg.gif);
}

a.button_prostel {
	background-image: url(/img/themes/beach/a.button_prostel.bg.gif);
}

a:hover .button_prostel {
	background-image: url(/img/themes/beach/a.button_prostel.on.bg.gif);
}

/* tabnav */ /* tabnav top */
.navi_tabs_top ul {
	list-style: none;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	height: 22px;
	border-bottom: 1px solid #D2AB09;
}

.navi_tabs_top li ul a {
	border: 1px solid #D2AB09;
	text-decoration: none;
}

.navi_tabs_top {
	
}

.navi_tabs_top li {
	display: inline;
	margin: 0 0 0 3px;
	padding: 0 0 0 0px;
}

.navi_tabs_top a.at {
	background: url(/img/themes/beach/tabnav_t_l.gif) no-repeat left top
		;
	text-decoration: none;
	margin-bottom: -1px;
	border-bottom: 1px solid white;
}

.navi_tabs_top a.at span {
	background: url(/img/themes/beach/tabnav_t_r.gif) no-repeat right
		top;
	color: #D2AB09;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navi_tabs_top a span {
	float: none;
}

/* End IE5-Mac hack */
.navi_tabs_top ul a:hover span {
	background: url(/img/themes/beach/tabnav_t_r.gif) no-repeat right
		top;
	color: #A0840C;
	border-bottom: 1px solid white;
}

.navi_tabs_top a:hover {
	background: url(/img/themes/beach/tabnav_t_l.gif) no-repeat left top
		;
}

/* tabnav bottom */
.navi_tabs_bottom ul {
	width: 100%;
	list-style: none;
	margin: 5px 0 10px 0;
	padding: 0px 10px 3px 10px;
	margin-left: -10px;
	margin-right: -10px;
	height: 27px;
	border-top: 1px solid #D2AB09;
}

.navi_tabs_bottom li ul a {
	border: 1px solid #D2AB09;
	text-decoration: none;
}

/*.navi_tabs_bottom {
	background: white;
}
*/
.navi_tabs_bottom li {
	display: inline;
	margin: 0 0 0 3px;
	padding: 0 0 0 0px;
}

.navi_tabs_bottom a {
	background: url(/img/themes/beach/tabnav_b_l.gif) no-repeat left top
		;
	border-top: 1px solid #D2AB09;
}

.navi_tabs_bottom a.at {
	border-top: 1px solid white;
}

.navi_tabs_bottom ul a span {
	background: url(/img/themes/beach/tabnav_b_r.gif) no-repeat right
		top;
	color: #D2AB09;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navi_tabs_bottom a span {
	float: none;
}

/* End IE5-Mac hack */
.navi_tabs_bottom ul a:hover span {
	color: #D2AB09;
}

.navi_tabs_bottom a:hover {
	border-top: 1px solid #fff;
}

.navi_tabs_bottom a:hover span {
	
}

/* EX theme.css */
body {
	background-image: url(/img/themes/beach/bg.body.jpg);
	background-color: #D2AB09;
}

#overall {
	background-image: url(/img/themes/beach/bg.overall.1.jpg);
}

#overall2 {
	/*background-image: url(/img/themes/beach/bg.container.1.jpg);*/
}


html>body #navigation {
	background: transparent url(/img/themes/beach/navigation.bg.png)
		no-repeat top left;
}
* html div#navigation {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/themes/beach/navigation.bg.png', sizingMethod='no-scale');
	background: transparent;
}

form input[type=submit] {
	background-image: url(/img/themes/beach/button.bg.left.gif);
}

form .searchextender {
	border-top: 1px solid #D2AB09;
}

div.buttonEnding {
	background-image: url(/img/themes/beach/button.bg.right.gif);
}

h1,h2,h3,h4,h5 {
	color: #D2AB09;
}

/*
submit buttons
*/
div.button {
	background: transparent url(/img/themes/beach/button.bg.right.gif)
		no-repeat top right;
}

.button:hover {
	background: transparent
		url(/img/themes/beach/button.bg.on.right.gif) no-repeat top right;
}

div.button input,div.button a {
	background: transparent url(/img/themes/beach/button.bg.left.gif)
		no-repeat;
}

.button a:hover,div.button input:hover {
	background: transparent url(/img/themes/beach/button.bg.on.left.gif)
		no-repeat;
}

div.button a:hover,div.button input:hover {
	background: transparent url(/img/themes/beach/button.bg.on.left.gif)
		no-repeat;
}

* html div.button a:hover {
	background: transparent
		url(/img/themes/beach/button.bg.on.right.gif) no-repeat top right;
	color: #fff;
}

div.box-content div.trenner {
	background-image: url(/img/themes/beach/box-content.trenner.bg.png);
	background-repeat: no-repeat;
	height: 50px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	overflow: hidden;
}

* html div.box-content div.trenner {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/themes/beach/box-content.trenner.bg.png', sizingMethod='no-scale');
	
	background: transparent;
}

div.box-content div.trenner-ende {
	margin-bottom: -10px;
	height: 40px;
}

div.box-content div.trenner img.title,div.box-content div.trenner span.title
	{
	margin-left: 60px;
	margin-top: 9px;
	float: left;
}

div.box-content div.trenner h2 {
	margin: 0;
	padding: 0;
}

div.box-content div.trenner a.button {
	margin-top: 11px;
	margin-right: 32px;
	float: right;
}

div#navigation ul.navi li {
	background-image: url(/img/themes/beach/navi.main.trenner.gif)
}

/*
Box .. Header links, Header rechts, und Content Rahmen-Farbe
*/
.box-beach div.box-title h2 {
	background-image: url(/img/themes/beach/box.title.both.bg.gif);
}

.box-beach div.box-title div {
	background-image: url(/img/themes/beach/box.title.both.bg.gif);
}

.box-beach div.box-content {
	border-color: #D2AB09;
}

/* User profile*/
div#user_profile {
	background-image: url(/img/themes/beach/users.view_profile.bg.gif);
}

div.column-2-3 div.box div.box-content hr {
	border: none;
	border-top: 1px dotted #696969;
	height: 1px;
	background: transparent;
	margin: 5px 0;
}

div.column-2-3 div.box div.box-content hr.line {
	border-top: 1px solid #D2AB09;
}

div.column-2-3 div.box div.box-content .trenner .right {
	margin: 13px 10px 0 0;
}

/* vriendsinfo startseite */
#vriendsinfo,#vriendsinfo ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#vriendsinfo li {
	background: #FFF url(/img/themes/beach/userstartseite/bg_news.jpg)
		top left no-repeat;
	clear: both;
	padding: 10px 10px 0;
	margin-top: 10px;
}

#vriendsinfo li.vplusnews {
	background: #FFF
		url(/img/themes/beach/userstartseite/bg_vplusnews.jpg) top left
		no-repeat;
	clear: both;
	padding: 10px 0 0 93px;
	margin-top: 20px;
	height: 77px;
	position: relative;
}
/*
#vriendsinfo li.vplusnews a {
	display: block;
	height: 77px;
	width: 610px;
	position: absolute;
	top: 0;
	left: 0;
}
*/
#vriendsinfo li.vplusnews h2 {
	margin: 0;
}

#vriendsinfo li.vplusnews p {
	/*height: 32px;
	width: 465px;*/
	overflow: hidden;
	margin-top: -4px;
}

#vriendsinfo li .element {
	height: 67px;
}

#vriendsinfo p {
	width: auto;
	margin: 0;
}

#vriendsinfo p.prostel {
	margin-top: 7px;
}

#vriendsinfo li ol { /*	position: relative;
	top: 10px;*/
	clear: both;
}

#vriendsinfo li li {
	background: #FFF;
	clear: both;
	padding: 10px 5px;
	padding: 3px 5px 4px 5px;
	margin: 0px 5px 0 5px;
	/*	position: relative;*/
	border-bottom: 1px solid #E6E6E6;
}

#vriendsinfo li li form {
	margin: 7px 0 6px 0;
}

#vriendsinfo li li form textarea {
	height: 50px;
}

#vriendsinfo li li div.button_line {
	padding-top: 10px;
}

#vriendsinfo li li.last {
	background: #FFF
		url(/img/themes/beach/userstartseite/bg_comment.jpg) bottom left
		no-repeat;
	margin: 0px 0 0 0;
	padding: 10px;
	padding: 3px 10px 4px 10px;
	border: 0;
}

#vriendsinfo li h3 {
	margin-bottom: 0;
	color: #9A9A9A;
}

#vriendsinfo li h3 a {
	font-weight: normal;
}

#vriendsinfo li .news {
	width: 369px;
	float: left;
}

#vriendsinfo li .colright {
	text-align: right;
}

#vriendsinfo li .element .colright {
	text-align: left;
	height: 57px;
	position: relative;
	width: 111px;
	float: left;
}

#vriendsinfo li .element .date {
	display: block;
	text-align: right;
}

#vriendsinfo li .element .link {
	position: absolute;
	bottom: -3px;
	left: 0;
}

#vriendsinfo li .user {
	width: 90px;
	margin-right: 20px;
}

#vriendsinfo li li .user {
	width: auto;
}

#vriendsinfo li .user.userstatus {
	background: #FFF
		url(/img/themes/beach/userstartseite/news_status.jpg) top right
		no-repeat;
}

#vriendsinfo li .user.prostel {
	background: #FFF
		url(/img/themes/beach/userstartseite/news_prosteln.jpg) top right
		no-repeat;
}

#vriendsinfo li .user.albumimage {
	background: #FFF url(/img/themes/beach/userstartseite/news_foto.jpg)
		top right no-repeat;
}

#vriendsinfo li .user.profilimage {
	background: #FFF
		url(/img/themes/beach/userstartseite/news_profil.jpg) top right
		no-repeat;
}

#vriendsinfo li .user.new_thread {
	background: #FFF
		url(/img/themes/beach/userstartseite/news_forum.jpg) top right
		no-repeat;
}

#vriendsinfo li .party {
	background: #FFF
		url(/img/themes/beach/userstartseite/news_party.jpg) top right
		no-repeat;
}

#vriendsinfo li .user.birthday {
	background: #FFF
		url(/img/themes/beach/userstartseite/news_geburtstag.jpg) top
		right no-repeat;
}

#vriendsinfo li img.image {
	border: 1px solid #9A9A9A;
	margin-right: 10px;
}