/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */

p {
	font-family: 'Quattrocento Sans', Helvetica, Arial;
	font-size: 15px;
	line-height: 24px;
	color: #3b4b59;
}

a {
	color: #e58156;
	text-decoration: none;
	outline: none;
}

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

img {
	border: none;
}

ul {
	list-style: none;
}
img.logo {
	width:250px;
	height:65px;
	background:url('../img/result.png') 0 0;
}
img.pfeil {
	width:10px;
	height:10px;
	background:url('../img/result.png') 0 -75px;
}
img.de {
	width:16px;
	height:10px;
	background:url('../img/result.png') 0 -95px;
}
img.nl {
	width:16px;
	height:10px;
	background:url('../img/result.png') 0 -115px;
}
img.en {
	width:16px;
	height:10px;
	background:url('../img/result.png') 0 -431px;
}
img.sheknows {
	width:130px;
	height:20px;
	background:url('../img/result.png') 0 -135px;
}
img.create {
	width:36px;
	height:36px;
	background:url('../img/result.png') 0 -165px;
}
img.mytests {
	width:36px;
	height:36px;
	background:url('../img/result.png') 0 -211px;
}
img.write {
	width:36px;
	height:36px;
	background:url('../img/result.png') 0 -257px;
}
img.male {
	width:15px;
	height:15px;
	background:url('../img/result3.png') 0 -94px;
}
img.female {
	width:8px;
	height:12px;
	background:url('../img/result3.png') 0 -72px;
}
img.stargold {
	padding-top: 2px;
	width:14px;
	height:14px;
	background:url('../img/result3.png') 0 0;
}
img.stargrey {
	padding-top: 2px;
	width:14px;
	height:14px;
	background:url('../img/result3.png') 0 -24px;
}
img.starsplit {
	padding-top: 2px;
	width:14px;
	height:14px;
	background:url('../img/result3.png') 0 -48px;
}
img.sixx {
	width:82px;
	height:45px;
	background:url('../img/result.png') 0 -451px;
}

/* ==========================================================================
   Test/Quiz Page
   ========================================================================== */


#crumbtrail {
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 20px;
	color: #94A8B7;
}

.metaRating {
	padding-top: 2px;
}

.answer {
	display: block;
	position: relative;
	line-height: 28px !important;
	padding: 0px 0 8px 28px;
}

#searchSuchbox {
	margin-top: 12px;
	float: left;
}

input.button-klein{
	margin: 10px 0px 10px 0px;
	padding: 1px 6px 1px 18px;
	border: none;
	color: #FFFFFF;
	background-image: url(../images/_layout/button_search.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #d85117;
	cursor: pointer;
}
*+html input#button-klein{
	padding: 0px 0px 0px 10px;
}
* html input#button-klein{
	padding: 0px 0px 0px 10px;
}

#certificateSealAlone {
	position: relative;
	width: 120px;
	left: 16px;
	top: -5px;
	text-align: left;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.clear {
	clear: both;
}


/* Desktop */
@media only screen
and (min-width : 1024px)
{
::-moz-selection {
    background: #bf4545;
    color: white;
    text-shadow: none;
}

::selection {
    background: #bf4545;
    color: white;
    text-shadow: none;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Advertising
   ========================================================================== */

#advertising {
	position: relative;
	z-index: 300;
	width: 980px;
	margin: 20px auto 20px;
	text-align: center;
}

#mobileBanner {
	display: none;
}

#banner {
	min-height:90px;
	z-index: 10000;
	margin: 0 auto 0px;
	text-align: center;
}

#skyscrapper {
	min-width:160px;
	position: absolute;
	z-index: 10000;
	margin-left: 1000px;
	margin-top: 20px;
}

.squareAd {
	margin-bottom: 30px;
}

.squareAdmobi {
	display: none;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */

html, body {
	font-family: "Quattrocento Sans", Helvetica, Arial;
	color: #3b4b59;
	margin: 0;
	padding: 0;
}

body {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3df79));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3df79 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3df79 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3df79 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3df79 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3df79',GradientType=0 );
}

h1, h2, h3, h4 {
	font-family: 'Oswald', Helvetica, Arial;
	font-weight: lighter;
}


/* ==========================================================================
   Masthead
   ========================================================================== */

#top {
	background-color: #f2de79;
	height: 66px;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid #b6b6b6;

	-moz-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	-webkit-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
}

		#top ul {
			margin: 0;
		}

				#top li {
					display: inline-block;
				}

#headerNav {
	z-index: 10;
	display: block;
}

		#headerNav {
			width: 980px;
			margin: 0 auto;
		}

		#headerNav img {
			margin-left: 0px;
		}

		.centerMenu {
			margin-top: 22px;
		}

		.centerMenu img {
			margin-left: 4px !important;
		}

		#headerNav ul {
			padding-left: 0;
		}

		#headerNav li {
			height: 66px;
			float: left;
			font-family: 'Oswald';
			font-size: 15px;
			font-weight: bold;
			text-transform: uppercase;
			margin-right: 34px;
		}

				#headerNav li:last-child {
					margin-right: 0px;				}

				#headerNav li a {
					display: block;
					color: #3b4b59;
					text-decoration: none;
				}

				#headerNav li div {
					background: #3b4b59;
					margin-top: 0px;
					display: none;
				}

				#headerNav li:hover div {
					position: relative;
					z-index: 1000;
					margin-top: 12px;
					display:block;
					position:absolute;
					width: 540px;
					padding: 10px 40px 20px 40px;
					-moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
					-webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
					box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
				}

				#headerNav li div h2 {
					font-size: 24px;
					text-transform: none;
					color: white;
				}

				#headerNav li ul {
					float: left;
					width: 180px;
					margin-left: 0px;
				}

				#headerNav li ul li a {
					width: 180px;
					font-family: 'Quattrocento Sans';
					font-size: 15px;
					color: #f2efbb;
				}

				#headerNav li ul li:hover {
					border: none !important;
				}

				#headerNav li ul li a:hover {
					color: #e58156;
					text-decoration: underline;
				}

				.dropdown:after {
					content:'';
					display:block;
					position:absolute;
					top:-20px;
					left:15px;
					width:0;
					height:0;
					border-color: transparent transparent #3b4b59 transparent;
					border-style: solid;
					border-width: 10px;
				}

				#categories li {
					height: 32px !important;
				}

				#create {
					width: 230px !important;
					padding-bottom: 6px !important;
				}

					#create li a {
						display: inline-block;
						width: 230px !important;
					}

					#create img {
						margin: 0 10px 0 0px !important;
					}

				.closeMenu {
					display: none;
				}

					.closeMenu img {
						display: block;
						position: relative;
						z-index: 10001;
						text-align: right;
						width: 20px !important;
						height: 20px;
						background:url('../img/result.png') 0 -401px;
					}

				.closeCreate {
					right: -30px;
				}

				#search {
					margin-top: 12px;
					margin-right: 120px;
					float: right;
				}

				#searchInput {
					position: relative;
					float: left;
					z-index: 20;
					width: 300px;
					background: #f2efbb;
					padding: 10px 8px 10px 8px;
					border: none;
					border-radius: 8px;
					font-family: "Quattrocento Sans";
					font-size: 16px;
					color: #3b4b59;
					outline: none;
				}

					#searchInput:focus {
						border-color: #bf4545;
						box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
						-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
						-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
					}

					input::-webkit-input-placeholder {
					    color: #e58156;
					}
					input:-moz-placeholder {
					    color: #e58156;
					}
					input:-ms-input-placeholder {
					    color: #e58156;
					}

					#submit {
						position: relative;
						z-index: 10;
						width: 40px;
						height: 39px;
						background: transparent url('../img/result.png') no-repeat center center;
						background-position: -0px -303px;
						border: none;
					}

						#submit:hover {
							background: #e58156 url('../img/result.png') no-repeat center center;
							background-position: -0px -352px;
							border-radius: 8px;
						}

					#partner {
						position: absolute;
						z-index: 15000;
						margin-left: 990px;
						margin-top: 8px;
					}

					#partner2 {
						position: absolute;
						z-index: 15000;
						margin-left: 1072px;
						margin-top: 8px;
					}

					#partner3 {
						position: absolute;
						z-index: 15000;
						margin-left: 880px;
						margin-top: 4px;
					}

