
/*Structured layout mainpage*/
body {
  color:#222;
  background: #222;
}

.wrapper { background: #fff url(../images/skin1/bg.png) repeat-x left top; }

#footerwrap, #subpage #footerwrap { background: #222; }

/*HEAD AREA*/

#top .logo a {
  background: transparent url(../images/gfx/senior_flexsonics_logo.png) no-repeat left center;  
}

#top .logo a:hover {
  background: transparent url(../images/gfx/senior_flexsonics_logo_hover.png) no-repeat left center;
}

#nav li a {
  border-left:1px solid #484848;
  color:#aaa;
}
#nav li:first-child a { border-left:none; }
#nav .current a, #nav li a:hover { color:#fff; }

#top #nav li ul a {
  border:1px solid #484848;
  border-top:none;
  color:#aaa;
  background: #222;
}

#top #nav li ul a:hover {
  background:#262626;
  color:#fff;
}

#top #nav li ul { border-top:1px solid #484848; }

.menu_startseite li  {
  width:220px; 
  height:113px;
  position:relative;
}
.menu_startseite li a, .menu_startseite li a:hover {
  border-bottom:none;
  font-weight:normal;
  text-align:center;
  position:absolute;
  bottom:0;
  width:220px;
  color:#222;
  line-height:18px;
  padding-top:95px;
}
.menu_startseite .menupart_ee a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-ee.png) no-repeat center center;

}
.menu_startseite .menupart_ee:hover a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-ee-active.png) no-repeat center center;
}
.menu_startseite .menupart_ft a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-ft.png) no-repeat center center;
}
.menu_startseite .menupart_ft:hover a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-ft-active.png) no-repeat center center;
}
.menu_startseite .menupart_it a {
 background:url(/fileadmin/config/_flexonics/images/gfx/icon-it.png) no-repeat center center; 
}
.menu_startseite .menupart_it:hover a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-it-active.png) no-repeat center center;
}
.menu_startseite .menupart_gt a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-gt.png) no-repeat center center;
}
.menu_startseite .menupart_gt:hover a {
  background:url(/fileadmin/config/_flexonics/images/gfx/icon-gt-active.png) no-repeat center center;
}

/*featured*/

#featured{
    background:transparent url(../images/skin1/shadow.jpg) no-repeat scroll 0px 368px;
}

/*infotext*/
#infotext{
    background: url("../images/skin1/bg_infotext.png") no-repeat scroll 0 -1px transparent;
    font-family: 'Helvetica Neue LT W01_57 Cond',"HelveticaNeueW01-57Cn", "Trebuchet MS", Arial, Helevtica, Verdana, san-serif;
    font-size: 14px;
    position: relative;
}

#infotext .csc-default {
    background: url("../images/skin1/bg_infotext.png") no-repeat scroll center bottom transparent;
    padding-bottom: 12px;
    position: relative;
    top: 10px;
    margin:0 0 40px 0;
}
#infotext p,
#infotext h1,
#infotext h2,
#infotext h3 {
  padding:0;  
}
#infotext p span,
#infotext h1 span,
#infotext h2 span,
#infotext h3 span {
  color: #0067A6;
}
#infotext h2 { color:#555555; }

#infotext h2 strong, #infotext h2 b { color: #0067A6; }

/*content*/

#sidebar h3 { border-bottom:1px solid #d6d6d6; }

#sidebar .box a {
  border-bottom:none;
  color:#0067A6;
  font-size: 18px;
  font-family: 'Helvetica Neue LT W01_77 Bd Cn', "HelveticaNeueW01-77BdCn 692722", "Trebuchet MS", Arial, Helevtica, Verdana, san-serif;
}

#sidebar .box ul { border-bottom:  1px solid #d6d6d6; }
#sidebar .box ul ul { border-bottom: none; }
#sidebar .box ul ul a { border-top:  1px solid #d6d6d6; }

