/********************************
 STYLES FÜR CHRISTIANS HOMEPAGE 8
*********************************/

@import url("lato/lato.css");
@import url("merriweather/merriweather.css");


/****************
BASISDEFINITIONEN
****************/

ins.adsbygoogle {
	background-color:#fff;
}

body { 
	margin:0; 
	padding:0;
	background-color:#e8e8f3;
	font-family:'Lato',Arial,Sans-serif;
	color:#444455;
	-webkit-text-size-adjust:none;
}


p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, td, th {
	margin:15px 0;
	padding:0;
	font-size:14px;
	line-height:18px;
	font-weight:400;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}


div.clear {
	clear:both;
}



/***************
INHALTSCONTAINER
***************/


div.titelcontainer, div.inhaltcontainer, div.adsensecontainer, div.jumpcontainer, div.footcontainer { 
	overflow:hidden;
	margin:0 190px 0 0;
	padding:10px 20px 20px 20px;
	background-color:#fffff3;
	color:black;
}


@media only screen and (max-width:1000px) {
	div.titelcontainer, div.inhaltcontainer, div.adsensecontainer, div.footcontainer { 
		margin:0;
	}
	
	div.jumpcontainer {
		display:none;
	}
	div.titelcontainer {
		padding-top:60px;
	}
	
}

@media only screen and (min-width:1100px) {
	div.titelcontainer, div.inhaltcontainer, div.adsensecontainer, div.jumpcontainer, div.footcontainer { 
		margin:0 200px 0 15px;
	}
}

@media only screen and (min-width:1300px) {
	div.titelcontainer, div.inhaltcontainer, div.adsensecontainer, div.jumpcontainer, div.footcontainer { 
	margin:0 250px 0 100px;
	}
}


/* TEXTCONTAINER */

div.titelcontainer, div.inhaltcontainer {
	font-family:'Merriweather',Times New Roman,Serif;
}


/****************
NAVIGATIONSLEISTE
****************/


div.smallnavcontainer  {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}


div.smallnavbox {
	position:relative;
	height:45px;
	margin:10px 20px;
	background-color:#e8e8f3;
	border-top:2px solid #fffff3;	
	border-bottom:2px solid #fffff3;	
}

div.smallnavitem {
	position:absolute;
	width:25%;
	text-align:center;
}


div.smallnavitem img {
	padding:10px;
	width:auto;
}

#smallnav_jumpprev {
	left:0;
}

#smallnav_jumpup {
	left:25%;
}

#smallnav_jumpmenu {
	left:50%;
}

#smallnav_jumpnext {
	left:75%;
}

#smallnav_jumphome {
	display:none;
}

#smallnav_jumptop {
	display:none;
}


#smallnav {
	display:none;
}

@media only screen and (max-width:1000px) {
	#smallnav {
		display:block;
	}	
}


@media only screen and (max-width:500px) {
	div.smallnavbox {
		margin:0;
		border:none;
	}
	
}

@media only screen and (min-width:1300px) {
	#smallnav {
		display:block;
	}
	
	div.smallnavcontainer {
		top:20px;
		left:0;
		width:100px;
	}
	
	div.smallnavbox {
		margin:0;
		border:none;
	}
	
	div.smallnavitem {
		position:relative;
		width:auto;
		height:60px;
	}
	
	#smallnav_jumpprev, #smallnav_jumpup, #smallnav_jumpnext, #smallnav_jumphome {
		position:relative;
		display:block;
		left:0;
	}
	
	#smallnav_jumpmenu, #smallnav_jumptop {
		display:none;
	}

}


/************
JUMPCONTAINER
************/

div.jumpcontainer {
	padding-top:40px;
}


div.jumpbox {
	padding:10px;
	background-color:#e8e8f3;
	border-top:2px solid #fffff3;	
	border-bottom:2px solid #fffff3;	
}

div.jumpcontainer p {
	margin:0;
	padding:0;
}

div.jumpcontainer h3 {
	display:none;
}

div.jump {
	width:33%;
	padding:30px 0 20px;
	overflow:hidden;
}


div.jumpforward {
	float:right;
	text-align:right;
	background:url(smallnav/smallnav_next.png) no-repeat right 28px;
}

