/* ------------------------------- :::: revier online GmbH & Co. KG 2008 :::: ------------------------------- */
body {
	margin : 0 0 20px 0;
	padding : 0;
	text-align : center;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #6b6b6b;
	background : url(images/bg.gif) repeat-x #f8fcf9;
	line-height : 120%;
}

/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN S T A R T = = = = = = = = = = */
a:link, a:visited {
	text-decoration : none;
	color : #296ebc;
}
a:hover, a:active {
	text-decoration : none;
	color : #6b6b6b;
}
ul {
	margin : 0;
	padding : 8px 0 0 16px;
}
li {
	padding : 0 0 4px 0;
}
table {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-collapse : collapse;
}
p {
	margin : 0 0 20px 0;
}
.clear {
	clear : both;
}
h1 {
	margin: 0 0 5px 0;
	padding: 0;
}
hr {
	height : 0;
	border-top : 0;
	border-bottom : 1px dotted #E7E7E7;
}
form, fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.float {
	float : left;
}
.float_right {
	float : right;
}
.valign {
	vertical-align : middle;
}
.druck, .adresszeile {
	display : none;
}

/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN E N D E = = = = = = = = = = */

.wrapper {
	margin: 0 auto;
	background: url(images/bodensee.jpg) right top no-repeat;
	width: 993px;
	text-align: left;
}
/* = = = = = = = = = = HEADER S T A R T = = = = = = = = = = */
.header {
	height: 119px;
}
.bodenseeurlauber {
	float: left;
	padding: 25px 0 0 14px;
}
.bodenseeurlauber img { border: none; }
.headernavi {
	color: #eeeeee;
	float: left;
	padding: 5px 0 0 330px;
}
.headernavi a:link, .headernavi a:visited {
    	color: #eeeeee;
}
.search {
	width: 205px;
	color: #1d66b8;
	background: #add6f2;
	border: 1px solid #eeeeee;
}
/* = = = = = = = = = = CONTENT S T A R T = = = = = = = = = = */
.wrapper2 {
	float: left;
	width: 856px;
	margin: 0 17px 0 0;
}
/* = = = = = = = = = = NAVI S T A R T = = = = = = = = = = */
.navi {
	height: 33px;
}
.navi ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
.navi li {
	display : inline;
	margin : 0;
	padding : 0;
	float: left;
}
.navilink a:link, .navilink a:visited {
	height: 25px;
	color : #fff;
	font-size: 14px;
	display : block;
	padding : 8px 0 0 0;
	text-align: center;
}
.freizeit a:link, .freizeit a:visited { width: 81px; background: url(images/navigation/navi-freizeit.jpg) no-repeat; }
.freizeit a:hover { background: url(images/navigation/navi-freizeit-hover.jpg) no-repeat; }
.freizeitaktiv a:link, .freizeitaktiv a:visited { width: 81px; background: url(images/navigation/navi-freizeit-hover.jpg) no-repeat; }

.unterkunft a:link, .unterkunft a:visited { width: 110px; background: url(images/navigation/navi-unterkunft.jpg) no-repeat; }
.unterkunft a:hover { background: url(images/navigation/navi-unterkunft-hover.jpg) no-repeat; }
.unterkunftaktiv a:link, .unterkunftaktiv a:visited { width: 110px; background: url(images/navigation/navi-unterkunft-hover.jpg) no-repeat; }

.myb a:link, .myb a:visited { width: 177px; background: url(images/navigation/navi-myb.jpg) no-repeat; }
.myb a:hover { background: url(images/navigation/navi-myb-hover.jpg) no-repeat; }
.mybaktiv a:link, .mybaktiv a:visited { width: 177px; background: url(images/navigation/navi-myb-hover.jpg) no-repeat; }

.blog a:link, .blog a:visited { width: 63px; background: url(images/navigation/navi-blog.jpg) no-repeat; }
.blog a:hover { background: url(images/navigation/navi-blog-hover.jpg) no-repeat; }
.blogaktiv a:link, .blogaktiv a:visited { width: 63px; background: url(images/navigation/navi-blog-hover.jpg) no-repeat; }

