/* CSS Document */

/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in Älteren Opera Versionen */
html { font-size:100.01%; }

/* Allgemeine Formatierungen */
body { font-size:75%; font-family:Arial, Helvetica, sans-serif; color:#333333; }
body, form, p, table, td, tr, th { margin:0; padding:0; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border:none; }

/* Überschriften deklarieren */
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
h1 { font-size:1.45em; font-weight:normal; }
h2 { font-size:1.4em; }
h3 { font-size:1.25em;  }
h4 { font-size:1.1em; }
h5 { font-size:0.9em; }
h6 { font-size:0.8em; }


/* Weitere HTML-Tags */
a { color:#336699; text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:none; }
a:focus { outline:none; }


/* Hintergrundbild */
img.source-image { position:absolute; top:0; left:0; }

/* Grundgerüst */
#page { position:relative; }
#header .content { position:relative; width:980px; height:320px; margin:0 auto; background:url(../../gfx/css/bg_head.png) no-repeat bottom; }
* html #header .content { background:url(../../gfx/css/bg_head.GIF) no-repeat bottom; }
#slide-container { position:absolute; left:46px; top:73px; width:644px; height:240px; overflow:hidden; margin:0; padding:0; }
ul#slideshow { margin:0; padding:0; list-style:none; }
#wrapper { width:900px; overflow:hidden; margin:0 auto; }
#col_1 { float:left; width:200px; padding:18px 20px 10px 0; }
#col_2 { margin:30px 210px 10px 230px; overflow:auto; width:460px; }
#col_2_3 { margin:30px 0 10px 230px; }
* html #col_2_3 { margin:30px 0 10px 224px; }
* + html #col_2_3 { margin:18px 0 10px 230px; }

#col_3 { float:right; width:180px; padding:18px 0 10px 20px; }
#col_1, #col_2, #col_3, #col_2_3 { padding-bottom:32767px; margin-bottom:-32767px; }
#logo { position:absolute; left:93px; top:17px; z-index:2000; }


/* Navigation */
/* Mnav: Level 1 */
ul#mnav { margin:0; padding:4px 0; background:url(../../gfx/css/bg_ibox_c1_grad.gif) no-repeat center bottom; list-style:none; }
* html ul#mnav { display:inline-block; }
* + html ul#mnav { display:inline-block; }

#mnav li { padding:5px 6px 5px 0; }
#mnav li a { padding:0 0 0 23px; text-decoration:none; color:#333; background:url(../../gfx/css/mnav_icon.gif) no-repeat 11px; }
#mnav li a:hover { text-decoration:underline; color:#336699; }
#mnav li a.aktiv { color:#333; font-weight:bold; }
#mnav li a:hover.aktiv { color:#336699; text-decoration:underline; }
#mnav li .level0 { padding:0 0 0 23px; font-weight:bold; background:url(../../gfx/css/mnav_icon.gif) no-repeat 11px; }

/* Mnav: Level 2 */
#mnav li ul { padding:8px 0 0 23px; margin:0; list-style:none; font-size:0.9em; } 
#mnav li ul li { padding:2px 0; display:block; } 
#mnav li ul li a { display:block; padding:0 0 0 11px; background:none; }
#mnav li ul li a:hover { text-decoration:underline; color:#336699; background:url(../../gfx/css/mnav_icon_l2.gif) no-repeat left 5px; }
#mnav li ul li a.aktiv { text-decoration:underline; color:#333; font-weight:normal; background:url(../../gfx/css/mnav_icon_l2.gif) no-repeat left 5px; }
#mnav ul li li a:hover.aktiv { color:#336699; }

/* Subnav */
ul#snav { position:absolute; right:45px; top:30px; padding:0; list-style:none; }
* + html ul#subtnav { top:42px; }
* html ul#subnav { top:42px; }
#snav li { display:inline; padding-left:15px; background:url(../../gfx/css/subnav_dot.gif) no-repeat 5px 8px; }
#snav li.first { background:none; }
#snav li a { font-size:0.9em; color:#336699; text-decoration:none; }
#snav li a:hover { text-decoration:underline; }
#snav li a.aktiv { text-decoration:underline; }
#snav li a:hover.aktiv { text-decoration:none; }


/* Seiteninhalte */
.seiteninhalt { line-height:1.5em; }
.seiteninhalt h1.abs { margin-bottom:20px; }
.seiteninhalt h2.abs { margin-bottom:12px; }
.seiteninhalt h3.abs { margin-bottom:10px; }
.seiteninhalt h4.abs { margin-bottom:6px; }
.seiteninhalt strong.abs { margin-bottom:6px; }
.seiteninhalt p { margin-bottom:12px; }
.seiteninhalt img.right { float:right; padding:0 0 20px 20px; }
.seiteninhalt img.left { float:left; padding:0 20px 20px 0; }
.seiteninhalt ul { margin: 10px 0px 10px 10px; padding:0; list-style:none; }

/* Infoboxen */
/* Spalte 1 */
.ibox .text { padding:6px; }
.ibox p.button { text-align:right; margin-right:5px; }

* html #col_1 .ibox { display:inline-block; }
#col_1 .ibox .head { height:42px; background:url(../../gfx/css/bg_ibox_c1_head.gif) no-repeat; }
#col_1 .ibox h3 { padding:13px 10px 0 40px; font-size:1.25em; font-weight:normal; color:#fff; }
#col_1 .ibox .content { background:url(../../gfx/css/bg_ibox_c1_content.gif) repeat-y }
#col_1 .ibox .grad { padding:0 6px; background:url(../../gfx/css/bg_ibox_c1_grad.gif) no-repeat center bottom; }
#col_1 .ibox .foot { height:14px; background:url(../../gfx/css/bg_ibox_c1_foot.gif) no-repeat; }

/* Spalte 2 */
* html #col_2 .ibox, * html #col_2_3 .ibox { display:inline-block; }
#col_2 .ibox.right, #col_2_3 .ibox.right { float:right; width:180px; padding:0 0 10px 20px; }
#col_2 .ibox.left, #col_2_3 .ibox.left { float:left; width:180px; padding:0 20px 10px 0; }
#col_2 .ibox .head, #col_2_3 .ibox .head { height:5px; background:url(../../gfx/css/bg_ibox_c2_head.gif) no-repeat; font-size:0; line-height:0px; }
#col_2 .ibox h3, #col_2_3 .ibox h3 { padding:13px 10px 0 40px; font-size:1.25em; font-weight:normal; color:#fff; }
#col_2 .ibox .head_show, #col_2_3 .ibox .head_show { height:42px; background:url(../../gfx/css/bg_ibox_c3_head.gif) no-repeat; }
#col_2 .ibox .content, #col_2_3 .ibox .content { padding:0 6px; background:url(../../gfx/css/bg_ibox_c2_content.gif) repeat-y; }
#col_2 .ibox .grad, #col_2_3 .ibox .grad { padding:1px 0; background:url(../../gfx/css/bg_ibox_c3_grad.gif) no-repeat center bottom ; }
#col_2 .ibox .foot, #col_2_3 .ibox .foot { height:5px; background:url(../../gfx/css/bg_ibox_c2_foot.gif) no-repeat; font-size:0; line-height:0px; }

/* Spalte 3 */
* html #col_3 .ibox { display:inline-block; }
* + html #col_3 .ibox { display:inline-block; }
#col_3 .ibox .head { height:42px; background:url(../../gfx/css/bg_ibox_c3_head.gif) no-repeat; }
#col_3 .ibox h3 { padding:13px 10px 0 40px; font-size:1.25em; font-weight:normal; color:#fff; }
#col_3 .ibox .content { background:url(../../gfx/css/bg_ibox_c3_content.gif) repeat-y }
#col_3 .ibox .grad { padding:0 6px; background:url(../../gfx/css/bg_ibox_c3_grad.gif) no-repeat center bottom; }
#col_3 .ibox .foot { height:14px; background:url(../../gfx/css/bg_ibox_c3_foot.gif) no-repeat; }


/* yacht_view */
.yacht_view .width_670 { width:670px; }
.yacht_view .width_460 { width:460px; }
.yacht_view.width_670 .head { height:42px; background:url(../../gfx/css/bg_table_yacht_head.png) no-repeat; }
.yacht_view.width_460 .head { background:url(../../gfx/css/bg_table_yacht_head_460.png) no-repeat; }
.yacht_view .head h3 { padding:13px 10px 6px 40px; font-size:1.25em; font-weight:normal; color:#fff; }
* html .yacht_view .head { height:42px; }
.yacht_view.width_670 .content { padding:6px; background:url(../../gfx/css/bg_table_yacht_content.png) repeat-y; }
.yacht_view.width_460 .content { padding:6px; background:url(../../gfx/css/bg_table_yacht_content_460.png) repeat-y; }
* html .yacht_view.width_670 .content { display:inline-block; }
* html .yacht_view.width_460  .content { display:inline-block; }
.yacht_view.width_670 .foot { background:url(../../gfx/css/bg_table_yacht_foot.png) no-repeat left bottom; }
.yacht_view.width_460 .foot { background:url(../../gfx/css/bg_table_yacht_foot_460.png) no-repeat left bottom; }
* html .yacht_view.width_670 .foot { display:inline-block; background:url(../../gfx/css/bg_table_yacht_foot.gif) no-repeat left bottom; }
* html .yacht_view.width_460 .foot { display:inline-block; background:url(../../gfx/css/bg_table_yacht_foot_460.gif) no-repeat left bottom; }
.yacht_view table { font-size:0.9em; }
.yacht_view th { padding:0 4px; text-align:left; font-weight:normal; }
.yacht_view td { text-align:right; padding:3px 6px; border-right: 1px solid #c2c2c2; }
.yacht_view .date { font-size:0.9em; padding:0px 6px 6px 6px; border-right: 1px solid #c2c2c2; text-align:right; line-height:1.1em; }
.yacht_view .th_top { font-weight:bold; border-right: 1px solid #c2c2c2; text-align:right; line-height:1.1em; }
.yacht_view a { text-decoration:none; }
.yacht_view a:hover { color:#333; text-decoration:underline; }
.yacht_view .buchen a { color:#333; text-decoration:underline; }
.yacht_view .buchen a:hover { color:#333; text-decoration:none; }
.yacht_view .row_0 { background:#ebead8; }
.yacht_view .row_1 { background:#fff; }

/* weitere Klassen */
.round_edges { position:absolute; left:46px; top:73px; width:644px; height:240px; z-index:1000; background:url(../../gfx/css/round_edge.png) no-repeat; }
.img_tranz_de { position:absolute; left:51px; top:248px; width:639px; height:60px; z-index:1500; background:url(../../gfx/css/head_tranz_de.png) no-repeat; }
.img_tranz_en { position:absolute; left:51px; top:248px; width:639px; height:60px; z-index:1500; background:url(../../gfx/css/head_tranz_en.png) no-repeat; }
.img_tranz_es { position:absolute; left:51px; top:248px; width:639px; height:60px; z-index:1500; background:url(../../gfx/css/head_tranz_es.png) no-repeat; }
.change_lang { position:absolute; right:5px; top:283px; width:239px; }
.change_lang img.next { margin-left:50px; }
.form_yachtfinder { position:absolute; right:46px; top:80px; width:215px; }
.form_yachtfinder h3 { font-size:1.25em; font-weight:normal; }
.adr_left { float:left; width:42%; padding:0 2%; }
.adr_right { float:right; width:42%; padding:0 2%; }
.adr_left p, .adr_right p { margin-bottom:10px; }
ul.liste { margin:0; padding:0; list-style:inside; list-style-type:circle; }
.liste li ul { margin:0 0 0 10px; padding:0 0 5px 5px; list-style:none; }

/* Formulare */
.formular { padding-top:12px; }
.formular label { float:left; display:block; font-weight:bold; width:77px; padding:4px 0px 3px 0; }
* html .formular label { width:72px; }
.formular.content label { float:left; display:block; font-weight:bold; width:100px; padding:4px 0px 3px 0; }
.formular p { padding:0 0 6px 0; margin:0; }
.formular.content p { padding:0 0 12px 0; margin:0; }
* html .formular.content p { padding:0 0 6px 0; margin:0; }
.formular .form_style { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px 2px 3px 2px; border-top:solid 1px #fff; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #fff; background-color:#fff; }
.formular.content .form_style { border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; }
.formular .form_style_err { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px 2px 3px 2px; border:solid 1px #9e1616; background-color:#fff; }
.formular select { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px 2px 2px 1px; border-top:solid 1px #fff; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #fff; background-color:#fff; }
.formular .form_style_clickbox_err { width:13px; padding:0; margin:0; border:1px solid #9e1616; }
.formular p.button { text-align:right; margin-right:9px; }
.ibox .formular p.button { text-align:right; margin-right:0px; }
.formular .yachtfinder_box label { float:left; display:block; font-weight:bold; width:70px; padding:4px 0px 3px 0; }
.formular .yachtfinder_box .form_style { font-size:11px; }
.formular .yachtfinder_box select { font-size:11px; }

/* Trenner */
.trenner_seiteninhalt { clear:both; height:78px; background:url(../../gfx/css/col_2_trenner.gif) no-repeat center 33px; }
.trenner_ibox { height:20px; }

/* Meldungen*/
.msg_error { width:425px; margin:0 auto; padding:10px; color:#9e1616; border:1px solid #9e1616; }
.msg_failure { width:440px; padding:10px; color:#9e1616; border:1px solid #9e1616; }
.msg_success { width:440px; padding:10px; color:#333333; border:1px solid #A6A7AB; }

/* sonstige Klassen */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.k1 { font-size:0.9em; }
.g1 { font-size:1.0em; }
.g2 { font-size:1.3em; }
.c_red { color:#FF0000; }
.fw_bold { font-weight:bold; }
.ta_right { text-align:right; }
.fs_normal { font-style:normal }
.text_link { padding: 0 0 0 15px; background:url(../../gfx/css/mnav_icon_l2.gif) no-repeat 6px 5px; }
.text_link_right { padding: 0 10px 0 0; margin:0 5px 0 0;  background:url(../../gfx/css/mnav_icon_l2.gif) no-repeat right 5px; }
.text_link_back { padding: 0 0 0 15px; background:url(../../gfx/css/mnav_icon_back.gif) no-repeat 6px 6px; }
.address th { text-align:left; vertical-align:top; }
.no_display { display:none; }