div.jumpforward div.jumptext {
	margin-right:50px;
}

div.jumpback {
	float:left;
	background:url(smallnav/smallnav_prev.png) no-repeat left 28px;
}


div.jumpback div.jumptext {
	margin-left:50px;
}


div.jumpup {
	margin:0 auto;
	background:url(smallnav/smallnav_up.png) no-repeat center top;
	text-align:center;
}

div.jumpup div.jumptext {
	margin:0 25px;
}


/*************
TITELCONTAINER
**************/


div.titelcontainer {
	margin-top:0px;
	text-align:center;
}

@media only screen and (min-width:1100px) {
	div.titelcontainer { 
		margin-top:20px;
	}
}

div.titelcontainer h1 {
	font-weight:900;
	font-size:40px;
	line-height:55px;
}


div.titelcontainer p {
	display:inline-block;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
	margin:0 100px;
	padding-bottom:10px;
	border-bottom:3px solid black;
	-moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;	
}


@media only screen and (max-width:600px) {
	div.titelcontainer h1 {
		font-size:30px;
		line-height:40px;
	}
	div.titelcontainer p {
		font-size:18px;
		line-height:22px;
		margin:0 50px;
		border-bottom:1px solid black;
	}
}

@media only screen and (max-width:400px) {
	div.titelcontainer h1 {
		font-size:25px;
		line-height:30px;
	}
	div.titelcontainer p {
		margin:0;
	}
}


/***************
INHALTSCONTAINER
***************/


div.inhaltcontainer { 
	min-height:500px;
}

@media only screen and (max-width:1000px) {
	div.inhaltcontainer {
		min-height:0;
	}
}

div.inhaltcontainer div.scrollblock {
	width:100%;
	overflow-x:auto;
}


div.inhaltcontainer div.infobox {
	width:548px;
	min-height:140px;
	margin:20px auto;
	padding:0 20px 0 130px;
	background-color:#f6f6d5;
	border:3px solid #e5e5c8;
	background-image:url('box/box_info.png');
	background-position:15px 20px;
	background-repeat:no-repeat;
}


div.inhaltcontainer div.bugbox {
	background-image:url('box/box_bug.png');
}


div.inhaltcontainer div.warnungsbox {
	border-color:#ff5500;
	background-image:url('box/box_warnung.png');
}


@media only screen and (max-width:1000px) {
	div.inhaltcontainer div.infobox {
		width:554px;
	}
}


@media only screen and (max-width:800px) {
	div.inhaltcontainer div.infobox {
		width:auto;
		margin:10px 0;
		border-left:none;
		border-right:none;
	}
}


@media only screen and (max-width:600px) {
	div.inhaltcontainer div.infobox {
		padding:60px 10px 0;
		background-position:10px 10px;
		background-image:url('box/box_small_info.png');
	}

	div.inhaltcontainer div.bugbox {
		background-image:url('box/box_small_bug.png');
	}

	div.inhaltcontainer div.warnungsbox {
		background-image:url('box/box_small_warnung.png');
	}
}


div.infobox p {
	-moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}



div.inhaltcontainer table {
	border-collapse:separate;
	border-spacing:0; 
	empty-cells:collapse; 
	border:1px solid #e5e5c8;
	border-bottom-width:2px;
}


div.inhaltcontainer p, div.inhaltcontainer td, div.inhaltcontainer th, div.inhaltcontainer li {
	font-size:16px;
	line-height:25px;
}

div.inhaltcontainer td, div.inhaltcontainer th {
	padding:7px 15px;
	text-align:left;
	vertical-align:top;
	margin:0;
	border-left:1px solid #e5e5c8;
	border-right:1px solid #e5e5c8;
	background-color:#f6f6d5;
}

div.inhaltcontainer table.raster td, div.inhaltcontainer table.raster th {
	border:1px solid #e5e5c8;
}

table.centered_fields td, table.centered_fields th {
	text-align:center;
}

div.inhaltcontainer th {
	font-weight:bold;
	background-color:#e5e5c8
}


/********
DIV-TABLE
********/


