@CHARSET "utf-8";

/*
reset.css
*/
html,body,div,span,applet,object,iframe,h1,h3,h4,h5,h6,h9,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0 auto;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
text.css
*/
body{font:13px/1.5 Tahoma, 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h3{font-size:21px}h9{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h3,h4,h5,h6,h9,ol,ul,pre,address{margin-bottom:20px}

/*
main.css
*/

.rel { position: relative; top:0; left:0;}
.b { font-weight:bold; }
.i { font-style:italic; }
.ctr { text-align:center; }

        .rate_widget {
            overflow:   visible;
            padding:    10px;
            width:      auto;
			text-align: center;
        }
		.rate_widget .stars {
			width:120px;
			margin:0 auto;
		}
		
        .ratings_stars {
            background: url('/img/vote/star_empty.png') no-repeat;
            float:      left;
            height:     20px;
            padding:    2px;
            width:      20px;
        }
        .ratings_vote {
            background: url('/img/vote/star_full.png') no-repeat;
        }
        .ratings_over {
            background: url('/img/vote/star_highlight.png') no-repeat;
			cursor: pointer;
        }
        .total_votes {
        } 

        h1.club {
            text-align: center;
            width: 400px;
            margin: 20px auto;
        }

#flashMessage{
	border:1px solid;
}

.flashMessage{
	border:1px solid;
	height: 60px;	
	padding-left: 60px;
	color: #000000;
	font-size: 18px;
}

input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #eeeeee;
	padding: 2px;
	border: 1px solid #AAA;
}

label {
	display:block;
}

input, textarea , select {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color: #eeeeee;
	border: 1px solid #AAA;
	padding: 2px;
}

th {
	text-align:left;
}

/*
Styles fuer Inline-Meldungen
*/
div.inlineMsg, #status , div.status{
	width: 500px;
	margin: 0 auto 10px;
	border: 1px solid #C5C5C5;
	position: relative;
	background: url(/img/layout/dialog/window_back.jpg) top center no-repeat;
	font-size: 12px;
}


div.inlineMsg div.title {
	background: url(/img/layout/dialog/window_headline.jpg) #cccccc;
	border: 1px solid #cebf96;
	line-height: 20px;
	height:20px;
	text-align:left;
	padding-left:47px;
	font-weight:bold;
	margin:2px;
}

div.inlineMsg div.body {
	text-align: left;
	margin: 0 4px 4px 50px;
}

div.inlineMsg div.waiting{
	background: url(/img/layout/gui/msg_timer.gif) bottom right no-repeat;
}

div.inlineMsg div.success {
	background: url(/img/layout/dialog/window_headline_gruen.jpg) #cccccc;
	border: 1px solid #9dce96;
}

div.inlineMsg div.notice {
	background: url(/img/layout/dialog/window_headline_blau.jpg) #cccccc;
	border: 1px solid #96a5ce;
}

div.inlineMsg div.error {
	background: url(/img/layout/dialog/window_headline_rot.jpg) #cccccc;
	border: 1px solid #e39181;
}



div.inlineMsg  .icon {
	position: absolute;
	top: 4px;left: 5px;
	width:40px; height:40px;
}

#msgToggle {
	position:absolute;
	top:125px;left:8px;
	z-index:999;display:none;
	cursor:pointer;
}

/*

*/

#progress-bar-text{
	width:400px;
	text-align:center;	
}
.confirm{
	position:absolute;
	top:50px;
	left:100px;
	height:100px;
	width: 300px;
	text-align:center;
	background: #ff0000;
}

#header{	
	background: #ff66ff;
	width:800px;
}

#logout{
	text-align: right;
}

#links{
	float:left;
	background: #ff33ff;
	width:150px;
	height: 570px;
	position:absolute;
	padding: 20px 20px 10px 30px;
}

#content{
	float:left;
	background: #ff99ff;
	width:590px;
	margin-left: 200px;
	padding-left: 10px;
}

/*
 * PROFIL Seite
 */


#clear{
	clear:both;
}

.pagination a{
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

.pagination li{
	float:left;	
	list-style: none;	
	height: 16px;
	width: 16px;
	text-align:center;
	background: #ff0000;
	margin: 0 3px 0 3px;
	border: 1px black dotted;
}

.pagination li.act{
	background: #ff9900;
}

div.progress-bar {
	position: relative;
	width: 149px;
	height: 24px;
	background: url(/img/layout/gui/quick_time_back.png) top left no-repeat;
}

div.progress-bar-level {
	float: left;
	width: 0%;
	height: 24px;
	background: url(/img/layout/gui/quick_time.png) top left no-repeat;
}

.progress-bar-text {
	width: 100%;
	display: block;
	position: absolute;
	font-weight: bold;
	padding-top: 2px;
	color: white;
	text-align:center;
}

#progress-bar-action {
	position:absolute;
	right:-10px;
	top:-15px;
	cursor:pointer;
	border: 0;
	background: none;
	padding: 0;	
	z-index:999;
}
#progress-action-form {
	position:absolute;
	right:-10px;
	top:-15px;
}

#message_body p {
	margin: 0 0 5px 0; padding: 0;
}

#message_body hr {
	background:none;
	border: 1px inset;
	height:auto;
}

/*
fleecys.css
*/


/* Allgemeine Styles*/

