/* ### -- -- -- -- -- General Definitions -- -- -- -- -- ### */

/* 
 * File: style.css 
 * Design: default
 * designid: 0
 */

/* page: Background-color */
html, body {
	background-color: #fff;
}

/* page: Background-image */
body {
	margin: 0;
	padding: 0 10px;
	/*background-image: url();
	background-repeat: no-repeat;
	background-position: auto;*/
	text-align: center;
}

/* page: Base font color  */
body, h1 a {
	color: #333;
}

/* page: font family */
body, table, form textarea {
	font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}

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

a {
	color: #666;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a[href $='.pdf'] {
	padding-right: 19px;
	background: transparent url('http://img.suicideapartment.com/iconsets/default/page_white_acrobat.png') no-repeat center right;
}

blockquote {
	margin-left: 7px;
}

blockquote > p {
	text-align: justify;
}

blockquote > p:first-child:before {
	content: url('http://img.suicideapartment.com/iconsets/default/blockquote.png');
	display: inline;
}

blockquote > p:last-child:after {
	content: url('http://img.suicideapartment.com/iconsets/default/blockquote.png');
	display: inline;
}

blockquote + p > cite {
	margin-left: 7px;
}

blockquote + p > cite:before {
	padding-right: 2px;
	content: url('http://img.suicideapartment.com/iconsets/default/script.png');
	display: inline;
}

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

/* ### -- -- -- -- -- page -- -- -- -- -- ### */

/* page */
#page {
	min-width: 760px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: .8em;
}

/* content */
.content {
	margin: 0;
	padding: 0;
	/*margin-bottom: 20px;*/
	background-color: #efefef;
	background-image: url();
}

.centerbox {
	margin: 0;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: left;
}

/* ### -- -- -- -- -- header -- -- -- -- -- ### */
#header {
	border: 0;
	padding: 0;
	clear: both;
	margin: 0 0 10px; /*t rl b*/
	min-height: 0;
	
	background-color: #efefef;/*#777;*/
	background-image: url('http://img.suicideapartment.com/header.gif');
	background-repeat: no-repeat;
	background-position: right;
}

#header a {
	border: 0;
}

#header h1 {
	color: #fff;
	display: none;
}

#header p {
	text-align: left;
}

#header:after {
	content: "";
	display: block;
	clear: both;
}

/* ### -- -- -- -- -- Main Menu Bar -- -- -- -- -- ### */
#menu {
	border: 0;
	padding: 0;
	margin: 0 1px 11px 0;
	/*font-size: 0.9em;/**/
	clear: both;
	width: 100%;
	min-height: 0;
	/*overflow: hidden;/**/
	background-color: #efefef;
	/*background-image: url();*/
}

#menu ul:after, #menu:after {
	display: block;
	clear: both;
	content: "";
}

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

#menu ul li {
	border-width: 0 1px 0 0;
	border-style: solid;
	float: left;
}

#menu ul li:last-child {
	border-style: none;
}

#menu ul li a {
	text-decoration: none;
	background-repeat: repeat-x;
	padding: 4px 6px 3px 6px; /* t, r, b, l */
	display: block;
}

#menu ul li a {
	color: #666;
	background-color: #efefef;
	/*background-image: url();*/
}
#menu ul li > a:hover {
	color: #333;
	background-color: #fff;
	/*background-image: url();*/
}

/* Menu Item active */
#menu .activeMenuItem a {
	color: #fff;
	background-color: #777;
	/*background-image: url();*/
}
#menu .activeMenuItem > a:hover {
	color: #000;
	background-color: #cecece;
	/*background-image: url();*/
}
#menu ul li:hover a {
	/*background-image: url();*/
}

/* ### -- -- -- -- -- border -- -- -- -- -- ### */

.border {
/*	margin-bottom: 7px;*/
	padding: 1px 0 0 1px;
	border-width: 1px;
	border-color: #999;
	background-color: #fff;
	border-style: solid;
}

/* ### -- -- -- -- -- copyright -- -- -- -- -- ### */