/* ==========================================================================
   Page Content
   ========================================================================== */

#background {
	position: relative;
	z-index: 2;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3df79 100%);

	-moz-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	-webkit-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
}

#mainWrapper {
	width: 980px;
	margin: 0 auto;
}

#contentArea {
	position: relative;
	z-index: 2;
	width: 940px;
	min-height:650px;
	padding: 30px 19px 30px 19px;
	background-color: white;
	overflow: hidden;
	border: 1px solid #efefef;
	-moz-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	-webkit-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
}

.contentHeader {
	margin-bottom: 20px !important;
	padding-bottom: 0px;
	border-bottom: 1px solid #E4EDF4;
}

	.contentHeader h1 {
		margin: 0;
		display: inline;
	}

	.contentHeader p, h2 {
		font-size: 18px;
		line-height: 30px;
	}

	.contentHeader img {
		position: relative;
		float: left;
		top: -20px;
	}

	#welcome {
		display: inline-block;
	}

	#introLogo {
		position: relative;
		float: none !important;
		height: 28px;
		padding: 33px 0 0px 3px;
	}

	#indexP {
		margin-top: 0px;
	}


	#socialMedia {
		position: relative;
		float: right;
		display: inline-block;
		width: 121px;
		border-left: 1px solid #E4EDF4;
	}

		.socialBtn {
			margin: 14px 0 0 20px;
		}

	#socialMedia2 {
		position: relative;
		float: right;
		display: inline-block;
		width: 300px;
	}

		.socialBtn2 {
			margin: 0px 0 5px 20px;
		}
#mainContent {
	width: 600px;
	float: left;
	clear: left;
	padding: 0px 19px 0px 0;
	border-right: 1px solid #E4EDF4;
}

	#mainContent h2 {
		margin-top: -7px;
		padding-bottom: 3px;
		font-size: 24px !important;
	}

	#mainContent br {
		clear: both;
	}

	.sort {
		margin: 0px 0 40px;
		font-size: 18px !important;
	}

	.activeSorting {
		font-weight: bold;
	}

	.entryImage {
		float: left;
		width: 82px;
		height: 82px;
		margin-top: 9px;
	}

		.entryImage img {
			max-width: 82px;
		}

	.textTorsten {
		float: left;
		width: 590px;
		margin-left: 10px;
	}

	.entryText {
		float: left;
		width: 508px;
		margin-left: 10px;
	}

		.entryText h3 {
			margin: 0px 0 4px;
		}

			.entryText h3 a {
				font-family: 'Quattrocento Sans';
				font-size: 20px;
				font-weight: bold;
				text-decoration: none;
			}

				.entryText h3 a:hover {
					text-decoration: underline;
				}

		.entryText p {
			margin: 8px 0 36px;
		}

			.entryText p:last-child {
				margin: 8px 0 26px;
			}


	.metadata {
		font-size: 12px;
		color: #6c88a1;
	}

		.metadata p {
			margin-bottom: 40px !important;
		}


	.metaImages {
		position: relative;
		top: -3px;
		display: inline-block;
	}

			.metadata img {
				margin-right: 3px;
			}

	.metaText {
		display: inline;
		font-size: 12px;
		line-height: 20px;
	}

.more {
	display: inline-block;
	margin-top: 0px;
	font-weight: bold;
}

#paging {
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-family: 'Oswald';
	font-size: 24px;
	color: #6c88a1;
	text-transform: uppercase;
}

/* ==========================================================================
   Page Content
   ========================================================================== */

#lists {
	position: relative;
	top: 20px;
	z-index: 1;
	width: 940px;
	overflow: hidden;
	margin-top: 10px;
	border-top: 1px solid #E4EDF4;
}

#related {
	float: left;
	width: 300px;
	padding: 0px 0 0 20px;
}



	#related h2 {
		font-size: 24px;
		margin: 0px;
	}

	.tabbedContainer h2 {
			margin-bottom: 8px;
			font-size: 24px !important;
		}

		.tabWrapper {
			position: relative;
			height: 400px;
			overflow: hidden;
		}

			.tabWrapper ol {
				margin-top: 10px;
				margin-bottom: 0px;
				padding-left: 0;
			}

			.tabWrapper li {
				font-weight: bolder;
				line-height: 0px;
			}

		.tabsHeader {
			margin: 6px 0 10px;
			padding: 0 0 2px 0;
		}

			.tabsHeader li {
				display: inline-block;
				width: 100px !important;
				margin-right: -4px;
				font-family: 'Oswald';
				font-size: 14px;
				font-weight: bolder;
				text-transform: uppercase;
				text-align: center;
				border-bottom: 1px solid #f2de79;

			}

				.tabsHeader li a:hover {
					font-weight: bolder;
					text-decoration: none;
				}

				.activeTab {
					color: #bf4545 !important;
					border-bottom: 3px solid #bf4545 !important;
				}

					.activeTab a {
						color: #bf4545 !important;
					}


			#tabTests {
				height: 400px;
			}

				#tabTests a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

			#tabThemes {
				height: 400px;
			}

				#tabThemes a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

			#tabCategories {
				height: 400px;
			}

				#tabCategories a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}


.tabWrapperList {
	position: relative;
	height: 530px;
	width: 960px;
	margin-bottom: 0px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

		.tabWrapperList ol {
					margin-top: 10px;
					margin-bottom: 0px;
					padding-left: 0;
				}

		.tabWrapperList li {
			font-weight: bolder;
			line-height: 0px;
			display: inline-block;
			font-family: 'Quattrocento Sans';
			font-weight: bolder;
			width: 220px;
			margin-right: 15px;
		}

.tabsHeaderList {
	margin: 6px 0 10px;
	padding: 0 0 2px 0;
}

	.tabsHeaderList li {
		display: inline-block;
		width: 235px !important;
		margin-right: -4px;
		font-family: 'Oswald';
		font-size: 14px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		border-bottom: 1px solid #f2de79;
	}

		.tabsHeaderList li a:hover {
			font-weight: bolder;
			text-decoration: none;
		}

#tabTop50Tests {
	height: 516px;
}

	#tabTop50Tests a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#tabTop50Categories {
	height: 516px;
}

	#tabTop50Categories a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#tabBestTests {
	height: 516px;
}

	#tabBestTests a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#tabRandomTests {
	height: 530px;
}

	#tabRandomTests a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#channelSection {
	position: relative;
	z-index: 1;
	width: 940px;
	overflow: hidden;
	margin-top: 10px;
	border-top: 1px solid #E4EDF4;
}

	#channelSection h1 {
		margin-top: 10px;
	}

	#channelSection p {
		color: #3b4b59;
	}

.col2 {
	width: 390px;
}

.col3 {
	width: 280px;
}

.channelCol {
	position: relative;
	float: left;
	margin-bottom: 20px;
	margin-right: 40px;
}

	.channelCol p {
		margin-bottom: 0;
	}

	.channelCol a {
		font-size: 24px;
		color: #bf4545;
	}

	.channelCol a:hover {
		color: #e58156;
		}

	.channelCol img {
		width: 240px;
		margin-top: 10px;
	}

.channelColLast {
	margin-right: 0px;
}

/* ==========================================================================
   Test/Quiz Page
   ========================================================================== */


#testImage {
	float: left;
	width: 151px;
	height: 151px;
	margin: 10px 10px 12px 0px;
}

	#testImage img {
		width: 151px;
	}