div.table {
	clear:both;
}

div.table div.title {
	position:absolute;
	width:200px;
	overflow:hidden;
	text-align:right;
}

div.imgtable div.title, div.tallimgtable div.title {
	width:402px;
}

div.imgtable div.title p.image, div.tallimgtable div.title p.image {
	text-align:right;
	margin-top:20px;
}

div.imgtable div.title img, div.tallimgtable div.title img {
	max-width:400px;
	max-height:300px;
	width:auto;
	height:auto;
	margin-left:0;
	margin-right:0;
}

div.tallimgtable div.title img {
	max-height:400px;
}

div.table div.content {
	overflow:hidden;
	margin:20px 0 20px 212px;
	padding-left:10px;
	border-left:3px solid #e5e5c8;
	text-align:left;
}

div.imgtable div.content, div.tallimgtable div.content {
	margin-left:420px;
	min-height:340px;
}

div.tallimgtable div.content {
	min-height:440px;
}

div.smalltable p {
	margin:0;
}

div.table img {
	max-width:100%;
	height:auto;
}

@media only screen and (min-width:1300px) {
	div.table div.title {
		width:250px;
	}
	
	div.imgtable div.title, div.tallimgtable div.title {
		width:402px;
	}
	
	div.table div.content {
		margin-left:277px;
		padding-left:25px;
	}
	
	div.imgtable div.content, div.tallimgtable div.content {
		margin-left:430px;
	}
}

@media only screen and (max-width:900px) {
	div.imgtable div.title, div.tallimgtable div.title {
		position:relative;
		width:auto;
		margin:0;
		text-align:left;
		overflow:visible;
	}

	div.imgtable div.title p.image, div.tallimgtable div.title p.image {
		text-align:center;
	}

	div.imgtable div.title img, div.tallimgtable div.title img {
		max-width:100%;
	}
	
	div.imgtable div.title p, div.tallimgtable div.title p {
		font-weight:bold;
	}
	
	div.imgtable div.content, div.tallimgtable div.content {
		margin:0;
		padding:0;
		border-left:none;
		min-height:0;
	}
}
	

@media only screen and (max-width:700px) {
	div.table div.title {
		position:relative;
		width:auto;
		margin:0;
		text-align:left;
	}

	div.table div.title p {
		font-weight:bold;
	}
	
	div.table div.content {
		margin:0;
		padding:0;
		border-left:none;
	}
	
	div.smalltable {
		margin-left:20px;
	}

	div.smalltable div.content {
		margin-bottom:10px;
	}
}

	

/*****	
LISTEN
*****/	
	
div.inhaltcontainer ul, div.inhaltcontainer ol {
	margin-left:50px;
}

div.inhaltcontainer table ul, div.inhaltcontainer div.table ul, div.inhaltcontainer table ol, div.inhaltcontainer div.table ol {
	margin-left:20px;
}

@media only screen and (max-width:1000px) {
	div.inhaltcontainer ul,	div.inhaltcontainer ol {
		margin-left:30px;
	}

	div.inhaltcontainer table ul, div.inhaltcontainer div.table ul, div.inhaltcontainer table ol, div.inhaltcontainer div.table ol {
		margin-left:20px;
	}
}	

@media only screen and (max-width:600px) {
	div.inhaltcontainer ul, div.inhaltcontainer ol {
		margin-left:20px;
	}
}	

div.inhaltcontainer li {
	padding-left:10px;
	margin:0;
}



/**********************
TEXTE UND ÜBERSCHRIFTEN
**********************/


div.inhaltcontainer h3, div.inhaltcontainer h4 {
	margin-top:40px;
	margin-bottom:20px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	clear:both;
}

div.inhaltcontainer h3 {
	font-size:25px;
	text-decoration:none;
}

div.inhaltcontainer h4 {
	font-size:20px;
}

@media only screen and (max-width:600px) {
	div.inhaltcontainer h3, div.inhaltcontainer h4 {
		margin-top:20px;
		margin-bottom:15px;
		line-height:25px;
	}
	
	div.inhaltcontainer h3 {
		font-size:20px;
	}

	div.inhaltcontainer h4 {
		font-size:16px;
	}
}


