/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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


}

html {

	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

hr {
    border:none;
    border-top: 1px solid #EE7D11;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 1px;
                    }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #CBEBF9; color:#000; text-shadow: none; }
::selection { background:#CBEBF9; color:#000; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }


body {
	color: #484c55;
	font-size: 0.8em;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif,Verdana,Helvetica;
	background: #CDE3EE url(/images/backstretch_home.jpg) repeat-x;
	letter-spacing:0.03em;

}

table {
	border-collapse: collapse;
	font-size:1em;
	border:none 0;
	font-family: Arial;
}


caption, th, td {
	text-align: left;
	font-weight: normal;
}
.clear {
	clear:both;
}

    .piwik {
        margin:15px 0 0 0px;
        padding:0 0 0 0;
        }
	

hr {
    border:none;
    border-top: 1px solid #476A88;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 1px;
    margin:10px 0;
}
/* CONTAINER
----------------------------------------- */


#Container {
	width: 1140px;
	margin: auto;
}

header {
	position:relative;
	width:1140px;
	height:90px;
	}

.klick-index {
	position:absolute;
	top:47px;
	left:620px;
	height:93px;
	width: 391px;
	display: block;
	border: 0px solid black;
	background: url(/images/logo.png) no-repeat;
}

#Flaggen {
	position:absolute;
	top:110px;
	left:0px;
	}
#Flaggen ul.translations {
	list-style:none;
	display: inline;
	}	

#Flaggen li {
	float: left;
	padding-right: 12px;
	list-style: none;
	}

#NaviMother {
	width: 220px;
	margin: 50px 10px 0 0;
	float: left;
}

#Kontakt {
	width:210px;
	padding:20px 0px 0px 20px;
	color:#502B1B;
}

#Kontakt a {
	color:#502B1B;
	text-decoration: none;
}

#Kontakt a:hover {
	color:#502B1B;
	text-decoration: underline;
}


#Navigation {
	width:210px;
	padding:20px 10px 13px 0;
	background: #fff;
	opacity: 0.7;
	behavior:url("/css/PIE.php");
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	-khtml-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
}
  
#Menu ul {
	list-style: none;
	margin: 0px;
}
#Menu li {
	background: none;
	padding: 0px;
}
#Menu a, .hamburgler-menu-list a {
	font-family:'HelveticaNeueW01-87HvCn 692734';
	text-decoration: none;
	display: block;
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;
	color: #502B1B;
	padding: 0px 0px 2px 19px;
	margin: 0 0 6px 0;
}

#Menu a.section, #Menu a.current, .hamburgler-menu-list a.section, .hamburgler-menu-list a.current {
color: #0093A8;

}

#Menu a:hover {
	color: #0093A8;
}

#Menu .current:hover {
	color: #502b1b;
}

#Sub-Menu ul {
  list-style: none;
  margin: 0px;
}
#Sub-Menu li {
  background: none;
  padding: 0px;
  
}
#Sub-Menu a {
  display: block;
  position: relative;
  text-decoration: none;
  padding-left: 30px;
  margin-top: 4px;
  font-size: 1.1em;
  border-bottom: none;
  text-transform: none;
}
#Sub-Menu .current {
  font-weight: normal;
}



#Banner {
	width: 345px;
	height:370px;
	float: left;
	box-shadow: inset -20px 0 14px -5px #fff;

}


#Content {
	padding: 20px 10px 10px 20px;
	float: left;
	width:820px;
	color: #285171;
	font-size: 0.85em;
	line-height:1.4em;
}

#Layout {
	width:850px;
	margin: 50px 0 20px 0;
	float: left;
	background: #fff;
	behavior:url("/css/PIE.php");
	-moz-border-radius: 0px 40px 0px 40px;
	-webkit-border-radius: 0px 40px 0px 40px;
	-khtml-border-radius: 0px 40px 0px 40px;
	border-radius: 0px 40px 0px 40px;

	-moz-box-shadow: 0px 0px 10px 1px #888;
	-webkit-box-shadow: 0px 0px 10px 1px #888;
	box-shadow: 0px 0px 10px 1px #888;

}
	
.sidebarBox {
	padding:20px;
	font-size: 0.8em;

}

.sidebarBox p {
	font-family:'HelveticaNeueW01-45Ligh';

}

	
/* SEARCH FORM 
-----------------------------------------------*/
/* Alles */