#metadataHead {
	margin: 4px 0 -4px;
}

.metaImagesHead {
	position: relative;
	top: 20px;
}

	.metaImagesHead img {
		margin-right: 4px;
	}

#metaTextHead {
	font-size: 14px;
	color: #6c88a1;
}

#resources {
	margin: 0px 0 30px 0;
	line-height: 30px;
	font-weight: bolder;
}

	#resources h3 {
		margin: 0px 0 0px;
	}

	#resources ul {
		margin-top: 10px;
		padding-left: 0;
	}


.questions{
	margin:0px;
	padding-left:0px
}

	.questions li{
		clear:both; 
		margin-bottom: 20px; 
		border: 1px solid #e58156; 
		border-radius: 18px 18px 0px 0px; 	
		-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); 
		-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); 
		box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	}
	.questions div.frage{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder; 
		min-height: 40px; 
		margin: 0px; 
		padding:16px 16px 16px 16px; 
		border-bottom: 1px solid #e58156; 
		border-radius: 18px 18px 0px 0px; 
		background-color: #fff1b4;  
	}
	.questions div.antworten{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder; 
		min-height: 160px;  
		margin: 0px; 
		padding: 0px;    
	}
	.questions div.antwort1{
		margin: 0px; 
		padding: 16px; 
		background-color:#EEEEEE;   
	}
	.questions div.antwort2{
		margin: 0px; 
		padding: 16px;    
	}
  .questions div{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder;  
		margin: 0px 0px 0px 10px;
  	}
  .questions fieldset{
		display:block;
		position:relative; 
		min-height: 55px; 
		color:#3b4b59
  	}
	.questions input{
		position:relative;
		z-index:10;
		float:left;
		width:24px;
		height:24px
	}
	
	
.questionImage{
	position:relative;
	float:left;
	padding:0px!important
}


/* If questions contain images, add the class "questionsImgs" to the ul element containing the questions list  */

.questionsImgs fieldset{}

.number {
	float: left;
	width: 60px;
	height: 44px;
	margin-right: 10px;
	padding: 16px 1px 0px !important;
	background: url('../img/result3.png') no-repeat left top;
	background-position: -0px -119px;
	text-align: center;
	font-family: 'Oswald' !important;
	font-size: 18px;
	color: #f2efbb;
}

.button {
	display: block;
	clear: both;
	margin: 20px auto 0;
	padding: 12px 42px 11px;
	font-family: 'Quattrocento Sans';
	font-size: 18px;
	text-align: center;
	font-weight: bolder;
	color: #f2efbb;
	border-radius: 8px;
	background: #e58156;
	border: 1px solid #e58156;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
}

	.button:hover {
		background-color: #eca47A;
		border-color: eca47A;
		color: #f2efbb;
		text-decoration: none;
	}

	.button:active {
		background-color: #EE9058;
		border-color: #ee9058;
		-moz-box-shadow:    0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
		box-shadow:         0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
	}

#searchInputSuchbox {
	position: relative;
	float: left;
	z-index: 20;
	width: 340px;
	background: #f2efbb;
	padding: 10px 8px 10px 8px;
	border: none;
	border-radius: 8px;
	font-family: "Quattrocento Sans";
	font-size: 16px;
	color: #3b4b59;
	outline: none;
	border-color: #bf4545;
	box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
	-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
	-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
}

	#searchInputSuchbox:focus {
		border-color: #bf4545;
		box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
		-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
		-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
	}

	input::-webkit-input-placeholder {
	    color: #e58156;
	}
	input:-moz-placeholder {
	    color: #e58156;
	}
	input:-ms-input-placeholder {
	    color: #e58156;
	}

	#button-next {
		position: relative;
		z-index: 10;
		height: 39px;
		font-family: 'Quattrocento Sans';
		font-size: 16px;
		text-align: center;
		font-weight: bolder;
		color: #f2efbb;
		border-radius: 8px;
		background: #e58156;
		border: 1px solid #e58156;
		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	}
#timeLeft {
	position: fixed;
	z-index: 20000;
	bottom: 140;
	right: 0px;
	width: 340px;
	height: 54px;
	padding-top: 18px;
	text-align: center;
	font-family: 'Oswald';
	font-size: 24px;
	color: #f2de79;
	background-color: #bf4545;
	border-top: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	-moz-box-shadow: 0px -1px 4px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px -1px 4px rgba(0,0,0,0.50);
	box-shadow: 0px -4px 14px rgba(0,0,0,0.60);
}

		#timeLeft time {
			color: #ffffff;
		}


#certificate {
	margin-top: 40px;
	padding: 40px 30px 40px;
	border-radius: 18px;
	background: #FFFEE7;
	border: 1px solid #e58156;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
}


#certificateText {
	position: relative;
	max-width: 558px;
	margin-left: 30px;
}

	#certificateText p {
		font-size: 18px;
		line-height: 30px;
	}

	#certificateText a {
		font-weight: bolder;
	}

	#certificateText p:last-child {
		margin-bottom: 0px;	}

#certificateImages {
	position: relative;
	float: left;
}

#certificateSeal {
	position: relative;
	top: -56px;
	left: 76px;
}

#certificateImage {
	position: relative;
	width: 150px;
	text-align: left;
	padding-right: 30px;
}

.rating {
    width: 260px;
    margin: 24px auto;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

		.rating:not(:checked) > input {
		    position:absolute;
		    top:-9999px;
		    clip:rect(0,0,0,0);
		}

		.rating:not(:checked) > label {
		    float:right;
		    width:42px;
		    margin-top: 6px;
		    margin-right: 2px;
		    padding:0 .1em;
		    overflow:hidden;
		    white-space:nowrap;
		    cursor:pointer;
		    font-size:120%;
		    line-height:1.2;
		    color:#ffcc66;
		}

		.rating:not(:checked) > label:before {
		    content: '★';
		}

		.rating > input:checked ~ label {
		    color: #f70;
		    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating:not(:checked) > label:hover,
		.rating:not(:checked) > label:hover ~ label {
		    color: gold;
		    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating > input:checked + label:hover,
		.rating > input:checked + label:hover ~ label,
		.rating > input:checked ~ label:hover,
		.rating > input:checked ~ label:hover ~ label,
		.rating > label:hover ~ input:checked ~ label {
		    color: #ea0;
		    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating > label:active {
		    position:relative;
		    top:2px;
		    left:2px;
		}


/* ==========================================================================
   Categories page
   ========================================================================== */


.category {
	float: left;
	width: 600px;
	margin-bottom: 20px;
}

	.category h2 {
		font-size: 18px;
		margin: 0px 0 6px 0 !important;
		border-bottom: 1px solid #333;
	}

	.category ul {
		margin-top: 0px;
		padding-left: 0;
	}

	.category li {
		display: inline-block;
		font-family: 'Quattrocento Sans';
		font-weight: bolder;
		line-height: 30px;
		width: 270px;
		margin-right: 28px;
	}

	.category a {
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

.evenCategory {
	margin-right: 0px;
}

/* ==========================================================================
   Footer
   ========================================================================== */


footer {
	padding-top: 10px;
	background-color: #3b4b59;
	clear: both;
}

	#footerNav {
		width: 940px;
		margin: 0 auto;
		padding: 0 20px 0 20px;
	}

	#footerNav h4 {
		font-size: 20px;
		color: white;
		padding-top: 0;
	}

	#footerNav ul {
		padding-left: 0;
		margin-top: 0;
	}

		#footerNav li {
			line-height: 30px;
		}

	#footerNav a {
		color: #f2de79;
	}

	#footerNav img {
		position: relative;
		top: -2px;
		padding-right: 6px;
	}

	.footerCol {
		float: left;
		width: 220px;
		margin-right: 20px;
	}

		.footerColLast {
			margin-right: 0px;
		}

	#copyright {
		clear: both;
		margin-top: 10px;
		padding-bottom: 20px;
		color: white;
	}
}