body {background: #ffffff url("/img/layout/hintergrund_stein.jpg") center 100px repeat-y; text-align: center; color: #3d3629; }

h1,h6 {
font-family: Chewy, Georgia, serif; font-weight: normal;margin:0px;
}

h1 {font-size: 20pt;}
legend {font-size: 14pt; }
h8 {
	position: relative;
	font-size: 13px;
	font-weight: bold;
	background: rgb(216, 209, 204);
	width: 250px;
	padding: 2px 30px 2px 30px;
	margin: 10px 0px 0px 10px;
	border-radius: 10px 10px 0px 0px;
	text-align: left;
	text-align: center;
	cursor: pointer;
	display: block;
	border-top: 1px solid #BFC5CC;
	color: rgb(96, 117, 136);
	border-left: 1px solid #BFC5CC;
	border-right: 1px solid #BFC5CC;
}

.fset_sub {
	display: block;
	border: 1px solid #84A0AD;
	background-color: #F7F3F0;
	border-radius: 10px;	
	padding: 10px 20px 10px 20px;
}

h3 {
	position: relative;
	font-size: 14px;
	background: rgb(145, 175, 204);
	width: 100%;
	padding: 2px 0px 2px 0px;
	margin: 10px 0px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	text-align: left;
	text-align: center;
	cursor:pointer;
}

h3.center {
	text-align: center;	
}

h4 {
	background: #8B8374;
	width: 74%;
	font-weight: bold;
	font-size: 11pt;
	color: white;
	text-align: center;
	margin: 8px auto;
	height: 22px;
	padding: 2px 0;
	line-height: 20px;
	border-radius: 7px;
	/* border: 1px #999690 solid; */
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

h9 {
	position: relative;
	font-size: 14px;	
	background: url(/img/layout/headline_breit.png) top center no-repeat;
	padding: 34px 50px 0px 50px;
	line-height: 14px;
	text-align: left;
	font-weight:bold;
	height: 30px;	
	display: block;
}
h9.center {
	text-align: center;	
}

.comment {
	text-align:center;
	font-size:11px;	
}

h5 {
font-size: 14px;
background: url(/img/layout/headline_klein.png) top center no-repeat;
height: 30px;
text-align: center;
font-weight: bold;
margin: 0;
padding-top: 31px;
z-index: 1;
position: relative;
}

h6 {color: white; font-size: 16pt; margin-bottom: 6px; font-weight: normal;}
p {}

a {color: #3d3629; text-decoration: none; }
a:hover {}
a:active {}


/* Buttons und Schaltflächen */
.button {}
a.button {font-family: Chewy, Georgia, serif; font-size: 1.5em; line-height: 1em; background: #ffd201; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/ie-css3.htc); border: 1px solid #aaa; }
a.button:hover { font-family: Chewy, Georgia, serif; font-size: 1.5em; line-height: 1em; background: #5a4b02; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/ie-css3.htc); border: 1px solid #aaa; color: #fff;}


/* Grundlegende Elemente */
.footerbg .container_24 {text-align: left; color: #3d3629; position: relative; top:0px; display: block;}
.box { padding: 10px; margin: 10px 0px;}
.navi, .hilfe, .premium {margin: 0px; padding: 0px;}
.premium p {padding: 20px;}
.hilfe p {padding: 0px 20px;}
.subnavi p{padding: 10px; color: #3d3629;}
.subnavi a{font-family: Chewy, Georgia, serif; color: #3d3629; font-size: 1.25em;}
.subnavi a:hover {border-bottom: 1px dotted #fff;}
.header {height: 145px;}
.headerbg {background: url(/img/layout/header.jpg) top center no-repeat; width: 100%; height: 300px;}
div.header_content {width:936px; margin:0 auto; height:300px;position:relative; top:0; left:0;}

.headerbg_public {background: url(/img/layout/header_solo.jpg) top center no-repeat; width: 100%; height: 337px;}


.content {margin-top: 20px; position: relative; top: -130px;}
.content h1 {}
.content h1 img {float: right; }
.content ul li {margin-bottom: 12px; list-style-type: square;}
.info {padding: 0px 0px 60px 0px; margin-top: 10px;  position: relative; top: -130px;}
.info p, .info h3, .info h4, .info h9{padding: 0px 0px 0px 10px;}
.info {height: 50px; color: #fff; margin: 0; padding: 5px 10px 0px 10px;}

.post {padding: 0px 0px 60px 0px; margin-top: 10px;}
.post p, .post h3, .post h4, .post h9 {padding: 0px 0px 0px 10px;}
.post {height: 50px; color: #fff; margin: 0; padding: 5px 10px;}

/* Tabellen */

table { }
thead tr {}
thead td {font-family: Chewy, Georgia, serif; padding: 10px; font-size: 14px; font-weight: bold; border: 1px dotted #bbb; background: #eee;}
tbody tr {}
tbody td, tbody th {padding: 1px 3px;}
tbody tr:hover td {}

/*
additional.css
*/

.cake-sql-log {
	font-size:10px;	
	width:1000px;
	margin:10px auto;
}
.cake-sql-log td {
	vertical-align:top;
	text-align:left;
}

.fl {
	float:left;
}

.fr {
	float:left;
}

.w40p {
	width:40%;
}

div.PagePaginator, div.PagePaginatorTop  {
	position: relative; top:0;left:3px;
	margin: 0 auto;	
	width: 530px;
	padding:4px 0px 0 0px;
}
div.PagePaginator th, div.PagePaginatorTop th {
text-align:center;
}

div.PagePaginator {
	font-size:14px;
	width: 510px;
	padding:4px 10px 0 10px;
	
}

div.PagePaginator .prev, div.PagePaginatorTop .prev {
	position: absolute;
	top: 0;left: -35px;
}

div.PagePaginator .next, div.PagePaginatorTop .next {
	position: absolute;
	top: 0;right: -35px;
}

div.PagePaginator .disabled {
	color:gray;
}

div.PagePaginator .current {
	font-weight:bold;
	text-decoration:underline;
}

a.profile, .profile {
	font-family: Chewy;
	font-weight:normal;
	white-space: nowrap;
}

div.header {
	height: 130px;
}



div.error {
	display: block;
}

div.required label {
	font-weight: bold;
}

div.error label {
	font-weight: bold;
	color: red;
}

div.error-message {
	color: red;
	font-size: 11px;
	margin-left: 115px;	
}

hr {
	border: 0px;
	height: 36px;
	display: block;
	margin: 0px;
	background: url(/img/layout/trenner.png) top center no-repeat;
}

hr.kordel {
	border: 0px;
	height: 36px;
	display: block;
	margin: 0px;
	background: url(/img/layout/kordel_trenner.png) top center no-repeat;
}
hr.l {
	background: url(/img/layout/trenner.png) top left no-repeat;
}

hr.r {
	background: url(/img/layout/trenner.png) top right no-repeat;
}

/* Top Menu */
div.functionbar {
	padding: 0px;
	position: absolute;
	top: 129px;
}


.functionbar ul {
	height: 100px;
}

.functionbar ul li {
	list-style: none; float: left; margin: 0; margin-right: 1px; color: #fff;
	width: 77px;
	height: 90px;
	position: relative;
}

.functionbar ul li a {
	width: 70px;
	height: 68px;
	cursor: pointer;
	margin-left: 2px;
	color: #fff; border-bottom: none; font-family: Chewy, Georgia, serif; font-size: 0.9em; display: block;
}


div.sign {
	display: none;
	z-index: 1000;
	height: 30px;
	width: 96px;
	position: relative;
	top: -5px;
	left: -10px;
	padding-top: 27px;
	background: url(/img/layout/schild.png) left top no-repeat;
}

.functionbar li:hover a div.sign,.functionbar li.active a div.sign {
	display: block;
}

#fleecys {
	min-width: 960px;
}


#floatLeft {
	
}

#floatLeft a {
	border: none;
}

/* buttons */
button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	cursor:pointer;
}

button.btn_plus {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	background: url(/img/layout/gui/standard-button_add.png) top left no-repeat;
	padding-left: 28px;
	width: 96px;
	height: 30px;
	font-size: 12px;
	border: 0;
	padding-bottom:5px;
	text-align: left;
	cursor:pointer;
}

button.btn_std_off, input.btn_std_off, .btn_std_off {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	background: url(/img/layout/gui/btn_std_off.png) top left no-repeat;
	width: 106px;
	height: 30px;
	font-size: 12px;
	border: 0;
	padding: 0 0 5px 0;
	line-height:24px;
	text-align: center;
	font-weight: bold;
}

button.btn_std, input.btn_std, .btn_std {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	background: url(/img/layout/gui/standard-button.png) top left no-repeat;
	width: 106px;
	height: 30px;
	font-size: 12px;
	border: 0;
	padding: 0 0 5px 0;
	line-height:24px;
	text-align: center;
	font-weight: bold;
	cursor:pointer;
}

button.login_button, input.login_button {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	text-align:center;
	line-height:24px;
	cursor:pointer;
	background: url(/img/layout/gui/wide_button.png) top left no-repeat;
	border: 0;
	width: 148px;
	height: 30px;
	padding: 0 10px 7px 6px;
}

button.fb_button, button.fb_login_button, input.fb_login_button {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	text-align:left;
	line-height:24px;
	cursor:pointer;
	background: url(/img/layout/gui/fb_button.png) top left no-repeat;
	border: 0;
	width: 148px;
	height: 30px;
	padding: 0 10px 7px 40px;
}


button.btn_shop, input.btn_shop {
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	border:0px;
	color:white;
	height:30px;
	padding-bottom:5px;
	font-size:12px;
	width:106px;
	font-weight:bold;
	background:url(/img/layout/gui/shoppen-button.png) center center no-repeat;
	cursor:pointer;
}

input.action_submit, button.action_submit {
	background: url(/img/layout/gui/action-button.png) left center no-repeat;
	width: 159px;
	height: 30px;
	color: white;
	font-weight: bold;
	margin-top:10px;
	border:0;
	cursor:pointer;
	position:relative;

	padding: 0;
	border: 0;
	cursor: pointer;
	position: relative;
	vertical-align: bottom;
	line-height: 25px;
}



button.btn_ok, button.btn_cancel  {
	width: 159px;
	height: 32px;
	color: white;
	font-weight: bold;
	margin-top:10px;
	cursor:pointer;
	position:relative;
	padding: 0 4px 5px 25px;
	border: 0;
	cursor: pointer;
	position: relative;
}

button.btn_ok {
	background: url(/img/layout/gui/btn_ok.png) left center no-repeat;
}

button.btn_cancel {
	background: url(/img/layout/gui/btn_cancel.png) left center no-repeat;
}

button.btn_std, button.action_submit {
	overflow:visible;
} 

button img.button_icon {
	float:left;
	position:relative;
	top:-2px;
	left:-2px;
	margin-right: -7px;
}

input.action_submit_small, button.action_submit_small {
	background: url(/img/layout/gui/action-button.png) left center no-repeat;
	width: 109px;
	height: 30px;
	color: white;
	font-weight: bold;
	margin-top:10px;
	padding-bottom: 10px;	
	border:0;
	cursor:pointer;
}

button.action_icon {
	padding-left:0px;
	padding-right:10px;
}
button.recenter {
	margin-left:28px;
}

input.dialog_submit, button.dialog_submit{
	background: url(/img/layout/gui/popup-button.png) left center no-repeat;
	width: 106px;
	height: 30px;
	color: white;
	margin-top:10px;
	font-weight: bold;
	padding-bottom: 10px;	
	border:0;
	cursor:pointer;
}

button.dialog_submit{
	padding-bottom: 5px;	

}


div.home_values {
	background: url(/img/layout/bg/wiese_bg.jpg) top center
		no-repeat;
	padding: 17px 0px 10px 0px;
}

div.home_values table {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}

div.home_values table td {
	padding: 0px 2px;
	height:30px;
	font-weight: bold;
}

a.btn_plus:hover {
	border: 0px;
}

/* Content */
#content_holder {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

.min_height {
	float: left;
	width: 0px;
	height: 700px;
}

#area_content_header {
	z-index: -1;
	position: absolute;
	right: 9px;
	top: -21px;
}

#center_col {
	text-align: left;
	float: left;
	margin-left: 170px;
	width: 635px;
	position: relative;
	z-index:100;
}

#center_col .top {
	text-align: left;
	background: url(/img/layout/bg/content_bg_top.png) right bottom
		no-repeat;
	height: 17px;
}

#center_col .bottom {
	text-align: left;
	background: url(/img/layout/bg/content_bg_bottom.png) right bottom
		no-repeat;
	height: 22px;
}

#center_col div.pad_content {
	background: url(/img/layout/bg/content_bg.png) right top repeat-y;
	padding: 10px 25px 0px 15px;
}

div.pad_content {
	padding: 10px 10px 0px 5px;
}

/* Left Column */
#left_col {
	text-align: left;
	width: 181px;
	position: absolute;
	left: 0px;
	z-index:90;
}

#left_col #online_counter {
	background: url(/img/layout/gui/onlinebrett.png) top center no-repeat;
	position:relative;
	top:-56px;
	left:-5px;
	margin-bottom:-56px;
	height: 44px;
	padding: 12px 0 0 0;
	text-align: center;
}
#online_counter, #online_counter a {
	font-family: Chewy;
	color: white !important;
	font-size: 16px;
}
#online_counter a:hover {
	text-decoration:underline;
}
#left_col div {
	background: url(/img/layout/menu/menu_bg.png) left top repeat-y;
}