#sidebar .box ul ul a{
background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 10px 12px;
  font-size:14px;
  color:#777777;
  margin-left: -9px;
  font-family: 'Helvetica Neue LT W01_57 Cond', "HelveticaNeueW01-57Cn", "Trebuchet MS", Arial, Helevtica, Verdana, san-serif;
}
#sidebar .box ul ul .current a {
  background:transparent url(../images/gfx/Icon-Pfeil-active.png) no-repeat scroll 10px 12px;
  font-size:14px;
  color:#0067A6;
  line-height:16px;
  padding-top:5px;
}
#sidebar .box ul ul .current a:hover {
  color:#777777;
  background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 10px 12px;
}
#sidebar .box ul ul .current LI a {
  background:transparent url(../images/gfx/Icon-Pfeil-active.png) no-repeat scroll 10px 12px;
  font-size:13px;
  /*color:#0067A6;*/
  color:#777;
  line-height:16px;
  padding-top:5px;
}
#sidebar .box ul ul .current LI a:hover {
  /*color:#777777;*/
  color:#0067a6;
  background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 10px 12px;
}
#sidebar .box ul ul .current .current a, #sidebar .box ul ul .current .current a:hover {
  background:transparent url(../images/gfx/Icon-Pfeil-active.png) no-repeat scroll 20px 7px;
  font-size:13px;
  color:#0067A6;
   line-height:16px;
  padding-top:0px;
}
#sidebar .box ul ul .current ul a {
  padding-top:0;
  background:transparent url(../images/gfx/Icon-Pfeil-active.png) no-repeat scroll 20px 7px;
} 
#sidebar .box ul ul .current ul a:hover {
  padding-top:0;
  background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 20px 7px;
} 
#sidebar .box ul ul a:hover {
  background:transparent url(../images/gfx/Icon-Pfeil-active.png) no-repeat scroll 10px 12px;
  /*color:#0067a6;*/
}
#sidebar .box ul ul ul { padding-bottom:6px; }
#sidebar .box ul ul ul a {
  background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 20px center;
  border-top:none;
  line-height:14px;
}
#sidebar .box ul ul ul ul a {
  background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 30px center;
}
#sidebar .box ul ul ul ul ul a{
background:transparent url(../images/gfx/Icon-Pfeil.png) no-repeat scroll 40px center;
}

dl.csc-textpic-image {
  position: relative;
}
dl.csc-textpic-image dd.csc-textpic-caption {
bottom: 0;
  left: 0;
  margin-top: 10px;
  position: absolute;
  right: 0;
  z-index: 2;
  background:#000;
  padding:4px 8px;
  display: none;
  color:#fff;
  font-size:12px;
}

/*blog*/

.post_data{
border:1px solid #d6d6d6;
border-left:none;
border-right:none;
}

.entry .date{
color:#8D8D8D;
}

.entry .day{
border-right:1px solid #cacaca;
}


/*pagination*/

#top .pagination span, #top .pagination a{
border:1px solid #666666;
}

#top .pagination a:hover{
border:1px solid #0067A6;
}

#top .pagination .current{
background: #666666;
border:1px solid #222;
color:#fff;
}




/*footer*/
#footer{
color: #cbcbcb;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a
{
color:#cbcbcb;
}

#footer .box ul{
border-top:1px solid #4a4a4a;
} 

#footer .box ul li a{
border-bottom:1px solid #4a4a4a;
background: transparent url(../images/skin1/bullet_grey.png) center left no-repeat;
}

#footer .box ul li a:hover{
background: #262626 url(../images/skin1/bullet_grey.png) center left no-repeat;
color:#fff;
}

#footer .custom_button{
background: #494949 url(../images/skin1/mail.png) 170px center  no-repeat;
color: #fff;
}

#footer .custom_button:hover{
background-color: #666;
}

#footer #s{
background: #494949;
color:#ccc;
}

#footer #searchsubmit{
background: transparent url(../images/skin1/search.png) 2px center  no-repeat;
border-left:1px solid #222;
}

