/*
########################### www.clocktower-touren-und-reisen.at ############################# 

<!-- |#############################################################################| -->
<!-- | powered by                                                                  | -->
<!-- |      _ _      _   _                                                    _    | -->
<!-- |   __| (_) ___| | | | ___  _ __ ___   ___ _ __   __ _  __ _  ___   __ _| |_  | -->
<!-- |  / _` | |/ _ \ |_| |/ _ \| '_ ` _ \ / _ \ '_ \ / _` |/ _` |/ _ \ / _` | __| | -->
<!-- | | (_| | |  __/  _  | (_) | | | | | |  __/ |_) | (_| | (_| |  __/| (_| | |_  | -->
<!-- |  \__,_|_|\___|_| |_|\___/|_| |_| |_|\___| .__/ \__,_|\__, |\___(_)__,_|\__| | -->
<!-- |                                         |_|          |___/                  | -->
<!-- | mailto:office@diehomepage.at                        web: www.diehomepage.at | -->
<!-- |#############################################################################| --> 

by Willi Erhart   

Wichtige Farben:

*/



/* ###################### Allgemeine Formatierungen ###################### */
html, body { 
    margin: 0px; 
    padding: 0px;  
    height: 100%; 
    background-color: #FCF2CB; 
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, textarea, select, td, div {
    font-family: arial, helvetica, verdana, sans-serif, geneva; 
    font-size: 12px; 
    text-align: left;
    color: #585656;
    /*    Scrollbarformatierung falls benötigt
          scrollbar-base-color:            #ffffff;
          scrollbar-3dlight-color:        #ffffff;
          scrollbar-arrow-color:        #ffffff; 
          scrollbar-darkshadow-color:    #ffffff;
          scrollbar-face-color:            #ffffff;
          scrollbar-highlight-color:    #ffffff;
          scrollbar-shadow-color:        #ffffff; 
          scrollbar-track-color:        #ffffff; 
    */
}

form {
    padding: 0px;
    margin: 0px;
    border: 0px;    
}

div.clear {
    width: 100%;
    clear: left;
    line-height: 0px;
    height: 0px;
    font-size: 1px;
}

img {
    border: 0;
}

/* ###################### Layoutformatierungen ###################### */

/* Zentrieren der Bühne */

table, td {
    padding: 0px;
    margin: 0px;
    border: 0px;    
}

#table-zent {
    width: 100%;
    height: 100%;
    border: 0px;
}

#td-zent {
    vertical-align: middle;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

#container-center {
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    width: 960px;
}  

/* Navigation */

#navi {
    position: absolute;
    top: 167px;
    left: 0px;
    width: 950px;
    background-color: #0074B9;
    height: 21px;
    padding-left:10px;
    border-top: 1px solid #fff; 
}

#navi ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
   
}

#navi li {
    margin: 0px 1px 0px 1px;
    border-bottom: 1px solid #fff;
    padding: 0px;
    list-style: none; 
    background-color: #F78A0B;    

}

#navi a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 0px 3px 0px;
    width: 140px;
}

#navi .aktiv,
#navi a:hover {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background-color: #FFDB0A; /* gelb */
    padding: 3px 0px 3px 0px;
    width: 140px; 
      
}

#navi .pfeil {
    margin: 0px 9px 1px 13px;
}

/* Suckerfish Dropdown */

#navi li {
    float: left;
    padding: 0;
}

#navi li ul {
    position: absolute;
    left: -999em;
    height: auto;
    font-weight: normal;
    margin: 0;
    width: 140px;
    
}

#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
    left: -999em;
}

#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
    left: 150px;
    top: 4px;
    /* background-image: url(../images/navi-bb.gif); */
    background-color: transparent; 
    background-repeat: no-repeat;
    padding-top: 15px;
    height: 129px;
    z-index: 500;
   
}

#navi li:hover, #navi li.sfhover {
background-color: #F78A0B;
}

/* Navi-Mark */