/* Tablet */
@media only screen
and (min-width : 760px)
and (max-width : 1023px)
{
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Advertising
   ========================================================================== */

#advertising {
	position: relative;
	z-index: 300;
	width: 980px;
	margin: 20px auto 20px;
	text-align: center;
}

#mobileBanner {
	display: none;
}

#banner {
	min-height:90px;
	z-index: 10000;
	width: 980px;
	margin: 0 auto 20px;
	text-align: center;
}

#skyscrapper {
	min-width:160px;
	position: absolute;
	z-index: 10000;
	margin-left: 1000px;
	margin-top: 20px;
}

.squareAd {
	display: none;
	margin-bottom: 30px;
}

.squareAdmobi {
	margin-bottom: 30px;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */

html, body {
	font-family: "Quattrocento Sans", Helvetica, Arial;
	color: #3b4b59;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	font-family: 'Oswald', Helvetica, Arial;
	font-weight: lighter;
}


/* ==========================================================================
   Masthead
   ========================================================================== */

#top {
	background-color: #f2de79;
	height: 66px;
	width: 1184px;
	z-index: 10;

	-moz-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	-webkit-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
}

		#top ul {
			margin: 0;
		}

				#top li {
					display: inline-block;
				}

#headerNav {
	z-index: 10;
	display: block;
}

		#headerNav {
			width: 1180px;
			margin: 0 auto;
		}

		#headerNav img {
			margin-left: 0px;
		}
		img.logo {
			width:50px;
			height:65px;
			background:url('../img/result.png') 0 0;
		}
		#headLogo img {
			width: 50px;
			margin-top: 8px;
		}

		.centerMenu {
			margin-top: 22px;
		}

		.centerMenu img {
			margin-left: 4px !important;
		}

		#headerNav ul {
			padding-left: 0;
		}

		#headerNav li {
			height: 66px;
			float: left;
			font-family: 'Oswald';
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			margin-right: 24px;
		}

				#headerNav li:last-child {
					margin-right: 0px;				}

				#headerNav li a {
					display: block;
					color: #3b4b59;
					text-decoration: none;
				}

				#headerNav li div {
					background: #3b4b59;
					margin-top: 0px;
					display: none;
				}

				#headerNav li:hover div {
					position: relative;
					z-index: 1000;
					margin-top: 12px;
					display:block;
					position:absolute;
					width: 360px;
					padding: 10px 40px 20px 40px;
					-moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
					-webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
					box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
				}

				#headerNav li div h2 {
					font-size: 24px;
					text-transform: none;
					color: white;
				}

				#headerNav li ul {
					float: left;
					width: 180px;
					margin-left: 0px;
				}

				#headerNav li ul li a {
					width: 180px;
					font-family: 'Quattrocento Sans';
					font-size: 15px;
					color: #f2efbb;
				}

				#headerNav li ul li:hover {
					border: none !important;
				}

				#headerNav li ul li a:hover {
					color: #e58156;
					text-decoration: underline;
				}

				.dropdown:after {
					content:'';
					display:block;
					position:absolute;
					top:-20px;
					left:15px;
					width:0;
					height:0;
					border-color: transparent transparent #3b4b59 transparent;
					border-style: solid;
					border-width: 10px;
				}

				#categories li {
					height: 32px !important;
				}

				#create {
					width: 230px !important;
					padding-bottom: 6px !important;
				}

					#create li a {
						display: inline-block;
						width: 230px !important;
					}

					#create img {
						margin: 0 10px 0 0px !important;
					}

				.closeMenu {
					display: block;
					position: relative;
					float: right;
					z-index: 1001;
					text-align: right;
					top: 10px;
					right: -20px;
					width: 20px !important;
					height: 20px;
					background:url('../img/result.png') 0 -401px;
				}

					.closeMenu img {
						display: block;
						position: relative;
						z-index: 10001;
						text-align: right;
						width: 20px !important;
						height: 20px;
						background:url('../img/result.png') 0 -401px;
					}

				.closeCreate {
					right: -30px;
				}

				#search {
						position: absolute;
						z-index: 15000;
						margin-left: 260px;
						margin-top: 12px;
				}

				#searchInput {
					position: relative;
					float: left;
					z-index: 20;
					width: 230px;
					background: #f2efbb;
					padding: 10px 8px 10px 8px;
					border: none;
					border-radius: 8px;
					font-family: "Quattrocento Sans";
					font-size: 16px;
					color: #3b4b59;
					outline: none;
				}

					#searchInput:focus {
						border-color: #bf4545;
						box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
						-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
						-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
					}

					input::-webkit-input-placeholder {
					    color: #e58156;
					}
					input:-moz-placeholder {
					    color: #e58156;
					}
					input:-ms-input-placeholder {
					    color: #e58156;
					}
					#submit {
						position: relative;
						z-index: 10;
						width: 40px;
						height: 39px;
						background: transparent url('../img/result.png') no-repeat center center;
						background-position: -0px -303px;
						border: none;
					}

						#submit:hover {
							background: #e58156 url('../img/result.png') no-repeat center center;
							background-position: -0px -352px;
							border-radius: 8px;
						}

					#partner {
						position: absolute;
						z-index: 15000;
						margin-left: 640px;
						margin-top: 8px;
					}

					#partner2 {
						position: absolute;
						z-index: 15000;
						margin-left: 722px;
						margin-top: 8px;
					}

					#partner3 {
						position: absolute;
						z-index: 15000;
						margin-left: 550px;
						margin-top: 4px;
					}

/* ==========================================================================
   Page Content
   ========================================================================== */

#background {
	position: relative;
	z-index: 2;
	background: #ffffff;
}

#contentArea {
	position: relative;
	padding: 30px 19px 30px 19px;
	min-height:650px;
}

.contentHeader {
	margin-bottom: 20px !important;
	padding-bottom: 0px;
	border-bottom: 1px solid #E4EDF4;
	clear: both;
}

	#logoBig {
		width: 120px;
	}

	.contentHeader h1 {
		margin: 0;
		display: inline;
		font-size: 26px;
	}

	.contentHeader p, h2 {
		font-size: 16px;
		line-height: 26px;
		margin-top: 0px !important;
	}

		.testTitle p {
			margin-top: 14px !important;
		}

	.contentHeader img {
		position: relative;
		float: left;
		top: -20px;
	}

	#introLogo {
		position: relative;
		float: none !important;
		height: 24px;
		padding: 33px 0 0px 3px;
	}

	#socialMedia {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

		.socialBtn {
			display: inline-block;
			margin-right: 20px;
		}

#mainContent {
	padding: 0px 0 20px 0;
}

	#mainContent h2 {
		margin-top: -7px;
		padding-bottom: 3px;
		font-size: 24px !important;
	}

	#mainContent br {
		clear: both;
	}

	.sort {
		margin: 0px 0 40px;
		font-size: 18px !important;
	}

	.activeSorting {
		font-weight: bold;
	}

	.entryImage {
		float: left;
		width: 82px;
		height: 82px;
		margin-top: 9px;
//		background-image: url('../img/placeholder.png');
	}

		.entryImage img {
			max-width: 82px;
		}

	.textTorsten {
		float: left;
		width: 590px;
		margin-left: 10px;
	}

	.entryText {
		margin-left: 100px;
	}

		.entryText h3 {
			margin: 0px 0 4px;
		}

			.entryText h3 a {
				font-family: 'Quattrocento Sans';
				font-size: 20px;
				font-weight: bold;
				text-decoration: none;
			}

				.entryText h3 a:hover {
					text-decoration: underline;
				}

		.entryText p {
			margin: 8px 0 36px;
		}

			.entryText p:last-child {
				margin: 8px 0 26px;
			}


	.metadata {
		width: 93%;
		font-size: 12px;
		color: #6c88a1;
	}

		.metadata p {
			margin-bottom: 40px !important;
		}


	.metaImages {
		position: relative;
		top: -3px;
		display: inline-block;
	}

			.metadata img {
				margin-right: 3px;
			}

	.metaText {
		display: inline;
		font-size: 12px;
		line-height: 20px;
	}

