/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font:0.75em sans-serif; line-height: 1.1em; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #979194; }

/* -----------------  Ostseeperle Keyvisual -------------------------------------------------------*/
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff ;}
operbg { background:#fff url(../images/operbg.gif) no-repeat right 500px;}
.operbgsponsoren { background:#fff url(../images/operbg.gif) no-repeat right 630px;}
.operbgcon { background:#fff url(../images/operbg.gif) no-repeat right 1200px;}
.operbgindex { background:#fff url(../images/operbg.gif) no-repeat right 400px;}
.operbgimpr { background:#fff url(../images/operbg.gif) no-repeat right 600px;}
/* -----------------  general styles  -------------------------------------------------------*/

a {
	color:#631e19;
	background:none;
	font-weight: lighter;
	text-decoration: none;
	}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover { color:#666666; background:none;  }


p { margin:0;padding-top:2px;
	font-family: "Trebuchet MS", sansSerif bold, letter-spacing 2px;}
h2 {
	font-family: "Trebuchet MS", sansSerif bold, letter-spacing 2px;
	font-weight:bold;
	font-size:1.1em;
	padding:0px 0 4px 0px;
	margin: 0 0 2px 0;
	color:#444;
	background:none;
	border-bottom: 2px dotted #444;
	font-style: italic;
}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h3 { font-weight:bold; font-size:0.9em; padding:10px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px dotted #444; }
h4 {font: bold 1.8em 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;margin:0; color: #000000;}

h5 {
	font-family: "Trebuchet MS", sansSerif bold, letter-spacing 2px;
	font-weight:bold;
	font-size:1.1em;
	padding:0px 0 4px 0px;
	margin: 0 0 2px 0;
	color:#631e19;
	background:none;
	border-bottom: 2px dotted #444;
	font-style: italic;
}


.pic{margin-top:8px;}

.image {border:solid 1px; color:#CCCCCC; padding:10px; background-color:#FFFFFF; }




/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/headergrau.jpg) no-repeat; 
margin:0; }
/* #header:hover  { clear:both; width:900px; height:80px; background: url(../images/header.jpg) no-repeat; 
margin:0; }   */
#title {float:left; width:240px; padding: 20px 0 10px 60px;}
#title h3 {font-size:0.8em; padding:5px 0 0 0; margin:0; color:#444;}
#hright {float:right; width:600px; height: 60px; margin:30px 0 0 0;}
#hrighttop {width: 400px;margin: 0 2px 0 0; padding: 0 8px 10px 0; float:right; text-align: right;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu { font-size: 0.9em; font-style:oblique; width: 600px; float:right; margin:2px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a {  color:#444; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover { background: none;color:#990000;} 

/* ----------------- Main content -------------------------------------------------------*/

/* ----------------- Teaser Bild&Bildhover Titel-------------------------------------------------------*/
#nohomepic {width:900px; height:1px; margin:5px 0 10px 0;background: none}
#nohomepic a {color:#fff;}
#nohomepic:hover {background: none;}

/* ----------------- Teaser Bild&Bildhover Titel-------------------------------------------------------*/
#homepic {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic_n.jpg) no-repeat;}
#homepic a {color:#fff;}
#homepic:hover {background: url(../images/homepichover_n.jpg) no-repeat;}




/* ----------------- Teaser Bild&Bildhover 1-------------------------------------------------------*/
#homepic1 {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic1.jpg) no-repeat;}
#homepic1 a {color:#fff;}
#homepic1:hover {background: url(../images/homepichover1.jpg) no-repeat;}


/* ----------------- Teaser Bild&Bildhover 2-------------------------------------------------------*/


#homepic2 {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic2.jpg) no-repeat;}
#homepic2 a {color:#fff;}
#homepic2:hover {background: url(../images/homepichover2.jpg) no-repeat;}


/* ----------------- Teaser Bild&Bildhover 3------------------------------------------------------*/
#homepic3 {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic3.jpg) no-repeat;}
#homepic3 a {color:#fff;}

/* ----------------- Teaser Bild&Bildhover 3------------------------------------------------------*/
#homepic4 {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic4.jpg) no-repeat;}
#homepic4 a {color:#fff;}
#homepic4:hover {background: url(../images/homepichover4.jpg) no-repeat;}

/* ----------------- Teaser Layer -------------------------------------------------------*/
span.mestext {color:#FAF8D3; font-weight:bold; font-size:1em;font-family:"Times New Roman", Times, serif;}
span.mestextap {color:#000000; font-weight:normal; font-size:1em; font-family:"Times New Roman", Times, serif;}  
span.mesh5 {color:#FFF; font-weight:bold; font-size:1.4em; font-family:"Times New Roman", Times, serif; line-height: 20px}
span.mesh4 {color:#cc9933; font-weight:bold; font-size:1.4em; font-family:"Times New Roman", Times, serif;}
span.meslink {color:#cc9933; font-weight:bold; font-size:0.75em; font-family:"Times New Roman", Times, serif;}

/* ----------------- Top-Message -------------------------------------------------------*/

	/*Transparenz:  
	background-color:#fff;
 	filter:Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 */


.messagedown{
	position:relative;
	width:881px;
	float:left;
	left: 0px;
	top: 185px;
	padding-top:5px; 
	padding-right:5px;
	padding-bottom:5px; 
	padding-left:10px; 
	border-top:1px solid #FFF;
}

.messageapart1{
	position:relative;
	width:397px;

	float:left;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:5px; 
	padding-right:20px;
	padding-bottom:5px; 
	padding-left:20px;
	background-color:#fff;
	filter:Alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;
}
.messageapart2{
	
	padding-top:10px; 
	border-top:1px solid #000;
}
.messageapart3{

	padding-top:10px; 
	border-top:1px solid #000;
	}

 



#bottomcontenttop {width:900px;height:10px; background: url(../images/b_contenttop.jpg) no-repeat; }
#bottomcontent{width:898px; max-height: auto; min-height: 440px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentindex{width:898px; height: 350px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentausst{width:898px; height: 570px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentap{width:898px; height: 690px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentaps{width:898px; height: 640px; margin-top: 0px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentumgebung{width:898px; height: 500px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentsponsoren{width:898px; height: 580px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentkontakt{width:898px; height: 850px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentreserv{width:898px; height: 1250px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}

#bottomcontentimp{width:898px; height: 550px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}
#bottomcontentnews {width:898px; height: 150px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentpreise {width:898px; height: 1600px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentpreise08 {width:898px; height: 1970px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentarrange {width:898px; height: 870px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
	
	


	
	


.breadcrumbstyle {
	text-align:left;font-style: italic;
	font-size: 0.9em;margin: 0 6px 5px 15px; padding:10px;}
.left {float: right; width: 270px;margin: 0 6px 5px 0; padding:10px; }
.formborder {float: left;width: 565px;margin: 0 6px 5px 0; padding:10px;}
.lefttable {float: left;width: 540px;margin: 0 6px 5px 0; padding:10px;}
.middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.right {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px}

/* -----------------kontakt.php-------------------------------------------------------*/
.leftmid {float: left;width: 500px;margin: 0 6px 5px 0; padding:10px;}

/* -----------------iconblock.php-------------------------------------------------------*/
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

/* -----------------Ausstattung.php-------------------------------------------------------*/
.leftaps {float: right; width: 160px;margin: 0 6px 5px 0; padding:10px;}
.rightaps {float: right;width: 160px;margin: 0 6px 5px 0; padding:10px}
.middleaps {float: right;width: 490px;margin: 0 6px 5px 0; padding:10px;}



/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background: #fff; padding: 4px 0; 
margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit;}

#container_table {
margin-top:0px;
width: 540px;
border-collapse:collapse;
} 

#table {
border:1px solid #AAB74D;
background-color: #FFFFFF;
} 



/* ----------------- Text und Bild POPUP -------------------------------------------------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;

 /*position where enlarged image should offset horizontally */

}


#block

{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #e0e0e0;
border-right-color: #e0e0e0;
border-bottom-color: #e0e0e0;
border-left-color: #e0e0e0;
background-color: #f4f4f4;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
}
.complete {
float: left;width: 800px;margin: 0 6px 5px 0; padding:10px;
}

rightboarder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.rightboarder {

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}