/* ---------------------- reset ------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:10px}

/* ---------------------- general page styles ---------------------- */
body {
   font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
   background: #fff url('img/verlauf_bg_body.jpg') repeat-x fixed top left;
   font-size:12px;
   line-height:16px;
   padding: 10px 0;
}
img {
  border:none;
}
.invisible {
  display:none;
}
dfn {
   display:none;
}
.clear {
  clear: both;
}


/* ---------------------- Links ---------------------- */
a:link, a:visited, a:active, a:hover {
  text-decoration:none;
  color:#f08c0a;
}
a:active, a:hover {
  text-decoration:underline;
}


/* ---------------------- Überschriften ---------------------- */
h1, h2, h3, h4, h5 {
  font-size:1.0em;
  color:#000;
  padding:3px 5px;
  background: url('img/verlauf_grau_hell.gif') repeat-x top left;
}

.csc-textpic-text h1, .csc-textpic-text h2, .csc-textpic-text h3, .csc-textpic-text h4, .csc-textpic-text h5 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
}

/* ---------------------- specific ids ---------------------- */
.container {
  background-color: #fff;
  margin: 0 auto;
  width: 945px;
}

.header {
   margin:0;
   padding:0;
}

.main {
   margin:10px 0 0 0;
   padding:0;
}

#totop {
   font-size:0.8em;
   margin:10px 0 10px 0;
   padding:0 0 0 5px;
}


/* ---------------------- header ------------------------------ */
.logo {
  background-color:#f08c0a;
  border-bottom: 1px solid #fff; 
}
.headerimage {
  border-bottom: 1px solid #fff; 
}
#logo {
  margin-top: 60px;
} 
.logo_bot {
  background: url('img/verlauf_blau.gif') repeat-x; 
  width: 237px;
}



#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
}

#nav a {
  display: block;
/*  width: 92px; */
  border-left: 1px solid #fff; 
  background: url('img/verlauf_grau_dkl.gif') repeat-x;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 0 5px 0;
  text-align: center;
}

#nav li { /* all list items */
	float: left;
	width: 116px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-image: none;
	background-color: rgb(75,75,75);
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -4px 0 0 10px;
	z-index: 99;
}

#nav li ul a {
  background-image: none;
  background-color: rgb(75,75,75);
  text-transform: none;
  text-align: left;
  border: none;
  width: 140px;
  padding-left: 10px;
}

#nav li ul a:hover {
  color: #f08c0a;
}

#nav li ul li {
  float: none;
}

#nav li ul li.active {
  width: 140px;
  padding: 4px 0 4px 10px;
  color: #f08c0a;
}

#nav li ul li.active a,
#nav li ul li.active ul li.active a {
  padding-left: 0;
  color: #f08c0a;
}

#nav li ul li.active ul a {
  padding-left: 10px;
  color: #fff;
}

#nav li ul li.active ul a:hover {
  color: #f08c0a;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}





.search {
  background: url('img/verlauf_grau_hell.gif') repeat-x;
  padding: 3px 0 0 0;
}
#searchfield, #newsletterfield {
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-bottom:1px solid #efefef;
  border-right:1px solid #efefef;
}
#searchfield {
  margin-left: 10px;
}


/* ---------------------- linke Spalte ---------------------- */
#left .leftnav {
   background-color:#ebebeb;
   padding:1px 10px 1px 10px;
   margin-bottom: 10px;
   list-style-type: none;
   text-transform: uppercase;
}
#left .leftnav li {
   margin: 3px 0;
}
#left .leftnav li a {
   display: block;
   background: url('img/pfeil_rechts.gif') no-repeat 0 4px;
   padding-left: 16px;
   text-decoration: none;
   font-weight: bold;
}
#left .leftnav li a:hover,
#left .leftnav li a:focus {
   background: url('img/pfeil_rechts_grau.gif') no-repeat 0 4px;
   color: #4b4b4b;
   padding-left: 16px;
}
#left .leftnav li.active {
   background: url('img/pfeil_rechts_grau.gif') no-repeat 0 4px;
   color: #4b4b4b;
   padding-left: 16px;
   font-weight: bold;
}
#left .leftnav li.active a,
#left .leftnav li.active a:hover,
#left .leftnav li.active a:focus {
   background: none;
   background-image: none;
   color: #4b4b4b;
   padding: 0;
}
#left .leftnave2 {
  padding: 0;
  list-style-type: none;
  text-transform: none;
}
#left .leftnave2 li {
  background: none;
  background-image: none;
  padding: 0;
}
#left .leftnave2 li a {
  background: none;
  background-image: none;
  font-weight: normal;
  padding: 0;
}
#left .leftnave2 li.active {
  background: none;
  background-image: none;
  padding: 0;
}
#left .leftnave2 li a:hover,
#left .leftnave2 li a:focus,
#left .leftnave2 li.active a {
  background: none;
  background-image: none;
  font-weight: bold;
  padding: 0;
}

