/*
* style.css
* Copyright 2014 Markus Misa, TI-Tool
* Date: 2014-12-29
*/
html {
  position: relative;
  min-height: 100%;
  background-color:#F1F1F1;
  font-family: Arial, Helvetica;
}
.admin{
   background-color:#F1F1F1;
}
.other{
   background: url(image/bg.jpg) no-repeat top center scroll;/*war fixed*/
}
a{
color:#000;
text-decoration: none;
}
a:hover{
color:#E2807D;
}
.active{
color:#E2807D;
font-weight:bold;
}
div span p{
font-size:23px;
}
body{
margin:0px;
padding:0px;
margin: 0 0 0px;
}
#header{
height:90px;
width:100%;
background-color: rgba(157, 157, 159, 0.8);
}
#wrapper{
width:470px;
height:90px;
margin-left: auto;
margin-right: auto;
position:relative;
}
#logo{
margin-left:-60px;
padding-top:15px;
padding-bottom:10px;
}
#nav ul{
background-color:#9e9ea0;
margin: 0;
padding: 3px 50px; 10px; 0px;
text-align:center;
}
#nav li{
display:inline;
margin: 0 30px 0 0;
}
#nav a{
color:#fff;
text-decoration: none;
}
#nav a:hover{
     color:#000;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
textarea {
    resize: none;
}
#dropOPS{
display:none;
position:absolute;
width:375px;
margin-left: 270px;
top: 248px;
}
#dropOPS ul {
    text-indent: .3em;
    border-left: .2em solid #908f90;
    line-height: 0.5;
    padding-top:130px;
}
#dropOPS li {
    position: relative;
    list-style:none;
    margin-left:-35px;
    padding-top:15px;
    width:575px;
}

#dropOPS li:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 0;
    position: relative;
    left: -.75em;
    border-top: .2em solid #908f90;
}
#dropZF{
display:none;
position:absolute;
width:375px;
margin-left: 423px;
top: 335px;
z-index:2 !important;
}
#dropZF ul {
    text-indent: .3em;
    border-left: .2em solid #908f90;
    line-height: 0.5;
}
#dropZF li {
    position: relative;
    list-style:none;
    margin-left:-35px;
    padding-top:15px;
    width:285px;
}

#dropZF li:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 0;
    position: relative;
    left: -.75em;
    border-top: .2em solid #908f90;
}
#dropFSLB{
display: none;
position: absolute;
width: 375px;
margin-left: 730px;
top: 335px;
z-index: 2 !important;
z-index:2 !important;
}
#dropFSLB ul {
    text-indent: .3em;
    border-left: .2em solid #908f90;
    line-height: 0.5;
}
#dropFSLB li {
    position: relative;
    list-style:none;
    margin-left:-35px;
    padding-top:15px;
    width:285px;
}

#dropFSLB li:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 0;
    position: relative;
    left: -.75em;
    border-top: .2em solid #908f90;
}
#dropFSLP{
display:none;
position:absolute;
width:375px;
margin-left:880px;
top:248px;
z-index:2 !important;
}
#dropFSLP ul {
    text-indent: .3em;
    border-left: .2em solid #908f90;
    line-height: 0.5;
}
#dropFSLP li {
    position: relative;
    list-style:none;
    margin-left:-35px;
    padding-top:15px;
    width:375px;
}

#dropFSLP li:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 0;
    position: relative;
    left: -.75em;
    border-top: .2em solid #908f90;
}
#content{
min-height: 100%;
margin-bottom:115px;
margin-left: auto;
margin-right: auto;
position:relative;
}
#leftmenu{
 background-color:#fff;
