/*
Images - CSS

all Image stuff is done here ------->

apr 01/09
Tastenkunst.com
author: christian walther
*/


#logo {background: url(images/logo.png);width:236px;height: 74px; float:right; margin-top: -5px;*margin-top: 22px;_margin-right: -80px;}

#tasten {background: url(images/tasten.jpg);width:488px;height:158px;margin-top: -5px;margin-top: -1px;margin-left: 280px;_margin-left: 370px;}

#filzstift {background: url(images/filzstift.png) no-repeat;width:417px;height:291px;margin-top: -134px;margin-left: 280px;_margin-left: 370px;behavior: url(stylesheets/iepngfix.htc);_position: relative;}

#blog {background: url(images/blog_trans-flat.png) no-repeat;width:477px;height:223px;margin-top: -34px;_margin-top: -45px;margin-left: 100px;_margin-left: 200px;behavior: url(/stylesheets/iepngfix.htc);_position: relative;margin-bottom: -101px;}


#willkommen_bg_oben {background: url(images/willkommen_bg_oben.gif) no-repeat;height:540px; width: 989px;_width: 992px;  margin-top: -80px;margin-left: -90px;_margin-left: 0px;_margin-right: 5px;padding-left: 100px;_padding-left: 90px;padding-top: 100px;}

#willkommen_bg_unten {background: url(images/willkommen_bg_unten.gif) no-repeat;height:98px; width: 734px;  margin-top: -100px;margin-left: -27px;_margin-left: 63px;margin-bottom: -20px; padding-left: 45px;padding-top: 0px;}

#small_logo {letter-spacing: 1px; background: url(images/small_logo.jpg) no-repeat;width:910px;height:82px;margin-top: 8px;*margin-top: 15px;_margin-top: 6px;margin-left: -14px;_margin-left: 75px;padding-left: 90px; padding-top: 29px; }

#small_logo_air {letter-spacing: 1px; background: url(images/small_logo.jpg) no-repeat;width:910px;height:82px;margin-top:76px;*margin-top: 15px;_margin-top: 6px;margin-left: -14px;_margin-left: 75px;padding-left: 90px; padding-top: 29px; }

.air-1{margin-top: -9px;}
.air-2{margin-left: 30px;}

/* die Flsh Flex Grafik mit Hover Effekt */
#flash_flex {list-style: none;/* background: url(images/flashflex.png) no-repeat; */width:181px;height:200px;margin-top: -270px;*margin-top: -185px;margin-left: 700px;_margin-left: 800px;position: relative;}
/*
#flashflex .hilfe {width: 181px; height: 200px; background: url(images/flashflex.png) no-repeat; left: 0px; top: 0px;}
#flashflex span { display: none; position: absolute;}
#flashflex a { display: block; text-indent: -900%; position: absolute; outline: none;}
#flashflex a:hover {background-position: left bottom;}
#flashflex a:hover span {display: block;}
*/



.link_wegweiser { letter-spacing: 3px; font-style: normal; font-weight: normal; background: url(images/link_wegweiser.png) no-repeat;width:400px;height:21px;margin-top: 0px;margin-left: 0px; margin-bottom: 5px; padding-left: 34px;font-size: 1em;padding-top: 2px;}

.link_normal {background: url(images/link_normal.png) no-repeat;width:200px;height:20px;float: left;padding-left: 34px;font-size: 16px;}

.link_normal_noBG {background: transparent;width:200px;height:20px;float: left;margin-right: -70px;font-size: 16px;}

.adresse_klein {font-size: .7em; margin-bottom: 1.175em; line-height: 1.175em;}

#sprache { letter-spacing: 0px; background:transparent; width: 124px;  height: 20px;margin-top: -16px;_margin-top: -16px; margin-left: auto;overflow: hidden;_position: relative;_margin-right: -82px;  }

.sprache_aktiv {padding-left: 12px; background: url(images/sprache_aktiv.gif) no-repeat;  height: 10px;margin-left: 5px;margin-right: 5px;}

.sprache_inaktiv {padding-left: 12px; background: url(images/sprache_inaktiv.gif) no-repeat;  height: 10px;margin-left: 10px;margin-right: 0px;}

#sprache a {font-style: normal; font-weight: normal; font-size: 11px; color: #ececec;}

#sprache a:hover {font-style: normal; font-weight: normal; text-decoration: none; font-size: 11px; color: #FFC740; background: transparent;}