#left h1, #left h2, #left h3, #left h4, #left h5 {
  background: url('img/verlauf_grau_dkl.gif') repeat-x top left;
  color: #fff;
  border-bottom: 3px solid #fff;
}

#left .csc-textpic,
#left .tx-skcalendar-pi1,
#left #twrss_table {
  background-color:#ebebeb;
  padding: 10px 0 0 0;
}

#left .csc-textpic-center dl.csc-textpic-image {
  float: none;
}

#left .tx-skcalendar-pi1,
#left #twrss_table {
  border: none;
  margin-top: 0;
  padding: 10px;
}

#left .tx-skcalendar-pi1 p {
  font-size: 0.9em;
  margin-bottom: 6px;
}

/*#left .tx-skcalendar-pi1 a {
  display: block;
}*/


/* ---------------------- rechte Spalte --------------------- */
#right h1, #right h2, #right h3, #right h4, #right h5 {
  background: url('img/verlauf_orange.gif') repeat-x top left;
  color: #fff;
  border-bottom: 3px solid #fff;
}

#right .csc-textpic,
#right #twrss_table,
#right .wttwitter {
  background-color:#ffebd3;
  padding: 10px 0 0 0;
}

#right .wttwitter {
	padding-top: 0;
	font-size: 0.9em;
}

#right .csc-textpic dl {
  margin-bottom: 0;
}

#right .csc-textpic-center dl.csc-textpic-image {
  float: none;
}

#right #twrss_table {
  border: none;
  padding: 10px 10px 0 10px;
  margin-bottom: 10px;
}


/* ---------------------- Footer --------------------------- */
.footer {
  border-top: 1px solid #b4b4b4;
  background: #fff url('img/verlauf_grau_hell.gif') repeat-x top left;
  padding: 2px 5px;
  margin-top: 5px;
}
.footer ul.footernav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer ul.footernav li {
  float: left;
  margin: 0 5px;
  padding: 2px 0;
}
.footer ul.footernav li a {
  color: #4b4b4b;
  font-size: 0.85em;
}
.footer ul.footernav li.active {
  font-size: 0.85em;
}


/* ---------------------- Mitte ---------------------------- */
#middle .csc-textpic,
#middle .csc-uploads {
  border: 1px solid rgb(180,180,180);
}
#middle .csc-mailform,
#middle .csc-menu {
  border: 1px solid rgb(180,180,180);
  padding: 10px;
}

.csc-mailform-field  {
  clear: left;
  margin: 5px 0;
}
.csc-mailform-field label {
  display: block;
  float: left;
  width: 120px;
}
#mailformKontaktaufnahme {
  border: none;
  margin-bottom: 15px;
}
#mailformKontaktaufnahme legend {
  display: none;
}
#mailformKontaktaufnahme input {
  float: left;
  clear: both;
  padding: 0;
  margin: 3px 10px 0 0;
}
#mailformKontaktaufnahme label {
  display: inline;
  float: none;
}
.csc-mailform-submit {
  margin-left: 120px;
}




.csc-textpic {
  margin-bottom: 10px;
}
#middle .csc-textpic {
  padding: 10px;
}
#left .csc-textpic-text,
#right .csc-textpic-text {
  padding: 5px 10px;
}

#left .csc-textpic h1, #left .csc-textpic h2, #left .csc-textpic h3, #left .csc-textpic h4, #left .csc-textpic h5,
#middle .csc-textpic h1, #middle .csc-textpic h2, #middle .csc-textpic h3, #middle .csc-textpic h4, #middle .csc-textpic h5,
#right .csc-textpic h1, #right .csc-textpic h2, #right .csc-textpic h3, #right .csc-textpic h4, #right .csc-textpic h5 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
  border: none;
}


