/* -------------------------- :::: revier online GmbH & Co. KG 2008 :::: ------------------------------- 
----------------------------- :::: Jürgen Keller Medienberatung 2007 / 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: 15px 0 10px 11px;
	padding: 0;
}
h2 {
        margin: 15px 0 10px 11px;
}
hr {
	height : 0;
	border-top : 0;
	border-bottom : 1px dotted #E7E7E7;
}
.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;
}
.headernavi a:hover { 	color: #ddd; }
.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; }
.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; }
.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; }
.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; }
.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; }
.blank { width: 284px; height: 33px; background: url(images/navigation/navi-blank.jpg) no-repeat; }

.freizeitaktiv a:link, .freizeitaktiv a:visited { width: 81px; background: url(images/navigation/navi-freizeit-hover.jpg) no-repeat; }
.unterkunftaktiv a:link, .unterkunftaktiv a:visited { width: 110px; background: url(images/navigation/navi-unterkunft-hover.jpg) no-repeat; }
.mybaktiv a:link, .mybaktiv a:visited { width: 177px; background: url(images/navigation/navi-myb-hover.jpg) no-repeat; }
.blogaktiv a:link, .blogaktiv a:visited { width: 63px; background: url(images/navigation/navi-blog-hover.jpg) no-repeat; }
.veranstaltungenaktiv a:link, .veranstaltungenaktiv a:visited { width: 141px; background: url(images/navigation/navi-veranstaltungen-hover.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;
	display : inline;
}
.contenttopbox li a:link, .contenttopbox li a:visited {
	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;
	display : block;
}
.contenttopbox li a:hover {
	background: url(images/blogcathover.gif) 11px 2px no-repeat #e2f0ff;
}
/* = = = = = = = = = = PAGEBAR S T A R T = = = = = = = = = = */
.pagebar {
	height: 23px;
	padding: 5px 10px 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; }



.inhalt {
	background: #fff;
	padding: 1px 0 0 0;
	border-right: 1px solid #004a9d;
	border-bottom: 1px solid #004a9d;
}


.post { 
	width: 613px;
	margin: 0 0 4px 0;
	padding: 8px 20px 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;
        overflow: hidden;
}
.post h1 {
	font-size: 14px;
	color: #1d66b8;
        margin: 15px 0 2px 11px;
}
.date {
        margin: 0 0 10px 11px;
}
.entry {
        margin: 0 0 0 11px;
}
.entry img {
        margin: 0 10px 10px 0;
}
.postinfo {
	background: #D3E5F2;
        padding: 5px 0 5px 12px;
	border-top: 1px solid #ADD6F2;
	border-bottom: 1px solid #ADD6F2;
}



/* = = = = = = = = = = SIDEBAR S T A R T = = = = = = = = = = */
.sidebar {
	float: left;
	width: 207px;
	margin: 0 0 0 2px;
	padding: 5px 0 0 0;
}

.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 0 10px;
}
.st-tag-cloud {
        line-height: 145%;
}
.newsletter a:link, .newsletter a:visited {
  display: block;
  background: url(images/newsletter.jpg) 10px 2px no-repeat;
  margin: 0 0 0 -10px;
  padding: 7px 0 7px 50px;
}
.newsletter a:hover { background: url(images/newsletter-aktiv.jpg) 10px 2px no-repeat #D2E9D5;}
.rsslink a:link, .rsslink a:visited {
  display: block;
  background: url(images/rss.jpg) 10px 2px no-repeat;
  margin: 0 0 0 -10px;
  padding: 7px 0 7px 50px;
}
.rsslink a:hover { background: url(images/rss-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;
}

#comments, #respond {
        margin: 15px 0 0 22px;
}
.commentlist, .commentlist ol {
	margin: 10px 20px 0 12px;
	padding: 0;
}
.commentlist li {
	list-style:none;
	border-bottom:#ddd 1px dashed;
	background:#fcfcfc url(images/border2.gif) repeat-x top;
        margin: 0 0 10px 0;
        padding: 0 12px 0 12px;
}
.commentlist li p {
    margin: 4px 0;
}
.commentlist li .cmtinfo {
	font-size: 9px;
        padding: 2px 0;		
}
.commentlist li .cmtinfo em {
	font-style:normal;			
	color:#999;	
}
.commentlist li cite {
	font-style:normal;
	font-weight:bold;
}
.commentlist li.alt {
	background:#fcfcf9 url(images/border2.gif) repeat-x top;
}
#commentform {
	margin: 0 0 0 22px;
	padding:0;
}
#commentform textarea{
	width: 600px;
	height: 120px;
	border: 1px solid #ccc;	
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
}
#commentform input {
	background: url(images/button_bg.gif) repeat-x top #f9f9f9;
	border: #ccc 1px solid;
}




.newsletterlinks {
	width: 308px;
	float: left;
	border-right: 1px solid #6B6B6B;
}
.newsletterrechts {
	width: 288px;
	padding: 0 0 0 10px;
	float: left;
}
.newsletterrow {
	margin: 3px 0 0 0;
}
.newsletterblock {
	float: left;
}
label {
	width: 100px;
	float: left;
}
fieldset {
	border: none;
}
.input {
	color: #1d66b8;
	background: #fff;
	border: 1px solid #7F9DB9;
}
.inputselected {
	color: #1d66b8;
	background: #add6f2;
	border: 1px solid #7F9DB9;
}



.rssliste {

}
.rssliste ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
.rssliste li {
	height: 17px;
	margin: 0 12px 1px 0;
	padding: 5px 0 0 10px;
	color: #000;
	background: #fff;
}
.rssliste li a:link, .rssliste li a:visited {
        width: 160px;
	display : block;
}
.rssliste img { border: none; }
.rssliste li a:hover {
	background: #e2f0ff;
}


/* Begin Images */

p img {
	padding: 0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
        }

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* End Images */