/* Screen CSS 4 tickess.at by kessler.at */
body{ background:#e9e9e9 url(../pix/hg-body.png) top center; margin:0; padding:0; text-align:center; font-family: Helvetica, Arial, sans-serif; }
.skiplink{ position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; font-size:0.7em; }
img{ border:0; }
.clear{ clear:both; }
.foto{ float:left; margin-right:1em; }

#page{ margin:0 auto; width:960px; text-align:left; position:relative; line-height:1.3em; }
#top{ list-style-type:none; height:160px; margin:0; padding:0; }
#logo{ position:absolute; left:0; top:-60px; margin:0; padding:0;  }

#content{ position:relative; }
#text{ float:left; width:720px; margin-right:240px; border-right:1px solid #ddd; }
#beispiele #text{ border:0; }
#sub{ position:absolute; top:0; right:0; width:230px; }
hr{ clear:both; color:transparent; padding:10px 0; border:none; }

/* Texte */
#text h1{ font-size:1.2em; font-weight:normal; letter-spacing:1px; color:#c07; text-shadow:#fff 1px 1px 0; margin-right:20px; }	
#text h2{ font-size:1em; font-weight:normal; letter-spacing:1px; margin-right:20px; background-color:#e07; line-height:2em; color:#fff; }
#content h3{ font-size:0.8em; font-weight:normal; letter-spacing:1px; border-bottom: 2px solid #e07;  color:#222; text-shadow:#fff 1px 1px 0; }
#content p, #content li{ font-size:0.8em; text-shadow:#fff 1px 1px 0; }
#text h2, #text p{ margin-right:60px; }
#text b{ color:#c07; }
small{ color:#666; line-height:1.1em; }
.meldung{ float:left; width:100%; }
/* Links */
#content a{ text-decoration:none; border-bottom: 1px solid #e07; color:#000; }
#content a:active{ position:relative; top:1px; border:none; }
#content a:visited{ color:#222;	}
#content a:hover{ border-color:#e07; }
#content h2 a{ text-decoration:none; color:#fff; }
#content h2 a:active{ position:relative; top:1px; border:none; text-shadow:none; }
#content h2 a:visited{ color:#eee;	}
#content h2 a:hover{ color:#fff; text-shadow:#000 1px 1px 0; }
#sub h3{ text-transform:uppercase; font-size:1em; font-weight:normal; letter-spacing:1px; color:#000; text-shadow:#fff 1px 1px 0; margin-top:0; }
#sub ul{ padding-left:1em; }

/* Listen */

/* Formulare */
label b{ display:block; float:left; width:5em; margin-right:0.5em; border-bottom:1px solid #ccc; font-weight:normal; }
.textnormal{ background-color: #eee; border: 1px solid #999; color: #333; }
.textfocus{ background-color: #fff; border: 1px solid #e07; color: #000; }
.button{ border: 1px solid #e07; background-color: #e07; padding:2px 4px; color:#fff; }
/* Tabellen */
table{ padding:0; margin:0; }
td, th{ padding:3px 5px; font-size:0.9em; }
th{ text-align:left; }
.zeilehell td{ border-bottom:1px dashed #ccc; }
.zeiledunkel td{ border-bottom:1px dashed #999; }
.zeilehover td{ border-bottom:1px solid #000; }
.fototable { border:0; padding:0; margin:0; }
.fototable .tdfoto{ border: 1px solid #e07; background-color:#fff; text-align:center; padding:5px; margin:0; }
.fototable th{ display:none; }

#navi{ position:absolute; top:0; right:0; width:560px; list-style-type:none; margin:0; padding:0; z-index:100; text-align:center; }
#navi li{ float:left; font-size:0.9em; width:120px; height:120px; margin:0 10px; padding:0; line-height:2em; }
#navi a{ margin-top:70px; display:block; color:#000; text-decoration:none; padding:0 10px; text-shadow:#fff 1px 1px 0; border:none; }
#navi a:active{ position:relative; top:1px; }
#navi a:visited{ color:#333;  }
#navi a:hover{ color:#e07; text-shadow:none; }
#home #lihome, #angebote #liangebote, #faq #lifaq, #kontakt #likontakt{ background: url(../pix/hg-ribbon.png) top center no-repeat; }
#home #lihome a, #angebote #liangebote a, #faq #lifaq a, #kontakt #likontakt a{ color:#fff; text-shadow:none; cursor:default; }

#bottom{ font-size:0.8em; margin:10px 0; padding:1em; list-style-type:none; text-align:center; margin-right:260px; }
#bottom li{ line-height:3em; margin:0; padding:0; display:inline; }
#bottom a{ color:#666; text-decoration:none; border-bottom: 1px solid #e07; margin:3px 6px; text-shadow:#fff 1px 1px 0; }
#bottom a:visited{ color:#555; }
#bottom a:hover{ color:#e07; border: 0; }

/* Slideshow */
#example { 	width:100%; height:440px; position:relative; }
#frame { position:absolute; z-index:0; width:739px; height:451px; top:-3px; left:-10px; }
#slides { position:absolute; top:15px; left:74px; z-index:100; }
#slides a{ border:none; }
.slides_container { width:570px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:570px; height:380px; display:block; }
.slides_container a img { display:block; }
#slides .next, #slides .prev { position:absolute; top:157px; width:24px; height:43px; display:block; z-index:101; }
#slides .prev { left:-39px; }
#slides .next { left:585px; }
.pagination { margin:26px auto 0; width:100px; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0;	padding-top:12px; background-image:url(../pix/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }




#cookiehinweis a { color:#c07;text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 

   text-align:center; 
   color:#fff;
   background: #3b3b3b; 
   opacity:0.95;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiehinweisCloser {
   color: #fff;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: ##c07; /* Old browsers */
 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}