#left_col h2 {
	color: white;
	height: 54px;
	width: 288px;
	line-height: 42px;
	padding-left: 30px;
	background: url(/img/layout/menu/menu_h2_bg.png) left top no-repeat;
	position: relative;
	top: -5px;
	left: -11px;
	margin: 0;
	line-height: 42px;
}

#left_col div.premium {
	margin-top:25px;
}
/* Navigation */
.navi {
	padding: 0px 0px 1px 0px;
}

.navi ul,.premium ul {
	margin: 0px 0px 0px 7px;
	width: 167px;
}

.navi ul li,.hilfe ul li,.premium ul li {
	border-radius: 5px;
	border: 1px #D8D3C8 solid;
	background: #FFF;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height:22px;
}

.navi ul li a,.hilfe ul li a,.premium ul li a {
	color: #3d3629;
	display: block;
	padding: 3px 10px;
	margin: 0px 5px;
	border-bottom: none;
}

.navi ul li:hover {
	border:#444 solid 1px;
}

.navi ul li.active {
	background: #D5CCC4;
	border:#960000 solid 1px;
}


.navi ul li.active a {
	color: #3d3629;
	font-weight: bold;
}

.slide-out-div {
	padding: 10px;
	width: 265px;
	z-index:99999;
	border: 1px solid #CDBD93;
	background-color: #E7EAF3;
	text-align:left;
}

.slide-out-div h6{
	color:#3D3629;
	text-align:left;
}

.slide-out-div-inner{
	width: 250px;
}
#MySettings .slide-out-div-inner {
	min-height:100px;	
}

#MySettings label {
/*	width:180px;*/
};
#MyNotes .slide-out-div-inner {
	min-height:150px;	
}
/* Right Column */
#right_col {
	text-align: left;
	position: absolute;
	top: 25px;
	left: 795px;
	width: 181px;
	z-index:90;
}

#right_col .user_sign {
	background: url(/img/layout/gui/namebrett_spieler.png) top left no-repeat;
	position:relative;
	top:-85px;
	left:0px;
	margin-bottom:-85px;
	width: 146px;
	height: 43px;
	padding: 42px 40px 0 25px;
	text-align: center;
	font-size:16px;
}
#right_col .user_sign.prem {
	background: url(/img/layout/gui/namebrett_premium.png) top left no-repeat;
}

.user_sign .profile {
	color: white;
	width: 180px;
}

.coins-info, .ground-info, .premium-info {
	position:absolute;
	top:0;
	z-index:1000; 
	width:148px; height:52px;
}

.small-text {
	position:absolute;bottom:26px;right:22px;
	font-size:8pt
}

.info-text {
	cursor:help;
	position:absolute;	bottom:5px;	right:22px;
	color:white;
	font-weight:bold;
}

.clicker {
cursor: pointer;
float: left;
width: 35px;
height: 35px;
margin: 15px 0 0 8px;
}

.coins-info {
	left:10px; 
	background:url(/img/layout/gui/header_coins_solo.png) bottom right no-repeat; 
}

.coins-info.club {
	background:url(/img/layout/gui/header_coins_dual.png) bottom right no-repeat; 
}

.ground-info {
	left:158px; 
	width:138px;
	background:url(/img/layout/gui/header_wiese_dual.png) bottom right no-repeat; 
}

.premium-info {
	left:300px; 
	background:url(/img/layout/gui/header_premium_solo.png) bottom right no-repeat; 
}

.thumb {
position:relative;	
}

.help {
cursor: help;
font-weight:bold;

}

#left_col div.col_bottom,#right_col div.col_bottom {
	background: url(/img/layout/menu/menu_bg_bottom.png) right top no-repeat;
	height: 30px;padding-bottom:0px;
}

#right_col > div {
	padding: 0px 13px 19px 15px;
	background: url(/img/layout/menu/menu_bg.png) left top repeat-y;
}

#right_col h2 {
color: white;
height: 54px;
width: 180px;
line-height: 42px;
padding-left: 40px;
background: url(/img/layout/menu/menu_h2_bg.png) left top no-repeat;
position: relative;
top: -5px;
left: -35px;
margin: 0;
}

.h2_action {
	border: 0;margin-top: 9px; margin-right: 17px; position: absolute; right: 0px; top: 0px;
}
#right_col div.input input {
	width:120px;
}

/* Home */
img.abs {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Footer */
#footer {
	
}

.footerbg {
	background: url(/img/layout/footer_game.jpg) top center no-repeat;
	width: 100%;
	height: 331px;
}

.publisher_info {
	position: relative;
	left:0;top: 260px;
	margin:0 auto;
	width: 300px;
	text-align: center;
	color: #3d3629;
	font:bold 9px Tahoma, Geneva, sans-serif;
	text-decoration: none;
	text-shadow: 0 0 1px white;
}