#home #home-link,
#busreisen #reisen-link,
#busreisen #busreisen-link,
#flugreisen #reisen-link,
#flugreisen #flugreisen-link,
#kreuzfahrten #reisen-link,
#kreuzfahrten #kreuzfahrten-link,
#bahnreisen #reisen-link,
#bahnreisen #bahnreisen-link,
#selbstfahrer #reisen-link,
#selbstfahrer #selbstfahrer-link,
#aktuelles #aktuelles-link,
#fuhrpark #fuhrpark-link,
#unternehmen #unternehmen-link,
#kontakt #kontakt-link {
    background-color: #FFDB0A;
}

/* Navi soll wenn man im Reisen-Bereich ist ausgefahren bleiben 

#busreisen #navi li ul,
#flugreisen #navi li ul,
#kreuzfahrten #navi li ul,
#bahnreisen #navi li ul,
#selbstfahrer #navi li ul
{
    left: 150px ! important;
    top: 4px;
    background-color: transparent;
    background-repeat: no-repeat;
    padding-top: 14px;
    height: 129px;
}        
 */

/* Design */

.flagge1 {
 border: 1px solid #6F7172;
 width:  390px;
 height: 130px;
 padding: 6px; 
}




#gutscheinlogo{
 
 top: 232px;
 width: 100px;
 height: 120px;
}


#header {
    background-color: #FFFF33;
    background-image:  url(../images/e__01.jpg);
    background-repeat: no-repeat;
    width: 960px;
    height: 200px;    
}

#adresse {
    display: none;
    position: absolute;
    top: 30px;
    right: 116px;
    line-height: 14px;
    font-weight: bold;
    font-size: 14px;
}    


#content {   
    background-color: #FFFF33;
    padding: 20px 15px 15px 15px;
    margin-left: 1px;
   /* border: 1px solid blue; */
    
        
}  

#starttext {
    margin-top: 10px;
    margin-left: 40px;    
}

#abox {
  /*  background-image: url(../images/Clocktower Touren und Reisen_07.gif);
    background-repeat: no-repeat;  */
    position: relative;
    left: 10px;
    top: 42px;
    z-index: 700;
    width: 250px;
    clear: both;    
    height:    110px;
    margin-top: 23px;
    margin-left: 10px;
    border: 1px solid #F98909;
   
}

.ds1 {
    margin-top: 2px;
    margin-left: 12px; 
      
}

.ds1 strong {
    font-size: 14px;
      
}

.ds1 .pic {
    margin-right: 10px;
}

#tbox {
    position: absolute;
    top: 220px;
    right: 10px;
    padding: 0px 0px 0px 5px;
    background-image: url(../images/e__04.jpg);
    background-repeat: no-repeat;
    width: 646px;
    height: 311px;  
       
}

.ds2a,
.ds2b,
.ds2c,
.ds2d,
.ds2e,
.ds2f {
    width: 178px;
    height: 138px;
    float: left;
    margin-left: 32px;
    margin-top: 34px;
    
}

.ds2a strong {
    font-size: 12px;
    color: #23106F;    
}

.ds2b strong {
    font-size: 12px;
    color: #23106F;    
}

.ds2c strong {
    font-size: 12px;
    color: #23106F;    
}

.ds2d strong {
    font-size: 12px;
    color: #23106F;    
}

.ds2e strong {
    font-size: 12px;
    color: #23106F;    
}

.ds2f strong {
    font-size: 12px;
    color: #23106F;    
}

.ds2a .pic,
.ds2b .pic{
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 4px;
}



.ds2c .pic{
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 4px;
}

.ds2d .pic {
    margin-left: 1px;
    margin-right: 8px;
    margin-top: 5px;  
}

.ds2e .pic{
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 5px;  
}

.ds2f .pic{
    margin-left: 13px;
    margin-right: 8px;
}

.tel {
    font-weight: bold;    
    color: #fff;
    margin-top: 7px;
    margin-left: 32px;
}
/*
#footer {
    background-image: url(../images/e__06.jpg);
    background-repeat: no-repeat;
    margin-left: 1px;
    width: 960px;
    height: 83px;
}
*/
#footer {
 background-image:  url(../images/e__06.jpg);
    background-repeat: no-repeat;
    margin-left: 1px;
    width: 960px;
    height: 84px;
    
    
    background-color: #F48529;
    
}
  

           
#coab {
    padding: 15px 40px 5px 37px;    
}

