
* {
  margin:0;
  padding:0;
}

body {
	background-color: #63001D;
	font-family:   "Verdana", "Helvetica",Arial, sans-serif;
	font-size:100.01%;
  font-size-adjust:none;
  font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1000px; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	color: #FFFFFF;
  height:100%;

}

/* link formatting */

/*
a {
  cursor:pointer;
}
*/


a:link {
  color: #FFFFFF;
  text-decoration: none;
}

a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover {
  color: #CC2E8D;
}

a:active {
  color: #CC2E8D;
}  /* Angeklickte Verweise */
a:focus {

}   /* Verweise, die Fokus erhalten */


#public {
  width:auto;
}

/*
 * header
 **************************/

#header {
	background:#F8EBF4 none repeat scroll 0%;
  background-image:url("../image/gras.gif");
  background-repeat:repeat-x;
  background-position: left bottom;
	height:140px;
	margin:0px 0pt 0pt;
}

#header.large {
	height:170px;
	margin:0px 0pt 0pt;
  width:100%;
}

#header img#logo {
	position: relative;
	left: 199px;
	bottom: 5px;
}

#header.large img#logo {
	position: relative;
	left: 199px;
	bottom: -15px;
}

#header #gras {
  position: relative;
  height:15px;
  left: 0px;
	top: 20px;
  z-index:0;
  border:none;
  padding:0;
  margin:0;
}

#header.large #gras {
	top: 2px;
}

img#schloessl {
	position: relative;
	left: 351px;
	top: 4px;
  z-index:1;
}

img#hirsch-header {
  position:relative;
  left:0px;
  top:2px;
} 

#header.large img#hirsch-header {
  position:relative;
  left:0px;
  top:32px;
}

#header.large img#schloessl {
	top: 34px;
  left: 351px;
  z-index:1;
}


#header table {
  position: relative;
  left:0px;
  bottom:0px;
  height:15px;
  width:100%;
}

/*
 * left
 **************************/

#left {
  float:left;
  margin:0;
  overflow:visible;
  width:220px;
  font-size: 1.0em;
}

#message {
  margin-left:15px;
  margin-top: 5px;
  height: 50px;
  width: 190px;
  font-size: 0.8em;
}

#updater {
  margin-left:15px;  
}

/*
 * right
 ****************************/

#right {
  float:left;
  /*width:200px;*/
  /*font-size:1.0em; */
  padding-top:40px;
  padding-left:60px;
}


/*
 * user info
 **************************/

#userinfo {
  margin-left: 19px;
  margin-top: 4px;
}

#userinfo td {
  text-align: center; /* horizontal in all browsers */
  vertical-align: middle; /* ~= valign=center in CSS2 browsers */
  width: 174px;
  height: 221px;
}

#userinfo td.empty {
  background: url( ../image/user-frame.gif );
}


#userinfo img {
  vertical-align:middle;
  border:0;
}

p#username {
  font-size: 1.0em;
  margin-top: 12px;
  margin-left: 0px;
}

.online {
  /*color:#00cc00;*/
  color:#F18E00;
}

/*
 * status area
 **************************/

#status {
  font-size: 0.8em;
  margin-left:20px;
  margin-top: 20px;
}

.status-img {
  display:inline;
  position:relative;
  top: 5px;
  border:0;
}


#mail {
  display:inline;
  float:left;
  margin-left:0px;
}


#click {
  display:inline;
  float:left;
  margin-left:20px;
}

#favonline {
  display:inline;
  margin-left:20px;
}

/*
 * action area
 ****************************/

#action {
  position:relative;
  margin-left:20px;
  margin-top: 40px;
  font-size: 0.8em;
  line-height:1.5em;
}

#action a {
  display:block;
}

/*
 * global area
 **************************/

#global {
  position:relative;  
  margin-left:20px;
  margin-top: 60px;
  font-size: 0.8em;
  line-height:1.5em;
}

#global a {
  display:block;
}


/*
 * first level navigation
 **************************/