width: 250px;
overflow: hidden;
position: absolute;
height: 100%;
}
#diensteUL li a{
 position:absolute;
}
#admin-center{
min-height: 100%;
margin-left: 300px;
position:absolute;
width:1575px;
}
#suggest_search{
background-color: #FFF;
width: 150px;
height: 122px;
position: absolute;
margin-left: 0px;
top: 134px;
z-index: 6;
visibility:hidden;
overflow-y: scroll;
line-height: 12px;
font-size: 11px;
}
.suggest_link{
background-color: #dadada;
}
.suggest_link_over{
background-color: #efefef;
}
.admin-menu{
color:#000;
background-color:#9E9EA0;
border-bottom:1px solid #fff;
cursor:pointer;
}
.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
margin-left: 180px;
margin-top:-11px;
position: absolute;
}
.arrow-left {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right:10px solid #F1F1F1;
position: absolute;
left: 240px;
visibility:hidden;
}
#footer{
left: 0;
bottom: 0;
height: 60px;
width: 100%;
background-color: rgba(133, 134, 136, 0.8);
position:relative;
}
.container{
overflow:hidden;
height:739px; /*war 800px*/
padding-top:50px;
margin: 0 auto;
width:1000px;
position:relative;
}
.container2{
overflow:hidden;
height:789px;
margin: 0 auto;
width:1220px;
position:relative;
}
.container-login{
overflow:hidden;
height:789px;
margin: 0 auto;
width:1200px;
position:relative;
}
fieldset{
border:0;
margin-left:40px;
}
.button{
background-color:#9d9ea0;
color:#fff;
border:0px;
outline:none;
height:30px;
width:83px;
border: 2px solid #9D9ea0;
}
.button:hover{
background-color:#e69591;
color:#fff;
border:2px solid #988b93;
}
/*input{
width: 136px;
}*/
.column {
width: auto;
float: left;
//padding-bottom: 100px;
}
.row{
width:150px;
float:left;
}
.portlet {
margin: 0 1em 1em 0;
padding: 0.3em;
}
.portlet-header {
padding: 0.2em 0.3em;
margin-bottom: 0.5em;
position: relative;
}
.portlet-toggle {
position: absolute;
top: 50%;
right: 0;
margin-top: -8px;
}
.portlet-content {
padding: 0.4em;
}
.portlet-placeholder {
border: 1px dotted black;
margin: 0 1em 1em 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {-moz-appearance: textfield;}
@media only screen and (max-width : 1800px)
{
        .gbox{
         margin-left:23px;
        }
}
@media only screen and (max-width : 1220px)
{
        .gbox{
                margin-left:23px;
        }
        .container-login{
             width:880px;
             margin-left:170px;

        }
        .container{
             width:1000px;
             margin-left:110px;

        }
        .other{
            background-position:-350px top;
        }
        #header{
            width:1220px;
        }
        #nav{
            width:1220px
        }
        #footer{
            width:1220px
        }
         #drop{
        position:absolute;
        margin-left:880px;

        }
}
/*SCHATTIERUNG*/
.schatten_oben{
    -webkit-box-shadow: 0 -8px 4px -5px  #333;
       -moz-box-shadow: 0 -8px 4px -5px  #333;
            box-shadow: 0 -8px 4px -5px  #333;
}
.schatten_unten{
        -webkit-box-shadow: 0px 3px 0px 0px #333;
           -moz-box-shadow: 0px 3px 0px 0px #333;
                box-shadow: 0px 3px 0px 0px #333;
}
.ecke1{
    position: absolute;
    width: 110%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -3;
    margin-left:-6px;
    margin-top:10px;
    overflow: hidden;
        -webkit-box-shadow: 0 16px 5px -6px  #333;
           -moz-box-shadow: 0 16px 5px -6px  #333;
                box-shadow: 0 16px 5px -6px  #333;

    -ms-transform:rotate(241deg); /* IE 9 */
    -moz-transform:rotate(241deg); /* Firefox */
    -webkit-transform:rotate(241deg); /* Safari and Chrome */
    -o-transform:rotate(241deg); /* Opera */
    transform:rotate(241deg);
}
.ecke2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -3;
    overflow: hidden;
    margin-left: 10px;

    -webkit-box-shadow: 1px 13px 6px -6px #333;
       -moz-box-shadow: 1px 13px 6px -6px #333;
            box-shadow: 1px 13px 6px -6px #333;

    -ms-transform:rotate(0deg); /* IE 9 */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari and Chrome */
    -o-transform:rotate(0deg); /* Opera */
    transform:rotate(0deg);

}
.ecke3{
    position: absolute;
    width: 110%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -3;
    overflow: hidden;
    margin-top:4px;
    margin-left:-5px;
    -webkit-box-shadow: 0 14px 5px -6px  #333;
       -moz-box-shadow: 0 14px 5px -6px  #333;
               box-shadow: 0px 14px 5px -6px #333;

    -ms-transform:rotate(300deg); /* IE 9 */
    -moz-transform:rotate(300deg); /* Firefox */
    -webkit-transform:rotate(300deg); /* Safari and Chrome */
    -o-transform:rotate(300deg); /* Opera */
    transform:rotate(300deg);

}
#error{
  width:200px;
  height:auto;
  margin-left:58px;
  margin-top:-40px;
  position:absolute;
}
.langActive{
 border:1px solid black;
}