.more {
	display: inline-block;
	margin-top: 0px;
	font-weight: bold;
}

#paging {
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-family: 'Oswald';
	font-size: 24px;
	color: #6c88a1;
	text-transform: uppercase;
}

/* ==========================================================================
   Page Content
   ========================================================================== */

#lists {
	position: relative;
	top: 20px;
	z-index: 1;
	overflow: hidden;
	margin-top: 10px;
	border-top: 1px solid #E4EDF4;
}

#related {
	width: 100%;
}

	#related h2 {
		font-size: 24px;
		margin: 0px;
	}

		.tabbedContainer h2 {
			margin-bottom: 8px;
			font-size: 24px !important;
		}

		.tabWrapper {
			position: relative;
			height: 400px;
			overflow: hidden;
		}

			.tabWrapper ol {
				margin-top: 10px;
				margin-bottom: 0px;
				padding-left: 0;
			}

			.tabWrapper li {
				font-weight: bolder;
				line-height: 0px;
			}

		.tabsHeader {
			margin: 6px 0 10px;
			padding: 0 0 2px 0;
		}

			.tabsHeader li {
				display: inline-block;
				width: 100px !important;
				margin-right: -4px;
				font-family: 'Oswald';
				font-size: 14px;
				font-weight: bolder;
				text-transform: uppercase;
				text-align: center;
				border-bottom: 1px solid #f2de79;

			}

				.tabsHeader li a:hover {
					font-weight: bolder;
					text-decoration: none;
				}

				.activeTab {
					color: #bf4545 !important;
					border-bottom: 3px solid #bf4545 !important;
				}

					.activeTab a {
						color: #bf4545 !important;
					}


			#tabTests {
				height: 400px;
			}

				#tabTests a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

			#tabThemes {
				height: 400px;
			}

				#tabThemes a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

			#tabCategories {
				height: 400px;
			}

				#tabCategories a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}


.tabWrapperList {
	position: relative;
	height: 530px;
	width: 100%;
	margin-bottom: 0px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

		.tabWrapperList ol {
					margin-top: 10px;
					margin-bottom: 0px;
					padding-left: 0;
				}

		.tabWrapperList li {
			font-weight: bolder;
			line-height: 0px;
			display: inline-block;
			font-family: 'Quattrocento Sans';
			font-weight: bolder;
			width: 24%;
			margin-right: 3px;
		}

.tabsHeaderList {
	margin: 6px 0 10px;
	padding: 0 0 2px 0;
}

	.tabsHeaderList li {
		display: inline-block;
		width: 25% !important;
		margin-right: -4px;
		font-family: 'Oswald';
		font-size: 14px;
		font-weight: bolder;
		text-transform: uppercase;
		text-align: center;
		border-bottom: 1px solid #f2de79;
	}

		.tabsHeaderList li a:hover {
			font-weight: bolder;
			text-decoration: none;
		}

#tabTop50Tests {
	height: 516px;
}

	#tabTop50Tests a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#tabTop50Categories {
	height: 516px;
}

	#tabTop50Categories a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#tabBestTests {
	height: 516px;
}

	#tabBestTests a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#tabRandomTests {
	height: 530px;
}

	#tabRandomTests a {
		line-height: 32px;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

#channelSection {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: 20px;
	border-top: 1px solid #E4EDF4;
}

	#channelSection h1 {
		margin-top: 0px;
	}

	#channelSection p {
		color: #3b4b59;
	}

.col2 {
	width: 40%;
}

.col3 {
	width: 44.5%;
}


.channelCol {
	position: relative;
	float: left;
	margin-bottom: 20px;
	margin-right: 40px;
}

	.channelCol p {
		margin-bottom: 0;
	}

	.channelCol a {
		font-size: 24px;
		color: #bf4545;
	}

	.channelCol a:hover {
		color: #e58156;
		}

	.channelCol img {
		width: 240px;
		margin-top: 10px;
	}

.channelColLast {
	margin-right: 0px;
}

/* ==========================================================================
   Test/Quiz Page
   ========================================================================== */


#testImage {
	float: left;
	width: 136px;
	height: 136px;
	margin: 20px 20px 22px 0px;
}

	#testImage img {
		width: 136px;
	}

#metadataHead {
	margin: 4px 0 -4px;
}

.metaImagesHead {
	position: relative;
	top: 20px;
}

	.metaImagesHead img {
		margin-right: 4px;
	}

#metaTextHead {
	font-size: 14px;
	line-height: 19px;
	color: #6c88a1;
}

#resources {
	margin: 0px 0 30px 0;
	line-height: 30px;
	font-weight: bolder;
}

	#resources h3 {
		margin: 0px 0 0px;
		font-size: 30px;
	}

	#resources ul {
		margin-top: 10px;
		padding-left: 0;
	}


.questions{
	margin:0px;
	padding-left:0px
}

	.questions li{
		clear:both; 
		margin-bottom: 20px; 
		border: 1px solid #e58156; 
		border-radius: 18px 18px 0px 0px; 	
		-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); 
		-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); 
		box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	}
	.questions div.frage{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder; 
		min-height: 40px; 
		margin: 0px; 
		padding:16px 16px 16px 16px; 
		border-bottom: 1px solid #e58156; 
		border-radius: 18px 18px 0px 0px; 
		background-color: #fff1b4;  
	}
	.questions div.antworten{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder; 
		min-height: 160px;  
		margin: 0px; 
		padding: 0px;    
	}
	.questions div.antwort1{
		margin: 0px; 
		padding: 16px; 
		background-color:#EEEEEE;   
	}
	.questions div.antwort2{
		margin: 0px; 
		padding: 16px;    
	}
  .questions div{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder;  
		margin: 0px 0px 0px 10px;
  	}
  .questions fieldset{
		display:block;
		position:relative; 
		min-height: 55px; 
		color:#3b4b59
  	}
	.questions input{
		position:relative;
		z-index:10;
		float:left;
		width:24px;
		height:24px
	}
	
	
.questionImage{
	position:relative;
	float:left;
	padding:0px!important
}


/* If questions contain images, add the class "questionsImgs" to the ul element containing the questions list  */

.questionsImgs fieldset{}



.number {
	float: left;
	width: 60px;
	height: 44px;
	margin-right: 10px;
	padding: 16px 1px 0px !important;
	background: url(../img/numberBg.png) no-repeat left top;
	text-align: center;
	font-family: 'Oswald' !important;
	font-size: 18px;
	color: #f2efbb;
}

.button {
	display: block;
	clear: both;
	margin: 0px auto 0;
	padding: 12px 42px 11px;
	font-family: 'Quattrocento Sans';
	font-size: 18px;
	text-align: center;
	font-weight: bolder;
	color: #f2efbb;
	border-radius: 8px;
	background: #e58156;
	border: 1px solid #e58156;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
}

	.button:hover {
		background-color: #eca47A;
		border-color: eca47A;
		color: #f2efbb;
		text-decoration: none;
	}

	.button:active {
		background-color: #EE9058;
		border-color: #ee9058;
		-moz-box-shadow:    0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
		box-shadow:         0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
	}

