/** ---------------------------------------------------------
 * @filesource	css/standard.css
 * @internal	Layoutdefinitionen (Standard)
 * @copyright	nelohSOFTWARE (Inh. St. Stuhlemmer)
 * @copyright	tel.: +49 - 355 - 2890025
 * @copyright	www.neloh.de | info@neloh.de
 * @author		St. Stuhlemmer (StSt)
 * @since		2014-03-22 | StSt |
 * @update
 * -------------------------------------------------------- *
 FARBEN:
 Orange:		ee872a
 Green:			6f7b0e
 Lightgreen:	e5eecc
 Blue:			40b3df
 DarkGreyBg:	555555
 LightGreyBg:	6F4F0
 GreyBorder:	D4D4D4
 Pink:			B4009E
 * -------------------------------------------------------- */


/* ----- Formulare -------------------------------------- */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../styles_fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../styles_fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../styles_fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../styles_fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../styles_fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../styles_fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* ----- Formulare -------------------------------------- */
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-size: 12pt;
}
.floatright { float: right; }
.clear { clear: both; }
.left { text-align: left; }
.floatleft { float: left; }
.center { text-align: center; }
.right { text-align: right; }
.floatright { float: right; }
.pad_left { padding-left: 1em; }
.pad_top { padding-top: 1em; }

.strong { font-weight: bold; }

.displaynone { display: none; }
.displayinline { display: inline; }
.displayblock { display: block; }