.veranstaltungen a:link, .veranstaltungen a:visited { width: 141px; background: url(images/navigation/navi-veranstaltungen.jpg) no-repeat; }
.veranstaltungen a:hover { background: url(images/navigation/navi-veranstaltungen-hover.jpg) no-repeat; }
.veranstaltungenaktiv a:link, .veranstaltungenaktiv a:visited { width: 141px; background: url(images/navigation/navi-veranstaltungen-hover.jpg) no-repeat; }

.blank { width: 284px; height: 33px; background: url(images/navigation/navi-blank.jpg) no-repeat; }

/* = = = = = = = = = = NAVI E N D E = = = = = = = = = = */
.maincontent {
	width: 856px;
	background: url(images/contentbg.gif) repeat-y;
}
/* = = = = = = = = = = CONTENT S T A R T = = = = = = = = = = */
.content {
	float: left;
	width: 647px;
}
.contenttopbox {
	width: 636px;
	margin: 0 0 0 1px;
	padding: 16px 0 10px 10px;
	background: url(images/boxfootershadow.gif) 0 bottom repeat-x #fff;
}

.contenttopbox ul, .contenttopbox li {
	margin : 0;
	padding : 0;
	list-style : none;
}
.contenttopbox li  {
	float: left;
	width: 160px;
	height: 17px;
	margin: 0 12px 1px 0;
	padding: 5px 0 0 40px;
	color: #000;
	background: url(images/blogcat.gif) 11px 2px no-repeat #eeeeee;
}
.googlemap {
	width: 646px;
	height: 383px;
	margin: 1px 0 0 1px;
}
/* = = = = = = = = = = PAGEBAR S T A R T = = = = = = = = = = */
.pagebar {
	height: 23px;
	padding: 5px 0 0 10px;
	text-align:right;
	font-size: 14px;
	color: #fff;
}
.pagebar ul {
	margin : 0;
	padding: 0;
	list-style : none;
}
.pagebar li {
	margin : 0;
	padding: 0;
	display : inline;
	float: left;
}
.pagebarlink a:link, .pagebarlink a:visited {
	width: 20px;
	height: 17px;
	margin: 0 0 0 2px;
	padding: 3px 0 0 0;
	font-size:9px;
	font-weight: bold;
	text-align: center;
	background: url(images/pagehover.gif) no-repeat #eeeeee;
	display : block;
}
.pagebarlink a:hover {
	background: url(images/page.gif) no-repeat #e2f0ff;
	color: #1d66b8;
}
.pagebaraktiv a:link, .pagebaraktiv a:visited{
	width: 20px;
	height: 17px;
	margin: 0 0 0 2px;
	padding: 3px 0 0 0;
	font-size:9px;
	font-weight: bold;
	text-align: center;
	background: url(images/page.gif) no-repeat #eeeeee;
	display : block;
}
.pagetop { 	border-bottom: 1px solid #004a9d; }

.staedtesuche {
  float: right;
  background: #fff;
  border: 1px solid #BCCDF0;
  padding: 1px;
}
.staedtesuche input {
  border: 1px solid #BCCDF0;
  padding: 0 0 0 2px;
  color: #6b6b6b;
}
.staedtesuche .button {
  background-color:#FFFFFF;
  border:1px solid;
  height: 18px;
  position: relative;
  top: 1px;
}
/* = = = = = = = = = = INHALT S T A R T = = = = = = = = = = */
.inhalt {
	background: #fff;
	padding: 1px 0 0 0;
	border-right: 1px solid #004a9d;
	border-bottom: 1px solid #004a9d;
}


.post {
	width: 633px;
	margin: 0 0 4px 0;
	padding: 8px 0 20px 10px;
	border-top: 1px solid #c5c4c4;
	border-left: 1px solid #c5c4c4;
	border-right: 1px solid #c5c4c4;
	background: url(images/inhaltbg.gif) 0 bottom repeat-x;
}
.post h1 {
	font-size: 14px;
	color: #1d66b8;
}
.listimage {
	width: 123px;
	height: 90px;
	float: left;
}
/* = = = = = = = = = = DETAIL S T A R T = = = = = = = = = = */

.detailtext {
 	width: 396px;
    padding: 20px 10px 20px 19px;
    float: left;
}
.detailtext h1 {
	font-size: 14px;
	color: #1d66b8;
	padding: 0 0 8px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
.detailsidebar {
	width: 204px;
	margin: 20px 0 0 0;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
    float: left;
}
.detailsidebarboxheader {
	height: 18px;
	width: 169px;
	font-weight: bold;
	color: #2d70be;
	padding: 5px 0 0 34px;
}
.kontakt { 	background: url(images/detail-kontakt.gif) no-repeat;}
.lage { 	background: url(images/detail-lage.gif) no-repeat;}
.lastminute { 	background: url(images/detail-last-minute.gif) no-repeat;}
.video { 	background: url(images/detail-video.gif) no-repeat;}
.detailsidebarbox {
	width: 193px;
	margin: 0 0 7px 0;
	padding: 5px 0 10px 10px;
}

/* = = = = = = = = = = UNTERKUNFT EINTRAG S T A R T = = = = = = = = = = */
.unterkunftbox {
  width: 171px;
  padding: 66px 10px 11px 12px;
  margin: 0 8px 0 0;
  display: inline;
  float: left;
}

/* = = = = = = = = = = SIDEBAR S T A R T = = = = = = = = = = */
.sidebar {
	float: left;
	width: 207px;
	margin: 0 0 0 2px;
	padding: 5px 0 0 0;
}
.sidebar img {border: none;}
.sidebarboxheader {
	height: 18px;
	width: 182px;
	font-weight: bold;
	background: url(images/sidebar.gif) no-repeat;
	color: #004b9f;
	padding: 5px 0 0 24px;
}
.sidebarbox {
	width: 196px;
	background: url(images/boxfootershadow.gif) 0 bottom repeat-x #fff;
	margin: 0 0 7px 0;
	padding: 5px 0 10px 10px;
}
.newsletter a:link, .newsletter a:visited {
  display: block;
  background: url(images/icon/newsletter.jpg) 10px 2px no-repeat;
  margin: 0 0 0 -10px;
  padding: 7px 0 7px 50px;
}
.newsletter a:hover { background: url(images/icon/newsletter-aktiv.jpg) 10px 2px no-repeat #D2E9D5;}
.werbung {
	float: left;
	width: 120px;
        padding: 30px 0 0 0;
        background: url(images/werbung.jpg) no-repeat;
}
.werbung img {border: none;}
.footer {
	height: 7px;
	background: url(images/footer.gif) no-repeat;
}
.copyright {
        padding: 8px 0 0 11px;
}
.copyright a:link, .copyright a:visited, .copyright a:hover {
        color: #6b6b6b;
}

/* = = = = = = = = = = AutoComplete S T A R T = = = = = = = = = = */
.suggestionsBox {
		position: relative;
}
.suggestionList {
    position: absolute;
  	left: 399px;
		margin: 25px 0 0 30px;
		width: 144px;
		background: #fff;
		border-left: 1px solid #C5C4C4;	
  	border-right: 1px solid #C5C4C4;	
		border-bottom: 1px solid #C5C4C4;	
}
.suggestionList ul {
		margin: 0;
		padding: 0;
		list-style: none;
}
.suggestionList li {
		display: block;
		width: 138px;
		padding: 3px;
		cursor: pointer;
		color: #6b6b6b;
		font-size: 10px;
		text-align: left;
}
.suggestionList li:hover {
		background-color: #BCCDF0;
}




.markerTooltip, .markerDetail {
          color: black;
          font-weight: bold;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid black;
}





div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}