body {
	margin: 0;
	font: normal 80% Arial, Verdana, Helvetica, sans-serif;
	line-height: 130%; 
	color: #666666;
	background-color: #e9e9e9;
	background-image: url(../images/back-unterseite.jpg);
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-position: top center;
	}
	
a {
         font-weight: bold; 
	text-decoration: none; 
	color: #757575;
	} 
	 
a:hover {text-decoration: none; color: #FF9933;}
a:visited {text-decoration: none;}

caption {font-weight: bold; text-align: left;}

td {padding: 0; margin: 0;}
td p.bodystyle {padding: 0; margin: 0;}

th {padding: 0; margin: 0;}
th p.bodystyle {padding: 0; margin: 0;}


input {border: solid 1px #cccccc; color: #666666;}
textfield {border: solid 1px #cccccc; color: #666666;}
select {border: solid 1px #cccccc; color: #666666;}

img {border: 0;}

.orange {color: #FF9933;}
.grau-hnavi {color: #333333;}
.grau-hnavi-ebene2 {color: #666666;}

h1 {font-size: 2.3em; font-weight: normal; color: #FF9933; line-height: 100%;}
h1 {font-size: 1.5em; font-weight: normal; color: #FF9933; line-height: 100%;}

.center {text-align: center;}

#ganzeseite {
	margin-right: auto; 
	margin-left: auto;
	text-align:left; 
	padding: 0px;
	width: 878px;
	}
	
#ganzeseite-popup {
	margin: 0px; 
	text-align:left; 
	padding: 0px;
	}	

#header {
	width: 878px;
	height: 123px;
	padding: 21px 0 0 0;
	margin: 0;
	
	}
	
#logo {
	width: 218px;
	height: 44px;
	float: right;}
	
	
.logo-sylt {
	padding: 210px 0 0 481px;
	}
	
#inhalt {
	width: 863px;
	height: 409px;
	margin: 0;
	padding: 0;
	border: solid 1px #cccccc;
	text-align: left;
	}
	
#inhalt-popup {}
	
#inhalt-main {
	width: 700px;
	padding: 20px 0 0 141px;
	margin: 0;
	}
	
#inhalt-main-ref {
	width: 700px;
	padding: 10px 0 0 141px;
	margin: 0;
	}

	
#inhalt-main-scrollbar {
	width: 720px;
	padding: 20px 0 0 141px;
	margin: 0;
	}
	
#inhalt-main-scrollbar2 {
	/*width: 720px;*/
	width: 626px;
	padding: 20px 0 0 215px;
	margin: 0;
	}
	
	
#inhalt-main-mitte-scroll {
	width: 390px;
	height: 275px;
	padding: 0 5px 0 0;
	overflow: auto;
	overflow-x: hide;
	overflow-y: scroll;
	text-align: left;
	}

	
#inhalt-main-mitte {
	float: left;
	width: 480px;
	}

#inhalt-main-rechts{
	float: right;
	width: 190px;
	padding-left: 0px;
	}
	
#inhalt-main-rechts-scrollbar {
	float: right;
	width: 212px;
	height: 325px;
	overflow: auto;
	overflow-x: hide;
	overflow-y: scroll;
	text-align: left;
	/*padding-right: 8px;*/
	}
	
#inhalt-main-rechts-oben {
	width: 175px;
	padding: 0 0 0 15px;
	}
	
#inhalt-main-rechts-scroll-oben {
	width: 165px;
	padding: 0 8px 0 15px;
	}
	
#inhalt-main-rechts-unten {
	width: 190px;
	padding-top: 10px;
	}
	
#inhalt-main-rechts-unten a {
	font-size: 0.8em;
	padding: 0.2em 0 0.2em 0;
	}

	
/*News Anfang*/
#inhalt-main-news-scrollbar2 {
	width: 626px;
	padding: 20px 0 0 215px;
	margin: 0;
	}
	
#inhalt-main-news-mitte-scroll {
	width: 390px;
	height: 275px;
	padding: 0 8px 0 0;
	overflow: auto;
	overflow-x: hide;
	overflow-y: scroll;
	text-align: left;
	}

	
#inhalt-main-news-mitte {
	float: left;
	width: 390px;
	padding: 0 8px 0 0;
	
	}

#inhalt-main-news-rechts{
	float: right;
	width: 190px;
	padding-left: 0px;
	}
	
#inhalt-main-news-rechts{
	float: right;
	width: 190px;
	padding-left: 0px;
	}
	
#inhalt-main-news-rechts-oben {
	width: 175px;
	padding: 0 0 0 15px;
	}
	
/*News Ende*/


/*Booking Anfang*/
#inhalt-main-booking {
	width: 820px;
	padding: 20px 0 0 41px;
	margin: 0;
	
	}
	
#inhalt-main-booking-mitte-scroll {
	width: 590px;
	float: left;
	height: 380px;
	padding: 0 5px 0 0;
	overflow: auto;
	overflow-x: hide;
	overflow-y: scroll;
	text-align: left;
	
	}
	
#inhalt-main-booking-mitte {
	float: left;
	width: 590px;
	}