#navi0 {
  margin-left:220px;
  margin-top:15px;
  width:762px;
  height:45px;
  background:#63001D url("../image/navi-bg.gif") repeat-x bottom;
  font-size:0.9em;
  line-height:normal;
}

#navi0.scrollable {
  width: auto;
}

#navi0 ul {
  margin:0;
  padding:0px 0px 0;
  list-style:none;
}

#navi0 li {
  float:left;
  background:url("../image/navi-frame-left.gif") no-repeat left top;
  margin:0;
  padding:0 6px 0 7px;
  height:45px;
}

#navi0 li.right {
  padding-right: 0;
}

#navi0 a {
  float:left;
  display:block;
  background:url("../image/navi-frame-right.gif") no-repeat right top;
  padding:3px 7px 5px 0px;
  text-decoration:none;
  color:#FFFFFF;
}

#navi0 ul li div {
  float:left;
  display:block;
  background:url("../image/navi-frame-right.gif") no-repeat right top;
  padding:3px 7px 5px 0px;
  text-decoration:none;
  color:#FFFFFF;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navi0 a {float:none;}
/* End IE5-Mac hack */
#navi0 a:hover {
  color:#CC2E8D;
}

#navi0 #current {
  background-image:url("../image/navi-frame-left-sel.gif");
}

#navi0 #current a {
  background-image:url("../image/navi-frame-right-sel.gif");
  color:#CC2E8D;
  padding-bottom:12px;
}

#navi0 #disabled a {
  display:none;
}

#navi0 #disabled a img {
  display:inherit;
}

#ulc {
  position:absolute;
  left:220px;
  top:199px
}

#urc {
  position:absolute;
  left:972px;
  top:199px
}

#navi0.scrollable #urc{
  display: none;
}


/*
 * second level navigation
 **************************/

#navi1 {
  margin-left: 220px;
  margin-right: 18px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  width:760px;
}

#navi1.scrollable {
  border-right: none;
}


#navi1 ul {
  text-align:center;
  font-size: 0.9em;
  margin: 0 45px;
  padding: 15px 0 15px;
  border-bottom:1px solid #B16F7B;
}

#navi1 li {
  list-style: none;
  margin: 15px;
  padding: 0;
  display: inline;
}

#navi1 #current a {
  color:#CC2E8D;
}

#messages {
  margin: 0 0em 1em 16em;
  padding: 0 1em;
  border: 1px dashed silver;
}

/*
 * main
 *************************/

#main {
  margin-left: 220px;
  margin-right: 18px;
  width:760px;
  padding: 0;
  border-left:1px solid white;
  border-right:1px solid white;
  border-bottom:1px solid white;
  min-height:500px;
}

* html #main {height: 500px;}


h1 {
  font-size: 1em;
  color:#b16f7b;
  margin-bottom:10px;
  font-weight:normal;
}

h2 {
  font-size: 0.8em;
  color:#b16f7b;
  margin-bottom:10px;
  font-weight:normal;
}


#main.scrollable {
  position:relative;
  margin-top: -1px;
  margin-right:0px;
  margin-left:0;
  overflow:auto;
  height:520px;
  border-right:0;
  width:auto;
}


#main-content {
	padding: 30px;
}

#main-content p {
  margin-top: 0.8em;
}

#main-content li {
  font-size: 0.8em;
  margin-top: 0.8em;
  margin-left: 30px;
}

#main-content a {
  text-decoration: underline;
}


#main-content {
	padding: 30px;
}

#main-content p {
  font-size: 0.8em;
  margin-top: 0.8em;
}

#main-content li {
  font-size: 0.8em;
  margin-top: 0.8em;
  margin-left: 1.6em;
}

#main-content a {
  text-decoration: none;
}



.public #main {
  border:0;
  width:480px;
  min-height:0;
  padding-left:50px;
  padding-right:50px;
  padding-top:40px;
  margin:0;
  float:left;
}

.public #error {
  padding-left:0;
}