.copyright {
	visibility: hidden;
	text-align: center;
	white-space: nowrap;
	padding: 20px 0 7px 0; /* t, r, b,l */
	clear: both;
	font-size: .85em;
}

.copyright a {
	text-decoration: none;
}

/* ### -- -- -- -- -- partner -- -- -- -- -- ### */

#partner {
	color: #efefef;
	text-align: center;
	white-space: nowrap;
	padding: 10px 0 0 0; /* t, r, b, l*/
	clear: both;
	font-size: .85em;
}

#partner a {
	text-decoration: none;
}

/* ### -- -- -- -- -- Blätterlinks -- -- -- -- -- ### */
#pagelinks {
	clear: both;
	display: block;
	text-align: left;
	width: 100%;
}

/* ### -- -- -- -- -- Sub Menu Bar -- -- -- -- -- ### */
#submenu {
	font-size: 0.9em;
	clear: both;
	width: 100%;
	min-height: 0;
	overflow: hidden;
	background-color: #efefef;
	/*background-image: url();*/
}

#submenu ul:after, #submenu:after {
	display: block;
	clear: both;
	content: "";
}

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

#submenu ul li {
	border-width: 0 1px 0 0;
	border-style: solid;
	float: left;
}

#submenu ul li:last-child {
	border-style: none;
}

#submenu ul li a {
	text-decoration: none;
	background-repeat: repeat-x;
	padding: 4px 5px 3px 5px; /* t, r, b, l */
	display: block;
}

#submenu ul li a {
	color: #666;
	background-color: #efefef;
	/*background-image: url();*/
}
#submenu ul li > a:hover {
	color: #333;
	background-color: #fff;
	/*background-image: url();*/
}

/* Sub Menu Item active */
#submenu .activeMenuItem a {
	color: #fff;
	background-color: #777;
	/*background-image: url();*/
}
#submenu .activeMenuItem > a:hover {
	color: #000;
	background-color: #cecece;
	/*background-image: url();*/
}
#submenu ul li:hover a {
	/*background-image: url();*/
}

/* ### -- -- -- -- -- formField -- -- -- -- -- ### */

form {
	display: inline;
}

#container .formField {
	margin-top: -5px;
}

.formDiv {
	display: inline;	
}

.formSubmit {
	padding:0;
	margin:5px 0 5px 10px;
}

.formField {
	margin-left: 216px;
	padding: 2px 0 3px 0;
}

.formField textarea, .formField select[multiple] {
	width: 90%;
	max-width: 90%;
}

div.ie6selectfix {
	display: inline;
}

.formCheckBox .formField {
	padding-left: 20px;
}

.formField:after {
	content: "";
	display: block;
	clear: both;
}

.formField label {
	font-size: 1em !important;
	clear: both;
	display: block;
}

.formField li span {
	margin-left: 5px;
	float: left;
	display: block;
}

.formFieldLabel {
	text-align: right;
	float: left;
	width: 200px;
}

.formFieldDesc {
	margin-left: 216px;
	padding: 0 4px 4px 1px;
	clear: both;
}

.formCheckBox .formFieldDesc {
	margin: 0;
	padding-left: 24px;
}

.formCheckBox .formField {
	margin: 0;
}

.formDate .formFieldset, .formRadio .formFieldset, .formCheckBox .formFieldset, .pollSettings .formFieldset {
	margin-left: 216px;
}

.formDate .formFieldset legend, .formRadio .formFieldset legend, .formCheckBox .formFieldset legend, .pollSettings .formFieldset legend {
	display: none;
}

.formDate .formField, .formRadio .formField, .formCheckBox .formField, .formDate .formFieldDesc, .formRadio .formFieldDesc, .formCheckBox .formFieldDesc {
	margin-left: 0;
}

/* ### -- -- -- -- -- profil -- -- -- -- -- ### */

#postitHidden {
	top: 200px;
	left: 65%;
	width: 200px;
	height: 20px;
	padding: 5px;
	display: none;
	position: absolute;
	overflow: hidden;
	color: #003;
	background-color: #e0e0e0/*#e8e8e8/*#ff6*/;
	text-align: left;
}

