@charset "utf-8";
/* CSS Document */

/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; border-collapse:collapse; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat;	outline: 0; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {	
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	color: #646567;
	font-family: proxima-nova-extra-condensed-1,proxima-nova-extra-condensed-2;
	font-size: 100%;
	background-color: #FFF;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-weight: 600;
}

html, body {margin:0; padding:0; width:100%; height:100%;}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0px; 
}
h1 {
	color: #008c98;
	font-size: 34px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 400;
}
h2 {
	font-size: 28px;
	padding-bottom: 20px;
	margin-top: 20px;
	color: #008c98;
}
a img {
	border: none;
}
a {
	color: #008c98;
}

a:link {
	color: #008c98;
	text-decoration: none;
}
a:visited {
	color: #008c98;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #008c98;
	text-decoration: none;
}

#ID01_website {
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	left: 1px;
	top: -3px;
}
#ID02_headpic {
	display: block;
	height: 200px;
	width: 670px;
	float: left;
}
#ID02_headpic .image_fade_wrapper {
	margin:0;
	padding:0;
	width:670px;
	height:200px;
}
#ID02_headpic .image_fade {
	margin:0;
	padding:0;
	width:670px;
	height:200px;
	border: none;
}
#ID02_headpic .image_fade img {
position:absolute; width:670px; height:200px;
}

#ID03_werbeagentur_sassnitz {
	width:960px;
	margin-right: auto;
	margin-left: auto;
	font-size: 26px;
	font-weight: 400;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 20px;
	clear: both;
	display: block;
}
#ID04_werbeagentur_sassnitz_ruegen_top_hamburg {
	width:960px;
	margin-bottom: 100px;
	float: left;
	clear: both;
	display: block;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz {
	width:960px;

	display: block;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content{
	float: right;
	padding-top: 9px;
	width: 220px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul{
	padding-left: 20px;
}

#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li{
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-image: url(restaurant_hafen_sassnitz_ruegen_icons.png);
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li#sassnitz-ruegen-email{
	background-position: 0px -30px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li#urlaub-ruegen-telefon{
	background-position: 0px -65px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li#unterkunft-freie-zimmer-sassnitz-fax{
	background-position: 0px -98px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li#pension-ruegen-sassnitz-anfahrt{
	background-position: 0px -136px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li#restaurant-sassnitz-oeffnungszeiten{
	background-position: 0px -174px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li.hotel-sassnitz,
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li a{
	display: block;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li a:hover,
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li a:active,
#ID05_hamburg_werbeagentur_ruegen_sassnitz #ID10_content ul li a:focus {
	color: #FFF;
}

#ID06_ruegener_werbeagentur {
	font-size: 22px;
	width: 960px;
	float: left;
	margin-top: 15px;
	margin-bottom: 17px;
	padding-bottom: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #007A84;
}
#ID06_ruegener_werbeagentur ul li{
	display: block;
	float: left;
	margin-right: 40px;
}

#ID06_ruegener_werbeagentur ul li a{
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#ID06_ruegener_werbeagentur ul li a:hover,
#ID06_ruegener_werbeagentur ul li a:active,
#ID06_ruegener_werbeagentur ul li a:focus {
	color: #646567;
}
#ID06_ruegener_werbeagentur ul li strong a {
	text-decoration: none;
	color: #646567;
	font-weight: normal;
}
#ID06_ruegener_werbeagentur ul li em {
	font-style: normal;
}
#ID07_inhalt {
	padding:0px;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #008793;
	background-image: url(borderdot.gif);
	background-repeat: repeat-y;
} 
#ID08_navi {
	font-size: 22px;
	width: 270px;
	float: left;
	display: block;
	background-color: #FFF;
}
#ID08_navi ul li{
	display: block;
	margin-bottom: 10px;
}

#ID08_navi ul li a{
	text-decoration: none;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

#ID08_navi ul li a:hover,
#ID08_navi ul li a:active,
#ID08_navi ul li a:focus {
	color: #646567;
}
#ID08_navi ul li strong a {
	text-decoration: none;
	color: #646567;
	font-weight: normal;
}
#ID08_navi ul li em {
	font-style: normal;
}