.public #main-content {
  margin-left:160px;
  margin-top:30px;
  margin-bottom:10px;
  width:762px;
}


/**
 * footer
 *************************************/

#footer {
  margin-left:220px;
  margin-top:10px;
  margin-bottom:10px;
  width:762px;
  text-align: center;
}

#footer a {
  font-size: 0.7em;
  margin: 5px;
  padding: 0.1em;
  text-align: center;
}

#footer img#llc {
  float:left;
  position:relative;
  top:-20px;
}

#footer img#lrc {
  float:right;
  position:relative;
  top:-20px;
}

.public #footer img#llc {
  display:none;
}

.public #footer img#lrc {
  display:none;
}

.public #footer {
  margin-left: 270px;
  margin-bottom: 0px;
  margin-top: 10px;
  text-align:left;
 /* width: 712px;*/
  float:left;

}

.public #footer a {
  margin:0;
  margin-right: 5px;
  text-align:left;
}


/**
 * popups
 ************************************/

.popup {
  margin-left:45px;
  margin-right:45px;
  margin-top:30px;
}

.popup p {
  margin-bottom:5px;
}

.popup p.label {
  margin-bottom:10px;
  margin-top:15px;
}

.popup ul {
  margin-left:20px;
  margin-bottom:5px;
  
}

.popup a {
  text-decoration: underline;
}
		

/**
 * lightbox
 *************************************/
#lightbox{
	background-color:#FFFFFF;
	padding: 10px;
	border: none;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 4px;
	}
#lightboxCaption{ float: left; color:#63001D}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }

#overlay{ background-image: url(../image/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../image/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/overlay.png", sizingMethod="scale");
	}


/**
 * list
 *************************************/

table.list {
  width:670px;
  margin-left:45px;
 /* padding-top:30px;*/
}

table.list td.top {
  padding-top:15px !important;
}

table.list td.bottom {
  /*padding-bottom:0px !important;*/
  border-bottom:none !important;
}

table.list td.topbottom {
  /*padding-bottom:0px !important;*/
  padding-top:15px !important;
  border-bottom:none !important;
}

/**
 * one-column-list
 **************************************/

table.one-column td {
  border-bottom:1px solid #81233d;
  padding-top:15px;
  padding-bottom:15px;
}


/**
 * two-column-list
 **************************************/

table.two-column td.left {
  border-bottom:1px solid #81233d;
  padding-top:15px;
  padding-bottom:15px;
  padding-right:35px;
}


table.two-column td.right {
  border-bottom:1px solid #81233d;
  border-left:1px solid #81233d;
  padding-left:35px;
  padding-bottom:15px;
  padding-top:15px;
}


/**
 * user-item
 **************************************/

table.user-thumb {
  float:left;
  margin: 0;
  padding:0;
  text-align:center;
}

table.user-thumb td {
  margin: 0;
  padding:0;
  border:none;
}


.user-item-left {
  width:335px;
  font-size:0.8em;
  margin-left:20px;
  margin-top:20px;
  padding:0px;
  border-bottom:2px solid #81233d;
}

.user-item-right {
  width:335px;
  font-size:0.8em;
  margin-right:20px;
  margin-top:20px;
  padding:0px;
  border-bottom:2px solid #81233d;
}

.user-item {
  width:300px;
  height:137px;
  font-size:0.8em;
  line-height:1.2em;
}

.user-item .user-thumb {
  float:right;
}

.user-item div {
  float:left;
  width:190px;
  margin-bottom:10px;
}

.user-item p {
  float:left;
  height:83px;
}

#user-status {
  float:left;
  margin-top:5px;
  margin-bottom:0;
}

#user-status a {
  padding:0;
  float:left;
}

#user-status div {
  display:inline;
  float:left;
  width:auto;
  margin:0;
}

#user-status img {
float:left;

}

div.user-item {
  float:left;
}

.user-info #user-status {
  height:20px;
  margin-left:-3px;
  margin-top:0px;
  display:inline-block;
}

/**
 * favourite-user-item
 **************************************/
