body{ background:#ffffff; margin: 0px 0px 0px 0px; color: #666666; font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif; line-height: 135%;  SCROLLBAR-BASE-COLOR: #264f98 }



a:link		{ color: #596C6C; text-decoration: underline }

a:visited	{ color: #596C6C; text-decoration: underline }

a:active	{ color: #009999; text-decoration: underline }

a:hover		{ color: #a90053; text-decoration: underline }

.subtitle5link:link		{ color: #264f98; font: bold 17px Arial,Helvetica,sans-serif; font-variant:small-caps  text-decoration: none }


.bottomlink:link		{ color: #cccccc; font: 9px Arial,Helvetica,sans-serif;   text-decoration: none }

.bottomlink:visited		{ color: #cccccc; font: 9px Arial,Helvetica,sans-serif;   text-decoration: none }

.bottomlink:active	{ color:#cccccc; font: 9px Arial,Helvetica,sans-serif;   text-decoration: none }

.bottomlink:hover	{ color:#5a7077; font: 9px Arial,Helvetica,sans-serif;   text-decoration: none }

h1{
color:#264f98;
font: bold 17px Arial,Helvetica,sans-serif;
font-variant:small-caps
}
h2{
margin: 0px 0px 0px 10px;
color:#264f98;
font:normal 14px Arial,Helvetica,sans-serif;
}


form{margin:0 0 0 10;padding:0 0 0 0}

.logoheadtable{
border-bottom: 1px dotted #999999;
background:url(picts/header_2_bg.gif) #99CCCC repeat-x
}
.logohead{
background:url(picts/header_2_bg.gif) #99CCCC repeat-x;
color:#99CCCC;
font:small-caps bold 20px Arial,Helvetica,sans-serif
}
.td9{
color:#264f98;
font: bold 12px Arial,Helvetica,sans-serif
}

.style3 {color: #264f98
}
.td2b{
font: bold 12px Arial,Helvetica,sans-serif;
font color: #ffffff
}
.b3{
margin:2px 0px 6px 35px;
color:#264f98;
font:lighter 14px Arial,Helvetica,sans-serif;
}
.textheadtable{
border-bottom:1px dotted #999999;
background:#28519A
}
.texthead{
background:#264f98;
color:#FFFFFF;
font:small-caps bold 36px Georgia,"Times New Roman",Times,serif
}
.title2{ 
COLOR: #264f98; 
FONT: 14px geneva, verdana, arial, sans-serif; font-weight: lighter }
.smalltxt{
color:#000000;
font:lighter normal 9px Arial,Helvetica,sans-serif}

.smalltxt2{
color:#264f98;
font:lighter normal 12px Arial,Helvetica,sans-serif
}
.pichead{
background:url(picts/desiree_3.jpg) #264f98 no-repeat;
color:#FFFFFF;
font:  12px "Arial Rounded MT "

}
.menucell{
border-right:1px dotted #999999;
border-left:1px dotted #999999;
 margin: 0px 0px 0px 20px;
}
.footertable{
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
background:#99CCCC
}
.footertable2{
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
background:#ffffff
}
.footercell{color:#FFFFFF;  padding : 3px 0 3px 0; }
.dd1{color:#000000; background-image: url("picts/shadeform.gif") }
.dd2{color:#28519A;background:#FFFFFF;font:lighter }

}
.footercell2{color:#404040;  padding : 3px 0 3px; font:lighter 11px Arial,Helvetica,sans-serif}

.style6 {font: 12px Arial,Helvetica,Geneva,Swiss,SunSans-Regular; color: #264f98; font-weight: normal}
				
.styletra1 {font-size: 10px; color: #264f98; font face: Arial,Helvetica,Geneva,Swiss,SunSans-Regular  }
.styletra2 {font-size: 10px; color: #264f98; font face: Arial,Helvetica,Geneva,Swiss,SunSans; font-weight: bold }
.styletra3 {font-size: 10px; color: #264f98; font face: Arial,Helvetica,Geneva,Swiss,SunSans; font-weight: bold }				
.style6a {font-size: 12px; color: #264f98; font-weight: bold }
.style6b {font-size: 13px; color: #264f98; font-weight: bold }

.style7 {color: #000000}
.style9 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	}
.style4 {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
}
.style7 {color: #000000}
.style16 {font-size: 10px; color:  #000000; }
.style17 {color:  #000000}
}
.style12 {color: #264f98; font face: Arial,Helvetica,Geneva,Swiss,SunSans; font-size: 10px;}
.style13 {font-size: 12}
.style14 {font-size: 12; color: #264f98; }
.style15 {font-size: 12; color: #264f98; font-weight: bold; }
.dd1{color:#000000; background-image: url("picts/shadeform.gif") }
.dd2{color:#28519A;background:#FFFFFF;font:lighter }
.dd3{color:#000099; font-weight: bold; background: #97cccc }


TABLE		{ COLOR: #133f6b; FONT: 12px geneva, verdana, arial, sans-serif }

.title		{ COLOR: #133f6b; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }



.title3		{ COLOR: #133f6b; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ font-color: #264f98; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold}

.subtitle2	{ color:#264f98; font: 14px Arial,Helvetica,sans-serif; font-weight: bold }

.bigtitle		{ COLOR: #a90000; FONT-size: 17px; fon: Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-weight: bold }

.bigtitle2		{ COLOR: #264f98; FONT: 17px geneva, verdana, arial, sans-serif; font-weight: bold }

.bigtitle3		{ COLOR: #cc0033; FONT: 13px geneva, verdana, arial, sans-serif; font-weight: bold }

.smalltitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.smalltitle2 	{ COLOR: #133f6b; FONT: 9px verdana, arial, sans-serif }

.bickley 	{ COLOR: #133f6b; FONT: 9px Bickley Script }

.phonetitle	{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }

.picturecomments{ COLOR: #666666; FONT: 10px geneva, verdana, arial, sans-serif }

.picturetitle 	{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: bold }

.price	 	{ COLOR: #CC6600; FONT: 12px verdana, arial, sans-serif; font-weight: bold }

.biglink 	{ FONT: 13px verdana, arial, sans-serif; font-weight: bold; TEXT-DECORATION: underline }

.biglink:hover 	{ FONT: 13px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.bigtablelink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; TEXT-DECORATION: underline }

.bigtablelink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{text-align: justify;}

.copytext	{ COLOR: #999999; FONT: 10px geneva, verdana, arial, sans-serif }

.menutrans 	{ filter:alpha(opacity=50) }


.button-popups { background-image: url("picts/popbutton.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #999999;
		WIDTH: 100%;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: #003399 0px solid;
		background-color:#FFFFFF; }

.buttonon-popups { background-image: url("picts/popbuttonon.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #3D5A7B;
		  WIDTH: 100%;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: #003399 0px solid;
		  background-color:#FFFFFF; }

.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		font-color: #264f98;
		text-align: left;
		WIDTH: 160PX}
		
.shadeform2	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");

		text-align: left;
		font-weight: bold;
		WIDTH: 70PX}

.shadeform3	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		font-weight: bold;
		WIDTH: 30PX}			

.shadeform4	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		font-weight: bold;
		WIDTH: 430PX}
		
.shadeform5	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		font-weight: bold;
		WIDTH: 100PX}		
		
.shadeform6	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");

		text-align: left;
		font-weight: bold;
		WIDTH: 300PX}
	

			
.dropdown {	COLOR: #333333;
		background-image: url("picts/shadeform.gif");
		WIDTH: 160PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		HEIGHT: 300PX;


.submitbutton { background-image: url("picts/submit.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #FFFFFF;
		WIDTH: 300PX;
		HEIGHT: 23PX;
		cursor:hand;
		BORDER: #000000 1px solid;
		background-color:#3D5A7B; }

.submitbuttonon { background-image: url("picts/submiton.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #FFFFFF;
		  WIDTH: 300PX;
		  HEIGHT: 23PX;
		  cursor:hand;
		  BORDER: #000000 1px solid;
		  background-color:#3D787A; }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER: #000000 1px solid;}



.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }


.searchbutton { FONT-FAMILY: arial, verdana, helvetica, sans;
		font-size: 9pt;
		width: 36px }



 /* MOUSEOVER MESSAGE CODE */


.divstyle {	position:absolute;
		border: #000000 0px solid;
		width:90;
		padding: 0px;
		top:0;
		left:10 }

.pstyletitle{	postion:absolute;
		background:#3D5A7B;
		color:white;
		height:18;
		font-size:10px;
		padding: 2px;
		font-family:verdana, arial;
		font-weight: bold; }


.pstylebody {	postion:absolute;
		background:#3D5A7B;
		color:white;
		font-size:10px;
		font-family:verdana, arial;
		font-weight: bold; }


 /* CODE FOR THE SHOPPING CART BUTTONS */

.rollover 	{ }

.rolloveron 	{ Filter: Alpha(Opacity=70) }



 /* START THE CODE FOR THE MENUS */





			
.menu		{ font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
		  
		
}
 
a.menu:link { color: #596C6C; text-decoration: underline; font-size: 12px; }


a.menu:visited 	{ color: #596C6C; text-decoration: underline; font-size: 12px; }


a.menu:active 	{ color: #009999; text-decoration: underline; font-size: 12px; }


a.menu:hover 	{ color: #a90053; text-decoration: underline; font-size: 12px; }



/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#kartenMap{
	margin: 0;
	padding: 0;
	background: transparent url(karten_neu.jpg) top left no-repeat;
	height: 340px;
	width: 500px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#ostseeDef{ top: 68px; left: 203px; }
dd#ostseeDef a{ position: absolute; width: 185px; height: 50px; text-decoration: none; }
dd#ostseeDef a span{ display: none; }
dd#ostseeDef a:hover{ position: absolute; background: transparent url(karten_neu.jpg) -198px -858px no-repeat; top: -10px; left: -5px; }
dd#ostseeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#nordseeDef{ top: 70px; left: 140px; }
dd#nordseeDef a{ position: absolute; width: 130px; height: 60px; text-decoration: none; }
dd#nordseeDef a span{ display: none; }
dd#nordseeDef a:hover{ background: transparent url(karten_neu.jpg) -140px -470px no-repeat; }
dd#nordseeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}



dd#tropezDef{ top: 150px; left: 70px; }
dd#tropezDef a{ position: absolute; width: 150px; height: 60px; text-decoration: none; }
dd#tropezDef a span{ display: none; }
dd#tropezDef a:hover{ background: transparent url(karten_neu.jpg) -71px -550px no-repeat; }
dd#tropezDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#balearenDef{ top: 240px; left: 83px; }
dd#balearenDef a{ position: absolute; width: 200px; height: 60px; text-decoration: none; }
dd#balearenDef a span{ display: none; }
dd#balearenDef a:hover{ background: transparent url(karten_neu.jpg) -83px -1040px no-repeat; }
dd#balearenDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 150%;
}
dd#kanarenDef{ top: 255px; left: 0px; }
dd#kanarenDef a{ position: absolute; width: 150px; height: 60px; text-decoration: none; }
dd#kanarenDef a span{ display: none; }
dd#kanarenDef a:hover{ background: transparent url(karten_neu.jpg) -0px -655px no-repeat; }
dd#kanarenDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 150%;
}