.publisher_info a {
	font-size: 14px;
}

.linklistefooter {
position: absolute;
top: 22px;
left: 772px;
width: 170px;
text-shadow: 0 0 1px white;
}

.linklistefooter ul li {
	list-style: none;
	margin: 0;
	text-align: center;
	line-height: 28px;
}

.linklistefooter ul li a {
	font-family: Chewy, Georgia, serif;
	font-size: 1.25em;
	color: #3D3629;
	border: 0;
}

.linklistefooter ul li a:hover {
}

.content {
	
}

.rename_button {
	border: 0;
	float: right; 
	cursor:pointer;
}

img.gender {
	position: absolute;
	bottom: 16px;
	right: 18px;
	width: 24px;
	height: 24px;
}

img.p_gender {
	width: 12px;
	height: 12px;
}

div.fleecy_detail {
	background: url(/img/layout/fleecys/hintergrund_fldetail2.jpg) top left
		no-repeat;
	padding: 35px 0px 0px 27px;
}

div.fleecy_profile {
	background: url(/img/layout/fleecys/fleecy_profile_bg.jpg) top left
		no-repeat;
	padding: 20px 0px 0px 20px;
	width:580px;
	height:335px;
}


div.fleecy_overview {
	background: url(/img/layout/fleecys/fleecys_hintergrund_trenner.jpg) top left no-repeat;
	padding: 15px 10px 1px 18px;
	height: 229px;
	width: 580px;
}


div.fleecy_overview_club {
	background: url(/img/layout/fleecys/fleecys_hintergrund_club.jpg) top left no-repeat;
	padding: 15px 10px 1px 18px;
	height: 266px;
	width: 580px;
}

div.fleecy_overview img.gender,
div.fleecy_overview_club img.gender{
	position: absolute;
	bottom: 16px;
	right: 22px;
	width: 24px;
}


div.fleecy_overview div,
div.fleecy_overview_club div {
	position:relative;	
}

.img_holder {
	position: relative; float: left;
	
}

.img_holder  div.name {
	position: absolute;
	top: 2px;
	color: white;
	font-family: Chewy;
	text-align: center;
	width: 100%;
	font-size: 16px;
	z-index:10;
}

div.fleecy_overview .img_holder,
div.fleecy_overview_club .img_holder{
	position: relative; float: left; width: 200px; height: 200px;
	
}

div.first {
	background: url(/img/layout/fleecys/fleecys_hintergrund_solo.jpg) top left no-repeat;
}


div.fleecy_overview div.name,
div.fleecy_overview_club div.name{
	position: absolute;
	top: 2px;
	color: white;
	font-family: Chewy;
	text-align: center;
	width: 100%;
	font-size: 16px;
}

div.fleecy_overview div.age,
div.fleecy_overview div.age{
	position: absolute;
	top: 162px;
	color: white;
	font-family: Arial;
	text-align: center;
	width: 100%;
	font-size: 12px;
}

/* Reiter */
#message_menue {
	font-size: 12px;
	color: white;
	margin: 0 0 10px 0;
	padding: 5px 10px 0px 25px;
	height: 30px;
	/*background: url(/img/layout/reiter_bg.png) top left no-repeat;*/
	text-align: center;
	margin: 0px;
	background: #CFC9C0;
	border-radius: 8px;
}

ul#message_menue li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 5px;
	border: 1px #D8D3C8 solid;
	background: #F1EFED;
	width: 130px;
	height:22px;
	display: block;
	float: left;
	text-align: center;
	margin-right:5px;
}

#message_menue  a {
	font-size: 14px;
	margin: 0px;
	padding: 4px 10px 2px 10px;
	border-bottom: none;
	color: #4F4737;
	font-weight:bold;
	}

#message_menue  a:hover {
	text-decoration: underline;

}

#message_menue a.back {
	margin-top: 3px;
	font-size: 14pt;
	padding-left: 35px;
	/*background: url(/img/layout/btn_back.png) center left no-repeat;*/
	font-size: 14pt;
}

div.bar {
	
}

.pager {
	width: 100px;
	height: 22px;
	color: black;
	font-size: 14px;
	font-family: Tahoma;
}

.w100 {
	width: 100px;
}

.transp {
	background-color: white;
	filter: alpha(opacity =     50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

ul#message_menue li.active {

	border-radius: 5px;
	border: 1px #D8D3C8 solid;
	background: #4F4737;

}

ul#message_menue li.active a {
	color: rgb(255, 229, 205);
	font-weight:bold;
		text-decoration:none;
}

ul#message_menue li a#aktuell:hover {
		text-decoration:underline;
}

/* Progress Bars */
.progress_bar {
	width: 123px;
	height: 19px;
	background: url(/img/layout/gui/status_back.png) top left no-repeat;
	float: left;
	position: relative;
}

div.progress_bar_tiny {
	width: 80px;
	height: 10px;
	border:1px solid white;
	background: none;
	float: left;
	position: relative;
}

.progress_bar div.bar {
	height: 100%;
	float: left;
	position: relative;
}

.progress_bar div.v1 {
	background: url(/img/layout/gui/status_kat1.png) top left no-repeat;
}

div.progress_bar_tiny div.v1 {
	background: none;
	background-color:white;
} 

.progress_bar div.v2 {
	background: url(/img/layout/gui/status_kat2.png) top left no-repeat;
}
.progress_bar div.v3 {
	background: url(/img/layout/gui/status_kat3.png) top left no-repeat;
}
.progress_bar div.v4 {
	background: url(/img/layout/gui/status_kat4.png) top left no-repeat;
}
.progress_bar div.v5 {
	background: url(/img/layout/gui/status_kat5.png) top left no-repeat;
}
.progress_bar div.v6 {
	background: url(/img/layout/gui/status_kat6.png) top left no-repeat;
}
.progress_bar div.v7 {
	background: url(/img/layout/gui/status_kat7.png) top left no-repeat;
}
.progress_bar div.v8 {
	background: url(/img/layout/gui/status_kat8.png) top left no-repeat;
}
.progress_bar div.v9 {
	background: url(/img/layout/gui/status_kat9.png) top left no-repeat;
}

.progress_bar div.red {
	background: url(/img/layout/gui/status_rot.png) top left no-repeat;
}

.progress_bar div.yellow {
	background: url(/img/layout/gui/status_gelb.png) top left no-repeat;
}

.progress_bar div.green {
	background: url(/img/layout/gui/status_gruen.png) top left no-repeat;
}


.progress_bar .text {
	width: 100%;
	text-align: center;
	position: absolute;
}

/* Formulare */

.inner_content {
	position:relative;
	left:0px;
	top:10px;
	padding:0px 8px 0px 8px;
	font-size:1em;
}

.large_center_content {
	text-align:center;
	font-size:1.1em;
}

.action_value {
	font-weight: bold;
	font-size: 150%;
}

div.pad25{
	padding:0px 25px;
	text-align:center;
}

form.center_form {
	width:300px;
	text-align:center;
	margin:0px auto;
}

form.center_form label {
	text-align:left;
}

label {
	float: left;
	width: 175px;
	font-weight: bold;
	padding: 5px 5px 0px 0px;
}


.input {
	clear: both;
}

.info_block {
	float:left;
	width:270px;
	padding:10px;
}

.info_block h5 {
	margin-bottom:-5px;
}

.info_block div.info_block_content{
	background-color: #ECEAE8; 
	padding: 10px; 
	margin: 0 25px; 
}

.data_table_holder {
	background-color: #ECEAE8; 
	padding:5px;	
}

table.data_table {
	text-align:left;
	background-color: #ECEAE8; 
	width:100%;
	margin:0px;
}

div.info_block_content table {
	width:100%;	
	margin:0px;
}

.info_block table td:last-child{
	text-align:right;
}

