/*
 Hamburger Segel Akademie Default 1.0 

/* Basics GUI
------------------------------ */
/*  
 *  File: basis.css
 *  Abstract: CSS properties for Hamburger Segel Akademie.de
 *  Version: 1.0
 *  © Team Tejat Hamburg 2008 / 8grad: INTERNET http://www.tejat.de	
  
    recent changes / TODO:
    ______________________
    
    */

::selection {
    color: inherit;
    background: transparent;
}


a:link       {color: #3366cc; text-decoration: underline; }
a:visited    {color: #3366cc; text-decoration: underline; }
a:hover      {color: #333333; text-decoration: underline; }



html{
    padding: 0;
    margin:0;
}
/*body properties*/
body{
    overflow: visible;
    border: 0px solid #999;
    background-color: #fff; 
    padding: 0px;
    margin:0px;
}


/* nest */
#parent{
    position:absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    border: 0px solid #000;
    }

/* inner content centered */
#site{
    position:relative;
    width: 950px;
    border: 0px solid #000;
    height: 200px;
}        

#inner_container{
    width: 1000px;
    text-align: left;
    background-color: #fff;
    background-image: url(../art/site_inner_gradient.png);
    background-repeat: repeat-x;
    border-right:1px solid #000;
    border-left:1px solid #000;
    }
#scale{
    margin:0px;
    padding:0px;
    position: relative;
    left:0px;
    width: 849px;
    height: 20px;
    /*background-image: url(../art/scale_top.gif);
    background-repeat: repeat-x;*/
}
#scale_right{
    margin:0px;
    padding-top:35px;
    padding-left:40px;
    width: 84px;
    height: 40px;
    background-image: url(../art/scale_top_right.png);
    background-repeat: no-repeat;
    top:0px;
    left:776px;
    position:absolute;
    font: 60% "Palatino", serif;
    color:#bababa   ;
    font-weight: 500;
    }
    

#hsa_top_right{
    position: relative;
    top:-8px;
    left:726px;
    background-image: url(../art/hsa_top_right.png);
    background-repeat: no-repeat;
    width: 200px;
    height:72px;
}

#hsa_top_claim{
    position: relative;
    top:0px;
    text-align: right;
    font: 13px "Palatino", serif;
    letter-spacing: 1px;
    font-style: oblique;
    margin-right:19px;
    color: #232850;
    }

#hsa_image_window{
    position: relative;
    top:10px;
    background-image: url(../art/top_theater.png);
    background-repeat: no-repeat;
    width: 984px;
    height:445px;
    padding: 12px 0px 0px 17px; /* TRBL */
}


/* the navigation */        
#navigation{
    position:relative;
    top:0px;
    right:0px;
    height:36px;
    margin-left:7px;
    margin-right:15px;
    overflow: hidden;
}

.sub_header_left{
    float:left;
    width: 23px;
    height: 35px;
    background-image:url('../art/sub_nav_left.png');
    background-repeat: no-repeat;
    }
        
.sub_header_right{
    float:left;
    width: 14px;
    height: 35px;
    background-image:url('../art/sub_nav_right.png');
    background-repeat: no-repeat;
    }

.sub_header_r a:link       {color: #FFF; text-decoration: none; }
.sub_header_r a:visited    {color: #FFF; text-decoration: none; }
.sub_header_r a:hover      {color: #e57017; text-decoration: none; }

.selected a{
    color: #e57017 !important;
}
.sub_header_r{
    float:left;
    height: 35px;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 13px;
    background-image:url(../art/sub_nav_r.png);
    background-repeat: repeat-x;
    height:28px;
    color:#FFF;
}


.sub_divider{
    float: left;
    height: 35px;
    width:7px;
    padding-top: 7px;
    padding-left: 0px;
    border:0px solid #000;
    background-repeat: no-repeat;
    height:28px;
    background-image:url(../art/sub_nav_divider.png);
    }

/* done: the navigation */

#left_content{
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 5px;
    width: 205px;
    height: 200px;
    float: left;
}

div#left_content img{
    width: 40px;
}
#right_content{
    font: 13px "Palatino", serif;
    position: relative;
    margin-top: 15px;
    margin-left: 5px;
    width: 700px;
    float: left;
}

div#right_content h1{
    padding:0px;
    margin:0px;
    font: 24px "Helvetica", serif;
    color: #222;
    }

div#right_content h2{
    padding:0px;
    margin-top:5px;
    font: 16px "Palatino", serif;
    font-style: oblique;
    color: #232850;
    }

.h3{
    font: 1.1em "Palatino", serif;
    color: #222;
    line-height: 1.5em;
    }

#lang{
    position: absolute;
    top: 50px;
    padding-top: 5px;
    padding-left: 15px;
    font: 13px "Palatino", serif;
    font-style: oblique;
    color: #232850;
}

#lang a{
    text-transform: uppercase;
    text-decoration: none;
    color: #232850;
    }
    
#lang img{
    filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
}    



/* Contact */
.tf{
    width: 300px;
    padding: 3px;
    border: 1px solid #232850;
} 

.ta{
    width: 300px;
    max-width: 300px;
    height: 200px;
    max-height: 200px;
    padding: 3px;
    border: 1px solid #232850;
}
.antispam{
    width: 134px;
    padding:3px;
    border: 1px solid #232850;
    background-color: #DDD;
    height: 30px;
    font: 21px "Helvetica", sans-serif;
    letter-spacing: 2px;
}


/* semaphore */
.semaphore{
    width:40px !important;
    height: 40px !important;
    padding-top: 5px;
}

.divide_words{
    font: 21px "Helvetica", sans-serif;
    color: #e57017;
    padding-left: 5px;
    padding-right: 5px;
}



/* footer */

#footer_legal{
    margin-top:50px;
    padding-bottom: 50px;
    font: 11px "Helvetica", sans-serif;
    color:#333;
    text-align: center;
    }

#footer_legal a         {color: #999; text-decoration: none;}
#footer_legal a:hover   {color: #999; text-decoration: none; border-bottom: 1px dotted #FFF;}



a img:hover{
    filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    border-color: #FFF;
    }
            
a img:active{
    border-color: #333;
    }
            
a img{
    cursor: pointer;
    }   

/* service */
ul li{
  padding-bottom: 5px;
  list-style-type: circle;
  color: #222;
  line-height: 1.5em;
  
}
.plaintext{
  font: 1.1em "Palatino", serif;
  color: #222;
  line-height: 1.5em;
}

.plaintext img{
  float: left;
  margin-right:10px;
}