#searchInputSuchbox {
	position: relative;
	float: left;
	z-index: 20;
	width: 340px;
	background: #f2efbb;
	padding: 10px 8px 10px 8px;
	border: none;
	border-radius: 8px;
	font-family: "Quattrocento Sans";
	font-size: 16px;
	color: #3b4b59;
	outline: none;
	border-color: #bf4545;
	box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
	-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
	-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
}

	#searchInputSuchbox:focus {
		border-color: #bf4545;
		box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
		-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
		-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
	}

	input::-webkit-input-placeholder {
	    color: #e58156;
	}
	input:-moz-placeholder {
	    color: #e58156;
	}
	input:-ms-input-placeholder {
	    color: #e58156;
	}

	#button-next {
		position: relative;
		z-index: 10;
		width: 80px;
		height: 39px;
		font-family: 'Quattrocento Sans';
		font-size: 16px;
		text-align: center;
		font-weight: bolder;
		color: #f2efbb;
		border-radius: 8px;
		background: #e58156;
		border: 1px solid #e58156;
		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	}

#timeLeft {
	position: fixed;
	z-index: 20000;
	bottom: 140;
	right: 0px;
	width: 340px;
	height: 54px;
	padding-top: 18px;
	text-align: center;
	font-family: 'Oswald';
	font-size: 24px;
	color: #f2de79;
	background-color: #bf4545;
	border-top: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	-moz-box-shadow: 0px -1px 4px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px -1px 4px rgba(0,0,0,0.50);
	box-shadow: 0px -4px 14px rgba(0,0,0,0.60);
}

		#timeLeft time {
			color: #ffffff;
		}


#certificate {
	margin-top: 40px;
	padding: 40px 30px 0px;
	border-radius: 18px;
	background: #FFFEE7;
	border: 1px solid #e58156;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
}


#certificateText {
	position: relative;
	width: 73%;
	float: left;
	margin-left: 30px;
}

	#certificateText p {
		font-size: 18px;
		line-height: 30px;
	}

	#certificateText a {
		font-weight: bolder;
	}

	#certificateText p:last-child {
		margin-bottom: 0px;	}

#certificateImages {
	position: relative;
	float: left;
}

#certificateSeal {
	position: relative;
	top: -56px;
	left: 76px;
}

#certificateImage {
	position: relative;
	width: 150px;
	text-align: left;
}

.rating {
    width: 260px;
    margin: 24px auto;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

		.rating:not(:checked) > input {
		    position:absolute;
		    top:-9999px;
		    clip:rect(0,0,0,0);
		}

		.rating:not(:checked) > label {
		    float:right;
		    width:42px;
		    margin-top: 6px;
		    margin-right: 2px;
		    padding:0 .1em;
		    overflow:hidden;
		    white-space:nowrap;
		    cursor:pointer;
		    font-size:120%;
		    line-height:1.2;
		    color:#ffcc66;
		}

		.rating:not(:checked) > label:before {
		    content: '★';
		}

		.rating > input:checked ~ label {
		    color: #f70;
		    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating:not(:checked) > label:hover,
		.rating:not(:checked) > label:hover ~ label {
		    color: gold;
		    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating > input:checked + label:hover,
		.rating > input:checked + label:hover ~ label,
		.rating > input:checked ~ label:hover,
		.rating > input:checked ~ label:hover ~ label,
		.rating > label:hover ~ input:checked ~ label {
		    color: #ea0;
		    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating > label:active {
		    position:relative;
		    top:2px;
		    left:2px;
		}


/* ==========================================================================
   Categories page
   ========================================================================== */


.category {
	float: left;
	margin-bottom: 20px;
}

	.category h2 {
		font-size: 18px;
		margin: 0px 0 6px 0 !important;
		border-bottom: 1px solid #333;
	}

	.category ul {
		margin-top: 0px;
		padding-left: 0;
	}

	.category li {
		display: inline-block;
		font-family: 'Quattrocento Sans';
		font-weight: bolder;
		line-height: 30px;
		width: 46%;
		margin-right: 28px;
	}

	.category a {
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}

.evenCategory {
	margin-right: 0px;
}

/* ==========================================================================
   Footer
   ========================================================================== */


footer {
	padding-top: 10px;
	background-color: #3b4b59;
	clear: both;
}

	#footerNav {
		margin: 0 auto;
		padding: 0 20px 0 20px;
	}

	#footerNav h4 {
		font-size: 20px;
		color: white;
		padding-top: 0;
	}

	#footerNav ul {
		padding-left: 0;
		margin-top: 0;
	}

		#footerNav li {
			line-height: 30px;
		}

	#footerNav a {
		color: #f2de79;
	}

	#footerNav img {
		position: relative;
		top: -2px;
		padding-right: 6px;
	}

	.footerCol {
		float: left;
		width: 24.5%;
		margin-right: 5px;
	}

		.footerColLast {
			margin-right: 0px;
		}

	#copyright {
		clear: both;
		margin-top: 10px;
		padding-bottom: 20px;
		color: white;
	}
}

/* Smartphones */
@media only screen
and (max-width : 759px) {
/* ==========================================================================
   Advertising
   ========================================================================== */


#mobileBanner {
	min-height:60px;
	z-index: 10000;
	margin: 20px auto 20px;
}

#banner {
	display: none;
}

#skyscrapper {
	display: none;
}

.squareAd {
	display: none;
}

.squareAdmobi {
	margin-bottom: 30px;
}
/* ==========================================================================
   Custom styles
   ========================================================================== */


html, body {
	font-family: "Quattrocento Sans", Helvetica, Arial;
	color: #3b4b59;
	margin: 0;
	width: 100%;
	overflow-x: hidden;
}


h1, h2, h3, h4 {
	font-family: 'Oswald', Impact;
	font-weight: lighter;
}

/* ==========================================================================
   Masthead
   ========================================================================== */

#top {
	background-color: #f2de79;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid #b6b6b6;

	-moz-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	-webkit-box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
	box-shadow: 0px 1px 6px rgba(86,78,40,0.75);
}

		#top ul {
			margin: 0;
		}

				#top li {
					display: inline-block;
				}
img.logo {
	width:50px;
	height:65px;
	background:url('../img/result.png') 0 0;
}
#headLogo img {
	width: 50px;
	padding-top: 2px;
}

#headerNav {
	z-index: 10;
	display: block;
	padding: 2px 0 0 0;
}

		#headerNav img {
			margin-left: 0px;
			margin-right: 16px;
		}

		.centerMenu {
			margin: 18px 0 12px 0;
			height: 20px !important;
		}

		.centerMenu img {
			margin-left: 4px !important;
		}

		#headerNav ul {
			width: 100% !important;
			padding-left: 0;
		}

		#headerNav li {
			height: 48px;
			float: left;
			font-family: 'Oswald';
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
		}

				#headerNav li:last-child {
					margin-right: 0px;
				}

				#headerNav li a {
					display: block;
					color: #3b4b59;
					text-decoration: none;
				}

				#headerNav li div {
					background: #3b4b59;
					margin-top: 0px;
					display: none;
				}

				#headerNav li:hover div {
					position: relative;
					z-index: 1000;
					width: 100% !important;
					margin-top: -10px;
					display:block;
					position:absolute;
					-moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
					-webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
					box-shadow: 0px 3px 12px rgba(0,0,0,0.75);
				}

				#headerNav li div h2 {
					font-size: 18px;
					text-transform: none;
					color: white;
					margin-left: 10px;
				}

				#headerNav li ul {
					float: left;
					margin-left: 10px;
				}

				#headerNav li ul li a {
					width: 150px;
					margin-right: 10px;
					font-family: 'Quattrocento Sans';
					font-size: 13px;
					color: #f2efbb;
				}

				#headerNav li ul li:hover {
					border: none !important;
				}

				#headerNav li ul li a:hover {
					color: #e58156;
					text-decoration: underline;
				}

				.dropdown:after {
					display:none;
				}

				#categories {
					left: 0px;
				}

				#categories li {
					height: 34px !important;
				}


				.closeMenu {
					display: block;
					position: relative;
					float: right;
					z-index: 1001;
					text-align: right;
					top: 17px;
					right: 0px;
					width: 20px !important;
					height: 20px;
					background:url('../img/result.png') 0 -401px;
				}

					.closeMenu img {
						display: block;
						position: relative;
						z-index: 10001;
						text-align: right;
						width: 20px !important;
						height: 20px;
						background:url('../img/result.png') 0 -401px;
					}

				.createMenu {
					display: none !important;
				}

				#search {
					display: inline-block;
					margin-left: 0px;
					margin-top: 12px;
					margin-bottom: 12px;				}

				#searchInput {
					position: relative;
					float: left;
					z-index: 20;
					width: 94px;
					background: #f2efbb;
					padding: 10px 8px 10px 8px;
					border: none;
					border-radius: 8px;
					font-family: "Quattrocento Sans";
					font-size: 14px;
					color: #3b4b59;
					outline: none;				}

					#searchInput:focus {
						border-color: #bf4545;
						box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
						-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
						-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
					}

					input::-webkit-input-placeholder {
					    color: #e58156;
					}
					input:-moz-placeholder {
					    color: #e58156;
					}
					input:-ms-input-placeholder {
					    color: #e58156;
					}
					#submit {
						position: relative;
						width: 40px;
						height: 39px;
						background: transparent url('../img/result.png') no-repeat center center;
						background-position: -0px -303px;
						border: none;
					}

						#submit:hover {
							background: #e58156 url('../img/result.png') no-repeat center center;
							background-position: -0px -352px;
							border-radius: 8px;
						}

				#partner {
						position: absolute;
						z-index: 15000;
						margin-left: 310px;
						margin-top: -55px;
				}
				#partner2 {
					display: none !important;
				}
				#partner3 {
					display: none !important;
				}