#postit {
	top: 200px;
	left: 65%;
	width: 200px;
	height: 150px;
	padding: 5px;
	position: absolute;
	overflow: hidden;
	color: #003;
	background-color: #e0e0e0/*#e8e8e8/*#ff6*/;
	text-align: left;
	/*background-image: url('');*/
}

#postit #note {
	width: 195px;
	height: 109px;
	border: 0px;
	color: #003;
	background-color: #e0e0e0/*#e8e8e8/*#ff6*/;
}

#postit input {
	border: 0px;
	color: #003;
	background-color: #e0e0e0/*#e8e8e8/*#ff6*/;
}

/* ### -- -- -- -- -- chat -- -- -- -- -- ### */

#chat {
	width: 100%;
	height: 330px;
}

#div_window {
	 position: absolute;
	 overflow: hidden;
	 height: 300px;
	 width: 57%;
}

#chat_window {
	 position: absolute;
	 top:0;
	 left:0;
	 width: 100%;
	 text-align: left;
}

#div_messagefield {
	 position: relative;
	 top: 305px;
	 left: 0px;
	 width: 100%;
	 height: 20px;
}

#chat_right {
	 position: relative;
	 top: -20px;
	 left: 80%;
	 overflow: auto;
	 width: 160px;/*30%*/
	 height: 300px;
}

.chat_error {
	color: #f00;
}

.chat_debug {
	color: #00f;
}

.quote {
	border: thin solid #333;
}

dl.chatrules {
	margin-left: 20px;
}

dl.chatrules dt {
	font-weight: bold;
	margin-top: 10px;
}

dl.chatrules dd {
	margin-top: 10px;
	margin-left: 15px;
}

dl.chatrules dl {
	margin-left: 5px;
}

dl.chatrules dl dt {
	font-style: italic;
}

.room1 { /* Wohnzimmer */
	
}

.room2 { /* Küche */
	
}

.room3 { /* Badezimmer */
	
}

.room4 { /* Schlafzimmer */
	
}

.room5 { /* Garage */
	
}

.room6 { /* Garten */
	/*background-color: #1ff087;*/
	/*background-image: url('http://img.sucideapartment.com/chat/room6.png');
	background-repeat: no-repeat;
	background-position: left bottom;/**/
}

.room7 { /* Keller */
	
}

.room8 { /* Dachboden */
	
}
/* ### -- -- -- -- -- sitemap -- -- -- -- -- ### */

dl.sitemap {
	margin-left: 20px;
}

dl.sitemap dt {
	font-weight: bold;
	margin-top: 10px;
}

dl.sitemap dd {
	margin-top: 10px;
	margin-left: 15px;
}

dl.sitemap dl {
	margin-left: 5px;
}

dl.sitemap dl dt {
	font-style: italic;
}

/* ### -- -- -- -- -- inhaltsverzeichnis -- -- -- -- -- ### */

dl.contents {
	margin-left: 20px;
}

dl.contents dt {
	font-weight: bold;
	margin-top: 5px;
}

dl.nostrong dt {
	font-weight: normal !important;
	margin-top: 5px;
}

dl.contents dd {
	margin-top: 3px;
	margin-left: 10px;
/*	font-style: italic;*/
}

/* ### -- -- -- -- -- hilfe -- -- -- -- -- ### */

dl.help {
	margin-left: 20px;
}

dl.help dt {
	font-weight: bold;
	margin-top: 5px;
}

dl.nostrong dt {
	font-weight: normal !important;
	margin-top: 5px;
}

dl.help dd {
	margin-top: 3px;
	margin-left: 10px;
/*	font-style: italic;*/
}

/* ### -- -- -- -- -- pageMenu -- -- -- -- -- ### */
.pageMenu { 
	text-align: left;
	margin: 0;
	margin-right: 0 !important;
	clear: both;
}