.favourite-user-item {
  width:670px;
  height:137px;
  font-size:0.8em;
}

.favourite-user-item .user-thumb {
  margin-right:40px;
}

.favourite-user-item .note {
  float:right;
}

.favourite-user-item p {
  margin-bottom:10px;
}

textarea.favourite_remark {
  overflow-y:auto;
  width:300px;
  height:106px;
  margin:0 0 0 0;
}


.user-info {
  float:left;
  height:137px;
  width:220px;
}

.user-info a {
  display:block;
  padding-bottom:10px;
  height:20px;
}

.user-info p {
  height:87px;
  margin-bottom:0;

}




/**
 * password
 **************************************/

#password-form p {
  width:170px;
}


/**
 * registration
 **************************************/

#register-form {
  margin-left:0px;
}

#register-form p {
  width: 170px;
  margin-bottom:20px;
}

#register-form a {
  text-decoration: underline;
}

#main.registration #error {
  padding-left:0px;
  margin-bottom:10px;
  margin-top:0px;
}

.register-text {
  font-size:0.8em;
  margin-left:0px;
  margin-top:20px;
  margin-bottom:20px;
  width:550px;
}

#subscription-form {
  min-height:130px;
  max-width:250px;
}


/**
 * squeal-form
 **************************************/
#squeal-form {
  float:left;
  margin-left:45px;
  margin-top:30px;
}

#squeal-form textarea {
  overflow-y: auto;
}


/**
 * message-form
 **************************************/
#message-form {
  float:left;
  margin-left:45px;
  margin-top:30px;
}

#message-form textarea {
  overflow-y: auto;
}


/**
 * message list
 **************************************/

#msg {
  width:670px;
  margin-left:45px;
  margin-bottom:20px;
  padding-top:30px;
  font-size:0.8em;
  border-top:1px solid #81233d;
}

#msg-left {
  float:left;
  margin-right:15px;
  width:115px;
}

#msg-right {
  width:535px;
  margin-left:131px;
  
}

#msg .user-thumb {
  margin-bottom:10px;
  float:left;
}

#msg #subject {
  margin-bottom: 10px;
  color:#B16F7B;
}

#msg #content {
}

#msg #nickname {
  clear: both;
  margin-bottom:5px;
}

#msg #date {
  float:left;
}

#msg #online {
  margin-top:5px;
  float:left;
}

#msg pre {
  font-size:13px;
}

#msg-list {
  width:670px;
  margin-left:45px;
  padding-top:10px;
}

.msg-table {
  font-size:0.8em;  
}

.msg-table .x-grid3-scroller {
  background:#63001D;
}

.msg-table .x-grid3-header {
  background:#63001D;
  color: #B16F7B;
  padding-bottom:0px;
}

.msg-table .x-grid3-hd-row td {
  border:0;
  border-bottom:1px solid #81233d; 
  /*font-size:13px;*/
}

.msg-table .x-grid3-hd-over {
  background: #63001D;
  color: #CC2E8D;
}


.msg-table .x-grid3-row-selected {
  background-color: #63001D !important;
  color: #CC2E8D !important;
}
                                



.msg-table td.x-grid3-hd-over .x-grid3-hd-inner, .msg-table td.sort-desc .x-grid3-hd-inner, .msg-table td.sort-asc .x-grid3-hd-inner, .msg-table td.x-grid3-hd-menu-open .x-grid3-hd-inner {
background:#63001d;
}

.msg-table .x-grid3-row {
  background-color:#63001D;
  border:none;
  /*font-size:13px;*/
}

.msg-table .x-grid3-row td {
  /*font-size:13px;*/
}