.csc-uploads {
  width: 100%;
}
.csc-uploads td {
  padding: 10px;
}
.csc-sitemap {
  margin-bottom: 10px;  
  padding: 10px 10px 0 10px;
  border: 1px solid rgb(180,180,180);
}

.csc-textpic-text ul,
.csc-sitemap ul {
  padding-left: 10px;
  list-style-type: disc;
}

.csc-textpic-caption,
.news-single-imgcaption {
  font-size: 0.85em;
}

#middle .csc-textpic .csc-textpic-text .csc-textpic,
#middle .csc-textpic .csc-textpic-text .csc-textpic .csc-textpic-text {
  padding: 0;
  border: 0 none;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin:0 0 2px;
}  

/* ---------------------- tt_news --------------------------- */
.news-latest-container,
.news-list-item {
  background-color: #fff;
  border: 1px solid rgb(180,180,180);
  padding: 10px;
  margin-bottom: 10px;
}
.news-latest-item h1, .news-latest-item h2, .news-latest-item h3, .news-latest-item h4, .news-latest-item h5,
.news-list-item h1, .news-list-item h2, .news-list-item h3, .news-list-item h4, .news-list-item h5 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
  border: none;
}
.news-latest-item img,
.news-list-item img {
  float: left;
  margin: 5px 10px 10px 0;
  border: none;
  background: none;
}
.news-list-item .news-list-fk-image img {
  float: right;
  margin: 5px 0 10px 10px;
  border: none;
  background: none;
}
.news-latest-morelink,
.news-list-morelink {
  background: url('img/pfeil_rechts.gif') no-repeat right 3px;
  padding-right: 17px;
  text-align: right;
}
.news-latest-morelink {
  clear: both;
}
.tx-ttnews-browsebox td {
  padding: 0 3px;
}

table.startseite {
  width: 465px;
  margin: 30px 0 0 0;
}
table.startseite td {
  vertical-align: top;
  border: 1px solid #b4b4b4;
}
table.startseite td.nb {
  border: none;
}
#middle table.startseite td div {
  border: none;
  margin-bottom: 0;
}

.news-single-item {
  border: 1px solid rgb(180,180,180);
  padding: 10px;
  margin-bottom: 10px;
}
.news-single-item h1, .news-single-item h2, .news-single-item h3, .news-single-item h4, .news-single-item h5 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
  margin-bottom: 5px;
}
.news-single-img {
  float: left;
  margin: 5px 10px 10px 0;
}
.news-amenu-container {
  clear: both;
  border: 1px solid rgb(180,180,180);
  padding: 10px;
  margin-bottom: 10px;
}
.news-amenu-container h2 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
  margin-bottom: 5px;
}


/* --------------------- Newsletter --------------------- */
#right .nl-sub,
#left .nl-sub {
  padding: 0 10px 10px 10px;
}


/* --------------------- Suche -------------------------- */
.tx-indexedsearch {
  border: 1px solid rgb(180,180,180);
  padding: 10px;
}

.tx-indexedsearch-browsebox td {
  padding: 0 3px;
}


/* --------------------- Galerie ------------------------ */
.tx-gooffotoboek-pi1 .csc-textpic {
  padding: 10px;
}
.tx-gooffotoboek-pi1 .csc-textpic h1, .tx-gooffotoboek-pi1 .csc-textpic h2, .tx-gooffotoboek-pi1 .csc-textpic h3, .tx-gooffotoboek-pi1 .csc-textpic h4, .tx-gooffotoboek-pi1 .csc-textpic h5 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
  margin-bottom: 10px;
}
.tx-gooffotoboek-pi1 .csc-textpic table td {
  padding: 0 10px 10px 0;
}


