/*www.kultur-propaganda.de*/
/*author + copyright: kultur propaganda - Claudia Simon 2016*/
/*index und basic stylesheet*/

html, body, div, ul, li, p, img, h1, a {
margin: 0; 
border: 0 none; 
padding: 0;
}

body {
height: 100%; 
width: 100%; 
background: url(../images/kp_background.gif) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-size: 1.3em; 
line-height: 1.5em;
font-family: 'Fira Mono', courier, 'letter gothic std';
color: #888;
}

#content {
margin: 2em;
}

#ooops {
background: url(../images/404_background.gif) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.3em;
}

a {
color: #888;
}

#imp {
position: fixed; 
bottom: 1em; 
right: 1em;
font-size: 0.5em; 
color: #aaa;
}

.block {
display: block;
}

/*nav*/

nav {
	margin-top: 1em;
}

nav div a {
	width: 10em; 
	background: rgb(245,199,120);
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	margin: 0 0 0.2em 0;
	cursor: default;
}

nav div p {
	display: none;
}

nav div:hover > p, nav a:active > p {
	display: inline-block;
}

nav div p a {
	cursor: pointer;
	color: white;
}

.orange {
	width: 1.4em; 
	background: rgb(245,199,120);
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	font-size: 1em;
	color: white;
	margin-right: 1em;
	vertical-align: 10%;
}
#menu {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#menu span.orange {
	font-size: 0.7em; 
	margin-bottom: 0.5em;
	font-weight: normal; 
	line-height: 1.5em;
}

.w800 {
	width: 100%;
	max-width: 800px;
}

h4 {
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

dt { 
	margin-left: 1.25em; 
	text-indent: -1.25em;
}


	

/*Queries*/

@media only screen 
  and (min-device-width: 737px) {
.mob { display: none;}
}
@media only screen 
  and (max-device-width: 736px) {
  .nonmob { display: none;}
  .margin {margin-bottom: 1em;}
  #content {margin: 0.5em; font-size: 0.8em;}
  h1 {font-size: 1em;}
  #image {width: 100%;}

  }