html, body
{
	height: 100%;
}

body

{
	margin: 0 auto;
	padding: 0px;
	background: none;<!--Seitenhintergrundfarbe-->
	font-family: Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 300;
	color: #111222;
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: #111222;
}

p, ol, ul
{
	margin-top: 0;
}

ol, ul
{
	padding: 0;
	list-style: none;
}

p
{
	line-height: 160%;
}

a
{
    text-decoration: none;
    color: black;
}

/**************************************
HEADER
**************************************/
	

	
	
	#header
	{
		border: none;
		min-height: 120px;
	}
	
	#header-bg
	{
		overflow: hidden;
		padding: 13em 0em 0em 0em;
		background: url(bgs/bg2.jpg) no-repeat;
		background-size: 100%;
		text-align: center;

	}
	
	#header h1
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 3.5em;
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
	}
	

	


/**************************************	
	MENU
**************************************/


	#menu
	{
		margin: 0px auto;
		font-family: Helvetica, Arial, sans-serif;
		background: #111222;
	}
	
	#menu ul
	{
		text-align: center;
	}
	
	#menu ul a:hover
	{
	    z-index: 1;
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
		background: #000099;
		-webkit-transition: background-color 1s ease;
		-moz-transition: background-color 1s ease;
		-o-transition: background-color 1s ease;
		transition: background-color 1s ease;
		padding: ;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu li a, #menu li span
	{
		display: inline-block;
		margin-left: 0.5em;
		padding: 1.5em 1.5em 1em 1.5em;
		letter-spacing: 0.20em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: #FFF;
		
	}
	
	

/**************************************
	CONTENT
**************************************/


	#h-content
	{	
		margin-top: -500px;
		margin-left: auto;
		margin-right: auto;
		width: 46.25em;
		height: auto;
		background-color: rgba(205, 133, 0, 0.9); /*Special-Moutarde-Yellow*/
		padding: 2em 5em 2em 5em;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	
	#h-content h1, h2
	{
		font-family: Helvetica, Arial, sans-serif;
	}
	
	
	#h-content span
	{
		font-family: Helvetica, Arial, sans-serif;
	}
	
	#special-font
	{
		font-size: 220%;
	}
	
	
	#fullwidth
	{
		margin: 0em -5em 0em -5em;
		width: 826px;
	}
	
	#bold
		{
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		}
	
	#bg
	{
		margin-left: auto;
		margin-right: auto;
		margin-top: 500px;
		border: none;	
	}



/************************************** 
	TABLE 
**************************************/

table 
	{ 
		color: #111222;
		font-family: Helvetica, Arial, sans-serif;
		width: 100%; 
		border-collapse: 
		collapse; border-spacing: 0; 
	}

td
	{ 
		border: 1px solid transparent;
		height: 30px; 
		transition: all 0.3s;
	}

td 
	{
		text-align: left;
		padding: 0em 1em;
	}

/* gerade Zeilen 
tr:nth-child(even) td { background: rgba(205, 133, 0, 0.8); } */  

ungerade Zeilen  
tr:nth-child(odd) td { background: rgba(205, 133, 0, 1); } 

/*tr:hover 
	{ 
		background: #FF0000; 
		color: #FFF; 

	}*/

/************************************** 
	CONTACT 
**************************************/


#contact
{
	font-size: 2em;	
}



/************************************** 
	COPYRIGHT 
**************************************/


#copyright
{
	overflow: hidden;
	padding: 2em 0em 0em 0em;
	height: 120px;
	border: 10px solid #FFF,;
	width: 100%;
	background-color: #111222;
	
}



#copyright p
{
	padding: 0.2em;
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	color: #FFF;
	font-family: Arial;
}


#copyright hr
{
	color: white;
	size: 1px;
	width: 120px;
}

#copyright h1
{
	font-size: 0.8em;
	font-color: #FFF;
}

#copyright td
{
	vertical-align: center;
	width: 33%
}


/************************************** 
	PARALLAX EFFECT
**************************************/



.parallax {
	height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 10px;
  perspective: 10px;
}
.parallax__layer {
  position: absolute;
  width: 100%;
  
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.parallax__layer--back {
  -webkit-transform: translateZ(20px);
  transform: translateZ(20px);
}







/**************************************	
SOCIAL ICONS
**************************************/

	
	@font-face {
	    font-family: 'socicon';
	    src: url('font/ownsymb-webfont.eot');
	    src: url('font/ownsymb-webfont.eot?#iefix') format('embedded-opentype'),
	         url('font/ownsymb-webfont.woff') format('woff'),
	         url('font/ownsymb-webfont.ttf') format('truetype'),
	         url('font/ownsymb-webfont.svg#sociconregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    text-transform: initial;
	}
	
	.socicon {
	    font-family: 'socicon' !important;
		padding: 0em 0em 0em 0em;
	}
	
	.socicon h1 {
		color: #FFF;
		top: 110px;
	}
	

	.soc {
		text-align: right;
		overflow: hidden;
	    margin:0; padding: 0em 5em 0em 0em;
	    list-style:none;
	}

	.soc li {
	    display:inline-block;
	    *display:inline;
	    zoom:1;
	}

	.soc li a {
	    font-family:si!important;
	    font-style:normal;
	    font-weight:400;
	    -webkit-font-smoothing:antialiased;
	    -moz-osx-font-smoothing:grayscale;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	    -o-box-sizing:border-box;
	    box-sizing:border-box;

	    -o-transition:.2s;
	    -ms-transition:.2s;
	    -moz-transition:.2s;
	    -webkit-transition:.2s;
	    transition:.2s;
	    -webkit-transition-property: transform;
	    transition-property: transform;
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);

	    overflow:hidden;
	    text-decoration:none;
	    text-align:center;
	    display:block;
	    position: relative;
	    z-index: 1;
	    width: 60px;
	    height: 32px;
	    line-height: 44px;
	    font-size: 24px;
	    -webkit-border-radius: 28px;
	    -moz-border-radius: 28px;
	    border-radius: 28px;
	    margin-right: 12px;
	    color: #ffffff;
	    background-color: none;
	}

	.soc a:hover {
	    z-index: 2;
	    -webkit-transform: scale(0.9);
	    transform: scale(0.9);
	}

	.soc-icon-last{
	    margin:0 !important;
	}

	.soc-facebook {
	    background-color: #3e5b98;
	}
	.soc-facebook:before {
	    content:'';
	}
	.soc-mx3 {
	    background-color: #fe3801;
	}
	.soc-mx3:before {
	    content:'';
	}






/************************************** 
	CONTACT FORM 
**************************************/




#contact-form {
    background-color: rgba(205, 133, 0, 0);
	font-family: Helvetica, Arial, sans-serif;
    width:465px;
    padding:20px;
    margin: 50px auto;    
    border: none;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}
 
#contact-form h1 {
	font-family: Helvetica, Arial, sans-serif;
    font-size:42px;
}
 
#contact-form h2 {
	font-family: Helvetica, Arial, sans-serif;
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
    font-size:15px;
	font-family: Helvetica, Arial, sans-serif;
    margin-bottom:2px;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}
 
#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#contact-form textarea {
    height:150px;
    resize: none;
}
 
#contact-form label {
    display:block;
}
 
#contact-form .required {
    font-weight:bold;
    color:#111222;    
}
 
#contact-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#111222;
    -moz-border-radius:8px;
}
 
#contact-form #submit-button:hover {
    background-color: #00FF00;
	color: #111222;
}
 
#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}
 
#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
    display:none;
}
 
#errors li {
    padding:2px;
    list-style:none;    
}
 
#errors li:before {
    content: ' - ';    
}
 
#errors #info {
    font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}
 
#errors #info:before {
    content: '';    
}
 
#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
    font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
    display:none;
}
 
#errors.visible, #success.visible {
    display:block;    
}
 
#req-field-desc {
    font-style:italic;
	font-family: Helvetica, Arial, sans-serif;
}
 
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
 
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
	font-family: Helvetica, Arial, sans-serif;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
	font-family: Helvetica, Arial, sans-serif;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
	font-family: Helvetica, Arial, sans-serif;
    font-style:italic;
}