#SearchForm_SearchForm {
	position:absolute; top:4px; left:782px;	
	width: 200px;


}
/* Input mit Button */
#SearchForm_SearchForm .middleColumn {
	float: left;
	width:126px;
	height: auto;
	border: none;
	margin:-4px -4px 0 0;
}
/* Suchfeld */
#SearchForm_SearchForm .middleColumn input.text {
	width: 140px;
	height:23px;
	border: none;
	color: #657077;
	font-weight:normal;
	font-size:0.95em;
	background: url(/images/suchfeld.jpg) no-repeat;
	padding:0 0 4px 10px;
}
/* Button*/
#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	width: 22px;
	height:17px;
	background: url(/images/suche.gif) no-repeat;
	border: none;
	margin:3px 0 0 -18px;
	
}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 0;
	width:100%;
	float:left;
}
#SearchResults h2 {
	margin-top:20px;
}
ul#SearchResults li {
	list-style:none;
	margin: 0;
	font-size: 1em;
}

.suchlinie {
	margin:10px 0;
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #657077;
	}

/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;
	

}



/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #3b4449;
	border: 1px solid #ff0000;
	background-color: #FFD5D5;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #3b4449;
	border: 1px solid #ff0000;
	background-color: #FFD5D5;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}




  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #Navigation {display: none;}
}

@media only screen and (max-width: 1200px) {
	header, #Container {
		width: 100%;
	}
	header {
		padding-top: 3em;
	}

	#Layout img {
		max-width: 100%;
		height: auto;
	}

	#Layout {
		width: 750px;
	}
	#Content {
		width: 95%;
	}

	.typography h1 {
		padding-left: 0.4em;
	}
	.klick-index {
		position: static;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 992px) {
	#Layout {
		width: 520px;
	}
}

@media only screen and (max-width: 768px) {
	#Kontakt {
		display: none;
	}

	#Flaggen {
		top: 1em;
		left: 3.5em;
		z-index: 104;
	}

	#Flaggen li {
		padding-right: 2em;
	}
	#Layout, #Content {
		width: 95%;
	}
	#Content {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#Layout {
		float: none;
		margin: 2em auto;
	}

	#NaviMother {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 101;
		margin: 0;
	}
	#Navigation {
		background: transparent;
		opacity: 1;
	}

	#hamburgler {
		z-index: 102;
	}

	.hamburgler-menu {
		position: fixed !important;
	    overflow-y: auto;
	    width: 100%;
	    height: 100%;
	}

	.hamburgler-menu-list {
		margin: 3.5em 3em !important;
	}

	.hamburgler-icon-wrapper {
	  position: absolute;
	  top: 1em;
	  left: 1em;
	  height: 26px;
	  width: 26px;
	  cursor: pointer
	}

	.hamburgler-icon,
	.hamburgler-icon:before,
	.hamburgler-icon:after {
	  content: '';
	  position: absolute;
	  border-radius: 1em;
	  height: 2px;
	  width: 26px;
	  background: black;
	  transition: all 0.2s ease
	}

	.hamburgler-icon {
	  top: 0.75em
	}

	.hamburgler-icon:before {
	  top: -0.55em
	}

	.hamburgler-icon:after {
	  top: 0.55em
	}

	.hamburgler-active .hamburgler-icon {
	  background: transparent;
	  transform: rotate(-135deg)
	}

	.hamburgler-active .hamburgler-icon:before,
	.hamburgler-active .hamburgler-icon:after {
	  top: 0
	}

	.hamburgler-active .hamburgler-icon:before {
	  transform: rotate(90deg)
	}

	.hamburgler-active .hamburgler-icon,
	.hamburgler-active .hamburgler-icon:before,
	.hamburgler-active .hamburgler-icon:after {
	  background: black;
	}

	.hamburgler-menu {
	  transition: all 0.4s ease;
	  opacity: 0;
	  pointer-events: none;
	  top: 0;
	  left: 0;
	  background-color: rgba(255, 255, 255, 0.9);
	  color: white;
	  text-align: center
	}

	.hamburgler-active .hamburgler-menu {
	  opacity: 1;
	  pointer-events: initial;
	  z-index: 101;
	}

	.hamburgler-menu-list {
	  display: block;
	  transition: all 0.4s ease;
	  padding: 0;
	  list-style-type: none;
	}

	.hamburgler-active #hamburgler {
	  position: fixed !important;
	}
	#socialshareprivacy li.help_info {
		display: block;
		float: none;
		margin-left: 0;
	}
	#socialshareprivacy li.settings_info {
		display: block;
		margin-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	.klick-index {
		max-width: 100%;
	    background-size: 90% auto;
	    background-position: center center;
	}
}