div.inhaltcontainer p.formel {
	clear:both;
	margin-left:25px;
}

div.inhaltcontainer p.landkarte {
	clear:both;
	margin:30px 0;
}

p.landkarte img {
	max-width:100%;
	height:auto;
}

div.inhaltcontainer p.eingerueckt, div.inhaltcontainer p.image {
	clear:both;
	text-align:center;
	margin:35px 0 25px;
	color:#737354;
	font-style:italic;
	font-size:14px;
	line-height:18px;
}


p.eingerueckt img, p.image img {
	max-width:700px;
	max-height:500px;
	width:auto;
	height:auto;
	margin:0 5px 10px;
}

p.eingerueckt img {
	background-color:white;
	border:2px solid #e5e5c8;
	padding:20px;
}

p.image img {
	border:1px solid black;
}

p.ampel {
	float:right;
	margin:0 0 5px 10px;
	padding:0;
}

p.ampel img {
	width:124px; /* angepasst an Amazon-Werbung */
	height:auto;
}

div.inhaltcontainer p.keywordlist {
	font-size:12px;
	line-height:18px;
}


div.inhaltcontainer p.statistik {
	width:200px;
	margin:35px auto 25px;
	padding:10px 20px;
	font-family:Lato,Arial,Sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	text-align:center;
	background-color:#f6f6d5;
	border:1px solid #e5e5c8;
}


div.inhaltcontainer p.statistik span.hugetext {
	font-size:34px;
	line-height:40px;
	font-weight:bold;
}


div.overview_left {
	float:left;
	text-align:right;
	width:49%;
}

div.overview_right {
	margin-left: 50%;
	padding-left:1%;
	border-left:3px solid #e5e5c8;
}

div.overview_out {
	margin-bottom:30px;
}

div.overview_out p {
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
}

@media only screen and (max-width:600px) {
	div.overview_left {
		float:none;
		text-align:left;
		width:auto;
		margin-bottom:10px;
	}

	div.overview_right {
		margin-left:20px;
		border:none;
	}
	
}	


div.inhaltcontainer p.product-auto, div.inhaltcontainer p.product-prime, div.inhaltcontainer p.product {
		display:block;
		clear:both;
		float:right;
		width:120px;
		margin:0 0 10px 10px;
}


div.inhaltcontainer p.product-auto, div.inhaltcontainer p.product, div.ebay_container {
		padding-top:3px;
		color:#737354;
		background: linear-gradient(to top, #e5e5c8 0,#e5e5c8 16px,white 16px,white 100%);
		border:2px solid #e5e5c8;
		text-align:center;
		font-family:Lato,Arial,Sans-serif;
		font-weight:bold;
		font-size:12px;
		line-height:16px;
		overflow:hidden;
		-moz-hyphens:auto;
		-o-hyphens:auto;
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
		hyphens:auto;
}


div.inhaltcontainer p.product-auto img, div.inhaltcontainer p.product img {
	max-height:80px;
	max-width:116px;
	margin:7px 0;
	border:none;
}



div.ebay_block {
	display:none;
}

	div.ebay_container {
		width:140px;
		height:242px;
		margin:30px auto;
		padding-top:0;

		transition:width 1s ease-in-out;
		-webkit-transition:width 1s ease-in-out;
		-moz-transition:width 1s ease-in-out;
		-ms-transition:width 1s ease-in-out;
		-o-transition:width 1s ease-in-out;
	}

	div.ebay_container a, div.ebay_container a:hover, div.ebay_container a:visited, div.ebay_container a:active {
		color:#737354;
		text-decoration:none;
	}


		div.ebay_title {
			background-color:#e5e5c8;
			height:26px;
			overflow:hidden;
		}


			div.ebay_title_item {
				padding:5px 10px;
			}

			div.ebay_title_button {
				float:left;
				cursor:pointer;
			}

			#ebay_title_right {
				float:right;
				cursor:default;
			}
			
		/* div.ebay_title */

		div.ebay_content {
			position:relative;
			height:200px;
			display:none;
			overflow:hidden;
		}

			div.ebay_content_no_result {
				position:absolute;
				padding:5px;
			}
			

			div.ebay_item {
				float:left;
				width:130px;
				height:190px;
				margin:0 5px;
				padding:5px 0;
				overflow:hidden;
				display:none;
			}

			
			div.ebay_item_load {
				height:195px;
				padding-bottom:0;
				display:block;
			}
			
			div.ebay_item_more {
				width:128px;
				height:195px;
				padding-bottom:0;
				border-left:2px solid #e5e5c8;
			}


				div.ebay_item_title {
					position:relative;
					height:48px;
					width:130px;
					overflow:hidden;
				}

				div.ebay_item_title_more, div.ebay_item_title_load {
					height:190px;
					background-image:url('link/affiliate-ebay-right-now.png');
					background-repeat:no-repeat;
					background-position:center bottom;
					-moz-hyphens:none;
					-o-hyphens:none;
					-webkit-hyphens:none;
					-ms-hyphens:none;
					hyphens:none;
				}	

					div.ebay_item_title_more div.bigtext {
						font-size:32px;
						line-height:32px;
					}

				div.ebay_item_image {
					height:100px;
					padding:5px 0;
				}


				div.ebay_item_image  img {
					max-width:130px;
					max-height:100px;
				}


				div.ebay_item_price {
					height:32px;
					overflow:hidden;
				}
				
			/* div.ebay_item */
				
		/* div.ebay_content */
		
	/* div.ebay_container */
		
