/*
  ---------------------------------------------------------------------
Stylesheet Auszeichnungen für die Stadt Waiblingen www.waiblingen.de
klip AG | businessdesignkonzepte
Für den ausdruck der Artikel
  ---------------------------------------------------------------------
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 70%;
	width: 15cm;
  	color: #000000;
  	text-decoration: none;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}


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

.logo {
	margin-bottom: 5mm;
	border-bottom: 2px solid #000000;
	display: block;
	text-align: right;
}

/*
  ---------------------------------------------------------------------
  breadcrumb
  ---------------------------------------------------------------------
*/
.breadcrumb-box {
	display: block;
	position: absolute;
	left: 5mm;
	top: 10mm;
}

div.breadcrumb-nav,
div.breadcrumb-nav a,
div.breadcrumb-nav a:link,
div.breadcrumb-nav a:visited
 {
	font-size: 93%;
	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
  ---------------------------------------------------------------------
*/
.kontakt-label {
	text-align: left;
	vertical-align: middle;
}

.kontakt-input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px;
}
.kontakt-field,
.kontakt-textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	padding: 3px;
	border: 1px solid #333333;
}
.kontakt-label-textarea {
	text-align: left;
	vertical-align: top;
}
.kontakt-input textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
	padding: 3px;
	border: 1px solid #333333;
}

.kontakt-submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EAEAEA;
	padding: 3px 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #333333;
}

/*
  ---------------------------------------------------------------------
  defaults
  ---------------------------------------------------------------------
*/
.mainsearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding: 3px;
	width: 100px;
	border: 1px solid #333333;
}
p,
table, tr, td,
ul, ol, li,
span,

.standard,
.headTabMiddle,
.headTabRight,
.headTabLeft,
.headTabIcons,
.headTabWhite,

.txtbold

.trennlinie,
.bilderrahmen,

.hoHlRahmen,
.hoHl,
.hoHlTitle,
.hoMeldungenTitle,
.hoMeldungen,
.hoHighlight,
.hoLink,

.hoRightTopic,
.hoRightHl,
.hoRightText,
.hoTabRight,

.foHlTitle,
.foHl,
.foSubHl,
.foHighlight,
.foHighlightMeldung,
.foTabRight,
.foRightText,
.foRowHl,
.foRowText,
.subNaviAktiv,
.subNaviPassiv,
.subsubNaviAktiv,
.subsubNaviPassiv,
.subNaviBg,
.subLink,

.content,
.archivDatum,
.bgkontext,
.footbgunderline,
.suche,
.subFooter,
.subLink,

.bu
{
  font-family: Verdana, 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: 110%;
	margin-top: 10px;
	margin-bottom: 5px;
}

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

ul {
  list-style-type: square;
}

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

/*
  ---------------------------------------------------------------------
  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;
}

.links-ueberm-text {
	margin-bottom: 8px;
}
.artikel-bild-caption {
   font-size: 95%;
   color: #333333;
   margin-top: 10px;
}
.artikel-adress-box {
	border-top: 1px dotted #666666;
	margin-top: 10px;
	padding-top: 10px;
}
.artikel-adress-bild {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.artikel-file-box {
	border-top: 1px dotted #666666;
	margin-top: 10px;
	padding-top: 10px;
}
.artikel-file-file {
	vertical-align: text-bottom;
	
}
.artikel-file-caption {
	font-size: 94%;
}
.artikel-links-box {
	border-top: 1px dotted #666666;
	margin-top: 10px;
	padding-top: 10px;
}

/*
  ---------------------------------------------------------------------
  portal lookalike classes - Content
  ---------------------------------------------------------------------
*/
.content-hot-box {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFCC33;
	background-color: #FFF6CD;
	display: block;
	margin: 7px 5px 2px 0px;
	padding: 15px;
	height: auto;
}

.content-hot-box h2 {
	font-weight: bold;
	font-size: 110%;
	color: #B01F21;
	background-image: none;
	margin: 0px 0px 6px;
	padding: 0px;
}
.content-hot-box-bild {
	margin-right: 10px;
	float: left;
	position: relative;
}
.content-hot-box-weiter {
	margin-right: 5px;
	margin-left: 2px;
	display: inline;
}

.content-hot-box-weiter a,
.content-hot-box-weiter a:link,
.content-hot-box-weiter a:visited,
.content-hot-box-weiter a:hover,
.content-hot-box-weiter a:active
 {
	font-size: 100%;
	color: #B01F21;
	text-decoration: underline;
	white-space: nowrap;
	background-image: url(../detail_dateien/red-arrow-weiter.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
}

.content-news-box {
	border: 1px solid #FF0000;
}

.content-news-left  {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #666666;
	float:left;
	width: 45%;
	padding: 10px;
	margin: 1px 8px 1px 0px;
	display: block;
	height: 160px;
	background-color: #F0F0EE;
	position: relative;
}
.content-news-right  {
	position: relative;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #666666;
	width: 46%;
	float:left;
	padding: 10px;
	display: block;
	height: 160px;
	background-color: #F0F0EE;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

.content-news-img {
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}
.content-news-text
{
  line-height : 15px;
}
.content-news-title {
  font-weight: bold;
  	margin-bottom: 8px;
}

.content-events {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #666666;
	height: auto;
	width: 165px;
	display: block;
	float: right;
	font-size: 95%;
	background-color: #E9E9E9;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-right: 5px;
}
.content-events-bit {
	margin-bottom: 10px;
	margin-top: 2px;
}
.content-events-head {
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 5px;
}
.content-events-date {
	background-color: #FFCC33;
	display: block;
	font-size: 95%;
}
.content-events-text 
.content-events-text  a,
.content-events-text  a:link,
.content-events-text  a:visited
{
	margin-bottom: 5px;
	text-decoration: none;
	color: #000000;
}
.content-events-text  a:hover,
.content-events-text  a:active
{
	margin-bottom: 5px;
	text-decoration: none;
	color: #990000;
}

.linie-grau {
	color: #666666;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	display: block;
}
.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-gelb {
	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;
}

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

}
.content-suche-jumplist {
	margin-left: 18px;
	text-align: left;
	width: 98%;
}
.content-suche-tabelle {
	border-collapse: collapse;
	width: 98%;
}
.tr-ungerade {
	vertical-align: top;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.tr-gerade {
	vertical-align: top;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.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;
}

/* 
  ---------------------------------------------------------------------
*/