/*
  Css-Datei Sontra-Stadt.de
  
  Stand: 21.02.2008
*/

/* Template */
html
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  height: 100%;
  margin-bottom: 1px;
}

body
{
  padding: 0px;
  margin: 0px;
  font-size: 100.01%;
  background-color: #FFFADD;
}

#center
{
  width: 1024px;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
}

#banner
{
  width: 1024px;
  height: 150px;
  clear: both;
}

#searchsection
{
  height: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FCCA4F;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FCCA4F;
  clear: both;
}

#container
{
}

#leftcol
{
  width: 170px;
  padding: 0px;
  margin: 0px;
  padding-right: 10px;
  padding-top: 30px;
  float: left;
}

#content
{
  width: 524px;
  min-height: 580px;
  color: #000000;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #FCCA4F;
  padding: 10px;
  padding-left: 25px;
  margin-top: 30px;
  float: left;
}

#rcol
{
  float: left;
}

#bottom
{
  width: 1024px;
  clear: both;
}

#footer
{
  width: 524px;
  height: 20px;
  color: #000000;
  text-align: center;
  background-color: #FFFADD;
  font-size: 10px;
  font-weight: bold;
  margin-left: 205px;
  border-top-width: 2px;
  border-top-color: #FFE49B;
  border-top-style: solid;
  float: left;
}

/* Header */
#searchsection #date
{
  width: 220px;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  float: left;
}

#searchsection #search
{
  padding-left: 508px;
  float: left;
}

#searchsection div form
{
  margin: 0px;
  padding: 0px;
}

#searchsection #date p
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #850000;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#subbut
{
  float: left;
}

#subbut .button
{
  font-size: 10px;
}

#subbut input
{
  width: 66px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  border: 0;
  background-color: transparent;
  color: #850000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
}

#textfield
{
  float: left;
  padding-top: 1px;
}

#textfield input
{
  width: 80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border-width: 1px;
  border-color: #850000;
  border-style: solid;
  margin-top: 2px;
}

/* Navigation */
#menu
{
  width: 170px;
  padding: 0px;
  margin: 0px;
}

/* Navigation  1. Ebene*/
#menu .navi
{
  margin: 0px;
  padding: 0px;
}

#menu .navi li
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#menu .navi .level1
{
  margin-bottom: 10px;
}

#menu .navi .level1_active
{
  margin-bottom: 10px;
}

#menu .navi .level1 .link1
{
  font-weight: bold;
  text-decoration: none;
  color: #850000;
  background-color: #FFE49B;
  padding-left: 10px;
  display: block;
}

#menu .navi .level1 a.link1:hover 
{
  font-weight: bold;
  color: #850000;
  text-decoration: underline;
  padding-left: 10px;
  display: block;
}

#menu .navi .level1_active .link_active1
{
  font-weight: bold;
  text-decoration: none;
  color: #850000;
  background-color: #FFE49B;
  padding-left: 10px;
  display: block;
}

#menu .navi .level1_active a.link_active1:hover
{
  text-decoration: underline;
}

/* Navigation  2. Ebene */
#menu .navi .navi1
{
  margin: 0px;
  padding: 0px;
  display: inline;
}

#menu .navi .navi1 .level2
{
  color: #850000;
  margin-bottom: 10px;
}

#menu .navi .navi1 .level2_active
{
  color: #850000;
  margin-bottom: 10px;
}

#menu .navi .navi1 .level2 .link2
{
  text-decoration: none;
  color: #850000;
  font-size: 12px;
  padding-left: 15px;
  display: block;
}

#menu .navi  .navi1 .level2 a.link2:hover
{
  color: #850000;
  font-size: 12px;
  text-decoration: underline;
  padding-left: 15px;
  background-image: url(../media/img/aktiv_ebene2.gif);
  background-position: 30px 4px;
  background-repeat: no-repeat;
  display: block;
}

#menu .navi .navi1 .level2_active .link_active2
{
  color: #850000;
  font-size: 12px;
  text-decoration: underline;
  padding-left: 15px;
  background-image: url(../../template/images/aktiv_ebene2.gif);
  background-position: 30px 4px;
  background-repeat: no-repeat;
  display: block;
}

/* Navigation  3. Ebene */
#menu * .navi2
{
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}

#menu .navi .navi1 .navi2 .level3
{
  /*margin-bottom: 10px;*/
}

#menu .navi .navi1 .navi2 .level3_active
{
  /*margin-bottom: 10px;*/
}

#menu .navi .navi1 .navi2 .level3 .link3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  background-image: url(../images/menu_list3.gif);
  background-position: 16px 7px;
  background-repeat: no-repeat;
  padding-left: 24px;
  display: block;
}

#menu .navi .navi1 .navi2 .level3 .link3:hover
{
  text-decoration: underline;
  padding-left: 24px;
  display: block;
}

#menu .navi .navi1 .navi2 .level3_active .link_active3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
  background-image: url(../images/menu_list3.gif);
  background-position: 16px 7px;
  background-repeat: no-repeat;
  padding-left: 24px;
  display: block;
}

/* Right column */
#stadtumbau
{
  width: 170px;
  height: 90px;
  background-image: url(../images/verlauf1.jpg);
  background-repeat: no-repeat;
  border-width: 1px;
  border-color: #F5CA62;
  border-style: solid;
  margin-top: 25px;
}

#umbau
{
  width: 115px;
  height: 52px;
  background-image: url(../images/stadtumbau.gif);
  background-repeat: no-repeat;
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto;
}

#umbau a
{
  width: 115px;
  height: 52px;
  display: block;
}

#where
{
  width: 160px;
  min-height: 321px;
  background-image: url(../images/verlauf2.jpg);
  background-repeat: no-repeat;
  border-width: 1px;
  border-color: #F5CA62;
  border-style: solid;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px; 
}

div.news-latest-container hr
{
  width: 160px;
  height: 1px;
  color: #8D8A7A;
  background-color: #8D8A7A;
}

#weather
{
  width: 170px;
  height: 199px;
  background-image: url(../images/verlauf3.jpg);
  background-repeat: no-repeat;
  border-width: 1px;
  border-color: #F5CA62;
  border-style: solid;
  margin-top: 10px;
}

#weather div 
{
  margin-top: 5px;
  margin-left: 10px;
}

/* Contact formular */
div.input_box
{
  margin-bottom: 4px;
  clear: both;
}

div.label
{
  width: 80px;
  float: left;
}

div.input_box input
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div.input_box textarea
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 320px;	
}

div.button
{
  padding-top: 10px;
  margin-left: 80px;
  clear: both;
}

span.big, legend
{
  font-weight: bold;
}

/* Garbage formular */
#garb-form-left
{
  padding-top: 10px;
  padding-bottom: 10px;
}

div.input-item-container
{
  width: 155px;
  padding-bottom: 5px;
  float: left;
}

div.item-label
{
  width: 115px;
  float: left;
}

/* tt_news */
div.news-list-shortnews h3
{
  margin: 0px;
  padding: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
}

div.clear_cont span
{
  padding-right: 10px;
}

/* tt-address */
#atoz
{
	padding-bottom: 20px;
}

div.vcard
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFE49B;
	margin-top: 5px;
	float: left;
}

div.vcard h3
{
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

div.tt_address_leftcol
{
	width: 122px;
	height: 122px;
	padding-right: 10px;
	float: left;
}

div.tt_address_centercol
{
  width: 192px;
  padding-right: 10px;
  float: left;
}

div.tt_address_rightcol
{
  width: 188px;
  float: left;
}

/* tx-mwkeywordlist */
div.tx-mwkeywordlist-pi1-content h2
{
  background-color: #FFE49B;
}

div.tx-mwkeywordlist-pi1-content * ul
{
  margin: 0px;
  padding: 0px;
}

div.tx-mwkeywordlist-pi1-content * li
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

/* Text area  Editor*/
#text
{
  padding-bottom: 10px;
  float: left;
}

/*#print
{
  width: 17px;
  height: 14px;
  background-image: url(../images/drucker.gif);
  background-repeat: no-repeat;
  float: right;
}*/

#print a
{
  width: 17px;
  height: 14px;
  display: block;
}

#text img
{
  clear: both;
}

#text h1
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #850000;
}

#text h2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  color: #000000;
}

#text h3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #000000;
}

#text h4
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #850000;
}

#text h5
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration: underline;
  color: #850000;
}

.normal
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

img.img_left
{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  float: left;
}

img.img_right
{
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  float: right;
}

a.link, a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #850000;
}

.rot_unterstrichen
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #850000;
}

.normal_unterstrichen
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #000000;
}

.normal_rot
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #850000;
}

.hervor
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.zentrieren
{
  text-align: center;
}

/* tx_spdirectory */
div#sp_directory_pagebrowser
{
    clear: both;
}

div#sp_directory_pagebrowser span.active a
{
    text-decoration: none;
}