/* div.ebay_block */
	
span.product-subtitle {
	display:inline-block;
	margin:5px 0;
}


p.zitat { 
	font-style:italic; 
	margin-left:25px; 
}

@media only screen and (max-width:600px) {
	p.zitat { 
		margin-left:0; 
	}
}

div.indeximage { 
	display:none;
}

div.indextext { 
	margin:0;
}


div.indexbox {
	margin-left:20px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	display:none;
}

@media only screen and (max-width:700px) {
	div.indexbox {
		margin-left:0;
		margin-bottom:40px;
	}
}


@media only screen and (min-width:1100px) {
	div.indeximage {
		display:block;
		float:left; 
		margin:25px 0;
		height:500px; 
		width:270px; 
		overflow:hidden; 
		background-repeat:no-repeat; 
		background-position:top right; 
	}
	
	div.indextext {
		margin:50px 0 25px 300px;
	}
	
}


div.floatimage { 
	width:150px;
	text-align:right; 
	float:left; 
}

div.floattext { 
	margin-left:175px; 
}

@media only screen and (max-width:600px) {
	div.floatimage { 
		display:none;
	}

	div.floattext { 
		margin:0; 
	}
}

div.code { 
	background-color:#222222; 
	color:#cccccc; 
	padding:8px; 
	margin:0 125px 15px 15px; 
}

div.code p { 
	font-family:System,Monospace; 
	font-size:14px; 
	font-weight:bold; 
	padding:0; 
	margin:0; 
	word-wrap:nobreak; 
}

div.code a { 
	color:#eeeeee; 
}

pre { 
	font-size:12px; 
	margin:25px; 
	margin-right:0;
	overflow:auto;
}

pre.code, textarea.code, pre.codelink {
	margin-left:30px;
	margin-right:30px;
	padding:10px 5px; 
	font-size:12px;
}

pre.code, textarea.code { 
	display:block; 
	overflow:auto; 
	max-height:300px;
	margin-top:0;	
	border:1px solid #ddd; 
	background-color:#eee; 
}

pre.codelink {
	font-family:'Lato',Arial,Sans-serif;	
	font-size:14px;
	line-height:18px;
	margin-bottom:0;
	background-color:#ddd;
}


@media only screen and (max-width:600px) {
	pre, pre.code, pre.codelink {
		margin-left:0;
		margin-right:0;
	}
}

div.inhaltcontainer table {
	margin:30px 0;
}


div.scrollblock table {
	margin:0;
}


div.scrollblock td, div.scrollblock th {
	white-space:nowrap;
}


td.links {
	width:200px;
	padding-top:10px;
}

td.nobreak {
	white-space:nowrap;
}