#ID08_navi ul li ul {
	padding-bottom: 0px;
}
#ID08_navi ul li ul li ul{
	padding-bottom: 0px;
}
#ID08_navi ul li ul li{
}

#ID08_navi ul li ul li a{
	padding-left: 20px;
}
#ID08_navi ul li ul li ul {
	padding-left: 20px;
	font-size: 20px;
}
#ID08_navi ul li ul li ul li a{
	font-weight: 400;
}
#ID08_navi ul li ul li a:hover,
#ID08_navi ul li ul li a:active,
#ID08_navi ul li ul li a:focus {
}
#ID08_navi ul li ul li strong a {
}
#ID08_navi ul li ul li em {
}
#ID09_content {
	float: left;
	font-weight: 400;
	font-size: 20px;
	width: 649px;
	padding-right: 20px;
	padding-left: 20px;
}

#ID09_content p{
	padding-bottom: 15px;	letter-spacing: 1px;
}
#ID09_content ul{
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#ID09_content #tabs ul{
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#ID09_content #tabs ul{
	padding-bottom: 0px;
}
#ID09_content .border img {
	padding: 0px;
	font-size: 9px;
	line-height: normal;
	color: #696D3B;
}
#ID09_content .borderout {
	border: 1px solid #008C98;
	margin-bottom: 20px;
}
#ID09_content .borderout a {

}
#ID09_content .border {
	position: absolute;
	padding-top: 0px;
	padding-left: 0px;
	background-image: url(lupe.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ID09_content .border:hover{
	background-image: url(lupe2.png);
	cursor:pointer;
	cursor:hand;
}
#ID09_content .ns_newsEntry{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#ID09_content .ns_newsEntry h2{
	font-size: 18px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
#ID09_content .ns_newsEntry .ns_created{
	padding-top: 10px;
	padding-bottom: 10px;
}
#ID09_content .ns_newsEntry .ns_news{
}
#ID09_content .ns_newsEntry .ns_MoreLink{
	padding-top: 10px;
}
#ID09_content .ns_newsEntry .ns_MoreLink a.ns_Link{
	background-image: url(hotel_sassnitz_info.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 30px;
}
#ID10_content #ID11_aktuelles,
#ID10_content #ID08_navigation{
	padding-bottom: 20px;
    border-bottom-bottomleft: 15px;
}
#ID10_content #ID11_aktuelles h1,
#ID10_content #ID08_navigation h1{
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	background-image: url(11_aktuelles_angebote_aktionen_pension_sassnitz_ostsee.png);
	background-repeat: repeat-y;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	margin-bottom: 10px;
	padding-left: 20px;
}
#ID10_content #ID11_aktuelles img,
#ID10_content #ID08_navigation img{
	margin-top: 15px;
	margin-left: 23px;
}
#ID10_content #ID11_aktuelles img:hover,
#ID10_content #ID08_navigation img:hover{
}
#ID10_content #ID08_navigation{
	margin-bottom: 30px;
}
#ID10_content #ID11_aktuelles{
}
#ID11_aktuelles .ns_newsEntry{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#ID11_aktuelles .ns_newsEntry h2{
	font-size: 18px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
#ID11_aktuelles .ns_newsEntry .ns_created{
	padding-top: 10px;
	padding-bottom: 10px;
}
#ID11_aktuelles .ns_newsEntry .ns_news{
}
#ID11_aktuelles .ns_newsEntry .ns_MoreLink{
	padding-top: 10px;
}
#ID11_aktuelles .ns_newsEntry .ns_MoreLink a.ns_Link{
	background-image: url(hotel_sassnitz_angebot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
}
#ID12_footer {
	float: left;
	display: block;
	width: 100%;
	text-align: right;
	font-size: 18px;
	padding-top: 17px;
	padding-bottom: 10px;
	font-weight: 100;
	margin-top: 13px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #008C98;
	height: 30px;
}
#ID13_logo {
	display: block;
	height: 200px;
	width: 230px;
	float: left;
	background-image: url(werbeagentur_sassnitz_ruegen_logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-left: 60px;
}
#ID14_kontakt {
	display: block;
	height: 40px;
	width: 230px;
	margin-top: 160px;
	cursor:pointer;
	cursor:hand;
	background-repeat: no-repeat;
}
#ID14_kontakt.showit{
	background-image: url(kontakt_werbeagentur_ruegen.gif);
}
#ID14_kontakt.hideit{
	background-image: url(kontakt_werbeagentur_ruegen2.gif);
}
#ID15_kontakt {
	width: 960px;
	float: right;
	height: 400px;
	z-index: 100;
	clear: both;
}


