body	{
	background: #242323;
	margin:0 auto;
	font-family: Arial, sans-serif;
	font-size: 1em;
	padding: 0;
}

/*   Scrollbar   */

::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
border: 1px solid #A67423;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #A67423;  
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: orange;  
}

/* Sprachauswahl*/

#lang {
	margin: 0;
	padding: 1em 7% 1em 0;
	list-style: none;
	text-align: right;
	font-size: smaller;

}
#lang li{
	position: relative;
	display: inline;
	padding: 5px;
}
#lang li a{
	text-decoration: none;
	color: #7777cc;
}

#lang a.currentlang {
	pointer-events: none;
	cursor: default;
	color: #aaaaff;
	text-decoration: underline;
}

/* Navigationsmenü */

nav {
	background: #373940;
	box-shadow: 0 0 0 2px black, 0 0 6px black, 0 0 12px black;
	margin: 0 auto 1%; left: 0; right: 0;
}

#nav{

	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: lighter;
	font-family: Arial, sans-serif;
}

#nav ul{
	position:absolute;
	left:-9999px;
	margin:0;
	padding:0;
	text-align:left;
}

#nav ul li{
	display:block;
}
#nav li:hover ul{
	left:0;
}
#nav li:hover a{
	background:#403937;

}

#nav li:hover ul a{
	text-decoration:none;
	background: #373940;

}
#nav li:hover ul a:hover{
	background:#403937;
	color: #FFCC00;
}
#nav ul a{
	white-space:nowrap;
	display:block;
}

#nav li{
	position:relative;
	display:inline;
}
#nav a{
	display:inline-block;
	padding: 10px 5px;
	color: #A67423;
	transition: .2s ease;
}
#nav a:hover {
	color: #FFCC00;
}

#nav a.current {
	color: orange;
	text-shadow: 0 0 2px black, 0 0 4px black, 0 0 6px black;
	background: #403937;
	pointer-events: none;
	cursor: default;
}
#nav a.nolink {
	color: #A67423;
	cursor: default;
}

a{
	color:#c00;
	text-decoration:none;
	font-weight:normal;
}

/* Logo */

#logo {
	position: absolute;
	float: left;
	top: 15%;
	left: 5%;
	z-index:999;
}
/* CONTACTO  */

#contact {

	margin: 2.5% auto;
	text-align: center;
	color: #cccccc;
}


input {
	margin-top: .5%;
	padding: .5%;
	font-size: 1em;
	font-family: Arial, sans-serif;
	border: 3px solid #A67423;
	border-radius: 5px;
	box-shadow: none;
	background: #242323;
	color: #cccccc;
	transition: .3s;
}

input:focus {
    border: 3px solid orange;
    border-radius: 10px;
    box-shadow: none;
    outline: 0;
}

input[type=submit] {
	border: 3px solid #A67423;
	border-radius: 5px;
	color: #A67423;
	font-weight: bold;
	background: #242323;
}

input[type=submit]:hover {
	border: 3px solid orange;
	color: orange;
	border-radius: 10px;
}

input[type=submit]:active {
	border: 3px solid white;
	color: white;
	border-radius: 100px;
}

textarea {
	margin-top: .5%;
	padding: .5%;
	font-size: 1em;
	font-family: Arial, sans-serif;
	border: 3px solid #A67423;
	border-radius: 5px;
	background: #242323;
	color: #cccccc;
	transition: .3s;
}
textarea:focus {
    border: 3px solid orange;
    border-radius: 15px;
    outline: 0;
}

/* CONTACTO  ENDE*/

/*  INDEX  */

div#textbox {
	margin: 2% auto;
	border: none;
	padding: 1% 5%;
	min-width: 200px;
	max-width: 500px;
	height: 400px;
	overflow: auto;
}

p.hello {
	text-indent: 2em;
	text-align: justify;
	line-height: 1.5em;
	color: #cccccc;
}

span.first2 {
	font-size: 400%;
	font-family: 'Pinyon Script', cursive;

}


/* Slider */

@keyframes slidy {
	0% { left: 0%; }
	8% { left: 0%; }
	10% { left: -100%; }
	18% { left: -100%; }
	20% { left: -200%; }
	28% { left: -200%; }
	30% { left: -300%; }
	38% { left: -300%; }
	40% { left: -400%; }
	48% { left: -400%; }
	50% { left: -500%; }
	58% { left: -500%; }
	60% { left: -600%; }
	68% { left: -600%; }
	70% { left: -700%; }
	78% { left: -700%; }
	80% { left: -800%; }
	88% { left: -800%; }
	90% { left: -900%; }
	98% { left: -900%; }
	100% { left: -1000%; }
}