div.inhaltcontainer table.kontaktform {
	border-top:2px solid #e5e5c8;
	margin-left:auto;
	margin-right:auto;
}

input.kontaktform_text, textarea.kontaktform {
	width:500px;
	font-size:16px;
	font-family:Calibri,Arial,Sans-serif;
	padding:5px;
}

input.kontaktform_text {
	height:20px;
}

textarea.kontaktform {
	height:250px;
	line-height:24px;
}


div.kontaktform_radio_button {
	position:absolute;
	width:20px;
	margin-top:2px;
}

div.kontaktform_radio_text {
	margin-left:30px;
	margin-bottom:5px;
}


@media only screen and (max-width:800px) {
	td.links {
		width:100px;
	}
	input.kontaktform_text, textarea.kontaktform {
		font-size:14px;
		padding:2px;
		width:400px;
	}

	textarea.kontaktform {
		height:200px;
	}
}


@media only screen and (max-width:700px) {
	div.inhaltcontainer td, div.inhaltcontainer th, td.links {
		display:block;
		font-size:16px;
		line-height:24px;
		padding:4px 8px;
		width:auto;
	}

	div.scrollblock td, div.scrollblock th {
		display:table-cell;
	}
	
	table.kontaktform {
		width:100%;
	}

	input.kontaktform_text, textarea.kontaktform {
		width:95%;
		font-size:14px;
		line-height:20px;
	}
}


div.inhaltcontainer table.inhalt	{ 
	table-layout:fixed;
	border:none;	
	border-spacing:5px; 
	font-family:'Lato',Arial,Sans-serif;
}

table.inhalt td { 
	overflow:hidden;
	border:1px solid #e5e5c8;
	background-color:#f6f6d5;
}

table.inhalt p { 
	font-size:13px; 
	line-height:15px; 
	margin:0px; 
	padding:0px; 
	padding-bottom:5px; 
}


@media only screen and (max-width:1000px) {
	p.image img {
		max-width:600px;
	}
}

@media only screen and (max-width:700px) {
	p.image img {
		max-width:100%;
		height:auto;
		box-sizing:border-box;
	}	
}

p.eingerueckt img {
	max-width:90%;
	height:auto;
	padding:2%;
}

/*
	==========
	BILD-INDEX
	==========
*/


div.image_index_box {
	width:718px;
	margin:30px auto;
}

div.image_index_item {
	float:left;
	width:325px;
	height:125px;
	padding:10px;
	margin:0 10px 10px 0;
	background-color:#f6f6d5;
	border:2px solid #e5e5c8;
}


div.image_index_image {
	position:absolute;
	width:125px;
}


div.image_index_image img {
	width:125px;
	height:125px;
}


div.image_index_text {
	position:relative;
	margin-left:140px;
	height:125px;
	overflow:hidden;
}

div.image_index_text p {
	position:absolute;
	width:100%;
	margin:0;
	text-align:center;
	hyphens:none;
}

div.image_index_text p.bottom {
	bottom:0;
}


div.image_index_text p.top {
	top:0;
	padding-bottom:10px;
	border-bottom:2px solid #e5e5c8;
}




@media only screen and (max-width:800px) {
	
	div.image_index_box {
		width:358px;
	}

	div.image_index_item  {
		float:none;
		width:auto;
		margin:0 0 10px 0;
	}
}	


@media only screen and (max-width:450px) {
	
	div.image_index_box {
		width:auto;
		margin:0;
	}
	


	div.image_index_item {
		height:100px;
		padding:10px;
	}


	div.image_index_image {
		width:100px;
	}


	div.image_index_image img {
		width:100px;
		height:100px;
	}


	div.image_index_text {
		margin-left:110px;
		height:100px;
	}
	
	div.image_index_text p, div.image_index_text p.top {
		line-height:20px;
		padding:0;
		border:none;
	}

}	


div.adsensecontainer { 
	padding:15px 0;
}

div.adsense_title {
	font-family:'Lato',Arial,Sans-serif;
	font-size:10px;
	color:#a5a598;
	font-weight:bold;
}


div.adsense_unten, div.adsense_oben, div.adsense_index { 
	overflow:hidden;
	padding:1px;
	background-color:#f6f6d5;
	border:1px solid #e5e5c8;
}