.msg-table .x-grid3-row-over {
  background:#CC2E8D;
  color:#FFFFFF;
}
/*
table.message {
  width:670px;
  margin-top:30px;
}

table.message tbody {
  overflow-x: hidden;
  overflow-y: scroll;
  overflow: auto;
}

table.message th {
  text-align:left;
  color:#b16f7b;
  padding-right:5px;
  padding-bottom:3px;
  
  margin-bottom:5px;
  border-bottom:1px solid #81233d;
}

table.message td {
  text-align:left;
  padding-right:5px;
  padding-bottom:3px;
}

table.message td.top {
  padding-top:5px;
}

table.message td.bottom {
  padding-bottom:5px;
}
*/


/**
 * search
 **************************************/
div#filter {
  margin-left:45px;
  border-bottom:1px solid #B16F7B;
  padding-top:15px;
  padding-bottom:15px;
  width:670px;
}

div#filter p {
  font-size:0.9em;
}

div#filter a.selected {
  color: #CC2E8D;
}

#search-form {
  padding-top:5px;
}

.eber-gross {
  background: url("../image/eber-gross.gif") no-repeat 40px bottom;
}

.eber-klein {
  background: url("../image/eber-klein.gif") no-repeat 340px bottom;
}



#ebers {
  float:left;
  bottom:0;
  padding-left:220px;
  margin-top:-69px;
}



/*
 * search control
 **************************************/

#search-control {
  width:760px;
  padding: 35px 0 5px;
  font-size:0.8em;
  height:45px;
}

#search-control #bkw {
  padding-left:280px;
  margin-top:5px;
  float:left;
  width:30px;
}

#search-control #seite {
  float:left;
  text-align:center;
  width:140px;
}

#search-control td {
  margin-top:auto;
  margin-bottom:auto;
  background:url("../image/krone.gif") no-repeat center;
  height:30px;
}

#search-control p {
  margin-bottom:4px;
}

#search-control #fwd {
  float:right;
  padding-right:280px;
  margin-top:5px;
  width:30px;
}


/**
 * topic-item
 **************************************/

#topics {
  background-image:url("../image/salon7.jpg");
  margin-top:0px;
  margin-bottom:20px;
  padding:0;
  padding-left:45px;
  padding-top:30px;
  min-height:450px;
}

#topics .info-box {
  padding-left:0;
}

/* IE6 workaround */
* html #topics {height: 450px;}


#topics table {
  margin:0;
  padding:0;
}

#topics table td {
  border: none;
  padding-bottom:15px;
}

#topic-item {
  margin-top:-1px;
  font-size:0.8em;
}

#topic-item table {
  margin-left:55px;
}

#topic-item table td {
  padding:0;
  border:none;
}


#topic-item p {
  margin-top:0px;
  margin-bottom:20px;
}

#topic-item img {
  margin-top:0px;
  margin-bottom:15px;
}

#topic-item p#text {
  text-align:center;
  color: #63001D;
  padding-left:10px;
  padding-right:10px;
}

#topic-item #topic-img-table {
  text-align:center;
  margin:0;
  width:540px;
}

#topic-item #salon-logo {
  float:right;
  margin-top:-100px;
  padding-right:10px;
  margin-bottom:0px;
}



/*
textarea#topic_text {
  width:200px;
  height:106px;
  margin:0 0 0 0;
}
*/


/**
 * topic-item-edit
 ************************************************/

.topic-item-edit {
  width:670px;
  /*height:137px;*/
  font-size:0.8em;
}

.topic-item-edit .user-thumb {
  margin-left:20px;
  float:right;
}

.topic-item-edit .topic-text {
  float:left;
}

.topic-item-edit .topic-actions {
  float:left;
  text-align:right;
  width:180px;
  height:112px;
  vertical-align:baseline;
}

table.topic-actions td {
  border:none;
  padding:0;
}

.topic-item-edit p {
  margin-bottom:10px;
  float:left;
  width:450px;
}

textarea.topic_text {
  width:360px;
  height:106px;
  overflow-y: auto;
  margin:0 0 0 0;
}

.topic-actions form {
  float:right;
}


/**
 * general
 **************************************/

.align-right {
  text-align:right;
}

.ver-line {
  border-left:2px solid #81233d;
  width:2px;
  margin-top:20px;
}

