:root {
  --color1: #f9c012;
  --color2: #fbd257;
  --fcolor: #303030;
  --font: 'Roboto';
}


@font-face {
  font-family: 'Roboto Normal 300'; 
  font-style: normal;
  font-weight: 300;
  src: url('http://themes.googleusercontent.com/font?kit=d-QWLnp4didxos_6urzFtg') format('woff');
}


@font-face {
  font-family: 'Roboto'; 
  font-style: normal;
  font-weight: 400;
  src: url('http://themes.googleusercontent.com/font?kit=grlryt2bdKIyfMSOhzd1eA') format('woff');
}


HTML {
  min-height: 100%;
}
BODY {
  font-family: Arial,'Roboto'; line-height: 1.5em; font-weight:300;
}
textarea,input{ font-family: 'Roboto', Arial; color: #222222; line-height: 1.5em; }
label,p,div,h1,h2,h3,h4{ font-family: 'Roboto'; line-height: 1.5em; }

strong,b,label {
    font-family: 'Roboto';
    font-weight: 400;
}

strong2,b,label {
    font-family: 'Roboto';
    font-weight: 600;
}

input::-ms-clear {
    display: none;
}

/*
.index #sf_content {
  width: 770px; margin: 40px auto 0;
}
*/

A.homepage { 
  display: block;
  width: 300px;
  height: 45px;
  background: url('/images/logo.png') 0 0 no-repeat;
  outline: 0;
  font-size:0; line-height: 0;
  float: left;
}

A { color: #000000; text-decoration: none; }
A:hover { color: #0000CC; text-decoration: underline; }

#footer { text-align: center; width: 100%; height: 40px; background-color: rgba(256,256,256,0.5);   }
#footer .page-links { font-weight: bold; display: inline-block; zoom: 1;}
#footer .page-links LI { display: inline; list-style: none;}
#footer .page-links LI A { text-decoration: none; padding: 0 0.5em; }
#footer .page-links LI A:hover { text-decoration: underline; }
#footer .page-links LI:after { content: '-' }
#footer .page-links LI:last-child:after { content: ''}

.search-form { 
  display: block;
  padding: 0.4em 3em 0 1em;
  overflow: hidden;
}
.search-form INPUT { font-size: 21px; border: 0; padding: 0; line-height: 23px; }
.search-form INPUT[type=submit] { zoom: 1; height: 40px; font-family: 'Roboto'; font-size:18px;}
.search-form UL { 
  margin: 0;
  padding: 0;
  /*border: 1px solid #f9c012;*/
  overflow: hidden;
}
.search-form li { list-style: none; overflow: hidden; /*padding: 5px;*/ background-color: #fbd257; }
.search-form .search { display: block; width: 100%; }
.search-form .submit-holder { width: 130px; float: right; padding: 0;}
.search-form .submit { 
  background-color: #F9C10A; /* url('/images/gradient.png') 0 100% repeat-x; */
  cursor: pointer;
  display: block;
  width: 100%;
  /*padding: 5px;*/
}

#header .page-links { display: block; vertical-align: middle; float: right; }
#header .page-links {
  list-style: none;
  text-align: right;
  font-size: 16px;
  margin: 0;
  padding: 0.2em 0 0
}
#header .advertise { padding: .75em 0;}
.advertise_728x15  {height:20px; overflow: hidden; display: block; padding: .3em 0; position:relative; top:0px; left:-105px; }

.hidden { display: none; }
.clear { clear: both; font-size: 1px;}

.flash-message {}

.flash-message-error {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #c14343;
  padding-left: 2em;
}

.flash-message-neutral {}

.flash-message P { margin: 0}

p      { font-size: 16px; line-height: 1.5em;}
P.bold { font-weight: bold; font-size: 18px;  line-height: 1.3em;}

#impressum { padding-left: 30px; display: block; vertical-align: middle; }

#galerie-links { margin: 0; padding: 0; position:relative; top:54px; left:-20px; }
#galerie-links li { list-style: none; font-size: 16px; line-height: 1.7em;}

A.impressum_links { color: #c14343; text-decoration: underline; }
A.impressum_links:hover { color: #c14343; text-decoration: underline; }


.normal-text { font-size: 16px; line-height: 1.5em;}
.normal-text-b { font-size: 16px; font-weight: bold; line-height: 1.5em;}


/** Moved From Search **/
    body.no-scroll{
        overflow:hidden;
    }
    
    .fright{float: right;}
    .fleft{float: left;}
    .clear{clear:both;}
    .cleargap{clear:both; margin-top: 10px;}
    .clearbiggap{clear:both; margin-top: 20px;}
    
    
    .loading{
		background: url("../images/icons/loading_medium.gif") no-repeat scroll right center transparent;
	}
    .cleartext{
		/*background: url("../images/icons/cleartext.png") no-repeat scroll right center transparent;*/
        font-size:18px;
        font-weight: bold;
	}
    
.advertise{ position: absolute; width:300px; height: auto;  bottom:0px; }

body.no-banners { }
body.no-banners #left-column .advertise { display: none;}
body.no-banners #header .advertise_728x15 { display: none;}
body.no-banners #map { top: 10px}

textarea:focus, input:focus{     outline: 0; }


    #search_box_text_act
    {
    float: right;
    padding: 8px 3px 0px 3px;
    height: 30px;
    /*margin-top: -25px;*/
    width: 40px;
    cursor: pointer;
    display: inline-block;
    list-style: none outside none;
    overflow: hidden;
    font-family: Arial, 'Roboto';
        color: #555555;
        font-weight: 600;
        font-size:17px;
        text-align: center;
        
    }
    
    #gmap_light_box{
        display:none;
        position:absolute;
        top:0; bottom:0; right:0; left:0;
        z-index: 15;
        background-color: rgba(0,0,0,0.4);
    }
/*****/


/*******************************************************
        Textual CSS 
***********************************************/

/*    
    #search_box_text_act
    {
    float: right;
    padding: 6px 3px 0px 3px;
   height: 30px;
  
    width: 25px;
    color: #555555;
    cursor: pointer;
    display: inline-block;
    list-style: none outside none;
    overflow: hidden;
        
    }
*/
 
 #link2home{width:300px; padding:0px;}
 #links2text{width:110px; padding:0px;}
 #form2share{width:inherit; padding:0px;}



#page_list{
    text-align: center;
    font-size: 30px;
}

.page_list_arrow{
    font-size: 30px;
}


#page_list a{
    display: inline-block;
    font-weight: bold;
}
#page_list a.current_page{
    color: #9e9e9e;
}


.pages #sf_content {
  
}