div.adsense_unten, div.adsense_oben { 
	width:728px; 
	margin:0 auto;
}

div.adsense_index {
	width:468px;
	margin:25px auto;
}


@media only screen and (max-width:775px) {
	div.adsense_unten, div.adsense_oben {
		width:320px;
	}
}


@media only screen and (max-width:350px) {
	div.adsense_unten, div.adsense_oben {
		width:234px;
	}
}

@media only screen and (max-width:600px) {
	div.adsense_index {
		display:none;
	}
}


div.adsense_index iframe {
	height:auto;
}


div.jumpcontainer p, div.navigation p, div.footcontainer p, div.mainnav, div.subnav, div.smallnavcontainer, div.copyblock {
	font-size:14px;
	line-height:18px;
	margin:0 0 5px 0;
	color:#444455;
}

div.navigation p.navimage {
	margin:15px 0;
}

div.footcontainer { 
	padding-top:50px;
	background-color:#e8e8f3;
	text-align:center;
}


@media only screen and (max-width:1000px) {
	div.footcontainer {
		padding-top:20px;
		background-color:#fffff3;
	}
	
	div.footer {
		padding:20px;
		background-color:#e8e8f3;
		border-top:2px solid #fffff3;	
		border-bottom:2px solid #fffff3;	
	}
}

@media only screen and (max-width:500px) {
	div.footcontainer {
		padding:0;
	}
	
	div.footcontainer div.footer {
		border:none;
	}
}

div.navcontainer { 
	position:absolute;
	right:0;
	top:20px;
	width:175px;
	overflow:hidden;
}


@media only screen and (min-width:1100px) {
	div.navcontainer {
		right:10px;
	}
}

@media only screen and (min-width:1300px) {
	div.navcontainer { 
		right:20px;
		width:200px;
	}
}

div.navigation {
	border-left:3px solid #000066;
	margin-bottom:30px;
	padding:1px 10px;
}

	
div.navigation span.bigscreen {
	display:block;
}

div.navigation span.smallscreen {
	display:none;
}
		

div.social {
	display:block;
	margin:10px 0;
	overflow:hidden;
}


div.navigation h3 {
	font-weight:bold;
	font-size:18px;
	line-height:21px;
	margin:0 0 5px 0;
}

div.navigation h3.menutitle {
	display:none;
}


div.navigation span.smalltext {
	font-size:12px;
}

div.navigation span.copyblock, div.navigation div.cleanups {
	height:1px;
	width:1px;
	position:absolute;
	overflow:hidden;
}


span.copy_confirmation {
	position:absolute;
	width:1em;
	font-size:125%;
	font-weight:bold;
	color:#2d0;
	text-align:right;
}

span.copy_placeholder {
	display:inline-block;
	width:1.2em;
}


div.subnav {
	margin:0 0 0 15px;	
}

	
div.nav_space {
	height:10px;
}

@media only screen and (max-width:1000px) {
	div.navcontainer {
		display:none;
		position:fixed;
		top:0;
		right:5%;
		width:80%;
		min-width:350px;
		height:100%;
	}
	
	div.smallnavmenucontainer {
		height:100%;
		max-width:500px;
		margin:0 auto;
		padding:59px 0 10px;
		box-sizing:border-box;
	}
	
	div.innernavcontainer {
		max-height:100%;
		box-sizing:border-box;
		overflow:auto;
		border:1px solid #000066;
	}
	
	div.navigation {
		position:relative;
		margin:0;
		padding:10px;
		background-color:#e8e8f3;
		border:none;
		border:1px solid #c6c6d8;
	}
	
	div.hardlinks {
		border:none;
	}
	
	div.jumpcontainer p, div.navigation p, div.footcontainer p, div.mainnav, div.subnav, div.smallnavcontainer, div.copyblock {
		line-height:24px;
	}

	div.navigation h3 {
		position:absolute;
		left:10px;
		width:100px;
		overflow:hidden;
		text-align:right;
		line-height:24px;
		font-size:18px;
		-moz-hyphens:none;
		-o-hyphens:none;
		-webkit-hyphens:none;
		-ms-hyphens:none;
		hyphens:none;
	}
	
	div.navigation h3.menutitle {
		display:block;
	}
	
	div.navigation .menucontent {
		margin-left:120px;
	}
	
	div.navigation .menucontent, div.navigation .menucontent * {
		margin-bottom:0;
	}

	div.social {
		display:inline-block;
		margin:3px 10px 0 0;
	}
	
	div.navigation span.bigscreen {
		display:inline;
	}
	
	div.navigation span.smallscreen {
		display:inline;
	}
			
	div.nav_navigation {
		display:none;
	}
	
	
}