.info_block table td:first-child{
	text-align:left;
}

.thumb {
	width:63px;
	height:63px;
	margin-right:7px;
	margin-bottom:7px;
}

#header_arbeit ,#header_bank, #header_basar, #header_club,
#header_contest, #header_dienstleistung, #header_gehege, #header_highscore,
#header_kiosk, #header_post, #header_shop, #header_zucht, #header_profil, 
#header_fleecyprofil,#header_admin, #header_cashflow
{
	width: 97%;	height: 86px;
	position: absolute; 
}

#header_arbeit {
	background: url(/img/layout/header/header_arbeit.jpg) top left no-repeat;
}
#header_bank{
	background: url(/img/layout/header/header_bank.jpg) top left no-repeat;
}

#header_basar{
	background: url(/img/layout/header/header_basar.jpg) top left no-repeat;
}

#header_club{
	background: url(/img/layout/header/header_club.jpg) top left no-repeat;
}
#header_contest{
	background: url(/img/layout/header/header_contest.jpg) top left no-repeat;
}
#header_dienstleistung{
	background: url(/img/layout/header/header_dienstleistung.jpg) top left no-repeat;
}
#header_gehege{
	background: url(/img/layout/header/header_gehege.jpg) top left no-repeat;
}
#header_highscore{
	background: url(/img/layout/header/header_highscore.jpg) top left no-repeat;
}
#header_kiosk{
	background: url(/img/layout/header/header_kiosk.jpg) top left no-repeat;
}
 #header_post{
	background: url(/img/layout/header/header_post.jpg) top left no-repeat;
}
 #header_shop{
	background: url(/img/layout/header/header_shop.jpg) top left no-repeat;
}
 #header_zucht{
	background: url(/img/layout/header/header_zucht.jpg) top left no-repeat;
}
#header_profil{
	background: url(/img/layout/header/header_profil.jpg) top left no-repeat;
}
#header_fleecyprofil{
	background: url(/img/layout/header/header_fleecyprofil.jpg) top left no-repeat;
}
#header_cashflow{
	background: url(/img/layout/header/header_cashflow.jpg) top left no-repeat;
}

h1 {
	margin-bottom:12px;
}

#header_spacer {
	margin-top:80px;
}

table.info_table {
	width:100%;
}

thead.col_headers, tr.col_headers {
	border:1px solid #cdbd93;;
	background-color:white;
} 

.col_headers th {
	background-color:white;
} 
table.info_table td {
	background-color: #ECEAE8; 
}

.asc, .desc {
	padding-right:18px;font-weight:bold;text-decoration: underline;
}
.asc {
	background:url(/img/layout/gui/sort_asc.png) right center no-repeat;
}
.desc {
	background:url(/img/layout/gui/sort_desc.png) right center no-repeat;
}





/*
generic formatting 

*/
.bold {
	font-weight:bold;
}
.link {
	text-decoration: underline;
	cursor:pointer;
}

.bmargin {
	margin-bottom:2em;
}

.bt-box, .bt-content, .bt-wrapper { 
position: static; 
margin:0;
padding:0;

}
body {
	position:relative;
}

canvas {
	left:0px;
}

span.name {
	white-space:nowrap;
	font-weight:bold;
}

span#msg_count {
	font-weight:bold;
	float:right;
}

#fb_recommend {
	width: 120px;
	position: absolute;
	top: 30px;
	left: 56px;	
}

#version_no {
	position:absolute;
	top:108px; right:340px;	font:15px Chewy;
	color: white; 
}

#help-sign{
	position:absolute;width:103px;height:56px;top:0px;padding-top:10px;right:127px;text-align:center;background:url(/img/layout/help_forum.png) bottom left no-repeat
}

#help-sign a{
	color:white;font:15px Chewy;
}

#help-sign a:hover{
	text-decoration:underline;
}

/*
profil.css
*/

.profil{
	
}

.profil .bg{
	background: url('/img/layout/bg/profil_view_back.jpg') no-repeat;
	width:609px;
	height: 371px;
	text-align: center;
}
.profiltable table{
	width: 100%;
	position: relative;
	top:20px;
	height: 91px;
}

.profil .money{
	background: url('/img/layout/icons/taler.png') no-repeat;
	position:relative;
	height: 53px;
	width: 83px;
	padding-top: 48px;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	top:20px;
}

.profil .nomoney{
	position:relative;
	height: 53px;
	width: 50px;
	padding-top: 48px;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	top:20px;
}

.profil .grassland{
	background: url('/img/layout/icons/gehege.png') no-repeat;
	position:relative;
	height: 50px;
	width: 89px;
	padding-top: 48px;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	top:20px;
}
.profil .contest{
	background: url('/img/layout/icons/pokal.png') no-repeat;
	background-position: 0px 0px;
	position:relative;
	height: 44px;
	width: 83px;
	padding-top: 40px;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	top:20px;
}

.profil .smalltext{
	font-weight: bold;
	font-size: 12px;	
}

.profil .underline{
	text-decoration: underline;
}


/*
club.css
*/

.club_options{
	margin: 0 50px 0 50px;
	text-align: left;
}
.anstupsen{
	float: right;
}
.club .fleecyImage{
		background: url('/img/club/clubfleecy_back.jpg') no-repeat;
		float:left;
		width:240px;
		height: 261px;
		margin:0px 10px 10px 0;
		padding: 10px 0 0 33px;
}
.club .create {
	text-align: center;
	font-weight: bold;
}

.club .list .data_table_holder {
	width: 500px;
	text-align:center;
}

.club .list .data_table_holder .column-5 {
	text-align:center;
}

.vote{
	width:200px;
	background: url('/img/layout/gui/balken_hintergrund.png') no-repeat;
	padding:0px;
	height:20px;
}

.voteResult{
	background: url('/img/layout/gui/balken.png') no-repeat;
	/*background-color:green;*/
	height:20px;
}

.voteSum{
	position:relative;
	top: -21px;
	height:20px;
	width:200px;
	color: #ffffff;
	text-align: center;
}

/*
breed.css
*/

.breed .timeSelect{
	margin-top: 50px;
}
.breed .partner_state{
	position:relative;
	width:34px;
	height: 102px;
	float:left;
	margin-top:80px;
}
.breed .heart_button{
	width:120px;
	height:40px;	
}
.breed .heart{
	position:relative;
	top: -35px;
	left:-15px;
	background: url('/img/layout/icons/heart_big.png') no-repeat;
	width:40px;
	float:left;
	height:40px;
}
.breed #barometer{	
	position:relative;
	background: url('/img/layout/icons/barometer_big.png') no-repeat;
	width:34px;
	height: 102px;
	z-index:10;
}
.breed .partner_state #state{
	position: relative;
	left:13px;
	top:10px;
	float:left;
	width:4px;
	overflow: hidden;
	z-index:9;
}

.breed .partner_state #step{
		width:4px;
		background: #ff0000;		
		z-index:9;
}


.breed .partner_state_small{
	position:relative;
	width:28px;
	height: 80px;
	float:left;
	margin-top:10px;
}
.breed #barometer_small{	
	position:relative;
	background: url('/img/layout/icons/barometer_small.png') no-repeat;
	width:27px;
	height: 81px;
	z-index:10;
}

.breed .partner_state_small #state_small{
	position: relative;
	left:10.5px;
	top:10px;
	float:left;
	width:4px;
	overflow: hidden;
	z-index:9;
}

.breed .partner_state_small #step_small{
		width:3px;
		background: #ff0000;		
		z-index:9;
}


.breed .zucht_back_overview{
		background: url('/img/layout/bg/zucht_back_overview.jpg') no-repeat;
		width:484px;
		height: 265px;
		margin: 0 auto;
		overflow:hidden;
}

.breed .firstFleecy{
	margin-top: 20px;
	margin-left: 20px;
	float:left;
	width:200px;	
	text-align:left;
}

