@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Handlee);
@import url(//fonts.googleapis.com/css?family=Handlee);

*{
font-family:'Open Sans';
}
body{
  margin:0;
  padding:0;
  background-color:#fff;
}
b{
  font-weight:800;
}
a {
color:#009;
text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}

a:hover {
text-decoration:underline;
color:#0a0;
/*margin-left:2px;*/
}

h1, h2, h3, h4, h5, h6, h7{
font-family: 'Handlee', sans-serif;
letter-spacing:0.1em;
font-weight:bolder;
color:#fff;
color:#009;
margin:0;
/*background-color:#99ee00;*/
}
h1{
font-size:2em;
}

table td{
padding-left:2%;
}



.indent{
margin-left:2%;
}
.csc-default{
padding-bottom:2%;
}
.csc-frame-frame1, .csc-frame-frame2{
padding:2%;
color:#009;
background-color:#fffba6;
background-image:url(../img/bg04.png);
}
#content-wrapper .csc-sitemap a:before {
   font-family: FontAwesome;
   content: none;
   padding-right: 1px;  

}
.tx-indexedsearch-searchbox-sword{
margin-top:10px;
}


#body-wrapper {
width:96%;
max-width:1000px;
margin:auto;
}
#header-wrapper a:hover{
margin-left:0px;
}
#header-wrapper{
position:fixed;
top:0;
left:0;
right:0;
height:62px;
opacity: 0.9;
background-color:#fff;
padding:0;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
z-index:99999;
}
#header-wrapper-in{
width:96%;
max-width:1000px;
margin:auto;
}
.breadcrumb {
clear:both;
font-size:1em;
color:#666;
margin-left:2px;
}
#content-wrapper{
margin-top:20px;
width:70%;
}
#content-wrapper-right{
  width:28%;
  margin-top:20px;
  float:right;
  height:400px;
}
#content-wrapper-right-mobile{
  width:100%;
  display:none;
  margin:auto;
}
#logo{
float:left;
margin-top:-5px;
margin-bottom:5px;
opacity: 1;
width:200px;
}
#logo img{
height:66px;
}

#footer-wrapper {
width:100%;
color:#999;
margin-top:50px;
background:#D4D9DD url(../img/bg01.jpg);
border-top:5px solid #000;
-webkit-box-shadow:0 2px 40px 5px rgba(0,0,0,0.4);
-moz-box-shadow:0 2px 40px 5px rgba(0,0,0,0.4);
box-shadow:0 2px 40px 5px rgba(0,0,0,0.4);
text-align:center;
}
#footer{
text-align:left;
width:96%;
max-width:1000px;
margin:auto;
background: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h7{
color:#aaa;
}

#footer a{
color:#aaa;
}
#footer a:hover{
color:#eee;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h7{
background-color:transparent;
}
#footer .c1, #footer .c2, #footer .c3, #footer .c4{
float:left;
width:20%;
}

#footer .3u{
  float:left;
}
#footer ul{
  float:left;
  width:20%;
  min-width:200px;
  min-height:120px;
  list-style:none;
  margin:0;
  padding:10px;
  padding-bottom:0px;
}




#copyright{
margin-top:20px;
margin-left:20px;
padding-bottom:10px;
clear:both;
font-size:12px;
color:#999;
}
.powermail_legend{
  display:none;
}



/* NAVIGATION */
nav{
float:left;
margin-left:40px;
}
nav a:hover{
text-decoration:none;
}
#nav-mobile{
cursor:pointer;
display:none;
}
#nav {
list-style-type:none;
margin:0;
padding:0;
}
#nav li {
float:left;
margin:0;
padding:0;
}
#nav li a {
color:#00a;
float:left;
padding:20px;
/*border:1px dotted #ff0000;*/
}
#nav li a:hover{
background-color:#0a0;
color:#fff;
}
#nav li .sub_1, #nav li .sub_2 {
list-style-type:none;
float:none;
display:none;
position:absolute;
min-width:150px;
width:auto;
background-color:#fff;
margin:62px 0 0;
padding:0;

-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
}
#nav li .sub_1 li {
display:list-item;
float:none;
clear:both;
}
#nav li .sub_1 li a {
margin:0;
padding:10px 20px;
width:180px;
}
#nav li .sub_1 li a:hover{
padding-left:25px;
width:175px;
}
/*
#nav li .sub_1 li a:before {
   font-family: FontAwesome;
   content: "\f0a9";
   padding-right: 10px;
}
*/
#nav li .hover {
display:block;
}
#nav li .sub_2{
margin:0 0 0 220px;
}



#content-wrapper ul li{
list-style-image:url(../img/li_icon.png);
}