#coab8 {
    padding: 15px 13px 5px 16px;    
}
  
.ds {
    float: left;
    border: 1px solid #6F7172;
    height: 127px;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 387px;    
}

.ds3 {
    float: left;
    border: 1px dashed #6F7172;
    height: 207px;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 805px;    
}

/* Überschriften */

h1 {
    font-size: 28px;
    color: #23106F;    
    margin: 0px 0px 0px 20px;
    padding: 0px;
    line-height: 20px;
}

h2 {
    font-size: 20px;
    color: #23106F;    
    margin: 0px 0px 0px 20px;
    padding: 0px;    
}

h3 {
    font-size: 18px;
    color: #F28E04;    
    margin: 0px 0px 0px 10px;
    padding: 0px;    
    padding: 6px 0px 0px 0px;
}

/* Links */

.ds1 a{
    color: #F28E04;
    text-decoration: none;
    font-weight: bold;    
}

.ds1 a:hover {
    color: #000;
    text-decoration: none;
    font-weight: bold;        
}

.ds2a a,
.ds2b a,
.ds2c a,
.ds2d a,
.ds2e a,
.ds2f a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;    
}

.ds2a a:hover,
.ds2b a:hover,
.ds2c a:hover,
.ds2d a:hover,
.ds2e a:hover,
.ds2f a:hover {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.ds2a .ulink {
    position: relative;
    top: 27px;
    left: 65px;
}

.ds2b .ulink {
    position: relative;
    top: 27px;
    left: 65px;
}

.ds2c .ulink {
    position: relative;
    top: 27px;
    left: 80px;
    width: 105px;
}

.ds2d .ulink {
    position: relative;
    top: 0px;
    left: 65px;
}

.ds2e .ulink {
    position: relative;
    top: 0px;
    left: 80px;
}

.ds2f .ulink {
    position: relative;
    top: 0px;
}

.ds2a .blink {
    position: absolute;
    top: 20px;
    left: 20px;
}

.ds2b .blink {
    position: absolute;
    top: 20px;
    left: 230px;
}

.ds2c .blink {
    position: absolute;
    top: 20px;
    left: 445px;
}

.ds2d .blink {
    position: absolute;
    top: 170px;
    left: 30px;
}

.ds2e .blink {
    position: absolute;
    top: 170px;
    left: 230px;
}

.ulink a{
    color: #fff;
    font-weight: bold;
    font-size: 14px;    
    text-decoration: underline;    
}

.ulink {
    color: #fff;
    font-weight: bold;
    font-size: 14px;    
    text-decoration: none;    
}

.ulink a:hover{
    color: #fff;
    font-weight: bold;
    font-size: 14px;    
    text-decoration: none;    
}

a {
    color: #585656;
    text-decoration: underline;    
}

a:hover {
    color: #585656;
    text-decoration: underline;    
}

a.wdetail  {
    color: #F28E04; 
    font-weight: bold;    
    text-decoration: underline;    
}

a:hover.wdetail  {
    color: #F28E04; 
    font-weight: bold;    
    text-decoration: none ! important;    
}

a.wdetail2  {
    color: #220F67; 
    font-weight: bold;    
    text-decoration: underline;    
}

a:hover.wdetail2  {
    color: #220F67; 
    font-weight: bold;    
    text-decoration: none ! important;    
}

a.wdetail3  {    
    text-decoration: underline;    
}

a:hover.wdetail3  {
    text-decoration: none ! important;    
}

/* Sonstiges */

#print-head {
    display: none;    
}

#copyright {
    text-align: center;
}

#copyright a{
    color: #F78A0B;
    text-decoration: underline;
}

#copyright a:hover{
    color: #F78A0B;
    text-decoration: none;
}    

.datum {
    font-size: 10px;
    margin-bottom: 10px;    
}

/* lightbox 2.02 */

#lightbox{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    }

#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 60%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 96px; float: right;  padding-bottom: 0.7em;    }    
#imageData #bottomNavClose img {
    width: 96px ! important;
    height: 22px ! important;    
}    

    
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    }
    

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }