/* Allgemeines Addon CSS */
hr {
	border-top:1px solid rgb(207, 207, 207);
}

@font-face{ 
	font-family: 'Roboto Light Condensed';
	src: url('RobotoCondensed-Light-webfont.eot');
	src: url('RobotoCondensed-Light-webfont.eot?iefix') format('eot'),
	     url('RobotoCondensed-Light-webfont.woff') format('woff'),
	     url('RobotoCondensed-Light-webfont.ttf') format('truetype'),
	     url('RobotoCondensed-Light-webfont.svg#webfont') format('svg');
}

/* MediaWiki Addon CSS */

/* kleinere Edit-Knöpfe */
.editsection {
	font-size: small;
}

/* kleinere Headlines in Wiki-Artikeln */
/* .firstHeading {
	font-size: x-large;
} */

div#toctitle h2 {
	font-size: large;
}

div#mw-content-text h1 {
	font-size: x-large;
}

div#mw-content-text h2 {
	font-size: large;
}

div#mw-content-text h3, h4, h5, h6 {
	font-size: medium;
}

.thumbinner {
	margin: 10px;
}

#wpTextbox1 {
	width: 98.8%;
}

/* SMF Addon CSS */
/*	für den richtigen Abstand zwischen Top-Navigation und Content */
body { padding-top: 40px; }

@media screen and (max-width: 48em) {
    body { padding-top: 40px; }
}

/* Einbindung unseres Webfonts als CI-Schrift */
.brand, .page-header {
	font-family:'Roboto Light Condensed';
}


/* für den richtigen Abstand zwischen Page-Header und Content */
.page-header {
	margin:0px;
	border-bottom: 0px;
}

.page-header h1 {
	color: #ffffff;
/*	position:absolute;
	top:115px;
	left:290px; */
}

/* der Jumbo-Header */
.jumbo-header {
	height:150px;
	margin-bottom:20px;
	background: url(../img/header_image.png) no-repeat center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    /* Retina-specific stuff here, put your CSS sprite stuff here for Retina */
	.jumbo-header
		{
		background-image: url(../img/header_image@2x.png);
		background-size: 2000px 150px;
		}
}

@media (min-width: 768px) and (max-width: 979px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  /* Widen masthead and social buttons to fill body padding */
  .jumbo-header {
    margin-top: -20px; /* Offset bottom margin on .navbar */
  }
}

@media (max-width: 767px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Widen masthead and social buttons to fill body padding */
  .jumbo-header {
    margin-top:   -20px; /* Offset bottom margin on .navbar */
    margin-right: -20px;
    margin-left:  -20px;
    background-position: -900px;
  }
}

/*	für die korrekte Einbindung des Avatars in der Top-Navigation */
.navbar img {
    max-height: 30px;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
    margin: -10px 0px -5px 0px;
}

/*	für die korrekte Anzeige von Logos in der Top-Navigation */
.dropdown-menu img {
	margin: 0px 10px 0px -10px;
}

/* boardicon: float left + margin-right */
.board-icon {
	float: left;
	margin-right: 1em;
}

.thread-icon {
	float: left;
	margin-right: 0.5em;
}

/*	zu lange Links sollen umgebrochen werden; 
	leider gibt es noch ein Problem in der Darstellung in Firefox */
/* p	{
	-ms-word-break: break-all;
    word-break: break-all; */

	/* Non standard for webkit */
/*	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
} */

.masthead	{
	padding: 40px 0 60px;
	margin-bottom: 0;
}

div#postarea_lower {
	padding-top:20px;
	padding-bottom:20px;
}

.signature {
	margin-top:20px;
	color:grey;
}

/* gemicons */

[class^="gemicon-"],
[class*=" gemicon-"] {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-image: url(../img/boardicon-sprite.png);
}

[class^="sm-gemicon"],
[class*=" sm-gemicon"] {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-image: url(../img/boardicon-sprite.png);
}


.sm-gemicon-thread {
	background-position: 0px -100px;
}

.gemicon-thread {
	background-position: 0px -150px;
}

.sm-gemicon-folder {
	background-position: -200px 0px;
}

.gemicon-folder {
	background-position: -200px -50px;
}

.gemicon-folder-plus {
	background-position: -250px -50px;
}

.sm-gemicon-folder-plus {
	background-position: -250px 0px;
}

.gemicon-redirect {
	background-position: -150px -50px;
}

.sm-gemicon-redirect {
	background-position: -150px 0px;
}

.sm-gemicon-plus {
	background-position: -50px -100px;
}

.sm-gemicon-minus {
	background-position: -100px -100px;
}

.gemicon-star-white {
	background-position: 0px -250px;
}

.sm-gemicon-star-white {
	background-position: 0px -200px;
}

.gemicon-star-grey {
	background-position: -50px -250px;
}

.sm-gemicon-star-grey {
	background-position: -50px -200px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    /* Retina-specific stuff here, put your CSS sprite stuff here for Retina */
	[class^="gemicon-"],
	[class*=" gemicon-"],
	[class^="sm-gemicon-"],
	[class*=" sm-gemicon-"]
		{
		background-image: url(../img/boardicon-sprite@2x.png);
		background-size: 500px 500px;
		}
}

[class^="logo-"],
[class*=" logo-"] {
	display: inline-block;
	width: 140px;
	height: 140px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-image: url(../img/logo-sprite.png);
}

[class^="sm-logo"],
[class*=" sm-logo"] {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-image: url(../img/logo-sprite.png);
}

.logo-headerlogo-white {
	background-position: 0px -100px;
}

.sm-logo-headerlogo-white {
	background-position: 0px 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    /* Retina-specific stuff here, put your CSS sprite stuff here for Retina */
	[class^="logo-"],
	[class*=" logo-"],
	[class^="sm-logo-"],
	[class*=" sm-logo-"]
		{
		background-image: url(../img/logo-sprite@2x.png);
		background-size: 500px 500px;
		}
}