#content-wrapper p a:before, #content-wrapper a:before, #footer-wrapper a:before {
  content: "\f08e";
  margin-right: 5px;
  font-family: FontAwesome;
}
#content-wrapper a[href^="tel"]:before, #footer-wrapper a[href^="tel"]:before {
  content: "\f095";
  font-family: FontAwesome;
  margin-right:5pt;
}
#content-wrapper a[href^="fax"]:before, #footer-wrapper a[href^="fax"]:before {
  content: "\f02f";
  font-family: FontAwesome;
  margin-right:5pt;
}
#content-wrapper a[href^="mailto"]:before, #content-wrapper a.mail:before {
  content: "\f0e0";
  font-family: FontAwesome;
  margin-right:5pt;
}
#content-wrapper a[href^="tel"], #footer a[href^="tel"],
#content-wrapper a[href^="fax"], #footer a[href^="fax"]
{
  word-spacing: -2px;
  cursor:pointer;
}
#footer-wrapper .link_facebook:before{
  content: "\f082";
}
#footer-wrapper .link_twitter:before{
  content: "\f081";
}
#footer-wrapper .link_xing:before{
  content: "\f169";
}
a{
  color:#7083bb;
}
a:hover{
  color:#041b5c;
}
input[type="text"], textarea{
  padding:2%;
  margin-bottom:10px;
  border:none;
  background-color:#ddd;
  font-size:12pt;
}
input[type="submit"]{
  background-image: linear-gradient(#7083bb 10%,#041b5c 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.5)inset,0 1px 3px rgba(0,0,0,.2);
  border: 1px solid #000;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding: .6em 1em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  cursor:pointer;
}
input[type="submit"]:hover{
  background-image: linear-gradient(#041b5c 10%,#7083bb 100%);
}

#content-wrapper .bigticons a:hover{
  margin:0;
}
#content-wrapper .bigticons a:before{
  content:"";
}
#content-wrapper .bigticons{
  clear:both;
  display:inline-block;
  float:left;
}
#content-wrapper .bigticons .bigticon, #content-wrapper .bigticons a, #content-wrapper .bigticons .bigticon a div{
  display:inline-block;
  float:left;
}
#content-wrapper .bigticons a:before {
  content: "";
}
#content-wrapper .bigticons{
  padding:20px;
  margin-bottom:30px;
  display:inline-block;
}
#content-wrapper .bigticon{
  cursor:pointer;
  border:3px solid #009;
  background-color:#eee;
  width:120px;
  height:120px;
  border-radius:120px;
  color:#090;
  text-shadow: -10px 10px 10px rgba(0,0,0,0.2);
  margin:20px;
  text-align:center;

  background-color:#fffba6;
  background-image:url(../img/bg04.png);

  -webkit-transition:all .1s ease-out;
  -moz-transition:all .1s ease-out;
  -o-transition:all .1s ease-out;
  transition:all .1s ease-out;
}
#content-wrapper .bigticon p{
  font-size:1em;
}
#content-wrapper .bigticon:hover{
}
#content-wrapper .bigticon a div i{
  font-size:3em;
  display:inline-block;
  float:left;
  margin:0;
  margin-left:12px;
  padding-top:34px;
  padding-left:28px;
}






/*
.theme-default .nivo-caption{
  position:absolute;
  display:block;
  float:left;
  left:none;
  right:none;
  min-width:200px;
}
*/
.theme-default .nivo-caption{
  position:absolute;
  float:left;
  font-size:2em;
  font-family: 'Handlee', cursive;
  right:10%;
  left:auto;
  top:65%;
  padding:0.3em .8em;
  bottom:auto;
  width:auto;
  height:auto;
/*  text-transform: uppercase;*/
  background-color:#339;
  color:#fff;
  box-shadow: 0 0 7px black;
/*  border-radius: 30px;*/
}


/*      TOOLTIPS      */
.ui-tooltip, .arrow:after {
background: black;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

.csc-default{
  float:left;
}
.button{
 background-image: linear-gradient(#7083bb 10%,#041b5c 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.5)inset,0 1px 3px rgba(0,0,0,.2);
  border: 1px solid #000;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding: .6em 1em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
.button:hover{
  color:#fff;
}

@media (max-width: 900px) {
  #nav{
    display:none;
  }
  .slider-wrapper{
    margin-top:62px;
  }
  #nav-mobile{
    display:block;
    float:right;
    font-size:2em;
    padding:10px;
    padding-top:5px;
    color:#009;
  }
  #nav {
    position:absolute;
    left:0;
    right:0;
    top:60px;
    list-style-type:none;
    background-color:#fff;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
  }
  #nav li, #nav li a{
    display:block;
    width:100%;
  }
  #nav li .sub_1, #nav li .sub_2{
    position:relative;
  }
  #nav li .hover{
    display:none;
  }
}
@media (max-width: 650px) {
  #body-wrapper {
    width:90%;
  }
  #content-wrapper{
    clear:both;
    width:100%;
    margin:auto;
    padding:0;
  }
  #content-wrapper-right{
    display:none;
  }
  #content-wrapper-right-mobile{
    display:block;
  }
  .theme-default .nivo-caption{
    font-size:1em;
  }
  #footer h2{
    font-size:1em;
  }
}