@media only screen and (max-width:500px) {
	
	div.navcontainer {
		top:0;
		left:0;
		width:100%;
		min-width:0;
		height:100%;
	}
	
	div.smallnavmenucontainer {
		width:100%;
		height:100%;
		margin:0;
		padding:45px 0 0;
		box-sizing:border-box;
	}
	
	div.innernavcontainer {
		width:auto;
		overflow:auto;
		border-width:2px;
		border-left:none;
		border-right:none;
	}
	
}


@media only screen and (max-width:400px) {

	div.navigation {
		padding:5px 10px 10px;
	}

	div.navigation h3 {
		position:relative;
		width:auto;
		text-align:left;
		left:0;
	}
	
	div.navigation .menucontent {
		margin-left:0;
		border:none;
	}
	
	
}


a {
	-moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}

a:link, a:visited, a:hover, a:active {
	font-weight:bold;
	color:#000066;
	text-decoration:none;
}

a:hover {
	color:#0000cc;
}

font.activepage {
	font-weight:bold;
	color:#660000;
}


sup {
	font-size:80%;
}

span.extern {
	background-image: url('link/extern.png');
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:23px;
	margin-left:2px;
}

span.affiliate {
	background-image:url('link/affiliate.png');
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-left:2px;
}

span.conrad {
	background-image:url('link/affiliate-conrad.png');
}

span.amazon {
	background-image:url('link/affiliate-amazon.png');
}

span.vodafone {
	background-image:url('link/affiliate-vodafone.png');
}


span.ebay {
	background-image:url('link/affiliate-ebay.png');
}



div.footcontainer div.hardlinks, div.navcontainer div.hardlinks {
	display:none;
}

@media only screen and (max-width:1000px) {
	div.footcontainer div.hardlinks, div.navcontainer div.hardlinks {
		display:block;
	}
}


div.page_counter {
	z-index:1;
	position:fixed;
	bottom:10px;
	right:10px;
}

div.page_counter div.log {
	display:inline-block;
	padding:10px;
	font-family:'Lato',Arial,Sans-serif;
	font-size:12px;
	color:#333;
	background-color:#fff;
	border:2px solid #333;
	opacity:0.75;
}


.en-en {
	color:#525239;
	font-style:italic;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}


/*
DSGVO
*/

#dsgvo_facebook {
	display:none;
}

div.dsgvo {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


div.dsgvo_border {
	box-sizing:border-box;
	position:fixed;
	bottom:0;
	left:0;
	height:auto;
	width:100%;
	overflow:hidden;
}

div.dsgvo_background {
	background-color:black;
	opacity:0.75;
	height:100%;
}


div.dsgvo_block {
	box-sizing:border-box;
	height:auto;
	overflow:auto;
	border-top:5px solid #666688;
	padding:0 20px 20px;
	font-family:Lato,Arial,Sans-serif;
	color:#fffff3;
	background-color:black;
}	

div.dsgvo p {
	font-size:18px;
	line-height:23px;
	margin:10px 0;
	text-align:center;
}


div.dsgvo h3 {
	font-size:25px;
	line-height:30px;
	margin-top:25px;
	font-weight:bold;
	text-align:center;
}

div.dsgvo a {
	font-weight:bold;
	color:#666688;
	text-decoration:none;
}


div.dsgvo button {
	width:100px;
	height:auto;
	margin:10px;
	padding:5px 0px;
	font-size:20px;
	font-weight:bold;
	background-color:black;
	border:2px solid #666688;
	color:#666688;
	cursor:pointer;
}