#inhalt-main-booking-rechts{
	float: right;
	width: 210px;
	padding-left: 0px;
	
	}
	
#inhalt-main-booking-rechts-oben {
	width: 195px;
	padding: 0 0 0 15px;
	}
	
/*Booking Ende*/

/*Kontakt Anfang*/
#inhalt-main-kontakt {
	width: 861px;
	padding: 0px 0 0 0;
	margin: 0;
	
	}
	
#inhalt-main-kontakt-mitte-scroll {
	width: 598px;
	float: left;
	height: 384px;
	padding: 20px 5px 5px 46px;
	overflow: auto;
	overflow-x: hide;
	overflow-y: scroll;
	text-align: left;
	background-color: #ffffff;
	
	border-right: solid 1px #cccccc;
	}
	
#inhalt-main-kontakt-mitte {
	float: left;
	width: 598px;
	height: 384px;
	padding: 20px 5px 5px 46px;
	background-color: #ffffff;
	
	border-right: solid 1px #cccccc;
	}

#inhalt-main-kontakt-rechts{
	float: right;
	width: 200px;
	padding-left: 0px;
	
	}
	
#inhalt-main-kontakt-rechts-oben {
	width: 185px;
	padding: 0 0 0 15px;
	}
	
/*Kontakt Ende*/



#footer {
	
	width: 878px;
	height: 20px;
	padding: 1em 0 0 0;
	margin: 0;
	}
	
hr {
 width: 100%;
 color: #cccccc;
 text-align: center;
 height: 1px;
 border: 1px dashed;
}
	
.stoerer {text-align: left; padding: 5px;z-index:1;}

.tx-thmailformplus-pi1 input {font-size: 8.5pt; }


.newsletter-mini-name {font-size: 8pt; font-weight: normal;}
.newsletter-mini-email {font-size: 8pt; font-weight: normal;}
.newsletter-mini-fehler {font-size: 8pt; font-weight: bold;}
.newsletter-mini-html {font-size: 8pt; font-weight: normal;}
.newsletter-mini-text {font-size: 8pt; font-weight: normal;}

#sprache {margin: 6px 5px 0 0}

/*tabellen*/
.tabelle-dateiliste table,tr,td,th {padding: 0;margin:0;}

.tx-gooffotoboek-pi1 .gfpb_portret {margin: 0;}
.tx-gooffotoboek-pi1 .gfpb_portret td tr img {text-align: center; background-color: #002710;}

/*rahmen rechte seite in seiteninhalte rahmen 1*/
.unavi-info {margin: 10px 0 10px 15px;}
.csc-frame-frame1 {
    	background-image: url(../images/bilderrahmen.jpg);
    	background-repeat: no-repeat;
    	background-position: top center;
    	width: 189px;
    	height: 217px;
    	margin: 10px 0 0 180px; 	
    	padding: 0;
    	text-align: center;
	}
.csc-frame-frame1 p.bodytext {
    	margin: 0px; 
    	padding: 33px 33px 30px 33px;
    	font-size: 0.9em;
}

.csc-frame-frame1 img {
    	margin-bottom: 0px;
    	padding: 22px 0 0 0;
}

/*rahmen rechte seite in seiteninhalte rahmen 2*/
.unavi-info {margin: 10px 0 10px 15px;}
.csc-frame-frame2 {
    	background-image: url(../images/bilderrahmen.jpg);
    	background-repeat: no-repeat;
    	background-position: top center;
    	width: 189px;
    	height: 217px;
    	margin: 10px 0 0 50px; 	
    	padding: 0;
    	text-align: center;
    	float: left;
	}
.csc-frame-frame2 p.bodytext {
    	margin: 0px; 
    	padding: 33px 33px 30px 33px;
    	font-size: 0.9em;
}

.csc-frame-frame2 img {
    	margin-bottom: 0px;
    	padding: 32px 0 0 0;
}

/*rahmen rechte seite in seiteninhalte rahmen 2
.csc-frame-frame2 {
    	margin:0px;
    	padding: 0px;
	}

.csc-frame-frame2 dl.csc-textpic-image dt{
    	margin:0px;
    	padding: 0px;
}*/

/*Hintergrundfarben für RTE-Editor*/
.hintergrund-weiss {background-color: #ffffff;}
.hintergrund-schwarz {background-color: #000000}
.hintergrund-hellgrau {background-color: #cccccc}
.hintergrund-mittelgrau {background-color: #999999;}
.hintergrund-dunkelgrau {background-color: #666666;}
.hintergrund-hellorange {background-color: #FF9933;}
.hintergrund-orange {background-color: #FF6600;}
.hintergrund-rot {background-color: #cc0000;}

/*Schriftfarbe im RTE*/
.schriftfarbe-weiss {color: #ffffff;} 
.schriftfarbe-schwarz {color: #000000;}
.schriftfarbe-hellgrau {color: #cccccc}
.schriftfarbe-mittelgrau {color: #999999;}
.schriftfarbe-dunkelgrau {color: #666666;}
.schriftfarbe-hellorange {color: #FF9933}
.schriftfarbe-orange {color: #FF6600}
.schriftfarbe-orot {color: #cc0000}