.align-top {
  vertical-align:top;
}

.valign-middle {
  vertical-align:middle;
}

.heading {
  font-size: 0.9em;
}

.text {
  margin-left:45px;
  font-size: 0.8em;
}

.public .text {
  margin-left:0px;
}

#popup .text {
  margin-left:45px;
}



.label {
  color:#b16f7b;
}

.caption {
  width:104px;
  overflow:hidden;
  height:16px;
}



.form-element {
  float:left;
  vertical-align:bottom;
}

/* input textarea */
.inputarea {
  border: 2px solid #81233d;
  background-color: #63001D;
  overflow:hidden;
  color: #FFFFFF;
}

a.action{
  font-size: 0.8em;
}

.header-link {
  margin-bottom:20px;
}


/**
 * forms
 *********************************/
form {
  font-size:0.8em;
}

form .small-text {
  font-size:0.9em;
}

.main-form {
  padding-left:45px;
  padding-top:30px;
  /*width:662px;*/
}

.public-form {
  padding-left:400px;
  padding-top:50px;
  padding-bottom:120px;
}



div.form {
  display:block;
  max-width:670px;
}

div.form div {
  vertical-align:middle;
  margin-bottom:5px;
  display:block;
}

div.form div p {
  float:left;
  padding-top:4px;
  width:100px;
  color:#b16f7b;
  margin:0;
}

div.form div p.text {
  padding-top:4px;
  color:#ffffff;
  float:none;
  width:500px;
  font-size:1em;
}

form div.vertical div p {
  float:none;
  margin-bottom:5px;
  width:100%;
}

div.form p {
  color:#b16f7b;
  margin-bottom:5px;

}

input {
  padding:2px;
  margin:1px;
  border: 1px solid #FFFFFF;
  background-color: #63001D;
  overflow:hidden;
  color: #FFFFFF;
}

input[type=file] {
  border: none;
  color: #CC2E8D
}

input[type=submit] {
  background-color:#CC2E8D;
  border: 1px solid #B16F7B;
  cursor:pointer;
  /*margin:20px 2px 0; */
  margin:0;
  height:24px;
  /*display:block;*/
}

input.line {
  display:inherit;
  float:left;
}

input[type=checkbox] {
  border: none;
}

input.checkbox {
  border:none;
}

input[type=radio] {
  border: none;
}

input.radio {
  border: none;
}

textarea {
  padding:2px;
  margin:1px;
  border: 1px solid #FFFFFF;
  background-color: #63001D;
  overflow-x: hidden;
  overflow-y: auto;
  color: #FFFFFF;
}

select {
  padding:0px;
  margin:1px;
  border: 1px solid #FFFFFF;
  background-color: #63001D;
  overflow:hidden;
  color: #FFFFFF;
}

label {
  /* margin-left:5px; */
  /* margin-right:10px; */
  color: #B16F7B;
}

input.radio.right {
  margin-left:0px;
}




a.link-button {
  background-color:#CC2E8D;
  border: 1px solid #B16F7B;
  cursor:pointer;
  padding:4px 6px;
  float:left;
  height:14px;
  /*margin:20px 0px 0px 20px;*/
}

a.link-button:hover {
  color: #FFFFFF;
}

a.link-button:active {
  color: #FFFFFF;
}


.error {
  background-color:red !important;
}

/* login form */

#login-form {
  padding-left:20px;
  padding-top:40px;
}

#login-form div p {
  padding-top:0px;
  width:90px;
  color:#b16f7b;
  margin:0;
}

#left input[type="submit"] {
  margin:0;
}

#description {
  font-size:1.0em;
}

#register {
  padding-left:20px;
  padding-top:40px;
  width:200px;
}

#register div p {
  padding-top:0px;
  width:50px;
  color:#b16f7b;
  margin:0;
}

#guest {
  padding-left:20px;
  padding-top:40px;
  font-size:0.8em;
}

/**
 * error messages
 *********************************/