.pageMenu ul {
	font-weight: normal !important;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.pageMenu ul li {
	border: 0;
	text-align: left;
}

.pageMenu a {
	text-decoration: none !important;
	background-image: none;
	border-width: 0 1px 1px 0 !important;
	border-style: solid !important;
	margin: 0 !important;
	padding: 3px 4px !important;
	float: none !important;
	height: auto !important;
	display: block !important;
}

.pageMenu ul li a {
	color: #555;
	background-color: #f7f7f7;
}

.pageMenu ul li a:hover {
	color: #000;
	background-color: #cecece;
}

.pageMenu .pageMenuItemSelected a {
	color: #fff;
	background-color: #777;
	border-width: 1px;
	border-color: #999;
}
.pageMenu .pageMenuItemSelected > a:hover {
	color: #000;
	background-color: #cecece;
}

/* ### -- -- -- -- -- pms -- -- -- -- -- ### */

.pmUnreadMessages {
	font-weight: bold;
}

.pmFolders {
	float: left;
	width: 155px;
}

.pmMessages {
	margin-left: 170px;
	clear: right;
}

.pmIndex {
	min-height: 0;
}

.pmIndex:after {
	content: "";
	display: block;
	clear: both;
}

.pmNew {
	padding: 10px 0 10px 0;
	background-color: #f7f7f7;
	text-align: left;
}

.pmNew #errorDiv {
	width: 75%;
	margin: -5px 0 0 10px;
	float: left;
}

.pmNew #toDiv, .pmNew #titleDiv {
	width: 75%;
	float: left;
}

.pmNew .formFieldLabel {
	text-align: left;
	padding-left: 10px;
	width: 70px;
}

.pmNew .formField {
	margin-left: 85px;
	padding: 2px 0 3px 0;
}

.pmNew .formCheckBox .formField {
	margin: 0 0 0 10px !important;;
	padding: 0;
}

.pmNew .formFieldDesc {
/*	margin-left: 85px;*/
	margin: -5px 0 -1px 85px;/*-5px 0 -5px 80px*/
	padding: 0 4px 0 0;/*0 4px 4px 2px*/
	clear: both;
}

.pmMessage {
	/*padding: 0 0 10px 0;*/
	background-color: #f7f7f7;
}

.pmMessage:after {
	content: "";
	display: block;
	clear: both;
}

.pmMessage .userdata {
	text-align: right;
	float: left;
	width: 145px;
	padding: 5px 5px 5px 0;
	border-width: 0 1px 0 0 !important;
	border-style: solid !important;
	border-color: #fff;
}

.pmMessage .userdata a {
	text-decoration: none;
}

.pmMessage .message {
	margin-left: 150px;
	padding: 5px 5px 5px 5px; /* t, r, b, l */
	text-align: left;
	border-width: 0 0 0 1px !important;
	border-style: solid !important;
	border-color: #fff;
}

.pmMessage .message a {
	text-decoration: none;
}	

/* ### -- -- -- -- -- wiw -- -- -- -- -- ### */

.wiwHeader {
	margin: 0 10% 0 10%;
}

.wiwHeader table {
	width: 100%;
}

.wiwContent {
	margin: 0 10% 20px 10%;
}

.wiwContent table {
	width: 100%;
}

/* ### -- -- -- -- -- icd10 -- -- -- -- -- ### */

#rangeButtons form div {
	display: inline;
}

#rangeButtons form div input {
	width: 85px;
}

/* ### -- -- -- -- -- tableData -- -- -- -- ### */

.tableData td {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #999;
	padding: 2px 7px 2px 7px;
}

.tableData thead td {
	font-weight: bold;
}

.tableDataField {
	text-align: center;
}

/* ### -- -- -- -- -- table -- -- -- -- -- ### */

.tableHead {
	background-color: #cecece;
	color: #333
}
.tableHead div {
	white-space: nowrap;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 2px 4px 0 4px;
	display: block;
	min-height: 19px;
	border-color: #999;
}

.tableList td {
	padding: 4px;
}

.tableList td p {
	display: inline;
}

.tableList th {
	font-weight: normal;
}

