/* -------------------------------------------------------------
  © IceTheme 2013
---------------------------------------------------------------- */


/* Bootstrap Reset
---------------------------------------------------------------- */
body {
  color: #444d61;
  background: #FFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size:80%;
  line-height:1.8em;}
  
p.ice-headline,  
h1, h2, h3, h4, h5, h6 {
  font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #de903c;
}  

p.ice-headline,  
h1 {
  font-size: 25px;
  }

p.ice-headline,  
h2 {
  font-size: 22px;
  }

p.ice-headline,  
h3 {
  font-size: 20px;
  }

p.ice-headline,  
h4 {
  font-size: 18px;
  }

p.ice-headline,  
h5 {
  font-size: 16px;
  }

p.ice-headline,  
h6 {
  font-size: 14px;
  }

a:link { color:#de903c}
a:visited { color:#571586; text-decoration:underline;}

.btn-primary,
.btn-inverse { color:#fff!important;}

  
p {
  margin-bottom:12px}

hr {
  clear: both;
  border:none;
  border-top:1px dashed #ccc;}

body .button {
  background:#de903c;
  border:none;
  color:#fff;
  padding:3px 14px;
  margin-bottom:10px;
  border-radius:0;
  box-shadow:none;
  text-shadow:none;
  border:1px solid #fff;
  background-position: 93% 48%;
  background-repeat: no-repeat;
  -moz-transition: padding .3s ease-in-out;
  -o-transition: padding .3s ease-in-out;
  -webkit-transition: padding .3s ease-in-out;
  transition: padding .3s ease-in-out;}
  
  body .button:hover {
    text-decoration:none;
    color:#444d61;
    background:#e7ce8f;
    padding-right:32px;
    box-shadow: 0 0 14px #888;
    border:1px solid #FFF;
    background-repeat:no-repeat;
    background-position: 93% 48%;
    background-image:url(../images/readmore.png);}  
    
    body .button.othercolor {
      background:!important#009BFF;}
      
      body .button.othercolor:hover {
        background:!important#34AFFF;}
    

.tooltip {
display:none;
  /*font-size:16px;*/}
  
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-repeat:repeat;
    background-color:#DE903C;
    

}


p.readmore a:hover {
      padding-right:32px;
      background-image:url(../images/readmore.png);}
  


/* typography 
------------------------------------------------------------- */

p.ice-headline {
  font-size: 3em;
  text-align: center;}

p.ice-subheadline {
  font-size: 1.1em;
  text-align: center;
  margin-top: -3px;
  margin-bottom: 18px;
  color: #888;}  

span.notice-typo {
  color: #888;}

ul.ice-check li, 
ul.ice-arrow li, 
ul.ice-cross li,
ul.ice-light li, 
ul.ice-star li, 
ul.ice-note li,
ul.ice-check2 li,
ul.ice-help li,
ul.ice-info li {
  list-style-type:none;
  background-repeat: no-repeat; 
  background-position: center left;
  padding: 4px 0 3px 28px}
  
  ul.ice-check li {
    background-image:url(../images/typo_check.png);}
  ul.ice-arrow li { 
    background-image:url(../images/typo_arrow.png);}
  ul.ice-cross li { 
    background-image:url(../images/typo_cross.png);}
  ul.ice-light li { 
    background-image:url(../images/typo_light.png);}
  ul.ice-star li { 
    background-image:url(../images/typo_star.png);}
  ul.ice-note li { 
    background-image:url(../images/typo_note.png);}  
  ul.ice-check2 li { 
    background-image:url(../images/typo_check2.png);}
  ul.ice-help li { 
    background-image:url(../images/typo_help.png);}
  ul.ice-info li { 
    background-image:url(../images/typo_info.png);}



/* Blockquote */
#blockquote  {
  float:right;
  max-width:800px;
  clear:right;
  margin:25px 0 0px}    
    
blockquote {
margin:-1.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
position:relative;
}


blockquote p {
display:inline;
margin-bottom: 0;
font-size: 1.25em;
font-weight: 300;
line-height: 1.7;
color: #888;
font-style: normal;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}


blockquote:after {
color:#ccc;
content:close-quote;
font-size:4em;
line-height:.1em;
margin-left:.25em;
vertical-align:-.4em;
}

.highlight {
  font-style: italic;
  color: #444;
  background: #FFC;
  padding: 0 .15em!important;
  font-weight: normal!important;}

.dropcap {
  color: #555;
  display: block;
  float: left;
  font: 6em/75% Georgia,"Times New Roman",Times,serif;
  padding: 5px 12px 0 0;}

pre {
  border-radius:0;
  padding-left: 32px;
  border: 1px solid #9A9A9A;
  border-left: 4px solid #33353A;
  background: #FFFEF4;}

.IceBlockTextLeft {
  float: left;
  text-align: left;
  display: block;
  font-size: 1.25em;
  font-style: italic;
  line-height: 1.7em;
  padding: 30px;
  width: 38%;}

.IceBlockTextRight {
  float: right;
  text-align: right;
  display: block;
  font-size: 1.25em;
  font-style: italic;
  line-height: 1.7em;
  padding: 30px;
  width: 38%;}
  
  
.ice-block1 {
  padding: 10px;
  border: 1px dashed #999;}
  
.ice-block2 {
  padding: 10px;
  background: #fff;
  border: 1px dotted #999;}  

.ice-block3 {
  padding: 10px;
  background: #FFFEF4;
  border: 1px solid #EAE8CC;}  
    
.ice-block4 {
  padding: 10px;
  background: #222;
  color: #ccc;
  border: 1px solid #222;}
  
.ice-block5 {
  padding: 10px;
  background: #eee;
  border: 1px solid #ccc;}  

.ice-block6 {
  padding: 10px;
  background: #CF8080;
  color: #fff;
  border: 1px solid #CF8080;}


div.success, p.success, 
div.notice, 
p.notice, 
div.error, p.error {
  padding: .6em 1em 0.6em 3.4em;
  border: 1px solid #fff;
  margin-bottom: 2em;}
  
  div.notice, p.notice {
    color: #514721;
    background: #FFF6BF url(../images/typo_note.png) no-repeat 10px center;
    border: 1px solid #FFDE24;}

  div.success, p.success {
    color: #264409;
    background: #E6EFC2 url(../images/typo_success.png) no-repeat 10px center;
    border: 1px solid #CEE086;}
    
  div.error, p.error {
    color: #8A1F11;
    background: #FBE3E4 url(../images/typo_error.png) no-repeat 10px center;
    border: 1px solid #F5B7B8;}

/*------------------------------------------------------------- */
        

/* IceMegamenu */
.icemegamenu { float:left}  


/* Header */
#header {
  background:#e7ce8f;
  background-image:url(http://www.hann-edv.at/images/head_hg.jpg);
  background-repeat:repeat-x;
  /*border-top:15px solid #444d61;*/
  border-bottom:1px solid #444d61;}

  #logo{
  background-image:url(../images/logo.png) no-repeat ;}
  
  #logo {
    float:left;
    margin:0px 0 0px;}
    
    #logo p { margin-bottom:0}

/* left Column */

.general_module_style1  {
background-color:#555;
padding:0 12px 6px;
color:#fff;}

.general_module_style1 .general_module_heading  {
border-bottom:1px dotted #FFF;}

/* Content */
#content {
  padding-bottom:15px;
  min-height:500px}
          

/* Promo */
#promo {}
  
  #promo .container {
    border-bottom:1px dashed #CCCCCC;
    margin-bottom:20px;
    padding-bottom:20px;}

  #promo .separator .moduletable {}
    
  #promo .moduletable .moduletable-header {}
  
    #promo .moduletable h3.mod-title,
    #bottom .moduletable h3.mod-title {
      font-size: 1.6em;
      margin-bottom: 7px;
      padding: 0;}
  
  
  #promo .moduletable h3.mod-title span,
      #bottom .moduletable h3.mod-title span   {
        color:#999;
        letter-spacing:0;
        text-transform:none;
        font-family:Arial, Helvetica, sans-serif;
        display:block;
        font-size:13px;
        line-height:1.6em;
        margin-bottom:8px;
        margin-top:-3px;} 
        
        #promo .moduletable p:last-child,
        #bottom .moduletable p:last-child {
           margin-bottom:0}
    
    
/* Bottom */
#bottom .container {
  border-top: 1px dashed #CCCCCC;
    clear: both;
    margin-bottom: 0}
    
  
  


/* IceCarousel */
#icecarousel {
  position:relative;
  margin-bottom:10px;
  background:#fff;
  clear:both}
  
  .carousel-inner > .item > img, 
  .carousel-inner > .item > a > img
  {
    height:auto !important;}
    


/* IceSlider */
#iceslider {
  position:relative;
  margin:0 0 -60px;
  padding:5px 70px 0;
  background:#2E2E2E}
  
  #iceslider:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 99%;
    background: #2E2E2E;
    z-index: 99;}
  
  #iceslider:after {
    content:"";
    background:url(../images/iceslider.png) no-repeat center;
    width:100%;
    height:95px;
    position:absolute;
    bottom:-50px;
    left:0;}
  
  #iceslider div.iceslider_heading {
    border-top:5px solid #4d4d4d;
    text-align:center;
    margin-top:35px;
    margin-bottom: 22px;}
  
    #iceslider div.iceslider_heading h3{
      margin-top:-23px;
      text-transform: uppercase;
      font-size: 26px;
      color:#fff;}
      
      #iceslider div.iceslider_heading h3 span {
        display:inline-block;
        background:#2E2E2E;
        padding:0 22px;}
      

  
/* Top Pannel */    

#panel {
  position:fixed;
  width:100%;
  top:0;
  background-color:#000;
  background-color:rgba(0, 0, 0, 0.8);
  z-index:99999;}
  
  #panel .moduletable  h3.mod-title {
    color:#FFF;}
  
  #panel .container {
    display:none;
    margin-bottom:20px;}
  
  .panel-close {
    display:block;
    position:relative;
    width:100px;
    float:right;
    text-align:center;
    margin-bottom:-50px;
    background-color:#000}  
    
    a.panel-button{
      color:#FFF;}
      #panel .container a:visited, 
      #panel .container a {
        color:#F0C237}
      
  
  
/* Footer */
#footer {
  background-color:#444D61;
  border-top:1px solid #444D61;
  margin-top:20px;
}
  
  #footer #footermods { padding-bottom:18px;width:300px;}
 


  
/* Copyright */
#copyright_area {
  float:left;
  color:#dbe2fb;
  border-top:0px;
  position:relative;
  font-size:.9em;
  padding:20px 0;
  overflow:hidden;
}
  

  /* IceTheme Copyright Logo */
  #footer p#icelogo {
    float:left;
    margin:0;
    padding-left:0;
    padding-right:30px;}
      
      #footer p#icelogo a {
        opacity:.6;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -o-transition:all .2s ease-out; 
        transition:all .2s ease-out;}
        #footer p#icelogo a:hover {
          opacity:1}
        
  
  
  /* Copyright Text */
  #footer p#copyright {
    width:500px;
    float:left;
    color:#dbe2fb;
    margin:0;
    padding:7px 20px 0 0;}
    
  
  /* Copyright Nav */  
  #copyrightmenu {
    font-size:15px;
    float:right;}
    
    #copyrightmenu ul {
      list-style-type:none;
      margin:0;
      padding: 7px 0 0;}
      
      #copyrightmenu ul li {
        display:inline;}
        
        #copyrightmenu ul li a {
          color:#dbe2fb;
          display:inline;
          padding-right:20px;}
          
			#copyrightmenu ul li a:hover {
            background:none;
            color:#ffffff;
            text-decoration:underline}

			#copyrightmenu a:hover {
            background:none;
            color:#ffffff;
            text-decoration:underline}
    


    /* Go to Top link */
    .scrollup {
      width: 41px;
      height: 34px;
      text-indent: -9999px;
      opacity: 1;
      position: fixed;
      bottom: 30px;
      z-index:9;
      right: 0;
      display: none;
      background:rgba(0,0,0,.2) url(../images/go2top.png) no-repeat top center;
      -webkit-transition:all .2s ease-out;
      -moz-transition:all .2s ease-out;
      -o-transition:all .2s ease-out; 
      transition:all .2s ease-out;}
      
      
      .scrollup:hover {
      background:rgba(0,0,0,.2) url(../images/go2top.png) no-repeat bottom center;}

