/* style.css | marinatravel.ch | init NGI webundso gmbh 2006-11-04 */

html, body { height: 100%; }
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li { margin: 0; padding: 0; }
body { font: 11px/18px  verdana, arial, sans-serif; background: url(img/bg_left.gif) repeat-y top left #fff; color: #000; }
div#container { position: relative; min-height: 100%; }

a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline; color: #014C97; }
a:active { text-decoration: underline; color: #014C97; }

div#top { background: url(img/bg_top.gif) repeat-x top left; height: 120px; }
div#top img.logo { margin: 30px 0 0 240px; }
div.flash { float: left; margin: 10px 0 0 20px; width: 198px; height: 108px;}
/* ie <7 bugfix */
* html div.flash { float: left; margin: 10px 0 0 10px; width: 198px; height: 108px;} 
* html div#footer { position: absolute; bottom:0px; background: url(img/bottom.gif) no-repeat; text-align:left; margin-left: 18px; width: 198px; line-height: 13px; padding: 0 0 10px 20px; }

div#navi { float: left; margin: 0; padding: 0; }
div#content { width: 600px; margin-left: 220px; min-height: 400px; padding: 10px 0 0 20px; }
div#footer { position: absolute; bottom:0px; background: url(img/bottom.gif) no-repeat; text-align:left; margin-left: 20px; width: 200px; line-height: 13px; padding: 0 0 10px 20px; }

#navi ul.nav { list-style-type: none; margin-top: 10px; } 
#navi ul.nav li { margin: 1px 0 0 20px; width: 200px; }
#navi ul.nav a { padding: 5px 0 3px 20px; height: 20px; font-size: 12px; font-weight: bold; display: block; text-align: left; text-decoration: none; color: #fff; vertical-align: middle; background: #1e3c70; }
#navi ul.nav li.navactive a { padding: 5px 0 3px 20px; height: 20px; font-size: 12px; font-weight: bold; display: block; text-align: left; text-decoration: none; color: #fff; vertical-align: middle; background: #6abce4; }
#navi ul.nav a:hover { background: #6abce4; }
#navi ul.nav a:active { background: #6abce4; color: #fff; }

#navi li.navactive ul.subnav { list-style-type: none; } 
#navi li.navactive ul.subnav li { margin: 1px 0 0 0px; width: 200px; background: #8AACCD; }
#navi li.navactive ul.subnav a { margin-left: 18px; padding: 5px 0 3px 20px; height: 18px; font-size: 12px; font-weight: normal; display: block; text-align: left; text-decoration: none; color: #000; vertical-align: middle; background: #8AACCD url(img/nav_dot.gif) no-repeat left center; text-transform: none; }
#navi li.navactive ul.subnav a:hover { background: #8AACCD url(img/nav_dot.gif) no-repeat left center; color: #fff; }
#navi li.navactive ul.subnav a:active { background: #8AACCD url(img/nav_dot.gif) no-repeat left center; color: #fff; }

h3 { margin: 0px 0 20px 0; }
div.txt_1 { text-align: justify;  }
div.txt_2 { text-align: justify;  }
div.big_img img { border: 1px solid #1f3b74; float: right; margin: 0 0 20px 20px;  }
div.small_img { float: right; }
div.small_img img { border: 1px solid #1f3b74; margin: 0 0 10px 20px ;  }

fieldset { border: 1px solid #4C81B6; width: 450px; padding: 5px 15px 15px 15px;  }
legend { margin: 0 10px; padding: 0 10px; font-weight: bold; }
label { width: 120px; display: block; float: left; }
fieldset#adr input { width: 200px; border: 1px solid #8AACCD; margin-bottom: 5px; }
input.subm { border: 1px solid #8AACCD; margin-top: 10px; margin-left: 140px; }
fieldset#kont_via textarea { border: 1px solid #8AACCD; width: 200px; height: 40px; }
fieldset#kont_via select { width: 200px; }
div.le { float: left; width: 200px; }
div.le h4, div.ri h4 { margin: 0; font-size: 11px; color: #4C81B6; }