.optional { color: #777; }
.pflicht { /* border-bottom: 1px dotted #6f7b0e; */ }
.error { font-weight: bold; color: #900; }

html {
	overflow-y:scroll;
}
body {
	background:#6f7b0e;
	color:#6f7b0e;
}
body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input {
	font-family:verdana,helvetica,arial,sans-serif;
	line-height:1.5em;
}
h1,h2,h3,h4,p {
	margin-top:1em;
	margin-bottom:0.2em;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
th,td {
	padding-right: 0.5em;
	vertical-align: top;
	color:#6f7b0e;
}
table.details td {
	padding: 0.3em;
	border: 1px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	
}
ul {
	margin-left: 1em;
	margin-bottom:1em;
}   
li {
	margin-left: 1em;
	padding-left: 0.6em;
}
a {
	text-decoration:none;
	font-weight:bold;
	color:#6f7b0e;
}

/* ----- Formulare -------------------------------------- */

fieldset {
	margin: 0.5em 0;
	padding: 0.5em 1em;
}
fieldset legend {
	padding: 0 1em;
	font-weight: bold;
}
fieldset.data {
	border: 1px solid #999;
}
fieldset.data legend {
	color: #999;
}
fieldset.buttons {
	border: 0;
}
div.galerie {
    text-align: justify;
    margin: 5px 0;
}
div.galerie_bild {
    display: inline-block;
    margin: 5px 3px 10px 3px;
    padding: 7px;
    vertical-align: top;
	box-shadow: 0 10px 15px #000;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
}

div.form_data {
	display: block;
	margin: 0.5em 0;
	font-size: 0.8em;
}
label { 
	display: inline-block; 
	width: 7em; 
	text-align:right;
}
input[type="text"],
input[type="email"] {
	margin: 0 0.8em;
	padding: 0.1em 0.3em;
	width: 20em; 
	border: 1px solid #999;
	border-radius: 0.4em;
}
input[type="number"] {
	margin: 0 0.8em;
	padding: 0.1em 0.3em;
	width: 5em; 
	border: 1px solid #999;
	border-radius: 0.4em;
}
input[type="date"] {
	margin: 0 0.8em;
	padding: 0.1em 0.3em;
	width: 12em; 
	border: 1px solid #999;
	border-radius: 0.4em;
}
textarea {
	margin: 0 0.8em;
	padding: 0.1em 0.3em;
	width: 70%;
	height: 8em;
	border: 1px solid #999;
	border-radius: 0.4em;
}
button {
 	padding: 0.2em 1em;
	background: -moz-linear-gradient(top,#fff,#ccc);
	background: -webkit-linear-gradient(top,#fff,#ccc);
	background: -ms-linear-gradient(top,#fff,#ccc);
	background: -o-linear-gradient(top,#fff,#ccc);
	background: linear-gradient(top,#fff,#ccc);
	border-radius:1em;
}
button[type="submit"] {
	background: -moz-linear-gradient(top,#fff,#6f7b0e);
	background: -webkit-linear-gradient(top,#fff,#6f7b0e);
	background: -ms-linear-gradient(top,#fff,#6f7b0e);
	background: -o-linear-gradient(top,#fff,#6f7b0e);
	background: linear-gradient(top,#fff,#6f7b0e);
}
button:hover,
button[type="submit"]:hover {
	background: -moz-linear-gradient(top,#fff,#fa5);
	background: -webkit-linear-gradient(top,#fff,#fa5);
	background: -ms-linear-gradient(top,#fff,#fa5);
	background: -o-linear-gradient(top,#fff,#fa5);
	background: linear-gradient(top,#fff,#fa5);
}
img.link {
	margin: 3px 20px 10px 10px;
	box-shadow: 0 5px 8px #000;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
}
img.vorschau_li {
	max-width: 250px;
	height: auto;
	float: left;
	margin: 3px 20px 10px 10px;
	box-shadow: 0 10px 15px #000;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
}
img.vorschau_re {
	max-width: 250px;
	height: auto;
	float: right;
	margin: 3px 10px 10px 20px;
	box-shadow: 0 10px 15px #000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
/* ----------------------------------------------------- */
#hintergrund {
	position:fixed; top:0px; left:0px; z-index:-10;
    height: 100%;
	width: 100%;
	background: url(../styles_img/bg_image_01.jpg) #6f7b0e no-repeat center center;
	background-size: auto 100%;
}
/* ------------------------------------------------------ */
header, footer, section, aside, nav, article { 
	display: block;
}
/* ----------------------- header ----------------------- */
header#main{
	position: relative;
	max-width: 960px;
	margin: 20px auto auto auto;
	padding: 15px 20px;
	background-color:  rgba(255,255,255, .9);  
	-moz-box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	-webkit-box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size:1.4em;
	font-weight:bold;
	color: #6f7b0e;
}
/* ----------------------- content ----------------------- */
section#content{
	position: relative;
	max-width: 960px;
	margin: 0 auto auto auto;
	padding: 20px;
	background-color:  rgba(255,255,255, .9);  
	-moz-box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	-webkit-box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	line-height: 150%;
}
article {
	margin-bottom:1.2em;
}
/* ----------------------- footer ----------------------- */
footer#footer{
	position: relative;
	max-width: 960px;
	margin: 20px auto auto auto;
	padding: 10px 20px;
	background-color:  rgba(255,255,255, .9);  
	-moz-box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	-webkit-box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	box-shadow: inset 0 0 10px 5px rgba(100,100,100, .9);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
footer#footer a {
	text-decoration:none;
	color: #999;
	font-style: italic;
}
footer#footer a:hover {
	color: #6f7b0e;
}
footer#footer a.selected {
	text-decoration:none;
	color: #6f7b0e;
	font-style: normal;
}
/* ----------------------- navigation ----------------------- */
nav#main {
	position: relative;
	max-width: 960px;
	margin: 5px auto;
}
nav#main ul {
	list-style-type: none;
	float:left;
}   
nav#main li {
	float: left;
	margin: 0 3px 0 0;
}
nav#main a, nav a:visited {
	display: block;
	margin: 3px;
	padding: 3px 10px;
	background: #131;
	color: #fff;
  font-size: 1em;
	text-decoration: none;
	transition: all 0.5s linear;
	box-shadow: -4px 4px 4px #ccc;
	border: 1px solid #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
nav#main a:hover {
	background: #bca;
	color: #000;
}
nav#main a:active {
	color:#000;
}
nav#main a.selected {
	color:#fff;
	background: #6f7b0e; 
}
/* ------------------------------------------------------------ */