#page-container {
    position: relative;
    top: 10px;
}


BODY {
    font-family: "Roboto";
    line-height: 1.5em;
}


#page_header {
    margin-bottom: 11px;
    margin-top: 4px;
}

/** Moved rom Search **/


.share-form { 
  display: inline-block;
  /*padding: 0.4em 3em 0 1em;*/
  overflow: hidden;
  width: 100%;
  float:left;
}

.share-form INPUT { font-size: 21px; border: 0; padding: 7px 5px 5px 12px; line-height: 23px; }
.share-form INPUT[type=submit] { zoom: 1; height: 38px; border: 1px solid #fbd257; }


.share-form UL.ul_brd { 
  margin: 0;
  padding: 0;
  border: 1px solid #f9c012;
  overflow: hidden;
}
.share-form UL.ul_brd li { list-style: none; overflow: hidden; /*display:inline-block; width:70%;*/ }
.share-form UL.ul_brd li.submit-holder{ list-style: none; overflow: hidden;  display:inline-block; width:140px;}
.share-form UL.ul_brd li.cleartext{list-style: none; overflow: hidden; display:inline-block; width:38px;}
.share-form .search { display: block; width: 100%;  /*margin-top: -5px; border: 1px solid #333333; padding: 5px 0;*/}
.share-form .submit-holder { width: 100px; float: right; padding: 0;}
.share-form .element-gap { width: 12px; float: right; padding: 0;}
.share-form .submit {  cursor: pointer; display: block; width: 100%; padding: 5px; }
#result_search .submit-holder{width: 130px; float: right; padding: 0;}

#result_header{ background-color: #f9c012; width:100%; height:63px; font-family: "Roboto"; position:fixed; left:0px; top:0px; z-index: 5; }
#result_header td{margin-top:15px;}
.share-form UL.ul_brd{background-color: #fbd257; font-size:16px; margin-top: 12px;}
.share-form INPUT[type="submit"]{font-size:18px; background-color: #f9c012; font-weight: bold;  }

#result_header img.logo {
    margin-top: 7px;
    width: 100%;
}
#result_header a.logo{     
    font-size: 23px;
    left: -10px;
    margin-left: 15px;
    position: relative;
    top: -5px;
    
}

.share_panel, #search_term, #form2share ul.ul_brd{background-color: #fbd257 }
.result_logo_text { font-size: 25px; position: relative; top: 4px; font-family: 'Roboto Normal 300';}
.waring_adress_not_found  { font-size: 22px; color: #333333; font-family: 'Roboto Normal 300';}

.error_list{display:none;}
/****/
        


/****************************App ************************/
        
#app_lightbox { position: fixed; bottom: 0px; left: 0px; right: 0px; top: 0px; z-index: 15;  background-color:rgba(0,0,0,0.5); color:#fff; display: none; }
#app_popup{ width: 850px; position: fixed; left: 50px; top: 80px; z-index: 20; background-color:rgba(255,255,255,0.5); border-radius: 5px; display: none; }
#app_popup p{margin: 5px; padding:5px;}
#app_popup .title{ height: 50px; font-size:25px;  }
#app_popup .content{  height: auto; max-height:500px; min-height: 300px; font-size:25px; color:#fff; overflow: auto; }
#app_popup .footer{  height: 50px; font-size:25px; color:#fff; }

#app_loading{
    position: absolute;
    top:0; bottom:0; left:0; right:0;
    background: url(../images/loading.gif) no-repeat center center;
    background-color: rgba(0,0,0,0.8);
    display:none;
    z-index: 13;
}

#app_alert{
    position:absolute;
    background-color:rgba(255,255,255,0.5); 
    z-index:10; 
    width: 250px; 
    height:auto; 
    font-size: 25pt; 
    font-weight:bold;
    box-shadow: 0 2px 6px rgba(255,255,255, 0.5);  
    color: #000000; 
    text-shadow: 2px 1px white; 
    display:none;
    min-height: 100px;
    right:25px;
    bottom:25px;
}

/*** Cookie CSS ***/

#cookie_dialog{
    border:2px solid #222222;
    display:none;
    position:fixed;
    font-weight: normal;
    width:560px;
    height:auto;
    min-height:110px;
    background-color: rgba(255,255,255,0.8);
    color:#222222;
    bottom:5px;
    right:5px;
    z-index:100;
}

#cookie_dialog .title{
    background-color: #fbd257;
    color: #222222;
    height: 20px;
    padding: 0px 15px;
}    

#cookie_dialog .content{
    background-color: #ffffff;
    padding: 2px;
} 

#cookie_dialog a.more{
    margin-right: 15px;
    color:#222222; text-decoration: none;
}

#cookie_dialog a.more:hover{
    text-decoration: underline;
}

#closebtn{
    border: 0px solid #333;
    display: block;
    font-weight: bold;
    height: 25px;
    position: absolute;
    right: 0px;
    top: -2px;
    width: 25px;
    cursor:pointer;
}

#cookbtn{
    border:2px solid #222222;
    background-color: #fbd257;
    color: #222222;
    height: 25px;
    padding: 20px;
    width: auto;
    border-radius: 5px;
    font-weight: bold;
}