.breed .secondFleecy{
	margin-top: 20px;
	float:left;
	width:200px;
	text-align:left;
}

.breed .line{
	line-height:1.2em;
}
.breed .row{
		position:relative;
		background: url('/img/layout/bg/zucht_back_row.jpg') no-repeat;
		float:left;
		width:609px;
		height: 167px;
		margin-top:10px;
}

.breed .rowDone{
		position:relative;
		background: url('/img/layout/bg/zucht_back_rowDone.jpg') no-repeat;
		float:left;
		width:609px;
		height: 371px;
		margin-top:10px;
}

.breed .breed_table{
	width:569px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 2px;
}

.breed .breed_table th,.breed  .breed_table td{
	text-align:center;
	vertical-align: top;
}

.breed  .breed_table td .left{
	text-align:left;
	vertical-align: top;
}
.breed  .breed_table td .right{
	text-align:right;
	vertical-align: top;
}
.breed .breed_table th{
	height:10px;
}
.breed .breed_table .column-1{
	width:110px;	
}

.breed_img {
	float:left;
	width: 110px;
	text-align: center;
}
.breed_img .img_holder{
	padding:0 5px;	
}
.breed .breed_table .column-2{
	width:30px;	
}
.breed .breed_table .column-2 img{
	position:relative;
	top: 30px;
}
.breed .breed_table .column-3{
	width:110px;	
}

.breed_details {
	position: relative;
	top: 0;
	left: 0;
	float: right;
	width: 310px;
	height: 110px;
	margin-right: 20px;
}

.breed .breedResult h5{
	margin-bottom:-33px;
}

.breed .breedResult{
	position: absolute;
	left: 25px;
	top: 125px;
	width: 250px;
}
.breed .breedResult .img_holder{
	margin-left: 25px;
}

.breed .formDiv{
	position:relative;
	top: -250px;
}

.breedRequest .firsttable{	
	background: url('/img/layout/bg/zuchtrequest_hintergrund.jpg') no-repeat;
	width: 608px;
	height: 358px;
}
.breedRequest .firsttable .overview {	
	width: 608px;
	margin-left:0px;
}
.breedRequest .firsttable .overview .column-1{
	width:200px;
	float:right;	
}

.breedRequest .firsttable .overview .column-3{
	width:200px;	
	float:left;
}

.breedRequest .firsttable .overview .column-2{
	width:30px;	
	text-align:center;
}

.breedRequest .firsttable .form {	
	width: 608px;
}
.breedRequest .firsttable .form .head {	
	text-align:center;
}
.breedRequest .firsttable .form .column-1 {	
	width:50%;
	text-align:right;
}
.breedRequest .firsttable .form .column-2 {	
	width:50%;
	text-align:left;
}

/*
auction.css
*/

.auction .row{
	background: url('/img/layout/bg/auction_back_row.jpg') no-repeat;
	width: 589px;
	height: 147px;
	padding: 10px;
}

.auction .row td,.auction .row th{
	vertical-align: top;
}

.auction .row .lr {
	float:left;
	padding-left:5px;
	width:49%;
	height:100%;
}


.auction .row .rr {
	position:relative;
	float:right;
	width:49%;
	height:100%;
	font-size:12px;
}

.rr div {
	padding-left:15px;
}

.rr .actions {
	position:absolute;
	right:5px;
	bottom:5px;
	text-align:right;
}
.auction .auction_title {
	vertical-align: middle;
	height:36px;
	line-height:36px;
}

.auction .price {
	height:20px;
	line-height:20px;
	vertical-align: middle;	
	font-weight: bold;
}
.auction .price td {
	padding: 3px 3px 3px 0;
}

.auction .duration{
}

.auction .auction_info{
	padding-top: 10px;	
}

.auction .follow{
	float:right;
	margin:5px 5px 0 0;
}

.auction .cancel{
	float:right;
}

.auction .end{
	width:150px;
	text-align:center;
}

.auction .auction_title a{
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

.auction .infotext{
	width:55px;
	float:left;
}

.auctionsell {
	text-align:center;
}

.auctionview .follow{
	float:right;
}

.auctionsell .formbg {
	background: url('/img/layout/bg/auction_fleecy_back.jpg') no-repeat;
	width:455px;
	height: 271px;
}

.auctionsell .fleecyimage{

}

.auctionsell .price{
	font-weight: bold;
	text-align: center;
}

.auctionsell textarea,.auctionsell input,.auctionsell select {
	background-color: #FFFFFF;
}
.auctionsell .submit {
	float:left;
}

.auctionview .bg {
	background: url('/img/layout/bg/auction_view_back.jpg') no-repeat;
	width:616px;
	height: 263px;
	padding-top: 10px;
	padding-left: 10px;
}

.auctionview .description{
	width:596px;
	height: 243px;
}

.auctionview .title{
	height: 30px;
}

.auctionview .title .text{
	text-decoration: underline;
	font-weight: bold;
}

.auctionview .auction_picture{
	width: 220px;
}

.auctionview .auction_info{
	width: 150px;
	vertical-align: top;
}

.auctionview .auction_action{
	vertical-align: top;
	text-align: center;
}
.auctionview .auctioninfo{
	width: 100%;
	text-align: center;
}


.auctionview textarea,.auctionview input,.auctionview select {
	background-color: #FFFFFF;
}

.pricetag{
	font-weight: bold;
	color: #999999;
	font-size: 14px;
}
.auction .excl{
	color: red;
}
.auction .activ{
	color: green;
}

.auctionview .auctiontitle{
	font-weight: bold;
	text-decoration: underline;
	margin-left: 20px;
	text-align: left;
}
.auctionview .auctiontext{
	margin-left: 35px;	
	text-align: left;
	font-size:14px;
}
.auctionview .attributes{
	background: url('/img/layout/bg/auction_back_attributes.jpg') no-repeat;
	width:616px;
	height: 167px;
	padding-top:25px;
	padding-left: 35px;
}
.auctionview .attributes .values{
	width: 220px;
	float:left;
}
.auctionview .attributes .infotext{
	width: 230px;
	float:left;
}
.auctionview .attributes .pokal{
	text-align: center;
	width: 100px;
	float:left;
}

.auctionview .data_table_holder{
}

/*
shop.css
*/
#shop {
	
}

#shop h4 {
	position:relative;
	z-index:1;
	margin-bottom:-15px;
	
}

div.shop_area {
	background: url(/img/shop/bg_shop_products.jpg) top center no-repeat;
	width: 614px;
	height: 188px;
	position: relative;
	left:-30px;
	margin-bottom: 15px;
}

div.shop_area div.shop_ic {
	position: relative;
	padding: 10px 20px;
}

div.shop_area a {
	border: none;
}

div.shop_area .items {
	float: left;
	width:116px;height:165px;
	position: relative;
	margin-right:14px;
}


div.content_mover {
	width: 520px;
	height: 100%;
	overflow: hidden;
	margin:0px auto;
}

/* background:url(/img/shop/packshots_tn.png) top left repeat-x;*/
div.item_list {
	width: 1600px;
	height: 100%;
	position: relative;
	left: 0px;
}

div.shop_area .items .descr {
	font-size: 9pt;
	color: black;
}

div.shop_area .items:hover {
	
}

.shop_left_button {
position: absolute;
top: 80px;
left: 10px;
z-index: 1000;
cursor: pointer;
}

.shop_right_button {
position: absolute;
top: 80px;
right: 15px;
z-index: 1000;
cursor: pointer;
}

div.items {
	color:#3D3629;
	font-size:14px;
}

div.items .title {
	font-weight:bold;
}

.small_price {
	position: absolute;
	bottom: 10px;
	right: 6px;
	color: white;
	text-align: right;
	font-size: 10px;
}

.small_price span {
	display:block;
	font:19px Chewy,'Comic Sans MS';
}