/* --------------------- Kalender ----------------------- */
.tx-skcalendar-pi1 {
  border: 1px solid rgb(180,180,180);
  padding: 10px;
  margin-bottom: 10px;
}
.tx-skcalendar-pi1 h1, .tx-skcalendar-pi1 h2, .tx-skcalendar-pi1 h3, .tx-skcalendar-pi1 h4, .tx-skcalendar-pi1 h5 {
  background: none;
  color: #f08c0a;
  padding: 3px 0;
  margin-bottom: 10px;
}
.tx-skcalendar-pi1 table td {
  padding: 0 5px 5px 0;
}
.tx-skcalendar-pi1 ol {
  list-style-type: decimal;
}
.tx-skcalendar-pi1 ul {
  list-style-type: disc;
}
.tx-skcalendar-pi1 li {
  margin-left: 15px;
}
#right .tx-skcalendar-pi1 {
  border: none;
  background-color:#ffebd3;
  padding-bottom: 1px;
}


/* --------------------- Google Map ----------------------- */
.tx-wecmap-pi3 {
  border: 1px solid rgb(180,180,180);
  padding: 10px;
  margin-bottom: 10px;
}


#middle .csc-textpic #mtaTwitter ul,
#right .csc-textpic #mtaTwitter ul {
  list-style-type:none;
  padding:0 10px;
  margin: 0;
}

#mtaTwitter {
  height: 225px;
  overflow: hidden;
}

#mtaTwitter li {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 0.9em;
}

#twitter-link {
  padding: 0 10px 10px 0;
  font-size: 0.9em;
}

.rgslideshow img {
  display: none;
}

#mb_overlay {
	z-index: 98;
}

#mb_center {
	z-index: 99;
}

#mb_bottom {
	z-index: 99;
}

/* error handling */ 	
.tx-veguestbook-pi1 p.tx-guestbook-form-error { 		font-weight:bold; 		color:#990000; 	} 	 	

/* styles for list mode */
.tx-veguestbook-pi1 .guestbook-entry { clear: both; background-color: #fff; border: 1px solid #ccc; margin: 0 0 5px 0; padding: 0 5px; }
.tx-veguestbook-pi1 .tx-guestbook-date, .tx-veguestbook-pi1 .tx-guestbook-header { font-size: 0.9em; } 	
.tx-veguestbook-pi1 h4.tx-guestbook-header { 		clear:both; 		display:block; 		font-size:100%; 	} 	 	

/* form styles */ 	
.tx-veguestbook-pi1 .tx-guestbook-field { 		clear:both; 		width:100%; 		display:block; 		padding: 1em 0; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-field label { 		clear: both; 		display: block; 		float: left; 		width: 10em; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med { 		float:left; 		width:10em; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big { 		float:left; 		width:20em; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea { 		width: 30em; 		display: block; 		float: left; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield { 		color:#990000; 	} 	 	
.tx-veguestbook-pi1 fieldset { 		border:none; 	} 	 	
.tx-veguestbook-pi1 legend { 		display:none; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap { 		float:left; 		display:block; 		background:#F7F7F7; 		border:1px solid #CCC; 	}   	
.tx-veguestbook-pi1 .tx-guestbook-freecap { 		margin-left:2.25em; 	}   	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap img { 		float:left; 		display:block; 		padding-left:0.25em; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap input { 		float:left; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap label { 		clear:both; 		display:block; 		float:none; 		width:10em; 		margin-bottom:0.5em; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap p { 		font-size:75%; 		padding:0.25em; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap h3 { 		display:none; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read { 		color:#990000; 	} 	 	
.tx-veguestbook-pi1 .tx-guestbook-clear { 		clear:both; 		} 	 	
.tx-veguestbook-pi1 input.tx-guestbook-submit { 		width:auto; 		display:block; 	}

.align-left { text-align: left; }

/* Kicktipp Settings */

.kicktipp-javascript .kicktipp-navigation {
	height: 100px;
	background: none;
}

.kicktipp-navigation ul {
	margin: 15px 0;
}


.kicktipp-javascript .kicktipp-navigation ul li {
	width: 106px;
}

.kicktipp-javascript .kicktipp-navigation li a {
	width: 106px;
}

.kicktipp-javascript .kicktipp-navigation li a:hover,
.kicktipp-javascript .kicktipp-navigation li a:focus,
.kicktipp-javascript .kicktipp-navigation .active {
	border-bottom:5px solid #F08C0A;
}

#middle .kicktipp-javascript .kicktipp-content {
	clear: both;
	background-color:#FFFFFF;
	border:1px solid #B4B4B4;
	margin-bottom:10px;
	padding:10px;
}