﻿
/* ### -- -- -- -- -- Special Burning Board 3 Styles -- -- -- -- -- ### */

/* 

File: burningBoard.css 
Copyright 2006 by WoltLab GmbH. 

*/

/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */

.hot {
	font-weight: bold;
}

.interesting a {
	font-style: italic;
}

.threadStarter {
	font-style: italic;
}

.topicQuickEdit {
	display: none;
	width: 50%;
}

.prefix strong {
	font-weight: normal;
}

.headlineContainer h1 .prefix {
	font-size: .7em;
}

.smallPages {
	float: right;
	height: 24px;
}

.goToNewPost {
	margin-right: 3px;
	float: left;
}

.topic input, .headlineContainer h1 input  {
	width: 70%;
}

.threadSort:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.breadCrumbs .prefix {
	text-decoration: none;
}

/* ### -- -- -- -- -- Quick Jump -- -- -- -- -- ### */

.quickJump {
	white-space: nowrap;
	width: auto;
}

.quickJump select {
	width: auto;
}

/* ### -- -- -- -- -- Page Options -- -- -- -- -- ### */

.pageOptions {
	float: right;
}

.pageOptions form, .pageOptions div {
	display: inline;
}

.pageOptions a, .pageOptions form {
	text-decoration: none;
	margin-left: 10px;
}

.pageOptions a span {
	text-decoration: underline;
}

.pageOptions a:hover span {
	text-decoration: none;
}

/* ### -- -- -- -- -- Board List -- -- -- -- -- ### */



h3.boardTitle {
font-weight: bold !important;
center
}

h3.boardTitle a, h3.boardTitle a:hover {
	text-decoration: none !important;
}

h4.boardTitle {
font-weight: bold !important;
text-decoration: none !important;
}

h4.boardTitle a, h4.boardTitle a:hover {
text-decoration: none !important;
} 

a {
text-decoration: none !important;
}

a:hover {
text-decoration: underline !important;
}
















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

#boardlist {
	margin-bottom: 20px;
}

#boardlist .boardlistInner {
	min-height: 16px;
}

#boardlist .container-1, #boardlist .container-2  {
	background-repeat: no-repeat;
	background-position: left center;
}

#boardlist li ul .boardlistInner {
	padding-left: 30px;
}

#boardlist li ul li ul .boardlistInner {
	padding-left: 60px;
}

#boardlist li ul li ul li ul .boardlistInner {
	padding-left: 90px;
}

#boardlist li {
	min-height: 0;
}

#boardlist .containerContent:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

#boardlist .container-1, #boardlist .container-2 {
	padding: 4px;
}

.boardlistLastPost {
	margin: -1.5em 3em 0 3em;
	float: right;
	width: 40%;
	overflow: hidden;
}

#boardlist .boardTitle {
	width: 45%;
}

#boardlist .containerHead .boardTitle {
	width: 99.5%;
}

#boardlist .boardlistSubboards {
	margin: 3px 0 0 0;
	padding: 0;
	min-height: 0;
}

#boardlist .boardlistSubboards {
	margin: 3px 0 0 0;
}

#boardlist .boardlistSubboards h4, #boardlist .boardlistSubboards h5, #boardlist .boardlistSubboards h6 {
	display: inline;
}

.boardlistUserOnline, .moderators {
	margin-top: 3px;
}

.boardlistDescription {
	margin-bottom: 3px;
}

.boardlistCounter {
	margin-bottom: 3px;
}

/* ### -- -- -- Thread List -- -- -- ###*/

.tableList .columnLastPost {
	width: 30%;
}

.tableList .columnLastPost p {
	text-align: center;
}

.tableList .columnLastPost .containerContentSmall p {
	text-align: left;
}

.tableList .columnTopic {
	width: 70%;
}

.tableList .columnTopic div.topic {
	overflow: hidden;
}

.tableList .columnViews, .tableList .columnReplies {
	text-align: center;
}

.tableList .columnRating, .tableList .columnLastActivity {
	white-space: nowrap;
}

/* todo: find a better solution, because this makes problems, when more than 
only one image is in that td, e.g. delete and enable action
-> maybe apply this via javascript, as it is only needed for drop down menus
 */