.wrapper #footer .social_bookmarks .rss a{background: transparent url(../images/skin1/rss_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .facebook a{background: transparent url(../images/skin1/facebook_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .twitter a{background: transparent url(../images/skin1/twitter_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .flickr a{background: transparent url(../images/skin1/flickr_16.png) 0 0  no-repeat;}


.more-link{
background:transparent url(../images/skin1/bullet_orange.png) no-repeat scroll right 15px;
}

input, select, textarea{
color:#222;
}

.wrapper a {
color:#0067A1;
border-bottom: 1px solid #0067A1;
}
.wrapper a:visited {
color:#222;
border-bottom: 1px solid #222;
}

.wrapper a:hover {
border-bottom: 1px solid #222;
color:#0067A1;
}

h1,h2,h3,h4,h5,h6, legend{
color:#0067A1;
}


#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
color:#0067A1;
} 

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
color:#555;
} 

.lightbox_video, .lightbox_image{
background:transparent url(../images/skin1/video.png) no-repeat center center;
}

#top .lightbox_image{
background:transparent url(../images/skin1/magnify.png) no-repeat center center;
}

/*comments*/
.gravatar img{
border:1px solid #D6D6D6;
}


/*CONTACT FORM*/  
label {
  font-size:14px;  
}

.back_label  {
 background-color:#D6D6D6;
 line-height:24px;
 border:1px solid #D6D6D6;
}
.back_label label {
  line-height:24px;
}
.text_input, .text_area{
  border:1px solid #D6D6D6;
  padding:0 4px !important;
}

#send, #submit,.send, .submit {
border:1px solid #D6D6D6;
background: #222;
color: #fff;
}


#submit:hover, #send:hover,.submit:hover, .send:hover{
background: #eee;
color: #222;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 20px !important;
}

.error {
  border:1px solid #e20631;
  padding:4px;
  background:#e20631;
  color:#fff;
}
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #0067A6;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}

.ui-accordion-content .csc-teaser-small {
  /*width:213px !important;  */
  width:210px !important;    
  margin-bottom:6px;
}
.ui-accordion-content .csc-teaser-small img {
  margin-bottom:0 !important;  
}
.ui-accordion-content .csc-textpic-text h2 {
  font-size: 15px;
}
.ui-accordion-content .csc-default h1 {
  font-size: 16px;
  margin-bottom:0;
}
.ui-accordion-content .csc-default h2 {
  font-size: 15px;
  margin-bottom:0;
}
.ui-accordion-content .clear {
  border-top:1px solid #ddd;
  margin-bottom:16px;
}
.ui-accordion-content .clear:last-child {
  border-top:0px solid #ddd;  
}

DIV.csc-textpic DIV.csc-textpic-imagecolumn {
  background-color: #fff;
}

li.csc-textpic-image a {
  border: 0px;
}

.nivo-directionNav a,.nivo-directionNav a:hover {
  border-bottom:none; 
}
.nivo-caption {
  display:none !important;  
}

/* ------------------------------------------------------------------------- */
/* lang                                                                      */
/* ------------------------------------------------------------------------- */

ul.langmnu {
  list-style: none;
  padding: 0px 1px 1px 4px;
  position: relative;
  z-index: 399;
  float: left;
}

ul.langmnu li img {
  margin: 2px 2px -2px 0;
  
}


ul.langmnu li {
    float: left;
    zoom: 1;
    background: url("../images/down.png") no-repeat 35px 8px;
    line-height: 18px;
    height: 20px;
    color: #fff;
    display: block;
    padding-left: 4px;
    padding-right: 17px;
    width: 30px;
} 
 
/*
ul.lang li a{
  color: #fff;
  display:block;
  padding-left: 4px;
  padding-right: 17px;
}
*/


ul.langmnu .NO.SPC {
    list-style: none;
    visibility: hidden;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 400;
    width: 56px;
    padding: 5px 5px 5px 0px;
}

  .langmnu:hover .NO.SPC,
  .langmnu .NO.SPC.vii {
    visibility: visible;
  }

