@charset "utf-8";

@import url(reset.css);
@import url(search.css);
@import url(jquery-ui.css);




body { background: #ebebeb /*url(../images/gruen-body-bg.gif) top left repeat-x*/; color: #737373; font-family: "myriad-pro", arial, sans-serif;; font-size: 12px; line-height: 20px; overflow: -moz-scrollbars-vertical; padding: 0 0 8px 0; }
a { color: #365971; text-decoration: underline; }
a:hover { color: #b3001f; text-decoration: none; }
em { font-style: oblique; }
h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; }
strong { font-weight: bold; }
.clearspace { clear: both; height: 40px; }




.alignleft { float: left; }	
.alignright { float: right; }
.download { background: url(../images/icons/download.gif) center left no-repeat; padding-left: 20px; }
.external-link { background: url(../images/icons/external-link.gif) center left no-repeat; padding-left: 20px; }
.meta { color: #a8a8a8; }
.print { background: url(../images/icons/print.gif) center left no-repeat; padding-left: 20px; }
.clear { clear: both; }
.recommend { background: url(../images/icons/recommend.gif) center left no-repeat; padding-left: 24px; }
.csc-linkToTop { /*border-top: 1px solid #dedede;*/ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.csc-linkToTop a { /*background: url(../images/icons/top.gif) center left no-repeat;*/ /*padding-left: 12px;*/ }
.kleinerlink { font-size: 11px; line-height: 16px; }






.site { background: #fff; margin: 0 auto; position: relative; width: 896px; }





.header { position: relative; }
/* #logo { float: left; height: 32px; margin: 21px 19px 19px 24px; width: 437px; } */
#logo { position: absolute; top: 30px; left: 25px; height: 45px; width: 220px; }
#search { float: right; margin: 50px 25px 25px 0; }
#searchform input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px; }

#searchform #search-submit { border: none; color: #323232; cursor: pointer; background: url('../images/search.png') no-repeat #e4e4e4; width: 20px; height: 20px; padding: 3px 0 0 0;}

#search-submit:hover { background-color: #b31218; color: #fff; }
#search-text { background: #e4e4e4; border: none; color: #666; width: 142px; }
#search-text:focus, #search-text:active { background-color: #f0f0f0; }




.menu { background: #b3001f; position: relative; width: 896px; z-index: 10; }
.menu ul { background: #b3001f; float: left; }
.menu ul li { background: url(../images/menu-ul-li.png) right center no-repeat; display: inline; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding-right: 1px; position:relative; } 

.menu ul li a { background: transparent; border-right: 1px solid #b3001f; color: #fff; display: block; padding: 8px 10px 8px 19px; text-decoration: none;}


.menu ul li a:hover { background: #b31218; color: #fff; }
.menu ul li a span { background: url(../images/menu-ul-li-a-span.png) center right no-repeat; padding-right: 16px; }
.menu ul li a:hover span,
.menu ul li:hover a span { background: url(../images/menu-ul-li-a-hover-span.gif) center right no-repeat; }
.menu ul li ul { background: #fff; border: 1px solid #666; border-top: none; display: none; position: absolute; width: 166px; }
.menu ul li ul li { display: block; float: none; font-size: 11px; }
.menu ul li ul li a { background: #fff; border: none; border-bottom: 1px dotted #ebebeb !important; color: #737373; padding: 3px 19px 4px 19px; width: 128px; }
.menu ul li ul li a.active { color: #b31218; }
.menu ul li ul li a.active:hover { color: #fff; }
.menu ul li:hover a,
.menu ul li a.active { background: url(../images/menu-ul-li-a-hover.gif) bottom left repeat-x #b31218; border: 1px solid #cf181f; border-left: none; padding: 7px 10px 7px 19px; }
.menu ul li:hover ul { display: block; }
.menu ul li:hover ul li a { background: #fff; border: none; border-bottom: 1px dotted #666; display: block; padding: 3px 19px 4px 19px; }
.menu ul li ul li.last-child a { border-bottom: none; }
.menu ul li:hover ul li a:hover { background: url(../images/menu-ul-li-a-hover.gif) bottom left repeat-x #b31218; border-bottom: 1px solid #cf181f; }

.menu { background: #b3001f !important; }
.menu ul { background: #b3001f !important; }

.menu ul li ul { border-color: #666 !important; }
.menu ul li a:hover, 
.menu ul li a.active,
.menu ul li:hover ul li a:hover, 
.menu ul li:hover a { background: #666 !important; color: #fff !important; border-color: #666 !important;  }
.menu ul li:hover ul li a { color: #222 !important; background: #f0f0f0 !important; }
.menu ul li ul li a { border-color: #666 !important; }





.highlight { background: #cade8a; height: 278px; width: 896px; }
.highlight .column-left { float: left; height: 448px; overflow: hidden; width: 896px; }
.highlight .column-right { border-left: 2px solid #fff; float: right; height: 258px; padding: 20px 16px 0 16px; width: 302px; }
.highlight .column-right img.alignright { margin-left: 8px; }
.highlight .column-right h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; font-style: italic; line-height: 24px; margin: 0 0 10px 0; padding: 0; }
.highlight .column-right p { margin: 0 0 10px 0; }





#headerimage { background: url(../images/freizeit-tourismus-headerimage.jpg) top left no-repeat; height: 112px; width: 896px; }





.breadcrumb { border-bottom: 1px solid #dedede; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0 12px; color: #c9c9c9; padding: 15px 4px 8px 4px; }
.breadcrumb a { color: #a8a8a8; text-decoration: none; }
.breadcrumb a:hover { color: #b31218; }





#pagetitle h1 { color: #b3001f; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; font-style: italic; line-height: 32px; padding: 16px; }

.content-area { min-height: 120px; } /* min-height für leere content-area */
.contentarea-normal { float: left; padding: 0 24px 20px 24px; width: 400px; }
.contentarea-full { float: left; padding: 0 16px 20px 24px; width: 632px; }
#index .contentarea-full { padding: 0 24px 20px 16px; }
.contentarea-columns-1 .columnleft { float: left; margin-right: 16px; width: 308px; }
.contentarea-columns-1 .columnright { float: left; width: 308px; }
.contentarea-columns-2 .columnleft { float: left; margin-right: 16px; width: 416px; }
.contentarea-columns-2 .columnright { float: left; width: 200px; }
.contentarea-columns-3 .columnleft { float: left; margin-right: 16px; width: 200px; }
.contentarea-columns-3 .columnright { float: left; width: 416px; }
#c1097 .contentarea-columns-3 .columnright { float: left; width: 615px !important; }
.contentarea-columns-4 .columnleft { float: left; margin-right: 16px; width: 200px; }
.contentarea-columns-4 .columnmiddle { float: left; margin-right: 16px; width: 200px; }
.contentarea-columns-4 .columnright { float: left; width: 200px; }

.content-area h1 { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
.content-area h2 { color: #737373; font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 20px; }
.content-area h2 a { text-decoration: none; }
.content-area h2 a:hover { text-decoration: underline; }
.content-area h3 { color: #737373; font-size: 14px; font-weight: bold; margin-bottom: 10px; }

.content-area h4.content-title { background-color: #b31218; border-bottom: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; margin: 0 0 10px 0; text-align: left; padding: 3px 8px 4px 8px; color: #ffffff; }
.content-area h4.content-title:empty { display: none; }

.content-area h4 { color: #737373; font-size: 13px; font-weight: bold; }
.content-area p { margin-bottom: 20px; }
.content-area ul { list-style: square; margin: 0 0 0 48px; padding-bottom: 20px; }
.content-area ol { list-style: decimal; margin: 0 0 0 48px; padding-bottom: 20px; }
.content-area blockquote { background: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; display: block; font-style: italic; margin: 0 0 20px 0; padding: 18px 20px 0 20px; }
.content-area blockquote p { margin: 0; padding-bottom: 20px; }
.content-area .box { font-family: Arial, Helvetica, sans-serif; margin-bottom: 19px; }
.content-area .box .title { background: #b31218; color: #505050; margin: 0; padding: 4px 16px 4px 16px; }
.content-area .box .content { background: #f2f2f2; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 10px 15px 0 15px; }
.content-area .box .content p { margin: 0 0 12px 0; }

.veranstaltung { background: #f3f3f3; margin-bottom: 20px; padding: 0 20px; }

.sidebar { float: left; padding: 0 16px 40px 0; width: 208px; }
.sidebar .box { margin: 0 0 10px 0; }
.sidebar .box .title { background-color: #b31218; border-bottom: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 3px 8px 4px 8px; color: #ffffff; }
.sidebar .box .title h3 { font-size: 12px; font-weight: bold; line-height: 20px; }
.sidebar .box .title h3 a { color: #365971; text-decoration: underline; }
.sidebar .box .title h3 a:hover { color: #b3001f; text-decoration: none; }
.sidebar .box .content { background: #f2f2f2; border-bottom: 1px solid #ebebeb; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; padding: 11px 8px 4px 8px; }
.sidebar .box .content p { margin: 0 0 8px 0; }

#tag-cloud { text-align: center; }
#tag-cloud a { line-height: 1.25em; margin: 0 0.25em; }
#tag-cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#tag-cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#tag-cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#tag-cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#tag-cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#tag-cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#tag-cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#tag-cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#tag-cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#tag-cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

/*
table.contenttable-0 { width: 400px; }
.contenttable-0 { margin: 0 0 20px 0; }
.contenttable-0 caption { background-color: #f3f7e3; border-bottom: 1px solid #dedede; text-align: left; padding: 9px 16px 10px 16px;}
.contenttable-0 tbody {  }
.contenttable-0 tbody tr { background-color: #fafafa; }
.contenttable-0 tbody tr.tr-even {  }
.contenttable-0 tbody tr.tr-odd { }
.contenttable-0 tbody tr td { border-bottom: 1px solid #f2f2f2; padding: 3px 16px 4px 16px; }
.contenttable-0 tbody tr td.td-last {  }
.contenttable-0 thead tr { background: #f2f2f2; }
.contenttable-0 thead tr th { border-bottom: 1px solid #dedede; padding: 3px 16px 4px 16px; }
*/


table.contenttable-0 { border-collapse: collapse; border-spacing: 0; margin: 0 0 16px 0; padding: 0; width: 100%; }
table.contenttable-0 caption { background-color: #b31218; border-bottom: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding: 3px 8px 4px 8px; color: #ffffff; }
table.contenttable-0 th { background-color: #ebebeb; border-bottom: 1px solid #ffffff; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left; padding: 3px 8px 4px 8px; }	
table.contenttable-0 tbody { padding: 0; }
table.contenttable-0 tbody tr { padding: 0; }
table.contenttable-0 tbody tr td,
table.contenttable-0 tbody tr th { border-bottom: 1px solid #ffffff; padding: 2px 8px 3px 8px; color: #303030; }
table.contenttable-0 tbody tr.tr-even { background: #f7f7f7; }
table.contenttable-0 tbody tr.tr-odd { background: #f2f2f2; }
table.contenttable-0 tr.tr-even:hover,
table.contenttable-0 tr.tr-odd:hover { background: #ebebeb; }
table.contenttable-0 tfoot td { color: #a8a8a8; font-style: italic; line-height: 16px; text-align: left; padding: 3px 8px 4px 8px; }
table.contenttable-0 tfoot tr.tr-last:hover { background: none; }

table.gebuehren .td-last { text-align: right; width: 112px; }
table.telefonnummer .td-last { width: 112px; }
table.download .td-1 { width: 42px; }
table.download .td-last { text-align:right; width: 42px; }
table.versorgung1 .td-1 { text-align:right; width: 36px; } /* 52 */
table.versorgung1 .td-2 { text-align:right; width: 140px; } /* 104 */
table.versorgung2 .td-0 { width: 28px; }
table.versorgung2 .td-1 { width: 296px; }
table.versorgung2 .td-2 { text-align: right; width: 80px; }
table.versorgung2 .td-3 { text-align: right; width: 64px; }
table.versorgung2 .td-4 { text-align: right; width: 112px; }
table.zahlenfakten1 td { width: 200px; }
table.zahlenfakten2 .td-0 { width: 200px; }
table.zahlenfakten2 .td-1 { width: 92px; }
table.zahlenfakten2 .td-2 { width: 92px; }


.csc-textpic .csc-textpic-imagewrap { margin: 0 0 20px 0; padding: 0; }
.sidebar .csc-textpic .csc-textpic-imagewrap { margin: 0 0 10px 0; padding: 0; }

.content-area .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin: 0; padding: 0; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { background: #f2f2f2; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0; padding: 3px 5px 4px 8px; }
.csc-textpic-clear { background: #0ff; clear: both; }

.content-area .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { padding-right: 4px; }
.content-area .csc-textpic .csc-textpic-imagewrap .csc-textpic-image.csc-textpic-lastcol { padding-right: 0px; }

/*
-------------------------------------------------------
	Submenu
-------------------------------------------------------
*/
.submenu { float: left; padding: 0 0 40px 16px; width: 208px; }
.submenu ul { border-top: 1px solid #ebebeb; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.submenu ul li { width: 208px; }
.submenu ul li a { background: #fff; border-bottom: 1px solid #ebebeb; color: #737373; display: block; padding: 2px 4px 1px 4px; text-decoration: none; width: 200px; }
.submenu ul li a:hover { background: #fafafa; color: #b31218; }
.submenu ul li a.active { color: #b31218; }	
.submenu ul li ul { border-bottom: 1px solid #ebebeb; border-top: none; line-height: 16px; padding: 4px 0; }
.submenu ul li ul li a { border-bottom: none; color: #a8a8a8; font-size: 11px; padding: 0px 16px 0px 16px; width: 174px; }
.submenu ul li ul li a:hover { background: none; }
	
/*
-------------------------------------------------------
	Überblick
-------------------------------------------------------
*/

ul.RolloverTeaser {	margin: 0; list-style: none; }
ul.RolloverTeaser li { border-bottom: 1px solid #ebebeb; clear: left; color: #525252; float: left; margin: 0; width: 100%; }
ul.RolloverTeaser p { margin: 0; padding: 0; }
ul.RolloverTeaser li img { float: left; margin: 0 16px 0 0;	}
ul.RolloverTeaser .small p,
ul.RolloverTeaser .small img { display: none; }
ul.RolloverTeaser .small a { text-decoration: none; }
ul.RolloverTeaser .big { padding: 10px 0; }

#buergerservice .column-left { float: left; margin: 0 16px 0 0; width: 240px; }
#buergerservice .column-right { float: left; width: 240px; }

/*
-------------------------------------------------------
	Footer
-------------------------------------------------------
*/
/* ALT  */

.footer { border-top: 1px solid #dedede; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0 12px; color: #c9c9c9; padding: 8px 4px 15px 4px; position: relative; }
.footer a { color: #a8a8a8; text-decoration: none; }
.footer a:hover { color: #b31218; }
.footer address { float: left; font-style: normal; width: 656px;}
.footer address span { margin-right: 12px; }

.footer .options { float: left; width: 208px; }
.footer .options a { margin-right: 12px; }


/*
.footer { background: #f3f7e3; color: #ebebeb; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; position: relative; width: 100%; }
.footer address { font-style: normal; padding: 8px 16px; }
.footer address span { margin-right: 12px; }
.footer address a { color: #929b78; }
*/

/*
-------------------------------------------------------
	Agentur für neue Medien
-------------------------------------------------------
*/
#neue-medien-agentur { background: #ebebeb; color: #c9c9c9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; padding: 5px 0 0 0; text-align: center; }
#neue-medien-agentur a { color: #c9c9c9; text-decoration: none; }



#index .spacer { height: 2px; }


.layout-1 {
	border: 1px solid red;
	}
	
.layout-2 {
	margin: 20px; 
	}
	
.layout-3 {
	font-weight: bold;
	}

/*	
.image-slider ul { list-style: none; margin: 0; padding: 0; height: 204px; }
.image-slider ul li { padding: 0; margin: 0; }
.slider-frame {  height: 224px; background: #ff0; position: relative; margin: 0 0 20px 0; }
#slider1next { background: #f00; position: absolute; right: 0; bottom: 0; }
#slider1prev { background: #f00; position: absolute; left: 0; bottom: 0; }
*/

.image-slider ul { list-style: none; margin: 0; padding: 0; height: 204px; }
.image-slider ul li { padding: 0; margin: 0;height: 204px; }
.image-slider ul li img { float: left;height: 204px; }
.slider-frame { background: #ff0; margin: 0 0 20px 0;height: 204px; }
#slider1next { background: #f00; }
#slider1prev { background: #f00; }

/* Google Maps */
.tx-wecmap-pi1 { margin-bottom: 20px; }
.tx-wecmap_map .sidebar { overflow: none; }

/* Slideshow */
ul.slideshow { border: 1px solid #ebebeb; border-left: none; border-right: none; height: 312px; list-style: none; margin: 0 0 0 0; padding: 0; }
ul.slideshow li.element { background: #f2f2f2; width: 632px; height: 312px; }
ul.slideshow .column-left { background: #ebebeb; float: left; width: 416px; height: 312px; }
ul.slideshow .column-right { float: left; font-family: Arial, Helvetica, sans-serif; height: 292px; overflow: hidden; padding: 20px 16px 0 16px; width: 184px; }
ul.slideshow .column-right p { font-size: 11px; line-height: 16px; margin-bottom: 16px; }
ul.slideshow .column-right .title {  }
.slideshow-controls { border-bottom: 1px solid #ebebeb; float: right; margin-bottom: 20px; text-align: right; width: 137px; }
.slideshow-controls #slideshow1-next {  }
.slideshow-controls #slideshow1-next a { background: url(../images/slideshow-next.gif) left center no-repeat; border-left: 1px solid #ebebeb; color: #365971; display: block; float: right; font-family: Arial, Helvetica, sans-serif; padding: 6px 8px 6px 24px; text-decoration:none; width: 36px;  }
.slideshow-controls #slideshow1-next a:hover { background: #fafafa url(../images/slideshow-next-hover.gif) left center no-repeat; color: #b3001f; }
.slideshow-controls #slideshow1-previous a { background: url(../images/slideshow-previous.gif) right center no-repeat;  color: #365971; display: block; float: left; font-family: Arial, Helvetica, sans-serif; padding: 6px 24px 6px 8px; text-decoration:none; width: 36px; }
.slideshow-controls #slideshow1-previous a:hover { background: #fafafa url(../images/slideshow-previous-hover.gif) right center no-repeat; color: #b3001f; }
.slideshow-title { border-bottom: 1px solid #ebebeb; float: left; font-style: italic; margin-bottom: 20px; padding: 6px 0; width: 495px; }


.wegweiser { background: url(../images/schilder2.gif) top center no-repeat; margin: 0 0 20px 0; padding: 32px 0 96px 0; }
.wegweiser .schilder-links ul{ float: left; list-style: none; margin: 0 0 0 32px; padding: 0; width: 168px; }
.wegweiser .schilder-rechts ul { float: right; list-style: none; margin: 0 32px 0 0; padding: 0; width: 168px; }
.wegweiser ul li { color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 28px; line-height: 26px; margin-bottom: 4px; width: 168px; }
.wegweiser .schilder-links ul li a  { background: url(../images/schild2.gif) top left no-repeat; color: #1c1c1c; display: block; height: 28px; padding: 0 16px 0 20px; text-decoration: none; width: 132px; }
.wegweiser .schilder-rechts ul li a  { background: url(../images/schild2-rechts.gif) top left no-repeat; color: #1c1c1c; display: block; height: 28px; padding: 0 16px 0 20px; text-align: right; text-decoration: none; width: 132px; }
.wegweiser ul li a:hover { color: #b3001f; }


ul.schilder,
ul.csc-bulletlist-3 { background: url(../images/schilder2.gif) top right no-repeat; list-style: none; margin: 0 0 20px 0; padding: 32px 0 96px 0; width: 208px; }
ul.schilder li,
ul.csc-bulletlist-3 li { background: url(../images/schild2.gif) top left no-repeat; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 28px; line-height: 26px; margin: 0 26px 6px 24px; text-align: right; width: 168px; }
ul.schilder li a,
ul.csc-bulletlist-3 li a  { color: #1c1c1c; display: block; height: 26px; padding: 0 16px 0 20px; text-decoration: none; width: 132px; }
ul.schilder li a:hover,
ul.csc-bulletlist-3 li a:hover { color: #b3001f; }

.button { height: 80px; position: relative; overflow: hidden; width: 200px; }
.button .title { font-weight: bold; line-height: 16px; margin: 8px 64px 4px 8px; }
.button .title a { color: #fff; outline: none; text-decoration: none; }
.button .content { height: 80px; position: absolute; width: 100%; }
.button .text { color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; padding: 0 64px 0 10px; color: #fff !important; }
.button img { position: absolute; right: 0; top: 0; }
.button.wirtschaft { background: #fff; }
.button.wirtschaft .content { background: url(../images/button-wirtschaft.png) top left repeat-x; behavior: url("/fileadmin/templates/stylesheets/iepngfix.htc"); }
.button.tourismus { background: #fff; }
.button.tourismus .content { background: url(../images/button-tourismus.png) top left repeat-x; }
.button.noerdlicherbodensee { background: #fff; }
.button.noerdlicherbodensee .content { background: url(../images/button-noerdlicherbodensee.jpg) top left repeat-x; }
.button.noerdlicherbodensee .title { color: #737373; }
.button.noerdlicherbodensee .title a { color: #737373; }
.contentarea-columns-4.buttons { border-top: 1px solid #ebebeb; padding: 19px 0 20px 0; width: 100%; }

.toggleMaps { display: none; margin-bottom: 20px; }
.toggleMaps .toggler span { color: #365971; cursor: pointer; text-decoration: underline; }
.toggleMaps .toggler span:hover { color: #b3001f; text-decoration: none; }

.powermailfe_listitem { padding: 2px 8px 3px 8px; color: #303030; }
.powermailfe_listitem_even { background: #f7f7f7; }
.powermailfe_listitem_odd { background: #f2f2f2; }

.powermail_mandatory_j { border-bottom: 1px solid #787878; color: #b31218; margin: 0 20px 4px 0; padding: 0 0 3px 136px; }

.contentarea-columns-2 .columnright .box .title { background-color: #b31218; border-bottom: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding: 3px 8px 4px 8px; color: #ffffff; }
.contentarea-columns-2 .columnright .box .title h3 { font-size: 12px; font-weight: bold; color: #fff; margin: 0; }



#accessible { display: none; }

/* default styles for extension "tx_indexedsearch" */
.tx-indexedsearch .tx-indexedsearch-browsebox {}
.tx-indexedsearch .tx-indexedsearch-browsebox ul { margin: 0; }
.tx-indexedsearch .tx-indexedsearch-browsebox ul li { display:inline; }
.tx-indexedsearch .tx-indexedsearch-browsebox ul li a { border: 1px solid #dedede; font-family: Arial, Helvetica, sans-serif; margin: 0 5px 0 0; padding: 5px; text-decoration: none; }
.tx-indexedsearch .tx-indexedsearch-browsebox ul li a:hover,
.tx-indexedsearch .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage a { border: 1px solid #b3001f; color: #b3001f; font-family: Arial, Helvetica, sans-serif; padding: 5px; text-decoration: none; }
.tx-indexedsearch .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage strong { font-weight: normal; }

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res { clear: both; margin-bottom: 20px; }
.tx-indexedsearch .tx-indexedsearch-res h3 { margin-bottom: 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr { margin-bottom: 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #b3001f; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-text-item-path { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { font-size: 11px; font-weight:normal; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

.powermailfrontend_pagebrowser ul {border: 0; margin:5px 0; padding: 0;}
.powermailfrontend_pagebrowser li { display: inline; margin-right: 5px;}


/*Luftballon Aktion*/
#c1625.csc-default h4.content-title { background-color: #fff !important; line-height: 0 !important; }


#index .spacer { height: 10px; }
.highlight { background: none; height: 449px; }
#slideshow { width: 896px; height: 448px; }
#slideshow img { width: 100%; }



.bodytext { font-size: 13px; }
#darueber-spricht-ostrach .category { font-size: 12px; text-transform: none; }
#mainColumn { width: 615px; }
#pagetitle { width: 670px; float: left;  }
#pagetitle h1 { padding: 0 16px 20px 24px; font-style: normal; font-family: "myriad-pro", arial, sans-serif; color: #666; }
#pagetitle h1#mainTitle { padding: 0 16px 20px 16px; }



.mark1 { width: 195px; height: 110px; margin: 0 15px 0 0; background: #b3001f; float: left; }
.mark1 p { line-height: 25px; padding: 0 10px; color: #fff; }



.button .title { font-size: 14px; margin: 15px 70px 25px 10px; }
.button.wirtschaft .content, .button.tourismus .content, .button.noerdlicherbodensee .content { background: none; }
.button.noerdlicherbodensee .title a { color: #fff; }
.contentarea-columns-4.buttons { border: none; }



.footer { font-size: 12px; color: #444; font-family: "myriad-pro", arial, sans-serif; }
.footer a { color: #444; }
.footer address { width: 756px; }
.footer .options { width: 100px; }


.menu { background: #b3001f; }
.menu ul { background: #b3001f; }
.menu ul li a, 
.menu ul li:hover ul li a { border-color: #b3001f; }
.menu ul li ul { border-color: #666; }
.menu ul li a:hover, 
.menu ul li a.active,
.menu ul li:hover ul li a:hover, 
.menu ul li:hover a { background: #666; color: #fff; border-color: #666;  }
.menu ul li:hover ul li a { color: #222; background: #f0f0f0; }
.menu ul li ul li a { border-color: #666 !important; }

.mabild {width: 200px; height: 267px; margin-left: 10px; margin-bottom: 10px;}
.mabild img {width: 200px !important; height: 267px !important;}

table.ortschaft tr { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding: 3px 8px 4px 8px; }
table.ortschaft th { background-color: #b31218; border-bottom: 1px solid #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding: 3px 8px 4px 8px; color: #ffffff !important; }

.calfirst { width: 125px !important; border-bottom: 1px solid #bbbbbb !important;}
.calsecond { border-bottom: 1px solid #bbbbbb !important;}
.calthird { border-bottom: 1px solid #bbbbbb !important;}