.weight {
	position: absolute;
	bottom: 10px;
	left:2px;
	font-size: 10px;
	font-weight:bold;
}

.fval {
	text-align: center;
	margin: 0px 22px 7px 0px;
}

.fval span{
	display:block;
	font-weight:bold;
	text-decoration:underline;
}

.shop_fleecy {
	position:relative;
	float:left;
	width:272px;
	height:252px;
	padding:10px 0px 0px 20px;
	/*background:url(/img/shop/shopfleecy_back.jpg) top left no-repeat;*/
	background-color: #fff;
}

.type_image {
	position: relative; float: left; width: 200px; height: 200px;
}
.type_name {
	font-family:Chewy;color:white;font-size:18px;text-align:center;
}

.price_tag {
position:absolute;right:-20px;bottom:-20px;background:url(/img/shop/preisschild_fleecys.png) top left no-repeat;height:58px;width:auto;padding:0 10px 0 20px;color:white;text-align:right;
}


.shop_dlg #modaldlg{
padding:0px;
}

.price_tag_dlg {
position: absolute;
top: 20px;
right: 30px;
background: url(/img/shop/preisschild_fleecys.png) top left no-repeat;
height: 58px;
width: auto;
padding: 0 10px 0 20px;
color: white;
text-align: right;}

.price_tag_dlg .price, .price_tag .price {
	font:22px Chewy,'Comic Sans MS';
	text-align:center;
}

.margin {
margin-right:10px;
}

.shop_button {
border:0px;
color:white;
height:30px;
padding-bottom:5px;
font-size:12px;
width:106px;
font-weight:bold;
background:url(/img/layout/gui/shoppen-button.png) center center no-repeat;
cursor:pointer;
}

div.prod_text {
padding:15px;text-align:left;
position:relative;
}

div.fleecy_info {
	margin-top:10px;width:360px;font-size:10px;
}


/*
chat.css
*/

#chat_window {
	background-color: #EEE;
	height:auto;
	width:100%;
}

#chatloader {
	position:relative;
	top:20px;
	left:0px;
	padding:20px 10px 0px;
	margin:0 auto;
	width:150px;
	height:auto;
	text-align:center;
	font-weight:bold;
	background:url(/img/layout/gui/ajax-chat-loader.gif) top center no-repeat;
}

.chatHolder{
	background: #000000;
	position:absolute;
	left:50px;
	top:20px;
	text-align:left;
	z-index: 1001;
	display:none;
}

.chatHolder .onlineState{
	position:relative;
	left:34px;
	top:4px;
	width: 125px;
	color: #ffffff;
	padding:3px 0;
	float:left;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

.chatHolder .toggleSelectbox{
	position:relative;
	left:34px;
	top:5px;
	float:left;
}
.chatHolder .chatReset{
	position:relative;
	left:10px;
	top:5px;
	float:left;
}
.chatHolder .chatPrivate{
	position:relative;
	color: #ffffff;
	left:57px;
	top:5px;
	float:left;
	display: none;
}

.privateUser{
	position:absolute;
	left:240px;
	top:25px;
	background: #ffffff;	
	height: 200px;
	width:150px;
	text-align:left;
	display: none;
	z-index:102;
	width: auto;
	height: auto;
	margin-left:20px;
	overflow-y:auto;
	border: 1px solid #CDBD93;
	max-height: 200px;
	padding-top: 10px;
	padding-bottom: 2px;	
}

.privateUser a.profile{
	white-space:nowrap;
}
.chatHolder .chatOpen{
	position:relative;
	left: -20px;
	top:5px;
	float:right;
}
.chatHolder .chatOptionOpen{
	position:relative;
	left: -20px;
	top:5px;
	float:right;
}

.chatHead {
	position:absolute;
	top:0px;
	height: 39px;
	width: 347px;
	background: url(/img/layout/chat/chat_header.png) no-repeat;
	z-index:102;
}

.chatPrivateHead {
	position:absolute;
	top:0px;
	height: 39px;
	width: 347px;
	background: url(/img/layout/chat/privatechat_header.png) no-repeat;
	z-index:102;
}

.chatPrivateHead .enemy{
	float:left;
	margin-top:5px;
}

.chatPrivateHead .friend{
	float:left;
	margin-top:5px;
}
.chatPrivateHead .melden{
	float:left;
	margin-top:5px;
}
.chatPrivateHead .stop{
	float:right;
	margin-top:5px;
	margin-right:20px;
}

.chatOptions {
	position:absolute;
	top:5px;
	left:337px;
	background: #e7eaf3;
	width:200px;
	height:auto;
	z-index:101;
	padding:5px 10px 10px;
	display:none;
	border: 1px solid #CDBD93;
}

.chatOptions h6 {
	color: #3D3629;
}

.chatContent{
	background: #eeeeee;
	position:absolute;
	top:25px;
	left:7px;
	z-index:101;	
	width: 330px;
	height: 70px;
	padding-bottom: 51px;
}

.chatContent .ui-icon{
	position:absolute;
	right:2px;
	bottom:2px;
	cursor:se-resize;
}

.chatContent .expand{ 
	margin-top:10px;
	float:right;
	vertical-align:text-bottom;
}

.chatContent .chat_switch{ 
	border-top: 2px solid #EEE;
	border-bottom: 1px solid #CDBD93;
	height:16px;
	width: 100%;
	border-collapse: collapse;

}

.chatContent .chat_switch .switch img{
	padding-top:2px;
	padding-left:2px; 
}

.chatContent .chat_switch .switch{ 
	height:15px;
	width: auto;
	background: #cccccc;
	float:left;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;	
	border:0;
	cursor:pointer;
	text-align:center;	
	padding:0 5px;
	border-collapse: collapse;
	margin-right:2px;	
}

.switch:hover {
	text-decoration:underline;
}

.activ:hover {
		text-decoration:none;
}

.chatContent .chat_switch .activ{
	background: #EEE;
	border: 1px solid #CDBD93;
	border-bottom: 1px solid #EEE;
	font-weight: bold;
}

.chatContent .chat_switch div.chat_all, .chatContent .chat_switch div.chat_club {
	min-width:50px;
	width:auto;
}

.chatContent .chat_switch div.chat_friend{
	min-width:50px;
	width:auto;
}

.chatPanelForm{
	height:auto;
	float:left;
	width:95%;
}

.chatOnline{
	background: #ffffff;
	position:absolute;
	top:25px;
	left:-10px;
	width: auto;
	height: auto;
	margin-left:20px;
	z-index: 102;
	overflow-y:scroll;
	overflow-x:visible;
	border: 1px solid #CDBD93;
	max-height: 210px;
	padding-top: 10px;
	padding-bottom: 2px;
}

.chatOnline a.profile{
	white-space:nowrap;
}

.chatPanelForm input[type='text']{
	width:100%;
	background: white;
	border: 1px solid #CDBD93;
}

.chatPanel{
	margin-top: 5px;
	background: #cccccc;
	width:100%;
	height: 100%;
	overflow:auto;
}

.chatPanel p, p.even, p.odd {
	margin-bottom: 0px;
	padding:1px 0;
}
.chatPanel .even, p.even{
	background: #dddddd;
}

.chatPanel .odd, p.odd{
	background: #eeeeee;
}

/* content from chat.css*/

div.chat {
	background-color: #EEE;
	height: 100%;
	width: 100%;
}
div#chat_window {
	height: auto;
	width: 100%;
}
div#chat_window img {
	vertical-align:bottom;
}

div.chat label {
	vertical-align: top;
}
div.chat div.chat_window {
	border: 1px solid #ccc;
	background: #fff;
}
div.chat div.chat_window p {
	padding: 1px 2px;
	margin: 0;
}
div.chat div.chat_window p.even {
	background: #eee;
}
div.chat div.chat_window p.new {
	background: #FFCCCC;
}