#error {
  float:left;
  font-size:0.8em;
  padding-left: 45px;
  margin-top:30px;
  width:670px;
}

#error ul{
  font-size: 1.0em;
  margin: 0;
  padding: 0;
}

#error li {
  list-style: none;
  margin: 0;
  margin-bottom:3px;
  padding: 0em;
}

.errorMessage {
  color:red;
}

/**
 * portal
 *************************************/

a.password {
  /*margin-left:94px; */
  vertical-align:bottom;
  font-size:0.8em;
  /*color:#B16F7B;*/
  text-align:right;
  padding-top:0;

}


/**
 * action message
 *************************************/
#message p {
  color:#FFFFFF;
  background-color:#CC2E8D;
  margin:0;
  padding:3px;
  list-style:none;
}


/**
 * list of thumbnail images
 *************************************/

.thumb-list {
  min-height:171px;
}

.thumb-list div {
  padding-right:8px;
  float:left;
  margin-top: 0px;
}

.thumb-list div a {
  display:block;
  text-align:left;
}





/**
 * home
 *************************************/

#home-messages {
  width:336px;
  padding-left:25px;
  margin-top: 30px;
  float:left;
  font-size:0.8em;
}

#home-clicks {
  width:336px;
  padding-left:45px;
  margin-top: 30px;
  float:left;
  font-size:0.8em;
}

#home-favourites {
  width:336px;
  padding-left:25px;
  margin-top: 40px;
  float:left;
  font-size:0.8em;
}

#home-news {
  width:336px;
  padding-left:45px;
  margin-top: 40px;
  float:left;
  font-size:0.8em;
}

#home-news p#newstext {
  width:330px;
  margin-top:10px;
  margin-bottom:10px;
}


/**
 * clicks
 **************************************/
#hirsche-rennend {
  float:left;
  bottom:0;
  padding-left:435px;
  margin-top:-82px;
}

#clicker {
  margin-bottom:100px; 
}

/**
 * galery
 *************************************/

.galery-img {
  border:0;
  padding:0;
  margin:0;
}


#galery-images {
  width: 5500px;
  height:500px;
  background-image:url("../image/galery.jpg");
  float:left;
  overflow:auto;
}

.single-img {
  margin-top:100px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  float:left;
  position:absolute;
}

#eberdiv {
  width:468px;
  height:136px;
  position:absolute;
  top: 358px;
}

/* edit */
.galery-image-edit {
  width:670px;
  height:137px;
  font-size:0.8em;
}

.galery-image-edit p {
margin-bottom:10px;
width:450px;
}

.galery-image-edit .user-thumb {
  margin-right:40px;
}
.galery-image-edit .note {
  float:right;
}

.galery-image-edit #title {
  height:72px;
  margin-top:15px;
}

.galery-image-edit #title p {
  margin-bottom:5px;
  height:auto;
}

.galery-image-edit #main-image {
  padding-bottom:10px;
  height:20px;
  color:#B16F7B;
}

.galery-image-edit #user-status {
  margin-left:-6px;
}

/*
 * events
 *************************/

#events {
  width: 5500px;
  height:500px;
  background-image:url("../image/wildbahn-sommer.jpg");
  float:left;
  overflow:auto;
}

.event-text {
  color:#63001D;
  margin-top:15px;
}

.event-img {
  border:2px solid transparent;
  padding:0;
  margin:0;
}


.event-img-border {
  border: 2px dotted white;
}

.event-img-border.empty {
  width: 150px;
  height: 180px;
}

.event-date {
  margin-bottom: 10px;
}


/*
 * pofile
 *************************/

#profile-user {
  padding-left:45px;
  margin-top: 30px;
  width:320px;
  font-size:0.8em;
  line-height:1.2em;
  float:left;

}

#profile-topic {
  margin-top: 30px;
  padding-right:46px;
  width:320px;
  font-size:0.8em;
  float:right;
}

#profile-topic a {
  float:left;
}

#profile-topic .user-thumb {
  float:right;
  margin:0;
}