#ID16_kontakt {
	float: left;
	display: block;
	width: 960px;
}
#ID17_kontakt {
	float: left;
	display: block;
	width: 960px;
	height: 360px;
	background-color: #008c98;
	background-image: url(kontakt_werbeagentur_ruegen_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 40px;
	color: #FFF;
}
#ID17_kontakt .kontaktcontent {
	height: 320px;
	width: 900px;
	padding-right: 30px;
	padding-left: 30px;
}
#ID17_kontakt .kontaktcontent h1{
	color: #FFF;
	text-transform: none;
}

#ID17_kontakt .kontaktcontent img{
	float: right;
	margin-right: 100px;
}
#ID17_kontakt .closegalery {
	cursor:pointer;
	cursor:hand;
	display: block;
	float: right;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#ID18_inhalt {
	float: left;
	width: 960px;
}
#ID19_sitemap {
	display: block;
	height: 30px;
	width: 230px;
	cursor:pointer;
	cursor:hand;
	text-align: left;
	float: left;
	color: #008C98;
}

#ID20_sitemap {
	width: 960px;
	float: right;
	z-index: 100;
	clear: both;
	height: 200px;
	text-align: left;
}
#ID20_sitemap ul li ul {

}
#ID20_sitemap .sitemap{
	float: left;
	margin-right: 50px;
}
#ID20_sitemap .sitemap em{
	font-style: normal;
}
#ID20_sitemap .closesitemap {
	cursor:pointer;
	cursor:hand;
	display: block;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	text-align: right;
	margin-top: 40px;
}
.clear{
	clear: both;
}

.trennlinie2{
	margin-bottom: 30px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #008C98;
	clear: both;
}




#mainblock_left li
{
	margin-bottom: 3px;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clear {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	visibility:hidden;
}
.right {
	float: right;
	width: 320px;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}




div.intlink a{
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #4d4d4d;
	display: block;
	float: right;
	padding-left: 25px;
}


.formgen{
	width: 510px;
	margin-bottom: 40px;
	float: left;
}
.formgen h1{
	color: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: -20px;
	padding-left: 20px;
	margin-right: -20px;
	margin-bottom: 20px;
	font-size: 16px;
}
.formgen label{
	width: 90px;
	height:41px;
	padding-top: 12px;
	font-size: 16px;
	float: left;
	padding-left: 10px;
	display: block;
}
.formgen input{
	width:400px;
	padding-top: 12px;
	padding-bottom: 2px;
	border-style: none;
	background-color: #FFF;
	font-size: 16px;
}
.formgen label.formerror{
	color: #900;
}
.formgen div.textfeld {
	height: 210px;
	width: 515px;
	border: 1px solid #008C98;
}
.formgen div.adresse {
	clear: both;
	height: 40px;
	width: 515px;
	display: block;
	margin-bottom: 15px;
	border: 1px solid #008C98;
}
.formgen textarea{
	width: 400px;
	height:180px;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #FFF;
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.formgen .formsubmit{
	font-size:14px;
	background-repeat: no-repeat;
	border-style: none;
	width: 101px;
	background-position: 0px 0px;
	margin-left: 420px;
	display: block;
	background-image: url(send-button.png);
	height: 34px;
	background-color: none;
	margin-top: 20px;
}
.formgen .formsubmit:hover,
.formgen .formsubmit:active,
.formgen .formsubmit:focus {
	cursor:pointer;
	cursor:hand;
}

table {	border:none; padding:0px; margin:0px; border-spacing:0px; border-collapse:collapse; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td {
	margin:0px;
	vertical-align:top;
	border-spacing:0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}