/*
premium.css
*/
#coins_area {
	background: url(/img/layout/premium/coins_back.jpg) top center no-repeat;
	height: 60px;
	padding: 10px;
	padding-top: 105px;
}

.premium_btn_lrg, .premium_btn_sml {
	border: 0;
	background: none;
	padding: 0;margin: 0;
	cursor:pointer;
}

.premium_btn_lrg div {
	border: 0;background: none;padding: 0;margin: 0;
	background: url(/img/layout/premium/button_wiese_muenzen.png) left center no-repeat;
	width: 136px;
	height: 33px;
	line-height: 27px;
	color: white;
	font-weight: bold;
	padding-left: 10px;	
}

button.btn_ground {
	position:relative;
	top:0;
	left:110px;
}
button.btn_coins {
	position:relative;
	top:0;
	left:190px;
}

button.btn_eggs {
	position:relative;
	top:0;
	left:110px;
}


#coins_area.eggs {
	background: url(/img/layout/premium/premium_coins_back.jpg) top center no-repeat;
}
.eggs button.btn_ground {
	left:30px;
}

.eggs button.btn_coins {
	left:70px;	
}

.presale {
	background: url(/img/layout/premium/aktion_star.png) top center no-repeat;
	position:absolute;
	top:175px;
	left:420px;
	width:93px;
	height:72px;
		
}


.premium_btn_sml div {
	background: url(/img/layout/premium/button_premium.png) left center no-repeat;
	width: 110px;
	height: 33px;
	line-height: 27px;
	color: white;
	font-weight: bold;
	padding-left: 10px;	
}

#payment_types img.payment {
	background:url(/img/layout/premium/baumstamm.jpg) center center no-repeat;
	padding:5px 7px 9px 7px;
	border:0px; 
	height:64px; width:64px;
	margin:0 5px;
}

#payment_types td {
	text-align:center;
	padding:0;
}

#payment_types span.days {
	font-family: Chewy;
	font-size:18px;
}

input.payment_submit {
	background: url(/img/layout/premium/button_premium.png) left center no-repeat;
	width: 120px;
	height: 33px;
	color: white;
	font-weight: bold;
	padding-left: 25px; padding-bottom: 10px;	
	margin-top:10px;
	border:0;
	cursor:pointer;
}


#PremiumTicketActivateForm {
	width: 300px;
	margin: 10px auto;
	text-align: center;
	margin-bottom:2em;
}

#tabs table {
	width:100%;
	font-size:12px;
}

/*
 * New contest styles
 */

div.more {
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	margin-top:2px; clear:both; float:right; cursor:pointer; padding:0px 2px;
	border:1px solid transparent; color:#888;
}

div.more:hover {
	border: 1px solid #CDBD93;
	color:#3D3629;
	text-decoration:underline;
}



#ladder {
	
}

#ladder .fee, #ladder .contest_count {
	float:left;padding:3px 2px;color:#888;
	font-size:90%;
}

#ladder .fee {
	float: right; 
}

#ladder .fee:hover, #ladder .contest_count:hover {
	color:#3D3629;
}

#ladder .rc {
	width:49%;float:right;border-left:1px solid #CDBD93;padding-left:5px;
}

#ladder .lc {
	width:49%;
}

.click {
	cursor:pointer;
}

.ajaxtip {
	width:24px;height:24px;cursor:help;vertical-align:middle;
}

.auction .ajaxtip {
	position:absolute;bottom:0;right:0px;margin:10px 5px;
}

#ladder .ajaxtip {
	float:right;
}

#ladder .timer{
	margin-top:5px;clear:left;float:left;width:120px; border:1px solid #3D3629
}
.timer .run{
	float:left;height:5px;background-color:#CDBD93
}

.handle, .handle2, .handle3 {
	width: 40px; height: 69px;		
}

.handle {
	background-image: url(/img/layout/gui/edit_div1.png);
}

.handle2 {
	background-image: url(/img/layout/gui/notepad_div1.png);
}

.handle3 {
	background-image: url(/img/layout/gui/vote_div1.png);
}

.slide-out-div {
	display:none;float:right;clear:right;
}

div.helpbook {
	color: #ff8d26;
	padding:10px;
	text-align:left;
	font-size:10pt;

}
div.helpbook p, div.helpbook div {
	display:none;
	margin: 0;
}
div.helpbook img {
	vertical-align:middle;
} 
div.helpbook a.helpbook_link {
 	font-size:100%; 
	color:#fe8c29;
}
div.helpbook a.helpbook_link:hover {
	text-decoration:underline;
}

div.helpbook_open {
	background-color: #fff0dd;
	color: #937050;
	border: 1px solid #fea760;
	padding:9px;
	margin-bottom:10px;
}
div.helpbook_open p, div.helpbook_open div{
	display:block;
}
div.helpbook_open a.helpbook_link {
	font-size:110%;
	color:#3D3629;
}
img.helpbook_open {
	cursor:pointer;
}

img.helpbook_close {
	float:right;
	cursor:pointer;
}

	.dynbtn {
	position:relative;
	background:url(/img/layout/bg/button_bg_brown.jpg) 50% 55% no-repeat;

	-webkit-border-radius: 15px;
	border-radius: 15px;

	-webkit-box-shadow: 0px 1px 4px 1px #AAA;
	box-shadow:         0px 1px 4px 1px #AAA;

	padding: 0px 10px;
	margin:4px;
	border: 3px solid #F5F5F5;
	line-height:21px;
	display: inline-block;
	color:white; 
	font-weight:bold;
	}

	.dynbtn:hover {
	  -webkit-box-shadow: 0px 2px 6px 1px #888;
	  box-shadow:         0px 2px 6px 1px #888;

	  top:-1px;
	  left:0px;
	}
	
	.dynbtn:active {
		-webkit-box-shadow: 0px 1px 4px 0px #AAA;
		box-shadow:         0px 1px 4px 0px #AAA;
		
		top:1px;
		left:0px;
	}
	
	button.icon {
		padding-left:30px;
	} 
	.dynbtn img.button_icon {
		position:absolute; top:-4px; left:-5px;
	}

	#sorter, #sorter option  {
		font: normal 14px Chewy;
	}
	#sorter {
	border: 1px solid #cdbd93;
	}

/* Fleecy thumbs*/	

#thumb_pager {
	position:relative;width:306px;left:0px;margin-left:5px;
}

#thumb_list li, .thumb_list li {
	cursor:pointer;position:relative;top:0;left:0;float:left;width:63px;height:63px;margin:3px;
}
#thumb_list li.sortplaceholder, .thumb_list li.sortplaceholder { 
	height: 60px; width: 61px; margin:3px; border:1px solid gray; 
}

.toon { 
 color:#FEFAF7 !important;
 text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040, 0.1em 0.12em 0.15em black; 
 <!-- [if lt IE 9]>
 filter:  progid:DXImageTransform.Microsoft.Glow(color=#404040,strength=1), 
 	      progid:DXImageTransform.Microsoft.DropShadow(color=#303030,offY=2,offX=2);
 <![endif]-->
}

.small_toon { 
 color:#FEFAF7 !important;
 text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040; 
 <!-- [if lt IE 9]>
  filter:  progid:DXImageTransform.Microsoft.Glow(color=#404040,strength=1);
 <![endif]-->
}


span.toon, span.small_toon  {
	display:inline-block;
}
.shadow { 
 text-shadow: 0.1em 0.12em 0.15em black; 
}

.glow {
text-shadow: 0 0 1px #FEFAF7;
}


.toon2 {
color:#FEFAF7;
text-shadow: 0 -1px #404040, 1px 0 #404040, 0 1px #404040, -1px 0 #404040;
}


select.expand {
	font-size:9pt; padding:0; margin:0 5px 0 0; width:42px; height:20px;
}


input.expand {
	border:0; padding:0; height: 20px; width:20px; vertical-align: bottom; background-color: transparent;
}