/*
  ---------------------------------------------------------------------
Stylesheet für das Bürgerzentrum Waiblingen 
www.buergerzentrum-waiblingen.de
  ---------------------------------------------------------------------
*/
body {
	scrollbar-3d-light-color:#ffffff; 
	scrollbar-arrow-color:#336633; 
	scrollbar-base-color:#336633; 
	scrollbar-dark-shadow-color:#ffffff; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color: #B8B8B8;
	font-family: Arial, Helvetica, sans-serif;
  	color: #000000;
  	text-decoration: none;
	background-color: #FFFCF5;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}
/*
  ---------------------------------------------------------------------
  Main-Navigation
  ---------------------------------------------------------------------
*/
.main-navigation-box {
	background-color: #336633;
	display: block;
	width: 98%;
	height: 22px;
	white-space: nowrap;
	margin: 0px;
}

#main-navigation {
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	margin: 0px;
}

div.main-nav-no {
	
	color: #ffffff;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 1px;
	font-size: 110%;
	background-repeat: no-repeat;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C3DFC3;
	margin: 0px;
}
div.main-nav-no a,
div.main-nav-no a:link,
div.main-nav-no a:visited
 {
	text-decoration: none;
	color: #ffffff;
	white-space: nowrap;
}
div.main-nav-no a:hover,
div.main-nav-no a:active
  {
	text-decoration: none;
	white-space: nowrap;
	color: #DA250C;
}

.pfeil-closed {
	background-repeat: no-repeat;
	background-image: url(http://62.116.158.128/sixcms/media.php/20/kat-closed.gif);
	background-position: 2px 6px;
}
.pfeil-open {
	background-repeat: no-repeat;
	background-image: url(http://62.116.158.128/sixcms/media.php/20/kat-open.gif);
	background-position: 2px 6px;
}

/*
  ---------------------------------------------------------------------
  Inhaltsbereiche Divisions
  ---------------------------------------------------------------------
*/
#header {
	left: 0px;
	top: 0px;
	right: 4px;
	margin: 0px 10px 0px 0px;
	border: none;
	height: 31px;
	background-color: #336633;
	background-image: url(/sixcms/media.php/79/noflash.jpg);
	background-repeat: no-repeat;
	height: 100px;
}

#footer {
	background-color: #D6E0D6;
	display: block;
	padding: 1px 0px 10px;
	width: 100%;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #336633;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336633;
	clear: both;
	z-index: 4;
	margin-bottom: 10px;
}
.footer-text {
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 4px;
}

#content-box {
	height: 100%;
	width: 100%;
}

.left-column {
	width: 147px;
	background-color: #D6E0D6;
	float: left;
}

.logo-menue-links {
	margin-top: 15px;
	margin-bottom: 15px;
}

.middle-column {
	background-color: #FFFCF5;
	margin-right: 168px;
	margin-left: 143px;
	line-height:1.2;
}

.right-column {
	width: 165px;
	position: absolute;
	right: 4px;
	top: 0px;
	background-color: #336633;
}

.abstand {
	margin-top: 110px;
	padding: 0px;
	border: none;
}
/*
  ---------------------------------------------------------------------
  Service-Navigation
  ---------------------------------------------------------------------
*/

.service-nav {
	font-size: 95%;
	vertical-align: top;
	width: auto;
	padding: 5px 5px 15px;
	height: auto;
}
.service-title {
	color: #D6E0D6;
	font-weight: bold;
	padding-top: 18px;
	padding-bottom: 2px;
}
.service-title-first {
	color: #D6E0D6;
	padding-bottom: 2px;
	font-weight: bold;
	padding-top: 0px;
	margin-bottom: 0px;
}

form {
	margin-bottom: 0px;
	margin-top: 0px;
}
.service-title-inline {
	color: #FFCC33;
	font-weight: bold;
	display: inline;
}
.search-form {
	margin: 0px;
	padding: 0px;
}
div.serv-nav-no,
div.serv-nav-no a,
div.serv-nav-no a:link,
div.serv-nav-no a:visited
 {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
}
div.serv-nav-no a:hover,
div.serv-nav-no a:active
{
 	color: #DA250C;
}
div.serv-nav-inline,
div.serv-nav-inline a,
div.serv-nav-inline a:link,
div.serv-nav-inline a:visited
 {
	font-size: 95%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	display: inline;
}
div.serv-nav-inline a:hover,
div.serv-nav-inline a:active
{
 	color: #DA250C;
	display: inline;
}
div.serv-nav-no img {
	vertical-align: text-bottom;
	border: none;
	padding-top: 2px;
	padding-right: 3px;
}
/*
  ---------------------------------------------------------------------
  Sub-Navigation
  ---------------------------------------------------------------------
*/
.home-icons {
	margin-bottom: 15px;
}
.home-icons img {
	margin-left: 15px;
}
.sub-navigation {
	font-size: 95%;
}
.sub-nav-cat {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-left: 3px;
}