div#slider { 
	overflow: hidden; 
	width: 80%;
	max-width: 400px;
	margin: 10px auto 0;
}

div#slider figure img { 
	width: 9.09090909%; float: left; 
}

div#slider figure { 
	position: relative;
	width: 1100%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	animation: 30s slidy infinite;
	z-index: -10;
}

/* Überschrift */

h2.title {
	text-align: center;
	color: #cccccc;
	font-family: 'Amaranth', sans-serif;

}


/* Artikel */

article {
	margin: 2% auto 2% auto;
	width: 60%;
	min-width: 350px;
	max-width: 600px;
	border-bottom: 1px solid #999999;
}

p.welcome {
	text-indent: 2em;
	text-align: justify;
	line-height: 1.5em;
	color: #cccccc;
}

span.first {
	font-size: 400%;
	font-family: 'Pinyon Script', cursive;

}


/* Galerie */

div#gallery {
	clear: both;
	margin: 2% auto 2% auto;
	padding: 0 0 1% 0;
	width: 80%;
	min-width: 350px;
	max-width: 730px;
}

h3.gallery {
	padding: 0;
	margin: 0;
	color: #cccccc;
	font-family: 'Amaranth', sans-serif;
	font-size: 120%;
	font-weight: normal;
	text-indent: .5em;
	border-bottom: 1px solid #999999;
}

hr.gallery {
	margin-bottom: 10%;
	width: 50%;
	border-top-style: dotted;
	border-bottom-style: none;
	border-color: #999999;
	clear: both;
}

/* Ventanas */

.ventana {
	margin: 2%;
}
.ventana img {
	float: left;
	margin: 0 2% 1% 0;
}

.voces {
	margin-left: 5%;
	font-family: 'Amaranth', sans-serif;
	color: orange;
	font-size: 1.2em;
}

.description {
	color: #cccccc;
}

.description a {
	font-size: smaller;
	text-transform:  uppercase;
	border-radius: 5px;
	color: #7777cc;
	padding: 1%;
	transition: .2s ease;
}

.description a:hover {
	background: #373940;

	padding: 1%;
	color: #aaaaff
}

.uppercase {
	text-transform: uppercase;
}

.clear {
	clear: both;
}
/* Ventanas ENDE*/

.upup {
	text-align: center;
	margin-bottom: 10%;
}



.upup a {
	font-size: smaller;
	text-transform:  uppercase;
	border-radius: 5px;
	color: #7777cc;
	padding: 1%;
	transition: .2s ease;
}

.upup a:hover {
	background: #373940;

	padding: 1%;
	color: #aaaaff
}

figure {
	text-align: center;
}

/*  Modelos */

div#all {
	margin: 2.5% auto;
	max-width: 800px;
	min-width: 400px;
	width: 50%;
}

div#left {
	width: 12.5%;
	float: left;

}
div#left figure {
	margin: 0 auto;
	width: 100%;
}

div#left img {
	margin: 0 0 25% 0;
	border: 5px transparent;
	border-radius: 15px;
}

div#right {
	width: 12.5%;
	float: right;

}
div#right figure {
	margin: 0 auto;
	width: 100%;
}
div#right img {
	margin: 0 0 25% 0;
	border: 5px transparent;
	border-radius: 15px;

}
div#center {
	width: 75%;
	text-align: justify;
	overflow:hidden;
}
div#center p{
	margin: 4% 10%;
}

img {
	max-width: 100%;
}

/* Alfredo */

div#all1 {
	margin: 2.5% auto;
	padding: 0;
	max-width: 800px;
	min-width: 400px;
	width: 50%;
}

div#galf {
	margin: 0;
	padding: 0;
	width: 30%;
	height: 600px;
	float: left;
	transition: ease 1s;
}

div#art {
	margin: 2% 0 2% 5%;
	width: 60%;
	max-width: 400px;
	border-bottom: 1px solid #999999;
	float: left;
}

div#galf figure {
	margin: 0 auto;
	width: 100%;

}

div#galf img {
	margin: 0 0 25% 0;
	border: 5px transparent;
	border-radius: 5px;