/* Schneeflocken

#home_body

{ background: #4797C9 url(/my_bilder/common/back-winter.jpg); }

*/



html {



				  min-height: 101%;



}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	scrollbar-face-color: #666666;

	scrollbar-shadow-color: #ffffff;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #666666;

	scrollbar-darkshadow-color: #666666;

	scrollbar-track-color: #eeeeee;

	scrollbar-arrow-color: #ffffff;

}



.headline {

	font-family:		Arial, Helvetica, sans-serif;

	font-size:			11px;

	font-weight:		bold;

}



td, th, button, input, .teaser

{ font-family:          Arial, Helvetica, sans-serif;

  font-size:            11px; }



th

{	text-align:			left; }



a, a:LINK, a:VISITED, a:FOCUS

{ font-family:		    Arial, Helvetica, sans-serif;

  font-size:			11px;

  color:				#000000;

  text-decoration:	    none; }



A:HOVER, A:ACTIVE

{	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none; }



div.menu, .menu, .menu-aktive, table.top-blau td, table.top-blau td.aktiv, table.top-blau td a, table.top-blau td a:visited, a.menu, a.menu:visited

{ color:                #FFFFFF;

  background-color:     #4797c9;

  text-decoration:      none;

  font-weight:          bold;

}



.submenu { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }



a.menu:hover, a.menu:active, table.top-blau td a:hover