#profile-topic p {
  float:left;
  margin-top:15px;
  margin-bottom:10px;
  width:210px;
}

#profile-topic p#text {
  width:210px;
  margin:0px 5px 0px 0px;
  height:82px;
  overflow-y:hidden;
}


.profiletd {
  vertical-align:top;
}

#profile-events {
  clear:right;
  padding-top:30px;
  padding-left:45px;
  font-size:0.8em;
}

#profile-event {
  width:320px;
  float:left;
  min-height:171px;
}

#profile-event .eventtext {
  float:right;
  width:205px;
  overflow-y:hidden;
  height:112px;
}

#profile-event .user-thumb {
  margin-right:10px;
}

#profile-event .label {
  margin-bottom:10px;
}

#profile-event-list {
  width:320px;
  float:right;
  padding-right:46px;
}

.event-item .date {
  float:left;
  margin-right:10px;
}

.event-item .desc {
  float:right;
  height:34px;
  overflow-y:hidden;
  width:230px;
}

.event-item .time-of-day {
}



#profile-galery {
  float:left;
  padding-left:45px;
  margin-top: 30px;
  font-size:0.8em;
  width:680px
}

#profile-galery .thumb-list div {
  padding-right:9px;
}


.img-frame-left {
  background-image:url('../image/img-frame-left.jpg');
  width:7px;
}

/**
 * invitations
 **************************************/
#invited-users-table {
  margin-left:45px;
  margin-top:15px;
  font-size:0.8em;
  text-align:left;
  width: 670px;

}

#invited-users-table th {
  color:#B16F7B;
  font-weight:normal;
  border-bottom:1px solid #B16F7B;
}

/**
 * info box
 **************************************/
div.info-box {
  padding-top:30px;
  padding-left:45px;
}

div.info-box p {
  width:628px;
  font-size:0.8em;
  border:1px solid #ffffff;
  padding:20px;
}


/**
 * layout styles
 **************************************/

.h15 {
  height:15px;
}

.h20 {
  height:20px;
}

.h25 {
  height:25px;
}

.h30 {
  height:30px;
}

.h200 {
  height:200px;
}

.h230 {
  height:230px;
}

.w5 {
  width:5px;
}

.w10 {
  width:10px;
}

.w15 {
  width:15px;
}

.w20 {
  width:20px;
}

.w70 {
  width:70px;
}

.w80 {
  width:80px;
}

.w100 {
  width:100px;
}

.w120 {
  width:120px;
}

.w135 {
  width:135px;
}

.w140 {
  width:140px;
}

.w150 {
  width:150px;
}

.w200 {
  width:200px;
}

.w250 {
  width:250px;
}

.w330 {
  width:330px;
}

.w400 {
  width:400px;
}

.w420 {
  width:420px;
}

.w500 {
  width:500px;
}

.w30em {
  width:30em;
}

.w40em {
  width:40em;
}

.w60em {
  width:60em;
}

.pt5 {
  padding-top:5px;
}

.pt15 {
  padding-top:15px;
}

.pt30 {
  padding-top:30px;
}

.pb30 {
  padding-bottom:30px;
}

.pb100 {
  padding-bottom:100px;
}

.pl45 {
  padding-left:45px;
}

.pl30 {
  padding-left:30px;
}

.m0 {
  margin:0 !important;
}

.mt-1 {
  margin-top:-1px;
}

.mt5 {
  margin-top:5px;
}

.mt10 {
  margin-top:10px;
}

.mt15 {
  margin-top:15px;
}

.mt20 {
  margin-top:20px;
}

.mt30 {
  margin-top:30px;
}

.mt50 {
  margin-top:50px;
}

.mt70 {
  margin-top:70px;
}

.mb5 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb15 {
  margin-bottom:15px;
}

.mb20 {
  margin-bottom:20px;
}

.mb30 {
  margin-bottom:30px;
}

.ml20 {
  margin-left:20px;
}

.ml45 {
  margin-left:45px;
}

.ml300 {
  margin-left:300px;
}