/* ==========================================================================
   Page Content
   ========================================================================== */


#contentArea {
	position: relative;
	z-index: 2;
	padding: 16px 10px 30px 10px;
	background-color: white;
	margin: 0px !important;
}

.contentHeader {
	margin-bottom: 20px !important;
	padding-bottom: 0px;
	border-bottom: 1px solid #E4EDF4;
	clear: both;
}

	.contentHeader h1 {
		margin: 0;
		display: inline;
		font-size: 20px;
	}

	.contentHeader p, h2 {
		margin-top: 10px;
		margin: 10px 0 20px 14px;
		font-size: 16px;
		line-height: 23px !important;
	}
	.contentHeader img {
		position: relative;
		float: left;
		top: -20px;
	}


.indexHead p {
	margin-left: 0px;
}

.indexDirectory h1 {
	display: inline;
	font-size: 24px;
}

	#logoBig {
		display: none;
	}

	#introLogo {
		position: relative;
		float: none !important;
		height: 28px;
		padding: 33px 0 0px 3px;
	}

	#indexP {
		margin-top: 0px;
		font-size: 16px !important;
		line-height: 22px !important;
	}

	#socialMedia {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

		.socialBtn {
			display: inline-block;
			margin-right: 20px;
		}

.testTitle h1{
	position: relative;
	display: inline;
	font-size: 20px;
}

#mainContent {
	padding: 0px 0px 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #E4EDF4;
}

	#mainContent h2 {
		margin-top: -7px;
		padding-bottom: 3px;
		font-size: 18px;
	}

	#mainContent br {
		clear: both;
	}

	.sort {
		margin: 0px 0 30px;
		font-size: 14px !important;
	}

	.activeSorting {
		font-weight: bold;
	}

	.latestEntry {
		float: left;
	}

	.entryImage {
		float: left;
		width: 64px;
		height: 64px;
		margin-top: 9px;
//		background-image: url('../img/placeholder.png');
		background-size: 64px 64px;
	}

		.entryImage img {
			max-width: 64px;
		}

	.textTorsten {
		float: left;
		width: 590px;
		margin-left: 10px;
	}

	.entryText {
		margin-left: 76px;
	}

		.entryText h3 {
			margin: 0px 0 4px;
		}

			.entryText h3 a {
				font-family: 'Quattrocento Sans';
				font-size: 18px;
				font-weight: bold;
				text-decoration: none;
			}

				.entryText h3 a:hover {
					text-decoration: underline;
				}

		.entryText p {
			margin: 8px 0 36px;
		}

			.entryText p:last-child {
				margin: 5px 0 26px;
			}


	.metadata {
		font-size: 12px;
		color: #6c88a1;
	}

		.metadata p {
			margin-bottom: 24px !important;
		}


	.metaImages {
		position: relative;
		top: -3px;
		display: inline-block;
	}

			.metadata img {
				margin-right: 3px;
			}

	.metaText {
		display: inline;
		font-size: 12px;
		line-height: 20px;
	}

.more {
	float: left;
	margin-top: 0px;
	font-weight: bold;
}

#paging {
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-family: 'Oswald';
	font-size: 14px;
	color: #6c88a1;
	text-transform: uppercase;
}

/* ==========================================================================
   Page Content
   ========================================================================== */

#lists {
	display: none;
	margin-top: ;
}

#related {
	width: 100%;
}

	#related h2 {
		font-size: 24px;
		margin: 0px;
	}

		.tabbedContainer h2 {
			margin-bottom: 8px;
			font-size: 20px !important;
		}

		.tabWrapper {
			position: relative;
			height: 400px;
			overflow: hidden;
		}

			.tabWrapper ol {
				margin-top: 10px;
				margin-bottom: 0px;
				padding-left: 0;
			}

			.tabWrapper li {
				font-weight: bolder;
				line-height: 0px;
			}

		.tabsHeader {
			margin: 6px 0 10px;
			padding: 0 0 2px 0;
		}

			.tabsHeader li {
				display: inline-block;
				width: 33% !important;
				margin-right: -4px;
				font-family: 'Oswald';
				font-size: 14px;
				font-weight: bolder;
				text-transform: uppercase;
				text-align: center;
				border-bottom: 1px solid #f2de79;

			}

				.tabsHeader li a:hover {
					font-weight: bolder;
					text-decoration: none;
				}

				.activeTab {
					color: #bf4545 !important;
					border-bottom: 3px solid #bf4545 !important;
				}

					.activeTab a {
						color: #bf4545 !important;
					}


			#tabTests {
				height: 400px;
			}

				#tabTests a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

			#tabThemes {
				height: 400px;
			}

				#tabThemes a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

			#tabCategories {
				height: 400px;
			}

				#tabCategories a {
					line-height: 32px;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
					display: block;
					white-space: nowrap;
					overflow: hidden;
				}

#channelSection {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: 20px;
	border-top: 1px solid #E4EDF4;
}

	#channelSection h1 {
		margin-top: 0px;
	}

	#channelSection p {
		display: none;
	}

.col3 {
	width: 300px;
}

.channelCol {
	position: relative;
	float: left;
	margin-right: 40px;
}

	.channelCol p {
		margin-bottom: 0;
	}

	.channelCol a {
		font-size: 20px;
		color: #bf4545;
	}

	.channelCol a:hover {
		color: #e58156;
		}

	.channelCol img {
		width: 240px;
		margin-top: 3px;
	}

.channelColLast {
	margin-right: 0px;
}

/* ==========================================================================
   Test/Quiz Page
   ========================================================================== */


#testImage {
	position: relative;
	top: -30px;
}

	#testImage img {
		width: 60px;
	}

#metadataHead {
	position: relative;
	margin: 4px 0px 0px 14px;
}

.metaImagesHead {
	position: relative;
	top: 20px;
}

	.metaImagesHead img {
		position: relative;
		top: -19px;
		margin-right: 4px;
	}

#metaTextHead {
	font-size: 13px;
	line-height: 18px;
	color: #6c88a1;
}