/* Tagline */
#tagline {
  font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
  height:120px;
  position:relative;
  margin:0 0 30px;
  padding:0 50px;
  background:#E6E6E1;
  font-size:26px;
  line-height:34px;
  text-align:center;}
  
  #tagline p {
    padding-top:20px;}

  #tagline:before {
    content:"";
    background:url(../images/tagline_l.png) no-repeat center;
    height:120px;
    width:45px;
    position:absolute;
    top: 0;
    left:-15px}
  
  #tagline:after {
    content:"";
    background:url(../images/tagline_r.png) no-repeat center;
    height:120px;
    width:45px;
    position:absolute;
    top: 0;
    right:-15px}




/* Services */
#services {
  margin:34px 0;
  padding:0;
  text-align:center;}  
  
  #services .custom > div {
    float:left;
    width:29%;
    padding:134px 2% 5px;
    background-repeat:no-repeat;
    background-position:50% 25px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;}
    
    #services .custom > div:hover {
      background-position: 50% 32px;}
      
  
  #services .custom img  {
    margin-bottom:25px;}  
    
  #services .custom h4  {
    margin: 0 0 7px;
    text-transform:uppercase}  

  #services .custom p  {
    color:#777}  
    

    .service1 {
      background-image:url(../images/service1.png)}
    .service2 {
      background-image:url(../images/service2.png)}
    .service3 {
      background-image:url(../images/service3.png)}
    .service4 {
      background-image:url(../images/service4.png)}
    .service5 {
      background-image:url(../images/service5.png)}
    .service6 {
      background-image:url(../images/service6.png)}

      
