/* css file for agenda21.ludwigsburg.de */
/* Copyright 2010 Weboleo, http://www.weboleo.de */
/* Farbdefinitionen: Gelb: #ffc900, Hellgrau: #c5c5c7, Dunkelgrau: #5f5f62, Orange: #e95d0f*/


*{ margin:0; padding:0;}
body  {	color:#5f5f62; background: #FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:101%; background: url(../bilder/bg-header.gif) right top no-repeat;  }
div, p{margin: 0; padding: 0;}
a, a:hover, a:active, a:visited {text-decoration:none;}
img{border:none}


/* Inhaltselemente */	
.float_rechts { float: right; margin-left: 8px; }
.float_links { float: left; margin-right: 8px; }	
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
	
	
#container {width:100%; margin:0;}

/* ---- header ---- Breite: 1000px Höhe: 172 px*/ 
#header {width:974px; height: 172px; padding:0 0 0 26px; margin-top:15px; }
#header .csc-default {width:546px; margin:0; padding:0; float:right;}

/* ---- Logo --- Breite: 255px */
#logo {margin:0; padding:0; float:left;}
/* Headerbild --- breite: 546px */
#headerbild {margin:0; padding:0;}
#headerbild div.csc-textpic-left div.csc-textpic-imagewrap {float:none;}
#headerbild div.csc-textpic div.csc-textpic-single-image img {margin:0;}

/* navigation rechts neben Headerbild --- Breite: 173px */
#headernavi {width:156px; float:right; margin:0; padding:8px 0 0 17px;}
#headernavi ul {list-style:none; padding:0; margin:0;}
#headernavi ul li a {color:#5f5f62; font-family:Verdana, Geneva, sans-serif; font-size:70%; font-weight:bold; text-decoration:none; background:url(../bilder/bg-a-headernavi.gif) no-repeat; padding:0 0 0 13px; margin:0; }
/* ---- end header ---- */ 

#suche form {border:none; margin-bottom:20px; font-size:90%;}
#suche form a{font-size:85%; color:#5f5f62; text-decoration:underline;}
#suche form input[type=submit] {background:url(../bilder/search.gif) no-repeat; width:17px; height:19px; border: none; cursor:pointer}
#suche form input {width:120px; height:12px; padding:2px; border: 1px solid #c5c5c7; background:#FFF; color:#5f5f62; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:none;}

#lupen {width:150px; margin:13px 0 15px 0;}
#lupen a img {border: solid 1px #FFF; padding:0 1px 0 1px;}
#lupen a img:hover {border: solid 1px #ffc900; }

/* ---------------- hauptnavi -------------------- */ /* Navigation oben */
#hauptnavi { width: 986px; height: 31px; background: #c5c5c7; vertical-align:middle; line-height:31px; margin:15px 0 50px 0; padding: 0 0 0 14px; font-size:85%; } 
#hauptnavi ul { list-style:none; }
#hauptnavi li { display:inline; }
#hauptnavi span { float:left; background:url(../bilder/hauptnavi-trenner.gif) right top no-repeat; height:31px;}

/* --- textlinks hauptnavi --- */
#hauptnavi span a {padding:0 12px ;color: #5f5f62; font-weight: bold; text-decoration:none; }
#hauptnavi span a:visited  { color:#5f5f62; }
#hauptnavi span a:hover  {color:#5f5f62; } 
#hauptnavi span:hover  {background-color: #ffc900;}
#hauptnavi span.hauptnavi-act { color:#5f5f62; background-color: #ffc900; }
/* ---------------- end hauptnavi -------------------- */


#content {width:1000px;}

/* ---- mainContent ----  */  
#mainContent{width:715px; float:right; margin-left:25px; font-size:85%; line-height:125%; padding-bottom:20px;} 
#mainContent h1 {  font-weight:normal; font-size:190%; margin: 0 0 15px 0; padding:19px 0 0 0; /*color:#e95d0f;*/ /*color:#6f8b7f;*/ color:#52786e; line-height:100%; }
#mainContent .csc-firstHeader {background:url(../bilder/bg-h1.gif) left top no-repeat; margin: 0 0 5px 0; padding:19px 0 0 46px; }
#mainContent .csc-header .csc-header-n1 {margin:0; padding:0;}
#mainContent h2 {font-weight:normal; font-size:150%; margin: 0 0 20px 0; padding:0 0 0 46px; /*color:#e95d0f;*/ color:#52786e; line-height:normal; }
#mainContent h3 {font-weight:normal; font-size:150%; margin:10px 0 15px 0; /*color:#e95d0f;*/ color:#52786e; line-height:normal; }
#mainContent h4 { font-weight:normal; font-size:120%; margin:10px 0 10px 0; /*color:#e95d0f;*/ color:#52786e;  }
#mainContent h5 { font-weight:bold; font-size:100%; margin:10px 0 5px 0; /*color:#e95d0f;*/ color:#52786e; border: 1px solid #c5c5c7;  }
/*#mainContent h5{ width:510px; font-size:18px; margin: 0 auto; padding:20px 0 15px 0; font-weight:normal;} */
/*#mainContent h6 { width:510px; font-size:13px; margin: 0 auto; padding:0 0 70px 0; font-weight:normal; font-style:italic;}*/
#mainContent p {margin:0 0 15px 0;}
#mainContent .csc-default {margin: 0 0 15px 0;}
#mainContent a{color:#5f5f62; text-decoration:none; padding:0 0 0 16px; background:url(../bilder/bg-a.gif) 0 1px  no-repeat;}
#mainContent a:hover {color:#ffc900;}
#mainContent div.csc-textpic-imagewrap {margin:40px 0 0 0;}
div.csc-textpic-imagewrap div.csc-textpic-single-image {margin:20px 0 0 0; padding:0; border:none; background:none;}

#mainContent .csc-textpic-imagewrap a {background:none; padding:0;}
#mainContent .tx-chgallery-pi1 .single .img .align a { background:none; padding:0;}
#mainContent .csc-textpic-caption  {background:url(../bilder/lupe_image.gif) right center no-repeat; padding:4px 25px 4px 4px ; margin: 0; border: solid 1px #c5c5c7; color:#000; font-size:80%; line-height:117%; text-align:left; font-family:Verdana, Geneva, sans-serif; height:22px; overflow:hidden; }
#mainContent a.thickbox {background:none ; margin: 0; padding:0; }
#mainContent .mail:link {color:#5f5f62; text-decoration:none; padding:0 0 0 16px; background:url(../bilder/bg-a.gif) 0 1px  no-repeat;}
#mainContent .mail:hover {color:#ffc900;}
#mainContent ul {margin-bottom: 20px;}
#mainContent ul li { list-style-image:none; list-style-type:none; list-style-position:outside; background:url(../bilder/aufzaehlung1.gif) 0 4px no-repeat; padding:0 0 0 16px;}
#mainContent .csc-textpic-text ul li { list-style-image:none; list-style-type:none; list-style-position:outside; background:url(../bilder/aufzaehlung1.gif) 0 4px no-repeat; padding:0 0 0 16px;}
#mainContent div.csc-textpic-imagewrap li {list-style:none; background:none; padding:0; margin:0 15px 10px 0;}
#mainContent ol {list-style-type: decimal; margin-bottom: 20px;}
#mainContent ol li {background:none; list-style-type: decimal; list-style-position:outside; margin:0 0 0 32px; padding:0 0 0 2px;}
#mainContent table {width:100%; background:#FFF; padding:8px; /*border: #c5c5c7 1px solid;*/ }
#mainContent table a {background:none; color:#5f5f62;}
#mainContent table a:hover {color: #5f5f62; text-decoration:underline;}
#mainContent tr { padding:4px; }
#mainContent td {border-top: #c5c5c7 1px solid; padding:2px; vertical-align:top;}
#mainContent .tx-indexedsearch-searchbox table {width:50%;}

/* ------------ Boxen Kontaktdaten ------------------------------------- */


.c33l {float: left; overflow: hidden; margin-right:9px;}
.c33r {float: right; overflow: hidden; }
	
.c33l, .c33r { width: 270px; margin:15px 0 20px 0; padding:10px 10px 10px 25px; text-align:left; background:url(../bilder/bg-h1-kontakt.jpg) no-repeat; border: none;font-size:80%; font-family:Verdana, Geneva, sans-serif; line-height:normal; } 
#mainContent .c33l h1, #mainContent .c33r h1 {font-size:100%; font-weight:bold; margin:0 0 5px 0; padding:0; color:#5f5f62; }
#mainContent .c33l a, #mainContent .c33r a {font-weight:bold;}



/*------------------------------------ Formulare ------------------------------------*/
#mainContent form { padding:3px; width:100%; color:#5f5f62}

#mainContent form td {border: none; padding:4px; vertical-align:top;}
#mainContent fieldset { padding: 1em;  border: none; }
#mainContent label {  width: 130px; padding: 0 5px 0 0; float: left; text-align: left; display: block;  }
#mainContent input { margin:0 0 5px 0; width:160px; border: 1px solid #c5c5c7; background:#f3f3f3; color:#5f5f62; }
#mainContent option { margin-bottom: 5px; width:130px; border: 1px solid #c5c5c7; background:#f3f3f3; color:#5f5f62; }
#mainContent checkbox { margin:0; display:block; width:10px; height:10px; border: 1px solid #c5c5c7; background:#f1f3f6; color:#5f5f62; }
#mainContent input[type=checkbox] { margin:18px 0 10px 0; display:block; width:12px; height:12px; border: 0px solid #c5c5c7; background:#ffc900; color:#5f5f62; }
#mainContent input[type=submit] { margin-top:30px; margin-right:0; padding: 0; border: 1px solid #5f5f62; color:#5f5f62; width:150px; height:20px; font-weight:bold; text-align:center; cursor:pointer; background:#ffc900; line-height:18px; vertical-align:middle; }
#mainContent textarea { width: 220px; padding: 0px 5px 0px 5px; text-align: left; margin: 10px 10px 5px 0; display: block; border: 1px solid #c5c5c7; background:#f1f3f6; color:#5f5f62; }
#mainContent div.tx-indexedsearch input[type=submit] {background:url(../bilder/search.gif) top right no-repeat #c5c5c7; width:130px; height:19px; margin:0; padding:0 10px 5px 0; vertical-align:middle; border: 1px solid #5f5f62; cursor:pointer}
#mainContent div.tx-indexedsearch input[type=submit]:hover {background:url(../bilder/search.gif) top right no-repeat #ffc900; }
#mainContent .csc-mailform-label {margin:10px 0 0 0;}
/*.csc-mailform-field{clear:left;}*/
/* Ende Formulare*/
/* ---- end mainContent ---- */


/* ---------------- Sidebar Breite 250px-------------------- */
#sidebar {width:224px; padding:0 0 0 26px; font-size:80%;}



/* ---------------- 1. Ebene contentnavi -------------------- */
#contentnavi1 { width: 220px; margin: 0 0 25px 0; padding:0; line-height:14px;}
#contentnavi1 ul { list-style:none; padding:0; }
#contentnavi1 ul li span a {display:block; padding:6px 0 6px 14px; color:#5f5f62; font-weight:normal; background:url(../bilder/bg-a-contentnavi.gif) left bottom no-repeat; text-decoration:none; margin:0;}
#contentnavi1 a:hover{ color:#ffc900; background:url(../bilder/bg-a-contentnavi-hover.gif) left bottom no-repeat;}

/* link current 1. Ebene */	
#contentnavi1 ul li span .acontentnavi1-act {color:#52786e; background:url(../bilder/bg-a-contentnavi-act.gif) left top no-repeat; font-weight:bold;}

/* --------- end 1. Ebene contentnavi -----------*/

/* ---------------- 2. Ebene contentnavi -------------------- */
#contentnavi2 { width: 220px; background:url(../bilder/bg-a-contentnavi-act.gif) left bottom no-repeat; padding:5px 0 0 0; line-height:14px;}
#contentnavi2 ul { list-style:none; background:url(../bilder/bg-a-contentnavi.gif) left bottom no-repeat; }
#contentnavi2 ul li span a {display:block; padding:4px 0 4px 19px; color:#5f5f62; font-weight:normal; background:none; margin:0; }
#contentnavi2 ul li span a:hover{ color:#ffc900; background:none;}

/* link current 2. Ebene */	
#contentnavi1 ul li span .acontentnavi2-act {color:#52786e;  font-weight:bold;}
/* --------- end 2. Ebene contentnavi -----------*/

/* ---------------- end  contentnavi -------------------- */

#boxProjektidee {width:217px; padding: 15px 4px 5px 4px; margin-top:40px; background:url(../bilder/bg-box-projektidee-anmelden.jpg) no-repeat top left; font-family:Verdana, Geneva, sans-serif; font-size:80%;}
#boxProjektidee h1 {font-weight:bold; color:#5f5f62; padding:0; margin:0 0 8px 0; font-size:130%;}
#boxProjektidee a, a:visited {color: #5f5f62; font-weight:bold;}
#boxProjektidee a:hover, a:active {color: #5f5f62; text-decoration:underline;}


/* Bilder (teilweise unter mainContent definiert) */	
/*div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {margin:0 10px 0 0;}*/
/*div.csc-textpic-imagewrap csc-textpic-single-image {margin:0 0 10px 0;}*/
/*div.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}*/
/*div.csc-textpic-imagewrap { margin:0 0 20px 0; padding:0; }*/
/*div.csc-textpic-imagewrap li {padding:0;}*/
/*div.csc-textpic .csc-textpic-left .csc-textpic-above {width:90%;}*/
/* Ende Bilder */	

/* Lightbox */
.lightboxSpan { font-size:75%; color:#000; line-height: normal; padding:2px 3px 22px 1px; margin:0; text-align:left; background:url(../bilder/lupe_image.gif) no-repeat right bottom #FFF; }


/* Sitemap */ 
.csc-sitemap ul { list-style-image: none; list-style:none; margin:10px 0 5px 0; font-size:95%; }
.csc-sitemap ul li { background:url(../bilder/aufzaehlung1.gif) no-repeat; padding:0 0 3px 15px; }
.csc-sitemap ul li ul { list-style-image: none; list-style:none; margin:10px 0 5px 0; font-size:95%; }
.csc-sitemap ul li ul li{ ../bilder/aufzaehlung1.gif) no-repeat; padding:0 0 0 12px;}



/*------------------------- css Calendar Base --------------------------------*/
	
#month-header-prevnext a {background-image:none;}
#month-header-icons a {background-image:none;}
div.tx-cal-controller {width:546px;}
div.tx-cal-controller a {font-weight:bold;}
div.tx-cal-controller dd  {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; margin-bottom:20px; padding:5px;}
div.tx-cal-controller dt{ border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; padding:5px;}
div.tx-cal-controller .V9G {font-size:100%;}
div.tx-cal-controller .V9G div {font-size:100%;}
div.tx-cal-controller .V8G {font-size:95%; }
div.tx-cal-controller .V8G a {font-size:95%; }
div.tx-cal-controller dt.even  {border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; padding:5px; background:none;}
div.tx-cal-controller dd.even {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; margin-bottom:20px; padding:5px; background:none;}
#mainContent p.pagebrowser span a {background-image:none; padding:0;}
#mainContent p.pagebrowser span b {background:#eaeaea; padding:0;}

/*-------------------------- css tt_news ---------------------------------*/
#mainContent div.news-single-img a {background:none;}
#mainContent .news-single-imgcaption  {/*background:url(../bilder/lupe_image.gif) right top no-repeat;*/ padding:0 ; border: none; color:#000; font-size:70%; line-height:117%; text-align:left; font-family:Verdana, Geneva, sans-serif; margin:0 0 5px 14px;}
#mainContent div.news-single-backlink  {padding:0; margin-top:15px;}
#mainContent div.news-single-backlink a {background:none; font-size:100%; line-height:normal; text-decoration:underline;}
#mainContent div.news-single-rightbox {margin:10px 0 20px 0;}
#mainContent div.news-single-item h1 {margin-bottom:10px; font-size:140%; }
#mainContent .news-list-item {margin-top:15px;}
#mainContent div.news-list-item h2 {margin: 0; padding:0;}
#mainContent div.news-list-item h2 a {background:none; font-weight:normal; font-size:85%; color:#52786e; text-decoration:underline; padding:0; }
#mainContent div.news-list-item a {background:none; margin:0; padding:0;}
#mainContent div.news-list-item span.news-list-date {font-size:100%; color:#52786e;}
#mainContent div.news-list-item span.news-list-morelink a {padding:0 0 0 16px; background:url(../bilder/bg-a.gif) 0 1px  no-repeat;}
#mainContent div.news-list-item div.news-list-category a {padding:0 0 0 16px; background:url(../bilder/bg-a.gif) 0 1px  no-repeat; font-weight:normal;}


#mainContent dl.news-single-files a {background:none; font-size:100%; line-height:normal; text-decoration:underline; padding:0 0 0 3px; margin:0;}
#mainContent .news-single-files dd {margin:0;}

#mainContent .news-latest-container {width:80%; padding:0;}
#mainContent .news-latest-item {margin-top:5px; font-size:85%;}
#mainContent div.news-latest-item h2 {margin: 0; padding:0; font-size:100%;}
#mainContent div.news-latest-item h2 a {background:none; font-weight:bold; color:#52786e; text-decoration:underline; padding:0; }
#mainContent div.news-latest-item a {background:none; margin:0; padding:0; line-height:normal; font-weight:normal;}
#mainContent div.news-latest-item span.news-latest-date {font-size:100%; color:#52786e;}
#mainContent div.news-latest-item span.news-latest-morelink a {padding:0 0 0 16px; background:url(../bilder/bg-a.gif) 0 1px  no-repeat;}
#mainContent div.news-latest-item div.news-latest-category a {padding:0 0 0 16px; background:url(../bilder/bg-a.gif) 0 1px  no-repeat; font-weight:normal;}

#mainContent .linked_day {background:#ffc900;}
#mainContent .linked_today_nolink {background:none; font-weight:bold;}
/*----------------------RTE.classesAnchor--------------------------------------*/
 
/*#container a.internal-link, #container a.internal-link-new-window {*/
/*  padding: 0 0 0 15px;*/
/*  background: url(../bilder/arrow_right.gif) 0 0 no-repeat ; */
  /* bild url, horizontaler Abstand von links, vertikaler Abstand von oben, nicht wiederholen */
/*}*/
/*#container a.external-link, #container a.external-link-new-window {
  padding: 0 0 0 15px;
  background: url(../bilder/arrow_right.gif) 0 0 no-repeat ; 
}*/

/*#container mail, a.mail {
  padding: 0 0 0 15px;
  background: url(../bilder/arrow_right.gif) 0 0 no-repeat ; 
}*/
 
#mainContent a.download { background: url(../bilder/icon-pdf.png) no-repeat center left; color:#5f5f62; text-decoration:none; padding:0 0 0 20px; text-decoration:underline; }
#mainContent a.download:hover {color:#ffc900;}
 
#mainContent a.download_doc {
  padding-left: 20px; 
  background: url(../images/icon-doc.gif) no-repeat center left;
}
 
#mainContent a.download_xls {
  padding-left: 20px; 
  background: url(../images/icon-xls.gif) no-repeat center left;
}
 
#container a.mail {
  padding-left: 15px; 
  background: url(../bilder/arrow_right.gif) no-repeat center left;
} 
/* Ende RTE.classesAnchor */