@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
.img {
	max-width: 100% !important;
    height: auto; 
    width: auto; 
    max-width: 300px; 
    max-height: 300px;
}
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	font-family: Arial, sans-serif;
  font-size: 12pt;
}
html {
	overflow-x: hidden;
  }
  
html {
	background: #FF7D00  }

#head {
  position: relative;
  top: 0px;  
  background: #ffffff;
  border-bottom: 4px #FF7D00 solid;
  z-index: 50;
  width: 100%;

}

#cont {
position: relative;
margin-top: 5px;
z-index: 1;
padding: 50px;
width: 100%;
background: #ffffff;
text-align: left;
box-sizing: border-box;
}


.f-nav {
  position: fixed !important;
  top: -119px !important; 
  width: inherit !important;
}
.f-nav ~ #cont {margin-top: 179px;}
#foot {
margin-top: 10px;
position: relative;
z-index: 1;
padding: 50px;
width: auto;
background: #ffffff; font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 10pt;
border-top: 4px #FF7D00 solid;
}

#layer {
position: fixed;
z-index: 0;
width:100%;
top: 0px;
bottom: 0px;
background: url(../images/background2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#navi {
  position: relative;
  margin-top: 20px;
  margin-right: 0px;
}


#logo {
  margin-left: 40px;
  margin-top: 20px;
}
#logo_li {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 2px;

}

#logo_ul {
  display: none;
  background: #ffffff;
}
a {
color: #FF7D00;
font-size: 12pt;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
cursor: pointer;
color: #FF7D00;
}
#cont li{
   list-style: none;
   line-height: 40px;
   vertical-align: top;
}
#cont li:before{
   content: '';
   display: inline-block;
   height: 20px;
   width: 20px;
   margin-right: 15px; 
   margin-top: 5px;
   background-image: url(../favicon.ico);
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
}
#navi ul {
    padding: 0px;
    margin: 0px; 
    background-color: #ffb74c !important;
}
#navi ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
    #navi ul li {
    list-style: none;
    float: left;
}
#navi ul li a {    
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    color: #ffffff;
    padding: 10px 34px 9px 34px;
 
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}

#navi ul li a:hover, .aktiv{
    background-color: #FF7D00 !important;
}

h1, h1 a {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-weight: 300;
font-size: 24pt;
margin: 0px 0px 50px 0px;
color: #FF7D00;
text-transform: uppercase;
}

h2, h2 a {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-weight: 300;
font-size: 20pt;
margin: 0px 0px 30px 0px;
color: #FF7D00;
text-transform: uppercase;
}

h3, h3 a {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-weight: 300;
font-size: 16pt;
margin: 0px 0px 20px 0px;
color: #FF7D00;
text-transform: uppercase;
}

p {
margin: 30px 0px 0px 0px;
}

table {
    border-spacing: 10px;
    border-collapse: separate;
    width: 100%;

}
table tr {
    vertical-align: top;
}
fieldset {
border: 1px solid #000000;
padding: 20px;
}

legend {
padding: 10px;
}
.cke_panel_container, .cke_panel_block {
	background: #ffffff !important;
  background-image: none;
}

#login {
	position: fixed;
	left: 50%;
	margin-left: -170px;
	bottom: 0px;
  background: #ffffff;
  padding: 20px;
  z-index: 200; 
  display: none;
-webkit-box-shadow: 0 0 10px 1px #969696;
box-shadow: 0 0 10px 1px #969696;
}
#login input {
width: 290px;
}

#login .button {
font-style: normal;   
width: 100%;
}

.error {
color: red;
padding-left: 15px;
}

input:disabled
{
background: #ffffff;
cursor: default;
-webkit-box-shadow: 0 0 0px 0px #ffffff;
box-shadow: 0 0 00px 0px #ffffff;
}

.save {
position: absolute;
top: 220px;
right: -25px;
cursor: pointer;
width: 25px;
height: 25px;
margin-top: -40px;
background-color: #ffffff;
background-image: url(/images/save.png);
background-position: center center;
background-repeat: no-repeat;
z-index: 100;
}
.save_foot {
position: absolute;
right: -25px;
cursor: pointer;
width: 25px;
height: 25px;
margin-top: -40px;
background-color: #ffffff;
background-image: url(/images/save.png);
background-position: center center;
background-repeat: no-repeat;
z-index: 100;
}
hr {
margin: 20px 0px 15px 0px;
border-bottom: 1px #4a5256 dashed;
} 

#foot-links {
position: absolute;
right: 30px;
bottom: 0px;
}
.invalid:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
.invalid  {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
checkbox:focus, radio:focus {
	outline: 0px;
}
.mobile-none {
display: block;
}
.mobile-block {
display: none;
}
#cont ul {
list-style-image: url(favicon.ico); list-style-position: outside;
}
@media (max-width: 480px) { 
html {
	overflow-x: scroll;
  }
.wrapper {
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0%;
  bottom: 0px;
  margin-left: 0px;
}

#cont {
padding: 20px;
margin-top: 0px;
}

#foot {
	padding: 20px;
	margin-top: 0px;
}
#logo {
  margin-top: 15px;
  margin-bottom: 0px;
  width: 80%;

}
#logo_ul {
  display: none !important;
}

#navi ul {
    padding: 0px;
    margin: 0px; 
}
#navi ul:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
    #navi ul li {
    display: block;
    width: 100%;
}

.f-nav {
  position: relative !important;
  top: 0px !important;
  width: inherit !important;
}
.f-nav ~ #cont {margin-top: 0px;}



p {
margin: 30px 0px 0px 0px;
}

input, .select {
width: 100% !important;
box-sizing: border-box;
}

fieldset {
border: 1px solid #000000;
padding: 20px;
}

legend {
padding: 10px;
}
.cke_panel_container, .cke_panel_block {
	background: #ffffff !important;
  background-image: none;
}

#foot-links {
position: absolute;
right: 30px;
bottom: 0px;
}
.mobile-none {
display: none;
}
.mobile-block {
display: block;
}

ul {
margin: 0px !important;
}

.table tr {
    border-spacing: 5px;
    border-collapse: separate;
    font-size: 12pt;
    width: 100%;
}
.table tr td {
	display: block;
}

}
@media (max-width: 1000px) and (min-width: 480px) { 

.wrapper {
  position: absolute;
  top: 70px;
  margin-bottom: 70px;
  width: 80%;
  left: 50%;
  margin-left: -40%; 
  
}
#logo_ul {
  display: none !important;
}
.mobile-none {
display: none;
}
.mobile-block {
display: block;
}
ul {
margin: 0px !important;
}
}@media(min-width: 1000px) { 

.wrapper {
  position: absolute;
  top: 70px;
  width: 970px;
  left: 50%;
  margin-left: -485px;
  padding-bottom: 70px;
} 
}