/* IceCarousel */
.icecarousel {
  overflow:hidden;
  margin-bottom:0;
  margin-top:23px;
  margin-left:30px;}
  
  .icecarousel .carousel-control {
    color:#fff;
    opacity:0;
    top: 44%;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out; 
    transition:all .2s ease-out;} 
    
    .icecarousel:hover .carousel-control {
      opacity:.6;} 
      
      .icecarousel:hover .carousel-control:hover {
        opacity:1}
        
        
      
      .carousel-control.left {
        -webkit-transform: scale(0);
        margin-left:-70px;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .2s ease-out;
        -o-transition:all .2s ease-out; 
        transition:all .2s ease-out;}
        
        .icecarousel:hover .carousel-control.left {
          -webkit-transform: scale(1);
          margin-left:0;}
          
        
      .carousel-control.right {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        margin-right:-75px;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .2s ease-out;
        -o-transition:all .2s ease-out; 
        transition:all .2s ease-out;}
        
        .icecarousel:hover .carousel-control.right {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          transform: scale(1);
          margin-right:0;}
          
        
      
  
    .icecarousel .carousel-caption {
      opacity:0;
      margin-bottom:-100px;
      -webkit-transition:all .3s ease-out;
      -moz-transition:all .2s ease-out;
      -o-transition:all .2s ease-out; 
      transition:all .2s ease-out;}
        
      .icecarousel:hover .carousel-caption {
        opacity:1;
        margin-bottom:0}
      
    .icecarousel .carousel-caption h4 {
      font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
      font-size: 22px;
      line-height: 28px;
      margin: 0;}

    
    .carousel-indicators {
      top:auto;
      bottom:18px;}
      
      .carousel-indicators li {
        width:12px;
        height:12px;
        margin:0 3px;
        cursor:pointer;}
        
        .carousel-indicators li:hover { background-color: #fff;}
      
      
      
      
      



/* Menus
---------------------------------------------------------------- */
  

  /* "left" menu */
  .sidebar_module ul.menu {
    padding:0;
    margin:0;
    list-style:none;}
    
    .sidebar_module ul.menu li {
      line-height:30px;
      margin:4px 0}
      
        #sidebar .sidebar_module ul.menu li a {
          color:#fff;
          padding:0 10px;
          -webkit-transition:all .2s ease-out;
          -moz-transition:all .2s ease-out;
          -o-transition:all .2s ease-out; 
          transition:all .2s ease-out;}
              
          #sidebar .sidebar_module ul.menu li a:hover {
            color:#fff;
            background:rgba(255,255,255,.2);
            text-decoration:one;}

          #sidebar .sidebar_module ul.menu li.active a {
            background:rgba(255,255,255,.2);}
            
            
            

  /* "footer" menu */
  #footer #footermods ul.menu {
    padding:0;
    margin:0 0 0 20px;
    color:#666;
    list-style:disc}
    
    #footer #footermods ul.menu li {
      line-height: 28px;}
      
        #footer #footermods ul.menu li a {
		  padding:20px 0;
	      /*width:300px;*/
		  float:right;
  		  font-size:15px;
          color:#dbe2fb}
          
          #footer #footermods ul.menu li a:hover {
            color:#ffffff;
            text-decoration:underline;
            background:none}

            

  
  
  
