/*
v0.5 2018 © Zeitkind
*/

/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	margin: 0px;
	padding: 0;
	background: #0A1530;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
}

canvas{
  display:block;
  vertical-align:bottom;
}

h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #649632;
}

h1 { font-size: 50px; }

h2 { font-size: 20px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
	/** text-align: justify; */
	text-align: left;
}

li {
    display: list-item;
    line-height: 50%; 
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-right: 0;
    padding-left: 10px;
 }

blockquote { }

a { color: #C5C5C5; }

a:hover { color:#3333ff; text-decoration: none; text-shadow: 2px 2px 4px black}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#huelle {
	width: 900px;
	margin: 0 auto;
	background: #000000;
}

/* kopf */

#kopf-huelle {
}

#kopf {
	width: 900px;
	height: 77px;
	margin: 0 auto;
	background: url(images/kopf.png) no-repeat left top;
}

/* Menu */

#menu {
	float: right;
	height: 77px;
}

#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	height: 48px;
	display: block;
	float: left;
	padding: 15px 5px 0px 30px;
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	font: 18px Arial, Helvetica, sans-serif;
	color: #333333;
}

#menu a:hover {
	color:#304060;
	text-decoration: none;
	color: #111111;
	text-shadow: 2px 2px 8px black;
	}


/** #menu .current_page_item {
	margin: 0px;
	color: #FFFFFF;
} */

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
}

/** LOGO */

/*
#logo {
	width: 900px;
	height: 227px;
	margin: 0 auto;
	background: url(images/logo.png) no-repeat left top;
}
*/

#particles-js {
  width: 900px;
  height: 227px;
  background-color: #b61924;
  background-image: url('images/logo.png');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0px;
	line-height: normal;
}

#logo h1 {
	padding-left: 40px;
	padding-top: 90px; 
}

#logo h1 a {
	text-decoration: none;
	text-transform: lowercase;
	color: #FFFFFF;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
	padding: 0px 0 0 42px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

#logo p a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo p a:hover { text-decoration: underline; }

/* inhalt */

#inhalt {
	float: right;
	width: 630px;
	margin-top: 25px;
	margin-left: 25px;
}

/* beitrag */

.beitrag {
	margin-bottom: 25px;
	background: url(images/trenner_mitte.jpg) no-repeat left top;
}

.beitrag .title {
	height: 30px;
	margin-left: 20px;
	margin-bottom: 3px;
	border-bottom: 1px dashed #555555;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.beitrag .entry {
	padding: 20px 0px;
	margin-left: 25px;
}


/* seite_links */

#seite_links {
	float: left;
	width: 240px;
	margin-top: 55px;
}

#seite_links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#seite_links li {
	margin-bottom: 30px;
	padding: 0 0 20px 0px;
}

#seite_links li ul {
	line-height: 150%;
	background: none;
}

#seite_links li li {
	margin: 0;
	padding: 3px 20px;
	background: none;
}

#seite_links p {
	margin: 0;
	padding: 0 20px;
}

#seite_links h2 {
	height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 20px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


#seite_links p {
	line-height: 150%;
	padding-bottom: 20px;
}

#seite_links a {
}


/* fuss */

#fuss {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: url(images/fuss.jpg) repeat-x left top;
	height: 61px;
}

#fuss p {
	margin: 0;
	padding: 30px 10px;
	text-align: right;
	line-height: normal;
	font-size: 11px;
	color: #FFFFFF;
}

#fuss a {
}

/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */
/*
#particles-js{
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url('images/logo.png');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
*/