#resources {
	margin: 0px 0 40px 0;
	line-height: 30px;
	font-weight: bolder;
}

	#resources h3 {
		margin: 0px 0 0px;
		font-size: 30px;
	}

	#resources ul {
		margin-top: 10px;
		padding-left: 0;
	}


.questions{
	margin:0px;
	padding-left:0px
}

	.questions li{
		clear:both; 
		margin-bottom: 20px; 
		border: 1px solid #e58156; 
		border-radius: 18px 18px 0px 0px; 	
		-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); 
		-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); 
		box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	}
	.questions div.frage{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder; 
		min-height: 40px; 
		margin: 0px; 
		padding:16px 16px 16px 16px; 
		border-bottom: 1px solid #e58156; 
		border-radius: 18px 18px 0px 0px; 
		background-color: #fff1b4;  
	}
	.questions div.antworten{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder; 
		min-height: 160px;  
		margin: 0px; 
		padding: 0px;    
	}
	.questions div.antwort1{
		margin: 0px; 
		padding: 16px; 
		background-color:#EEEEEE;   
	}
	.questions div.antwort2{
		margin: 0px; 
		padding: 16px;    
	}
  .questions div{
		font-family:'Quattrocento Sans';
		font-size:18px;
		font-weight:bolder;  
		margin: 0px 0px 0px 10px;
  	}
  .questions fieldset{
		display:block;
		position:relative; 
		min-height: 55px; 
		color:#3b4b59
  	}
	.questions input{
		position:relative;
		z-index:10;
		float:left;
		width:24px;
		height:24px
	}
	
	
.questionImage{
	position:relative;
	float:left;
	padding:0px!important
}


/* If questions contain images, add the class "questionsImgs" to the ul element containing the questions list  */

.questionsImgs fieldset{}

.number {
	float: left;
	width: 46px;
	height: 26px;
	margin-right: 8px;
	padding: 12px 1px !important;
	background: url(../img/numberBg.png) no-repeat left top;
	background-size: 46px 46px;
	text-align: center;
	font-family: 'Oswald' !important;
	font-size: 14px !important;
	color: #f2efbb;
}

.button {
	display: block;
	clear: both;
	margin: 20px auto;
	padding: 12px 42px 11px;
	font-family: 'Quattrocento Sans';
	font-size: 18px;
	text-align: center;
	font-weight: bolder;
	color: #f2efbb;
	border-radius: 8px;
	background: #e58156;
	border: 1px solid #e58156;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
}

	.button:hover {
		background-color: #eca47A;
		border-color: eca47A;
		color: #f2efbb;
		text-decoration: none;
	}

	.button:active {
		background-color: #EE9058;
		border-color: #ee9058;
		-moz-box-shadow:    0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
		box-shadow:         0px 1px 2px rgba(0,0,0,0.20), inset 0px 2px 6px rgba(0,0,0,0.33);
	}

#searchInputSuchbox {
	position: relative;
	float: left;
	z-index: 20;
	width: 150px;
	background: #f2efbb;
	padding: 10px 8px 10px 8px;
	border: none;
	border-radius: 8px;
	font-family: "Quattrocento Sans";
	font-size: 16px;
	color: #3b4b59;
	outline: none;
	border-color: #bf4545;
	box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
	-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
	-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
}

	#searchInputSuchbox:focus {
		border-color: #bf4545;
		box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
		-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.63);
		-moz-box-shadow: 0 0 5px rgba(191, 68, 68, 0.63);
	}

	input::-webkit-input-placeholder {
	    color: #e58156;
	}
	input:-moz-placeholder {
	    color: #e58156;
	}
	input:-ms-input-placeholder {
	    color: #e58156;
	}

	#button-next {
		position: relative;
		z-index: 10;
		width: 80px;
		height: 39px;
		font-family: 'Quattrocento Sans';
		font-size: 16px;
		text-align: center;
		font-weight: bolder;
		color: #f2efbb;
		border-radius: 8px;
		background: #e58156;
		border: 1px solid #e58156;
		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.20), inset 0px 1px 2px #FFFFFF;
	}
#timeLeft {
	left: -3px;
	width: 100%;
	height: 28px;
	padding-top: 6px;
	text-align: center;
	font-family: 'Oswald';
	font-size: 15px;
	color: #f2de79;
	background-color: #bf4545;
}

		#timeLeft time {
			color: #ffffff;
		}


#certificate {
	margin-top: 40px;
	padding: 40px 20px 40px;
	border-radius: 18px;
	background: #FFFEE7;
	border: 1px solid #e58156;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.25);
}


#certificateText {
	position: relative;
	float: left;
}

	#certificateText h2 {
		font-size: 18px;
	}

	#certificateText p {
		font-size: 16px;
		line-height: 30px;
	}

	#certificateText a {
		font-weight: bolder;
	}

	#certificateText p:last-child {
		margin-bottom: 0px;	}

#certificateImages {
	width: 160px;
	height: 200px;
	position: relative;
	margin: 0 auto;
}

#certificateSeal {
	position: relative;
	top: -86px;
	left: 76px;
}

#certificateImage {
	position: relative;
	width: 150px;
}

.rating {
    width: 190px;
    margin: 24px 14px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

		.rating:not(:checked) > input {
		    position:absolute;
		    top:-9999px;
		    clip:rect(0,0,0,0);
		}

		.rating:not(:checked) > label {
		    float:right;
		    width:30px;
		    margin-top: 6px;
		    margin-right: 2px;
		    padding:0 .1em;
		    overflow:hidden;
		    white-space:nowrap;
		    cursor:pointer;
		    font-size:120%;
		    line-height:1.2;
		    color:#ffcc66;
		}

		.rating:not(:checked) > label:before {
		    content: '★';
		}

		.rating > input:checked ~ label {
		    color: #f70;
		    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating:not(:checked) > label:hover,
		.rating:not(:checked) > label:hover ~ label {
		    color: gold;
		    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating > input:checked + label:hover,
		.rating > input:checked + label:hover ~ label,
		.rating > input:checked ~ label:hover,
		.rating > input:checked ~ label:hover ~ label,
		.rating > label:hover ~ input:checked ~ label {
		    color: #ea0;
		    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
		}

		.rating > label:active {
		    position:relative;
		    top:2px;
		    left:2px;
		}

/* ==========================================================================
   Categories page
   ========================================================================== */


.category {
	float: left;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden !important;
}

	.category h2 {
		font-size: 18px;
		margin: 0px 0 6px 0 !important;
		border-bottom: 1px solid #333;
		overflow: hidden !important;
	}

	.category ul {
		margin-top: 0px;
		padding-left: 0;
		overflow: hidden !important;
	}

	.category li {
		display: inline-block;
		font-family: 'Quattrocento Sans';
		font-weight: bolder;
		line-height: 30px;
		width: 100%;
		margin-right: 28px;
		font-size: 15px;
		overflow: hidden !important;
	}

	.category a {
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		overflow: hidden !important;
	}

.evenCategory {
	margin-right: 0px;
	overflow: hidden !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */


footer {
	padding-top: 10px;
	background-color: #3b4b59;
	clear: both;
}

	#footerNav {
		width: auto;
		padding: 0 10px 0 10px;
	}

	#footerNav h4 {
		font-size: 20px;
		color: white;
		padding-top: 0;
	}

	#footerNav ul {
		padding-left: 0;
		margin-top: 0;
	}

		#footerNav li {
			line-height: 30px;
		}

	#footerNav a {
		color: #f2de79;
	}

	#footerNav img {
		position: relative;
		top: -2px;
		padding-right: 6px;
	}

	.footerCol {
		float: left;
		width: 46%;
	}

		.footerColLast {
			margin-right: 14px;
		}

	.footerColleft {
		padding-right: 10px;
	}

	#copyright {
		clear: both;
		margin-top: 10px;
		padding-bottom: 20px;
		color: white;
	}

	.clearLeft {
		clear: left;
	}

}