/* Social */
#ice_social {
  height:auto;
  float:right;
  padding: 10px 0 0;}
  
  #ice_social #social_fb {
    float:right;
    padding-left: 30px;
    overflow:hidden;
    height:20px;
    width:110px}
    
    #ice_social #social_fb iframe { left:0!important}
  
  #ice_social #social_tw {
    padding-top: 0;
    padding-left: 10px;
    float:right}      
      
      
  
      
/* Offline Page and Error Page 
---------------------------------------------------------------- */    
body.offline_page {}
  
body.error_page    {}

  body.offline_page #logo,
  body.error_page #logo {
    float:none;
    margin:30px auto;
    text-align:center;
    padding:25px;
    max-width: 510px;}
    body.offline_page #logo p,
    body.error_page  #logo p { margin:0}

  body.offline_page #content,
  body.error_page #content  {
    width:auto;
    padding:25px;
    background-color:#FFF;
    max-width: 510px;
    margin:30px auto 0;
    float:none}
    
    
    body.offline_page .alert {
      margin-bottom:50px;
      font-size: 18px;
      text-align:center;
      line-height: 30px;}

    
    body.error_page h1 {
      font-size: 28px;
      margin: 0 0 15px;
      border: none;}
      
        
    


/* Template Styles custom code */
div.ice-template-style {
  margin:0;
  padding:0;}

  div.ice-template-style p {
    float:left;
    width:175px;
    margin:0 0 15px;
    text-align:center;
    position:relative;
    padding:0;}


    div.ice-template-style p:nth-child(5),
    div.ice-template-style p:nth-child(6) {
      margin-bottom:8px}

    
    div.ice-template-style p span {
      display:block;
      color:#fff;
      position:absolute;
      top:40px;
      left:55px;
      background:rgba(0,0,0,.75);
      border:1px solid #fff;
      box-shadow:0 0 12px rgba(0,0,0,.5);
      padding:3px 10px;
      opacity:0;
      font-size:1.4em;
      -webkit-transition:all .3s ease-out;
      -moz-transition:all .5s ease-out;
      -o-transition:all .5s ease-out; 
      transition:all .5s ease-out;}

      div.ice-template-style p:hover span {
        opacity:1}
  
  
      div.ice-template-style img {
        float:none!important;
        margin:0!important}  
    
      #columns-container div.ice-template-style li img {
        width:218px}        
        
        
        
/* numbers used on the bottom modules */
.img1, .img2, .img3{
  background-repeat:no-repeat;
  height:100px;
  width:100px;
  float:left;
  margin:0 11px 11px 0;}

  .img1 {
    background-image:url(../images/one.jpg)}
  .img2 {
    background-image:url(../images/two.jpg)}
  .img3 {
    background-image:url(../images/three.jpg)}

/* Login Form */

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 10px;
  }
.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
  display:none;}
  
.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
  width:100%;}
  
  .input-append .add-on, .input-prepend .add-on {
  padding: 5px 5px;
}

.btn:hover, .btn:focus {
color: #333;
text-decoration: none;
background-position: 0 -27px;
}