/*  normaler Artikel link */
div.sub-nav-no {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
}

div.sub-nav-no a,
div.sub-nav-no a:link,
div.sub-nav-no a:visited
 {
	color: #000000;
	text-decoration: none;
}
div.sub-nav-no a:hover,
div.sub-nav-no a:active
{
	color: #990000;
	text-decoration: none;
}
/*  ausgewählter Artikel link */
div.sub-nav-act {
	padding-left: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
div.sub-nav-act a,
div.sub-nav-act a:link,
div.sub-nav-act a:visited
 {
	color: #990000;
	text-decoration: none;
}
div.sub-nav-act a:hover,
div.sub-nav-act a:active
{
	color: #000000;
	text-decoration: none;
}


/*  Ordner Navigations Link */
div.sub-nav-folder {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}
div.sub-nav-folder a,
div.sub-nav-folder a:link,
div.sub-nav-folder a:visited
 {
	color: #000000;
	text-decoration: none;

}
div.sub-nav-folder a:hover,
div.sub-nav-folder a:active
{
 	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

/*  1. KAtegorie Navigatiions link */
div.sub-nav-cat1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
div.sub-nav-cat1 a,
div.sub-nav-cat1 a:link,
div.sub-nav-cat1 a:visited
 {
	color: #000000;
	text-decoration: none;

}
div.sub-nav-cat1 a:hover,
div.sub-nav-cat1 a:active
{
	color: #000000;
	text-decoration: none;
}


/*  zweite Navigatiion link */
div.sub-nav-cat2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
}
div.sub-nav-cat2 a,
div.sub-nav-cat2 a:link,
div.sub-nav-cat2 a:visited
 {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
div.sub-nav-cat2 a:hover,
div.sub-nav-cat2 a:active
{
	color: #990000;
	text-decoration: none;
}

.sub-nav-img {
	margin-top: 20px;
	border: none;
}

/*
  ---------------------------------------------------------------------
  breadcrumb
  ---------------------------------------------------------------------
*/
.breadcrumb-box {
	padding-top: 5px;
	padding-left: 18px;
	margin-top: 5px;
	display: block;
}

div.breadcrumb-nav,
div.breadcrumb-nav a,
div.breadcrumb-nav a:link,
div.breadcrumb-nav a:visited
 {
	font-size: 90%;
	text-decoration: none;
	color: #333333;
	white-space: nowrap;
	display: inline;
	margin-top: 7px;
}
div.breadcrumb-nav a:hover,
div.breadcrumb-nav a:active {
  color: #990000;
  white-space: nowrap;
  display: inline;
}

/*
  ---------------------------------------------------------------------
  Eingabefelder und Submits
  ---------------------------------------------------------------------
*/
.fieldset-suche {
	padding: 10px;	
}
.suche-box {
	white-space: nowrap;
}
.kontakt-label {
	text-align: left;
	vertical-align: middle;
}
.kontakt-label-textarea {
	text-align: left;
	vertical-align: top;
}
.kontakt-input textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	padding: 3px;
	border: 1px solid #333333;
}
.kontakt-input input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	padding: 3px;
	border: 1px solid #333333;
}
.kontakt-input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px;
}
.kontakt-field,
.kontakt-textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	padding: 3px;
	border: 1px solid #333333;
}
.kontakt-submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	height: 22px;
	padding: 0px 20px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #333333;
	color: #990000;
}
.small-submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	font-weight: bold;
	text-align: center;
	border: 1px solid #333333;
	color: #990000;
	margin: 2px 2px 4px;
	height: 22px;
	width: 22px;
}
.select-suche {
	background-color: #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 10px;
	border: 1px solid #000000;
	line-height: 120%;
}

/*
  ---------------------------------------------------------------------
  defaults
  ---------------------------------------------------------------------
*/


p,
table, tr, td,
span,
.standard,
.txtbold
.trennlinie,
.bilderrahmen,
.content,
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000000;
  text-decoration: none;
}

/*
  ---------------------------------------------------------------------
  redefinitions of HTML tags
  ---------------------------------------------------------------------
*/

h1 {
	font-size: 140%;
	color: #666666;
}

h2 {
  	font-size: 130%;
	color: #666666;
	margin-top: 12px;
	margin-bottom: 10px;
}