.border .tableList {
	border-spacing: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.tableList td, .border .tableList th {
	border-color: #fff;
}

.border .tableList td.columnTitle, .border .tableList td.columnDate, .border .tableList td.columnAuthor, .border .tableList td.columnMisc {
	text-align: left;
	background-color: #f7f7f7;
}

.border .tableList td.columnTitle {
	width: 100%;
}

.columnAuthor, .columnDate  {
	white-space: nowrap;
}

.border .tableList td.columnMisc {
	text-align: center;
}

/* ### -- -- -- -- -- Sammelkarten -- -- -- -- -- ### */
.collectorscardRow {
	margin: 10px 0 10px 0;
}

.collectorscardLeft {
	display: inline;
	width: 50%;
	text-align: center;
/*	margin-left: 30%; /* t, r, b, l */
	float: left;
}

.collectorscardRight {
	display: inline;
	width: 50%;
	text-align: center;
/*	margin-right: 30%; /* t, r, b, l */
	float: right;
}

.collectorscardDescription {
	display: inline;
}

/* ### -- -- -- -- -- Galerie -- -- -- -- -- ### */
.galleryThumb {
	width: 33%;
	height: 250px;
	text-align: center;
/*	margin-left: 30%; /* t, r, b, l */
	padding-bottom:  10px;
	float: left;
}

.galleryThumbDescription {
	display: inline;
}

.galleryThumbDescription p {
	display: inline;
}

.galleryImage {
	text-align: center;
}

/* ### -- -- -- -- -- Gästebuch -- -- -- -- -- ### */
.gb_profile {
	margin: 0;
}

.gb_profile .identifier {
	text-align: center;
	float: left;
	width: 200px;
}

.gb_profile .identifier a {
	text-decoration: none;
}

.gb_profile .profiledata {
	margin-left: 216px;
	padding: 0 4px 4px 1px;
}

.gb_profile .profiledata a {
	text-decoration: none;
}

.gb_entry {
	margin: 20px 0 20px 0;
}

.gb_entry:after {
	display: block;
	clear: both;
	content: "";
}

.gb_entry .userdata {
	text-align: right;
	float: left;
	width: 200px;
}

.gb_entry .userdata a {
	text-decoration: none;
}

.gb_entry .comment {
	margin-left: 216px;
	padding: 0 4px 4px 1px; /* t, r, b, l */
}

.gb_entry .comment a {
	text-decoration: none;
}	

/* ### -- -- -- -- -- Shop - Set -- -- -- -- -- ### */
.setField {
	margin-left: 70px;
	padding: 2px 0 3px 0;
}

.setField input, .cartfield select {
	width: 50px;
}

.setField:after {
	content: "";
	display: block;
	clear: both;
}

.setFieldLabel {
	text-align: right;
	float: left;
	width: 10px;
	margin: 0;
	padding-left: 24px;
}

/* ### -- -- -- -- -- Shop - Cart -- -- -- -- -- ### */
.cartField {
	margin-left: 120px;
	padding: 2px 0 3px 0;
}

.cartfield select {
	width: 200px;
}

.cartField:after {
	content: "";
	display: block;
	clear: both;
}

.cartFieldLabel {
	text-align: right;
	float: left;
	width: 85px;
	margin: 0;
	padding-left: 24px;
}

/* ### -- -- -- -- -- Shop - Bill -- -- -- -- -- ### */
.shopRatingDiv {
	display: inline;
	padding: 2px;
}

.shopRatingVal1 {
	background-color: #ababab;
}

.shopRatingVal2 {
	background-color: #b9b9b9;
}

.shopRatingVal3 {
	background-color: #c6c6c6;
}

.shopRatingVal4 {
	background-color: #d4d4d4;
}

.shopRatingVal5 {
	background-color: #e2e2e2;
}
/* ### -- -- -- -- -- acp - logs -- -- -- -- -- ### */

.logButtons form div {
	display: inline;
}

.logButtons form div input {
	width: 30px;
}

/* ### -- -- -- -- -- Google Maps v2 -- -- -- -- -- ### */

div.gmnoprint > div {
	color: #000 !important;
	text-decoration: none !important;
	font-weight: bold !important;
}