/* CSS Document */
body { color: #818181; font: 9px/14px Tahoma, sans-serif; background: #fff; margin: 0; padding: 0 }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* CONTAINER */

#container  { margin: 0 auto; position: relative; width: 885px }

/* LEFT */

#leftPan{width:107px;float:left }

/* RIGHT */

#rightPan { float: left; width: 668px }

/* HEADER */

#header { background: url(../images/topline.jpg) no-repeat; position: relative; width: 775px; height: 77px }

#header ul     { position: relative; top: 33px; left: 65px; width: 650px; height: 19px }
#header ul li{float:left; margin-right:8px}

#header ul li.home a  { background: url(../images/btn_home.gif) no-repeat; text-indent: -20000px; display: block; width: 73px; height: 19px }
#header ul li.home a:hover  { background: url(../images/btn_home_over.gif) no-repeat; width: 73px; height: 19px }

#header ul li.about a   { background: url(../images/btn_about.gif) no-repeat; text-indent: -20000px; display: block; width: 73px; height: 19px }
#header ul li.about a:hover   { background: url(../images/btn_about_over.gif) no-repeat; width: 73px; height: 19px }

#header ul li.gallery a  { background: url(../images/btn_gallery.gif) no-repeat; text-indent: -20000px; display: block; width: 90px; height: 19px }
#header ul li.gallery a:hover  { background: url(../images/btn_gallery_over.gif) no-repeat; width: 90px; height: 19px }

#header ul li.birds a  { background: url(../images/btn_birds.gif) no-repeat; text-indent: -20000px; display: block; width: 70px; height: 19px }
#header ul li.birds a:hover  { background: url(../images/btn_birds_over.gif) no-repeat; width: 70px; height: 19px }

#header ul li.contacts a   { background: url(../images/btn_contacts.gif) no-repeat; text-indent: -20000px; display: block; width: 80px; height: 19px }
#header ul li.contacts a:hover   { background: url(../images/btn_contacts_over.gif) no-repeat; width: 80px; height: 19px }

#header ul li.flash a   { background: url(../images/btn_flash.gif) no-repeat; text-indent: -20000px; display: block; width: 80px; height: 19px }
#header ul li.flash a:hover   { background: url(../images/btn_flash_over.gif) no-repeat; width: 80px; height: 19px }

#header ul li.bullet{width:19px; height:19px; display:block; background:url(../images/bullet_m.jpg) 0 0 no-repeat;}

/* MAINIMG */

#main { background: url(../images/mainimg_flash.jpg) no-repeat; clear: both; margin-left: 4px; position: relative; width: 775px; height: 285px }
#main img{position:absolute; top:65px; left:67px;}

/* CONTENT */

#content  { clear: both; margin-left: 4px; position: relative; width: 775px }

#content a  { color: #d34e09; font: bold 10px/14px Tahoma, sans-serif; text-decoration: none }
#content a:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

#content a.a1{font:10px/14px Tahoma, sans-serif; color:#e34d09; font-weight:bold; text-decoration:none }
#content a.a1:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

#content a.a2{font:10px/14px Tahoma, sans-serif; color:#e34d09; font-weight:normal; text-decoration:underline}
#content a.a2:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

#content p span.headline   { color: #d34e09; font: bold 12px/12px "Trebuchet MS", sans-serif; width: 250px }
#content p headline  { color: #e34d09; font-size: 14px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; padding-bottom: 5px; padding-left: 36px; width: 300px }
#left{width:210px; margin: 17px 12px 10px 1px; float:left; display:inline;}

#news { margin-bottom: 10px; position: relative; width: 210px }
#news h2 { background: #f4f4f4 url(../images/h_news.gif) no-repeat 15px; margin-bottom: 10px; width: 210px; height: 37px }
#news p { padding-left: 16px; width: 190px }
#news p.bullet  { color: #e34d09; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; background: url(../images/bullet.gif) no-repeat 16px; padding-bottom: 5px; padding-left: 36px; width: 154px }

.line{height:1px; background:#e9efef; margin:20px}

#partners { position: relative; bottom: 10px; width: 210px }
#partners h2{width:210px; height:37px; background:#f4f4f4 url(../images/h_partners.gif) 15px 11px no-repeat; margin-bottom:10px}
#partners p{width:184px; padding-left:16px; }

#right{width:396px; margin: 17px 0 10px 0; float:left; display:inline;}

#welcome { margin-bottom: 20px; position: relative; width: 665px }
#welcome h2  { background: #e9e9e9 url(../images/h_book.gif) no-repeat 15px; clear: both; width: 665px; height: 37px }
#welcome #frame{background:#f4f4f4; clear:both;}
#welcome #frame img{float:left; margin: 0 11px 0 0; width:182px}
#welcome #frame #weltext{float:left; padding-top:20px; width:181px}
.line2 { background: #dfe5e5; margin: 10px 0; width: 240px; height: 1px }

#advice { position: relative; width: 250px }
#advice h2 { background: #f4f4f4 url(../images/h_advice.gif) no-repeat 15px; clear: both; margin-bottom: 15px; width: 444px; height: 37px }
#advice p.bullet2{width:230px; padding-left:38px; background:url(../images/bullet.gif) 18px 4px no-repeat; padding-bottom:10px }
#advice img { position: absolute }

/* FOOTER */

#footer   { background: url(../images/b_footer2.jpg) no-repeat; position: absolute; top: 757px; width: 775px; height: 60px }
#footer #copy{width:215px; float:left;}
#footer #copy p{padding: 25px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}

#footer #links{width:453px; float:left;}
#footer #links p{padding: 25px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#818181;}
#footer #links p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#818181; text-decoration:none; padding: 0 3px }
#footer #links p a:hover{color:#000; background:#dedede; border-bottom: #000 1px dotted; }