{ color:                #FFE26F; }



.menu-aktive, table.top-blau td.aktiv

{ color:                #333333;

  background-color:     #FFCC00; }



a.menu-aktive, table.top-blau td.aktiv a, table.top-blau td.aktiv a:visited

{ color:                #333333;

  background-color:     #FFCC00; }



a.newsEvents, a.newsEvents:link, a.newsEvents:visited,  a.newsEvents:focus, a.newsEvents:active

{ text-decoration:      underline;

  color:                #4797C9; }



.blau-dunkel

{ background-color:     #0C4EAC;

  color:                white; }



.blau-hell

{ background-color:	    #83B9DA;

  color:			    white; }



.blau-leiste

{ background-color:     #b7d5ea }



.blau-leiste1 { color: #333; background-color: #e2eef7 }



.blau, div.bottom-blau, table.top-blau

{ color:                white;

  background-color:     #4797c9 }



.gelb

{ background-color:	    #FFCC00; }



.orange, div.teaser

{ background-color:     #FC8227; }



.orange-hell

{ 

/*background-color:	    #FFE26F;*/

background-color: #CCCCCC;

 }



.weiss

{ background-color:	    #FFFFFF; }



.grau, .gerade, div.grau, div.grau button.button, div.grau_uebernav, .gerade_aktuell, .reiheGerade

{ background-color:	    #E2E2E2; }



.grau-hell, table.ganzehoehe

{ background-color:	    #F0F0F0; }



.grau-mittel

{ background-color:	    #F8F8F8; }



.dunkelgrau

{ background-color: #B3B1B1;

  color: #FFFFFF; }



.dunkelblau

{ background-color: #25266D;

  color: #FFFFFF;	}



.hellgrau{

	background-color: #E4E2E2;

}



.blau-font

{  color: #25266D;	}



.blau-font a,

.blau-font a:LINK,

.blau-font a:VISITED,

.blau-font a:FOCUS

{ color: #25266D;

  text-decoration:	    underline; }



.blau-font A:HOVER,

.blau-font A:ACTIVE

{	color: #25266D;

  	text-decoration:	    underline; }



.dunkelrot

{ background-color: #ED2023;

 	color: #FFFFFF; }



 .rot-font

{ color: #ED2023; }



.rot-font a,

.rot-font a:LINK,

.rot-font a:VISITED,

.rot-font a:FOCUS

{ color: #ED2023;

  text-decoration:	    underline; }



.rot-font A:HOVER,

.rot-font A:ACTIVE

{	color: #ED2023;

  	text-decoration:	    underline; }



.bg-titel

{ background-color:	    #FFE26F;

  color:			    #E86307;

  font-family:		    SunSans-Regular, Arial, Helvetica, sans-serif;

  font-size:		    12px;

  font-weight:		    bold; }



.bg-pfeil {

	background-color: #FFE26F;

	color: #E86307;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight : bold;

	}



.titel

{ color: #3399CC;

  font-weight : bold; }



.milestext

{ color: #3399CC;

}



.titel-small { color: #3399cc }

.titelbig {

	color: #3399CC;

	font-weight : bold;

	font-size: 14px;

	}

.titelbig1 { color: #3399cc; font-size: 16px }

.kalender { color: #333; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ; white-space: nowrap}

.hometitel {

	color: #003366;

	font-weight : bold;

	font-size: 12px;

	}



.subtitel {

	color: #3399CC;

	}



.faq {

	color: #000000;

	font-weight : bold;

	background-color: #E2E2E2;

	}



div.teaser_box

{ border-bottom:        1px solid #FFFFFF;

  width:                135px; }



div.teaser_box div.content, div.teaser_box div.rechts

{ margin:               7px; }



div.teaser_box div.teaser

{ margin-bottom:        7px; }



div.teaser_box .topic

{ font-weight:          bold; }



div.teaser_box div.preis

{ margin:               11px 0px 0px 0px;

  text-align:           left; }



div.preis .alt

{ text-decoration:      line-through; }



div.rechts

{ text-align:           right; }



.teaser

{ color:                white;

  font-weight:          bold;

  vertical-align:       middle; }



div.teaser

{ background-image:     url(/my_bilder/common/teaser_eck.gif);

  background-repeat:    no-repeat;

  height:               16px;

  padding-top:          1px;

  padding-left:         20px; }



.f-element {

	color: black;

	font-size: 11px;

	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

	background-color: white;

	border: solid 1px #000

	scrollbar-face-color: #006634;

	scrollbar-shadow-color: #ffffff;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #006634;

	scrollbar-darkshadow-color: #006634;

	scrollbar-track-color: #eeeeee;

	scrollbar-arrow-color: #ffffff;

}



.f-element-pflicht {

	color: black;

	font-size: 11px;

	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

	background-color: FFFFCC;

	border: solid 1px #000

	scrollbar-face-color: #006634;

	scrollbar-shadow-color: #ffffff;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #006634;

	scrollbar-darkshadow-color: #006634;

	scrollbar-track-color: #eeeeee;

	scrollbar-arrow-color: #ffffff;

}



.f-element-error {

	color: black;

	font-size: 11px;

	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

	background-color: #cccccc;

	border: solid 1px #000

	scrollbar-face-color: #006634;

	scrollbar-shadow-color: #ffffff;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #006634;

	scrollbar-darkshadow-color: #006634;

	scrollbar-track-color: #eeeeee;

	scrollbar-arrow-color: #ffffff;

}



.error {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: red;

	font-weight : bold;

}



.belegt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: red;

	font-weight : bold;

}



.frei {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: green;

	font-weight : bold;

}



.preis-alt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: black;

	font-weight : none;

	text-decoration: line-through

}



.preis-neu

{	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: red;

	font-weight: none; }



.preis-teaser, div.preis .neu

{	color:			#CC0000;

	font-size:		17px;

    font-weight:    bold; }



.preis-angebot

{	color:			red;

	font-weight:	bold;

	font-size:		16px;

	font-family:	Arial, Helvetica, sans-serif; }



.preis

{	text-align:		right;

	vertical-align:	top; }

/*

INPUT

{	color : #000000;

	font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

	font-size : 11px;

	font-weight : normal;

	border-color : #000000;

	border-top-width : 1px;

	border-right-width : 1px;

	border-bottom-width : 1px;

	border-left-width : 1px; }

*/

TEXTAREA {

	font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

	font-size: 11px;

	font-weight : normal;

	border-color : 1px solid #000000;

}



SELECT

{	font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

	font-size: 11px;

	font-weight: normal; }



.yachttyp

{	font-size:		12px;

	font-weight:	bold; }



img

{	border:			none; }



.statusAktiv, .statusZukunft



{	background-color:	#c4e8ff;

	padding:			5px;

	padding-left:		10px;

	border:				1px solid black; }



.statusZukunft

{	color:				#cccccc;

	background-color:	transparent; }



.inaktiv

{	color:				#cccccc; }



button.button

{   border:             0px;

    background-color:   #F0F0F0;

    padding:            0px;

    margin:             0px;

    cursor:             pointer; }



table.belegung

{ margin:           0px;

  border-collapse:  collapse;

  width:            100%; }



table.belegung td

{ border:           1px solid #333333;

  padding:          3px 5px; }



table.belegung td.orange-hell

{ /*background-color: #FFE26F;*/

background-color: #CCCCCC;

 }



table.belegung div.frei, table.belegung div.belegt, table.belegung div.option

{ padding:          3px 5px;

  color:            #000000;

  font-weight:      bold; }



table.belegung div.frei

{ background-color: #99CC66; }



table.belegung div.belegt

{ background-color: #CC3333;

  color:            #FFFFFF; }



table.belegung div.option

{ background-color: #FFCC00; }



table.ohne

{ width:            100%; }



table.ohne td

{ border:           none;

  padding:          0px; }



.blau-leiste1 button

{ background-color: #E2EEF7; }



table.eingabeformular td

{ text-align:       left;

  vertical-align:   top; }



.yachtsuche table.eingabeformular td

{ padding-right:    20px; }



.anfrage table.eingabeformular td

{ padding-left:     20px; }



table.zusammenfassung

{ width:            100%;

  border:           1px solid #333333; }



table.zusammenfassung td

{ padding:          0px 7px; }



div.bg-titel

{ border-bottom:    1px solid #FFFFFF;

  padding:          0px 15px;

  text-align:       left; }



div.bg-titel img, div.uebernav img

{ border:           none;

  vertical-align:   middle; }



td.bottom div.grau

{ height:           16px;

  border-top:       1px solid #FFFFFF; }



td.top div.grau, div.grau_uebernav

{ height:           16px;

  border-bottom:    1px solid #FFFFFF; }



td.bottom div.blau

{ border-top:       1px solid #FFFFFF;

  text-align:       center;

  padding:          2px 0px; }



table.ganzehoehe table.top-blau

{ border-bottom:    1px solid #FFFFFF;

  width:            100%;

  border-collapse:  collapse; }



table.ganzehoehe table.top-blau td

{ padding:          2px 7px;

  border-right:     1px solid #FFFFFF;

  white-space:      nowrap; }



table.ganzehoehe

{ height:           100%;

  width:            100%;

  border-collapse:  collapse; }



table.ganzehoehe td.top, table.ganzehoehe td.bottom

{ padding:          0px;

  vertical-align:   top; }



table.ganzehoehe td.bottom

{ vertical-align:   bottom; }



table.top-blau td.ausgegraut

{ background-color:     #999999; }



button.button

{ white-space:          nowrap;

  vertical-align:       middle; }



button.button img

{ vertical-align:       bottom; }



div.grau button.button

{ width:                64px;

  margin-right:         20px; }



input.weiter

{ font-weight:          bold;

  color:                #339933;

  padding:              2px 1px; }

/*

a.help, a.menu, a.menu-aktiv

{ position:             relative;

  z-index:              0; }



a.help:hover, a.menu:hover, a.menu-aktiv:hover

{ background:           transparent;

  z-index:              0; }

  */

a.help span, a.menu span, a.menu-aktiv span

{ display:              none; }



div.help

{ padding:              5px 10px;

  margin:               50px 100px 0px 100px;

  border:               1px solid #FFCC99;

  color:                #000000;

  text-align:           left;

  font-weight:          normal;

  background-color:     #FFEE99;

  white-space:          normal; }

/*

a.help:hover span, a.menu:hover span, a.menu-aktiv:hover span

{ display:              block;

  position:             absolute;

  z-index:              1000; }

*/



span.help

{ position:             absolute;

  display:              none;

  padding:              5px;

  border:               1px solid #FFCC99;

  background-color:     #FFEE99;

  white-space:          normal;

  width:                180px; }



span.help img

{ float:                left;

  margin:               0px 5px 0px 0px; }



div.uebernav

{ border-bottom:        1px solid #FFFFFF;

  padding:              5px 0px 5px 10px;

  color:                #3399CC;

  font-size:		    12px;

  font-weight:		    bold; }





/** css rulez **/

div.menu div

{ padding:              1px 1px 1px 16px;

  border-bottom:        1px solid #FFFFFF; }



div.menu div.active

{ background-image:     url(/my_bilder/common/navs_pfeil.gif);

  background-repeat:    no-repeat;

  background-color:     #FFCC00; }



div.menu div.empty

{ height:               16px; }



div.main

{ padding:              0px; }



div.main img.first

{ border-right:         1px solid #FFFFFF; }



div.main img

{ margin:               0px;

  border-bottom:        1px solid #FFFFFF; }



div.inner p

{ text-align:           left; }



div.inner div.content

{ margin:               20px; }



#mitarbeiter

{ border-bottom:        1px solid #ffffff;

  padding:              5px 0 15px 7px; }



#mitarbeiter img

{ vertical-align:       middle; }



#mitarbeiter #bild

{ width:                110px;

  margin:               10px 0 10px 5px; }



.mitarbeiter .argh

{ height: 10px; }



table.allTopLeft td

{ vertical-align:       top;

  text-align:           left; }



table.ganzeBreite

{ width:                100%; }



table.ohneAbstand, table.mitarbeiter

{ border-collapse:      collapse; }



table.ohneAbstand td

{ padding:              0; }



tr.weissUnten td, td.weissUnten

{ border-bottom:        1px solid #ffffff; }



table.noBorder td

{ border:               none; }



#title

{ background: #FFE26F url(/my_bilder/common/titel_pfeil.gif) no-repeat 15px;

  color: #E86307;

  font-size: 12px;

  font-weight: bold;

  border-bottom: 1px solid #FFFFFF;

  padding: 5px 0 5px 28px;

  margin: 0;

  text-align: left; }



#content

{ border-bottom: 1px solid #ffffff;

  text-align: left; }



.booksHighlight

{ background-color:	    #FFEE99; }