h3 {
	font-weight: bold;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #990000;
}

h4 {
    font-weight: bold;
    font-size: 110%;
	color: #FFCC33;
	margin-top: 4px;
	margin-bottom: 3px;
}

h5 {
    font-weight: bold;
    font-size: 100%;
	margin-top: 4px;
	margin-bottom: 3px;
}

h6 {
  font-weight: bold;
}

a, a:link, a:active {
  text-decoration: underline;
  color: #000000;
}
a:visited a:hover {
  text-decoration: underline;
  color: #990000;
}

li {
	margin-bottom: 4px;
}
ol {
  list-style-type: decimal;
}
ul {
  list-style-type: square;
}

/*
  ---------------------------------------------------------------------
  tabellen hintergruende
  ---------------------------------------------------------------------
*/


.suche {
  background-color: #FFCC33;
}

.trennlinie {
  background-color: #CCCCCC;
  background-image: none;
}

.bilderrahmen {
  background-color: #FFCC33;
  background-image: none;
}

.content {
	background-color: #FFFCF5;
	line-height: 16px;
}

/*
  ---------------------------------------------------------------------
  fusszeile funktionen -
  ---------------------------------------------------------------------
*/
.fusszeile-funktionen-box {
	padding-top: 10px;
	height: 25px;
	padding-left: 18px;
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6E0D6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6E0D6;
}
.fusszeile-funktion {
	width: 20%;
	text-align: left;
	float: left;
	font-size: 95%;

}

.fusszeile-funktion img {
	vertical-align: middle;
	margin-right: 3px;
}

.fusszeile-funktion a,
.fusszeile-funktion a:link,
.fusszeile-funktion a:visited
 {
	color: #333333;
}
.fusszeile-funktion a:hover,
.fusszeile-funktion a:active,
.fusszeile-funktion a:focus
 {
	color: #CE3E3F;
}
/*
  ---------------------------------------------------------------------
  general classes - Content Einzelansicht Artikel
  ---------------------------------------------------------------------
*/

.content-artikel-box {
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 18px;
	margin-top: 0px;
	padding-bottom: 10px;
}
.artikel-bild-box {
	margin-bottom: 10px;
	margin-top: 3px;
}
.links-im-text {
	float: left;
	margin-right: 30px;
}
.rechts-im-text {
	float: right;
	margin-left: 30px;
	margin-right: 50px;
}
.links-ueberm-text {
	margin-bottom: 8px;
	display: block;
}
.artikel-bild-caption {
   font-size: 95%;
   color: #333333;
   margin-top: 10px;
}
.artikel-file-box {
	padding-top: 10px;
}
.artikel-file img {
	padding-right: 10px;
}
.artikel-file-file {
	vertical-align: text-bottom;
}
.artikel-file-caption {
	font-size: 95%;
}
.artikel-links-box {
	border-top: 1px dotted #666666;
	margin-top: 10px;
	padding-top: 10px;
}

/* Addressen Styles  */
.artikel-adress-box {
	margin-top: 10px;
	padding-top: 10px;
}
.artikel-adress-bild {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.artikel-adress-ort {
	padding-top: 5px;
	padding-bottom: 10px;
}
.artikel-adress-text {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 
  ---------------------------------------------------------------------
   Auszeichnungen für die Suche   
  ---------------------------------------------------------------------
*/
.mainsearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	padding: 3px;
	width: 100px;
	border: 1px solid #333333;
	margin: 0px;
}
.content-suche-info {

}
.content-suche-jumplist {
	margin-left: 18px;
	text-align: left;
}
.content-suche-tabelle {
	border-collapse:collapse;
	width: 97%;
}
.tr-ungerade {
	background-color: #FFFFFF;
	vertical-align: top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFCF5;
}
.tr-gerade {
	background-color: #E7E7E7;
	vertical-align: top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFCF5;
}
.content-suche-description {
	width: 96%;
	font-size: 90%;
}
.content-suche-subtitle {
	font-size: 100%;
	font-weight: bolder;
}
.content-suche-kat {
	width: 3px;
}
.content-suche-kat-label {
	font-size: 85%;
	font-weight: bold;
	color: #999999;
}
.content-suche-textzelle {
	padding: 10px;
}

/*
  ---------------------------------------------------------------------
  listen classes
  ---------------------------------------------------------------------
*/

.linie-grau {
	color: #666666;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	display: block;
	border-top: 1px dotted #666666;
}

.linie-blau
 {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

.linie-rot {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
}

.linie-rot {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CE3E3F;
}

.linie-gruen {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #70B63F;
}
.linie-schwarz {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}