ul.langmnu .NO.SPC a {
  float: none;
  /*background: url("../images/language_bg.png") repeat scroll; */
  padding: 0 0 0 8px;
  /*width: 118px;*/
  height: 20px;
  line-height:18px;
  background: none;
}

ul.langmnu .NO.SPC a + a{
  padding: 0;
}
  
ul.langmnu a,
ul.langmnu a:hover {
  border-bottom: 0px;
  color: #fff;
}

ul.langmnu .NO.SPC a {
  color: #fff;
  padding-right: 0px;
  display: inline-block;
}

ul.langmnu ul li span a {
  width: 91px;
  display: inline-block;
}

ul.langmnu .NO.SPC:hover{
  color: #fff;
  background-color: #262626;; 
}

#footer .clear {
  clear:both;
  width:940px;  
}

#footer #senior_group {
  bottom: -30px;
} 

#footer #language{
  padding-bottom: 10px;
  margin-left: 32px;
} 

#footer .footer_address,#footer #senior_group, #footer #language {
 float: left;
}

#language a{
  color: #fff;
}

#language img, #language svg {
    display: none;
}

#language .flag {
    display: none;
}

#language a.title {
    width: 47px;
    padding-left: 8px;
}

/* ------------------------------------------------------------------------- */
/* Accordion                                                                 */
/* ------------------------------------------------------------------------- */
.ui-accordion .ui-accordion-header {
    background: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    box-shadow: none !important;
    border-bottom: 1px solid #d6d6d6;
}

.ui-accordion .ui-accordion-content {
    background: none;
    box-shadow: none !important;
}


/* ------------------------------------------------------------------------- */
/* Maps Privacy                                                              */
/* ------------------------------------------------------------------------- */
div.privacy-msg p {
    background-color: #ffffff;
    padding: 20px;
    text-align:center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.privacy-msg a, div.privacy-msg a:hover {
    text-decoration: none;
    border-bottom: 0px;
}

div.privacy-msg.privacy-map-msg {
    width: 100% !important;
}

.privacy-msg-button{
    font-family: 'Helvetica Neue LT W01_77 Bd Cn', "HelveticaNeueW01-77BdCn 692722", "Trebuchet MS", Arial, Helevtica, Verdana, san-serif !important;
    display: block !important;
    line-height: 22px !important;
    padding: 3px 10px !important;
    font-size: 18px !important;
    color: #0067A6 !important;
}

/* -------------------------------------------------------------------------- */
/* Cookie Policy */
/* -------------------------------------------------------------------------- */


#cookiePolicy {
  display:block;
  position:fixed;
  bottom: 0;
  left:0;
  right:0;
  width:100%;
  z-index:998;
}

/*

#cookiePolicy:before {
  display:block;
  position:fixed;
  top:0;
  bottom: 0;
  left:0;
  right:0;
  background-color: rgba(0,0,0,0.75);
  width:100%;
  z-index:997;
  content:"";
}

*/

  #cookiePolicy > div {
    display:block;
    position:fixed;
    bottom: 0;
    left:0;
    right:0;  
    z-index:999;
    background-color: #cccccc; 
    padding: 1.250em;  
    width:auto;  
  }
  
  
  #cookiePolicy > div  > span {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    min-width: 200px;
  }
  
  #cookiePolicy > div > span:first-child {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      font-size: 18px;
      padding-right: 5%;
  }
  
 
  #cookiePolicy > div > span#cookiePolicyButton > a#cookiePolicyAccept {
    margin:0;
    display:inline-block;
    cursor: pointer;
  }  
   
#cookiePolicy a.external-link-new-window{
    color: #0067A6;
}
    
@media (max-width: 789px) {

  #cookiePolicy > div > span {
    display: table-row;
    text-align: right;
  }  
  
    a.button_small_surfer_right {
      margin-top: 20px !important;
    }    
  
}   