.tableList td.columnIcon img {
	display: block;
}

/* ### -- -- -- Similar Threads -- -- -- ###*/

.similarThreads {
	list-style: none;
	margin-top: 10px;
	padding: 0;
}

.similarThreads li {
	min-height: 0;
}

.similarThreads .breadCrumbs {
	margin: 0;
}

/* ### -- -- -- Moderation Overview -- -- -- ###*/

.moderationOverview {
	list-style: none;
	margin: 15px 0 5px 0 !important;
	padding: 0;
}

.moderationOverview:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.moderationOverview ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.moderationOverview img {
	margin-right: 5px;
	float: left;
}

.moderationOverview li {
	margin: 0 5% 10px 0;
	float: left;
	width: 40%;
	min-height: 48px;
}

.moderationOverview li ul li {
	margin: 3px 0 3px 0;
	float: none;
	width: auto;
	min-height: 0;
}

/* ### -- -- -- -- -- Delete Post -- -- -- -- -- ### */

.deletePost input[type="submit"] {
	float: right;
}

.deletePost .formField {
	float: left;
}

.deletePost:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

/* --------- Startseiten CSS aus PS ------- */


#Tabelle_01 {
	position:relative;
	left:0px;
	top:10px;
	width:900px;
	height:447px;
}

#startseite-01_ {
	position:absolute;
	left:0px;
	top:10px;
	width:464px;
	height:86px;
}

#startseite-02_ {
	position:absolute;
	left:510px;
	top:40px;
	width:436px;
	height:249px;
}

#startseite-03_ {
	position:absolute;
	left:0px;
	top:86px;
	width:464px;
	height:89px;
}

#startseite-04_ {
	position:absolute;
	left:0px;
	top:185px;
	width:464px;
	height:320px;
}

#startseite-05_ {
	position:absolute;
	left:464px;
	top:249px;
	width:436px;
	height:53px;
}

#startseite-06_ {
	position:absolute;
	left:464px;
	top:302px;
	width:87px;
	height:50px;
}

#startseite-07_ {
	position:absolute;
	left:551px;
	top:302px;
	width:273px;
	height:50px;
}


#startseite-08_ {
	position:absolute;
	left:824px;
	top:302px;
	width:76px;
	height:50px;
}

#startseite-09_ {
	position:absolute;
	left:464px;
	top:352px;
	width:436px;
	height:56px;
}

#startseite-10_ {
	position:absolute;
	left:464px;
	top:408px;
	width:129px;
	height:39px;
}

#startseite-11_ {
	position:absolute;
	left:624px;
	top:408px;
	width:181px;
	height:39px;
}

#startseite-12_ {
	position:absolute;
	left:774px;
	top:408px;
	width:126px;
	height:39px;
}

/*  ### ----- Registrieren Button ------ #### */

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a9c1f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a9c1f2;
	box-shadow:inset 0px 1px 0px 0px #a9c1f2;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6893e3), color-stop(1, #3a62b3) );
	background:-moz-linear-gradient( center top, #6893e3 5%, #3a62b3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6893e3', endColorstr='#3a62b3');
	background-color:#6893e3;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #204da8;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:14px 45px;
	text-decoration:none;
	text-shadow:-1px -1px 0px #424242;
}.myButton:hover {
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3a62b3), color-stop(1, #6893e3) );
	background:-moz-linear-gradient( center top, #3a62b3 5%, #6893e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a62b3', endColorstr='#6893e3');
	background-color:#3a62b3;
	text-shadow:-1px -1px 0px #424242;
	color:#ffffff;
	

}.myButton:active {
	position:relative;
	top:1px;
	text-decoration:none;
} 


/* ### -------- Login Button ### -------- */

.mylogButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e6e6e6) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #e6e6e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e6e6e6');
	background-color:#f5f5f5;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d1d1d1;
	display:inline-block;
	color:#a3a3a3;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:9px 33px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.mylogButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f5f5f5) );
	background:-moz-linear-gradient( center top, #e6e6e6 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f5f5f5');
	background-color:#e6e6e6;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	color:#a3a3a3;


}.mylogButton:active {
	position:relative;
	top:1px;
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */

