/*
Title: Master Styles for screen media
Author: markus.pezold@fdi.de
*/

body {
  font-family: 'Gill Sans', Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 12px;
  line-height: 20px;
  background: #fff;
}

hr
{
	height: 1px;
	background-color: #E6E1CD;
}

/* links */

a:link, a:visited {
    color: #000;
    outline: none;
}

a:hover {
  color: #000;
}

/* page structure
------------------------------------------------------------------------------*/

#nav_access {

    height:200px;
    margin:-200px 0 0;
    padding:0;
    }


#nav_accesskeys {

    height:200px;
    margin-left: -2000px;
    padding:0;
    display: none;
}


#wrap {
    margin:0 auto;
    min-height:100%;
    width:980px;
}

#header {
  margin: 20 0 0 0;
  border-bottom: 1px solid #005686;
  height:123px;
  width:100%;
}


#main {

}

#footer {
 margin-top: 40px;
 padding-bottom: 10px;
 /* height: 150px; */
 min-height: 20px;
 color: #fff;
 background-color: #005686;
}


/* header
------------------------------------------------------------------------------*/

#logo {
  float: left;
  margin-top: 25px;
  margin-left: 40px;

}

#logo h1 {
  cursor: pointer;
  font-size: 24px;
  background:transparent url(logo.jpg) no-repeat scroll left top;
  line-height: 70px;
  width: 500px;
}

#logo h1>a {

    margin: 10px 0 0 0;
    padding-left:70px;
    color: #000;
    text-decoration: none
}

#logo h1>a:hover {

    margin: 10px 0 0 0;
    padding-left: 70px;
    color: #000;
    text-decoration: underline;
}

#nav_perm {

    float: left;
    display: block;
    margin-top: 60px;
    margin-left: 120px;
}

#nav_perm ul {

    display:block;

}

ul#nav_perm li {

    float:left;
    display:inline-block;
    line-height: 14px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #000;
}

ul#nav_perm li#nav_datenschutz {
  border-right: 0px;
}

ul#nav_perm a:link, ul#nav_perm a:visited {
   text-decoration: none;
}

ul#nav_perm a:hover {
   text-decoration: underline;
}



/* nav
------------------------------------------------------------------------------*/

#nav_main {
  float: left;
  margin-left: 290px;
  padding:0px;
  list-style-type: none;
  width: 800px;
}

ul#nav_main > li {
   float:left;
   margin: 0px;
   padding: 0px;

}

#nav_main a {
  float: left;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  line-height: 29px;
  background: url(tab_web.png) no-repeat;
  width: 170px;
  text-indent: 16px;
}

#nav_main #nav_buerger a:hover {
  background-position: 0 -87px;
  line-height: 29px;
}

#nav_main #nav_buerger a.active {
  background-position: 0 -87px;
  line-height: 29px;
}

#nav_main #nav_wirtschaft a:hover {
  background-position: 0 -58px;
  line-height: 29px;
}

#nav_main #nav_wirtschaft a.active {
  background-position: 0 -58px;
  line-height: 29px;
}

#nav_main #nav_freizeit a:hover {
  background-position: 0 -29px;
  line-height: 29px;
}

#nav_main #nav_freizeit a.active {
  background-position: 0 -29px;
  line-height: 29px;
}

/* sub navigation
------------------------------------------------------------------------------*/

/***LEVEL 1***/
#home #column1 ul.level1,
#buerger #column1 ul.level1,
#wirtschaft #column1 ul.level1,
#freizeit #column1 ul.level1  {
	
	list-style:none;
    padding:0 0 0 10px;
}

#column1 ul.level1 li.passive a:link {
	color:#333333 !important;
	text-decoration:none;
	font-weight:bold;
}

#column1 ul.level1 li.passive a:active {
	color:#333333 !important;;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#column1 ul.level1 li.passive a:visited {
	color:#333333 !important;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#home #column1 ul.level1 li.passive a:hover {
	color:#085179;
	text-decoration:none;
	font-weight:bold;
}

#buerger #column1 ul.level1 li.passive a:hover {
	color:#cd920a;
	text-decoration:none;
	font-weight:bold;
}

#wirtschaft #column1 ul.level1 li.passive a:hover {
	color:#952424;
	text-decoration:none;
	font-weight:bold;
}

#freizeit #column1 ul.level1 li.passive a:hover {
	color:#128700;
	text-decoration:none;
	font-weight:bold;
}

#home #column1 ul.level1 li.active a {
   	color: #085179;
}

#buerger #column1 ul.level1 li.active a {
   	color: #cd920a;
}

#wirtschaft #column1 ul.level1 li.active a {
   	color: #952424;
}

#freizeit #column1 ul.level1 li.active a {
   	color: #128700;
}

#column1 ul.level1 li.active a {
    text-decoration:none;
	font-weight: bold;
}

#home #column1 ul.level1 li a:hover {
	text-decoration:underline;
	font-weight:bold;
}


#buerger #column1 ul.level1 li a:hover {
	text-decoration:underline;
	font-weight:bold;
}

#wirtschaft #column1 ul.level1 li a:hover {
	text-decoration:underline;
	font-weight:bold;
}

#freizeit #column1 ul.level1 li a:hover {
	text-decoration:underline;
	font-weight:bold;
}


/***LEVEL 2***/
#home #column1 ul.level2,
#buerger #column1 ul.level2,
#wirtschaft #column1 ul.level2,
#freizeit #column1 ul.level2,
{
	list-style:none;
}

#column1 ul.level2 li {

}

#column1 ul.level2 li.passive a:link {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level2 li.passive a:active {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level2 li.passive a:visited {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}

#home #column1 ul.level2 li.passive a:hover {
   	color:#085179;
	text-decoration:underline;
	font-weight:normal;
}

#buerger #column1 ul.level2 li.passive a:hover {
	color:#cd920a;
	text-decoration:underline;
	font-weight:normal;
}

#wirtschaft #column1 ul.level2 li.passive a:hover {
	color:#952424;
	text-decoration:underline;
	font-weight:normal;
}

#freizeit #column1 ul.level2 li.passive a:hover {
	color:#128700;
	text-decoration:underline;
	font-weight:normal;
}

#home #column1 ul.level2 li.active a:hover,
#buerger #column1 ul.level2 li.active a:hover,
#wirtschaft #column1 ul.level2 li.active a:hover,
#freizeit #column1 ul.level2 li.active a:hover  {
    text-decoration:underline;
}


/***LEVEL 3***/
#home #column1 ul.level3,
#buerger #column1 ul.level3,
#wirtschaft #column1 ul.level3,
#freizeit #column1 ul.level3  {
	list-style:none;
	margin:0 0 20px 10px;
	padding:0px;
}

#column1 ul.level3 li {
	margin:0px;
	padding:10px 0 0 0;
}

#column1 ul.level3 li.passive a:link {
	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level3 li.passive a:active {
	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level3 li.passive a:visited {
    text-decoration:none;
	font-weight:normal;
}

#column1 ul.level3 li.passive a:hover {
	text-decoration:underline;
	font-weight:normal;
}

#column1 ul.level3 li.active a:link {
	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level3 li.active a:active {
 	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level3 li.active a:visited {
	text-decoration:none;
	font-weight:normal;
}

#column1 ul.level3 li.active a:hover {
	text-decoration:underline;
	font-weight:normal;
}


/* banner
------------------------------------------------------------------------------*/

#banner {
  position: relative;
  float: left;
  display: block;
  margin-bottom: 20px;
  line-height: 1em;
}

#banner #welcome {
	position: absolute;
	bottom: 5px;
	left: 600px;
	display: block;
	width: 360px;
	margin: 0;
	padding: 10px;
	color: #fff;
	}

#banner img {
	margin: 0 0 -.0625em 0;
	padding: 0;
	}

#welcome h2 {
  color: #085179;
  font-size: 20px;
  margin-bottom: 10px;
}

#welcome p {
  margin-bottom: 10px;
  color: #000;
  font-size: 12px;
  line-height: 20px;
}

#welcome a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

#welcome a.button, #welcome  a.button {

  float: left;
  display: block;
  color: #fff;
  background: transparent url('button_web.png') no-repeat scroll top right;
  height: 21px;
  font-size: 10px;
  margin-left: 10px;
  margin-right: 6px;
  padding-right: 20px; /* sliding doors padding */
  text-decoration: none;
}


#welcome a.button span, #welcome a.button span {
  background: transparent url('button_web.png') no-repeat;
  display: block;
  line-height: 12px;
  margin-left: -10px;
  padding: 5px 0 5px 30px;
}


#welcome a:hover {
  text-decoration: underline;
  }


/* main styles - Startseite
------------------------------------------------------------------------------*/


#home #column1 {
  float: left;
  background-color: #f7f5ec;
  border-top: 1px solid #a7bec5;
  margin-left: 10px;
  width: 200px;
 /* width: 240px; */
  height: 250px; }


#home #column2 {
  float: left;
  margin-left: 35px;
 /*  width: 220px;  */
 width: 500px;

}

#home #column3 {
  float: left;
  margin-left:20px;
  /* width: 400px; */
  width: 200px;
}


h3 {
  color: #952424;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 5px;
}


#home #column1 ul {
  margin: 10px 0 10px 10px;
  list-style: square inside;
  color: #085179;
  }


#home #column1 a:link, #column1 a:visited {
  color: #952424;
}

#home #column1 #nav_selected {
  margin-top: 20px;
}

#home #column1 #nav_empty_level1,
#buerger #column1 #nav_empty_level1,
#wirtschaft #column1 #nav_empty_level1,
#freizeit #column1 #nav_empty_level1
{
	list-style:none;
}

#home #column1 a:hover {
  text-decoration: none;
}


#home #column2 .news {
  float: left;
  width: 220px;
  margin-right: 20px;
  height: 130px;
}


#home #column2 ul, #column3 ul {
  margin-bottom: 10px;
  }


#home #column2 li a:link, #home #column2 p a:link, #home #column2 li a:visited,  #home #column2 p a:visited,
#home #column3 li a:link, #column3 li a:visited  {
  color: #000;
}

#home #column2 li a:hover, #home #column2 p a:hover, #home #column3 li a:hover {
  text-decoration: none;
}

#home #column2 a.button, #home #column3 a.button, #content #main a.eventButton {

  float: left;
  display: block;
  color: #fff;
  background: transparent url('button_web.png') no-repeat scroll top right;
  height: 21px;
  font-size:10px;
  margin-right: 6px;
  margin-left: 10px;
  padding-right: 20px; /* sliding doors padding */
  text-decoration: none;

}


#home #column2 a.button span, #home #column3 a.button span, #content #main .eventButton span {
  background: transparent url('button_web.png') no-repeat;
  display: block;
  line-height: 12px;
  margin-left: -10px;
  padding: 5px 0 5px 30px;
}



#home #column2 a:hover, #home #column3 a:hover {
  text-decoration: underline;
  }


/* main styles - Unterseiten
------------------------------------------------------------------------------*/

#content #column1 {
  float: left;
  background-color: #f7f5ec;
  margin-left: 10px;
  width: 200px;
}

#buerger #content #column1 {
  border-top: 1px solid #cd920a;
}

#wirtschaft #content #column1 {
  border-top: 1px solid #952424;
}

#freizeit #content #column1 {
  border-top: 1px solid #128700;
}


#content #column2 {
  float: left;
  margin-left: 35px;
  width: 470px;
}

#content #column3 {
  float: left;
  margin-left:20px;
  padding-left: 20px;
  width: 220px;
  border-left: 1px solid #a7bec5;
}

#content #column2 p {
  margin: 1em 0;
}


#content #column2 #breadCrumb a {
  text-decoration: none;
}

#content #column2 #breadCrumb a:hover {
  text-decoration: underline;
}

#content #column2 a {
  text-decoration: underline;
}

#content #column2 a:hover {
  text-decoration: none;
}

#content #column3 a {
  text-decoration: none;
}

#content #column3 a:hover {
  text-decoration: underline;
}

#buerger #content #column3 {
 border-left: 1px solid #cd920a;
}

#freizeit #content #column3 {
 border-left: 1px solid #128700;
}

#wirtschaft #content #column3 {
 border-left: 1px solid #952424;
}

#content #column2 h2 {
  color: #952424;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#home #content #column2 h2 {
  color:#085179;
 }

#buerger #content #column2 h2 {
  color: #cd920a;
 }

#freizeit #content #column2 h2 {
  color: #128700;
 }



#content #column2 h3 {
  color: #952424;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#home #content #column2 h3 {
  color:#085179;
 }

#buerger #content #column2 h3 {
  color: #cd920a;
}

#freizeit #content #column2 h3 {
  color: #128700;
}


#content #column3 h3 {
  color: #000;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#column1 ul {
  margin: 10px 0 10px 10px;
  list-style: square inside;
  color: #952424;
  }


#buerger #column1 ul {
  margin: 10px 0 10px 10px;
  list-style: square inside;
  color: #cd920a;
  }
  
#buerger #column2 ul{
  margin: 10px 0 10px 10px;
  color: #000;
  list-style: square;
}  

#wirtschaft #column1 ul{
  margin: 10px 0 10px 10px;
  list-style: square inside;
  color: #952424;
  }
  
#wirtschaft #column2 ul {
  margin: 10px 0 10px 10px;
  list-style: square;
  color: #952424;
}  

#freizeit #column1 ul {
  margin: 10px 0 10px 10px;
  list-style: square inside;
  color: #128700;
  }

#freizeit #column2 ul {
  margin: 10px 0 10px 10px;
  list-style: square;
  color: #128700;
}  

#column1 a:link, #column1 a:visited {
  color: #952424;
}

#column1 a:hover {
  text-decoration: none;
}

#column2 ul, #column3 ul {
  margin-bottom: 10px;
  }


#column2 li a:link, #home #column2 li a:visited,
#column3 li a:link, #column3 li a:visited  {
  color: #000;
}

#column2 li a:hover, #home #column3 li a:hover {
  text-decoration: none;
}


#column2 a:hover, #column3 a:hover {
  text-decoration: underline;
  }

#column2 .suche
{
	margin-top: 25px;
	float:left;
}

span.suchbutton
{
  background: transparent url('button_web.png') no-repeat;
  display: block;
  line-height: 12px;
  margin-left: 50px;
  padding: 5px 0 5px 30px;

}

#content #column2 h3.veranstaltungskalender
{
	margin-top: 25px;
}

/* footer
------------------------------------------------------------------------------*/

#buerger #footer {
 background-color: #cd920a;
}

#freizeit #footer {
  background-color: #128700;
}

#wirtschaft #footer {
  background-color: #952424;
}

#footer_teaser {

    margin-left: 280px;
    padding-top: 15px;
}

#footer_teaser h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

#footer_teaser p {
  margin-bottom: 10px;
  width: 600px;
}


#footer a.button {

  float: left;
  display: block;
  color: #fff;
  background: transparent url('button_web.png') no-repeat scroll top right;
  height: 21px;
  font-size:10px;
  margin-right: 6px;
  margin-left: 10px;
  padding-right: 20px; /* sliding doors padding */
  text-decoration: none;
}


#footer a.button span {
  background: transparent url('button_web.png') no-repeat;
  display: block;
  line-height: 12px;
  margin-left: -10px;
  padding: 5px 0 5px 30px;
}

#footer a:hover {
  text-decoration: underline;
  }


.footer_medium {
  float: left;
  width: 100px;
  margin-right: 30px;
}  

/* content elements
------------------------------------------------------------------------------*/

.medium_right {
  float: right;
  width: 200px;
  margin-left: 20px;
}

.medium_left {
  float: left;
  width: 200px;
  margin-right: 20px;
}

.medium_teaser {
  float: left;
  width: 100px;
  margin-right: 20px;
}

span.caption  {
 margin-top: 5px;
 display: block;
}


blockquote, q {
  text-align: center;
  font-style: italic
}

.datenTab {
text-align:left;
border-collapse:collapse;
}

.datenTab td, th {
padding: 0.7em;
vertical-align:top;
border-bottom: 0px solid #E6E1CD;
}

.datenTab td > td {
color: #666666;
}

.datenTab .bold {
    color:#666666;
    font-weight: bold;
}

.datenTab a {
  font-weight: normal;
}

.datenTab2 {
align:left;
border-collapse:collapse;
}

.datenTab2 td, th {
align:left;
padding: 0.7em;
vertical-align:top;
border-bottom: 0px solid #E6E1CD;
}

.datenTab3 {
align:left;
border-collapse:collapse;
}

.datenTab3 td, th {
align:left;
padding: 0.7em;
vertical-align:top;
border-bottom: 1px solid #E6E1CD;
}

#content #column2 .pagination-listen ul {
list-style-type: none !important;
border:13px !important;
margin:0;
padding:0;
clear: both;
}

#content #column2 .pagination-listen li{
border:0 !important;
margin:0; padding:0;
float:left !important;
font-size:12px;
list-style:none !important;
}

#content #column2 .pagination-listen li, .pagination-listen a{
padding:2px;
}

#content #column2  .pagination-listen .previous-off,
#content #column2  .pagination-listen .next-off {
color:#888888
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}

#content #column2 .pagination-listen .next a,
#content #column2 .pagination-listen .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}

#content #column2 .pagination-listen .active{
color:#00000;
background-color:#f0f0f0;
font-weight:bold;
display:block;
float:left;
/*padding:3px 6px;*/
}

#content #column2 .pagination-listen a:link,
#content #column2 .pagination-listen a:visited {
color:#0033CC
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}

#buerger #content #column2 .pagination-listen a:hover{
text-decoration:none;
background-color: #cd920a;
color: #FFFFFF;
}

#wirtschaft #content #column2 .pagination-listen a:hover{
text-decoration:none;
background-color: #952424;
color: #FFFFFF;
}

#freizeit #content #column2 .pagination-listen a:hover{
text-decoration:none;
background-color: #128700;
color: #FFFFFF;
}



#content #column2 .pagination-years ul {
list-style-type: none !important;
border:13px !important;
margin:0;
padding:0;
}

#content #column2 .pagination-years li{
border:0 !important;
margin:0; padding:0;
float:left !important;
font-size:12px;
list-style:none !important;
/*border-right:solid 1px #DEDEDE !important;*/
}

#content #column2 .pagination-years li, .pagination-years a{
padding:2px;
}

#content #column2 .pagination-years .previous-off,
#content #column2 .pagination-years .next-off {
color:#888888
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}

#content #column2 .pagination-years .next a,
#content #column2 .pagination-years .previous a {
font-weight:bold;
font-size:13px !important;
border:solid 1px #FFFFFF;
}

#content #column2 .pagination-years .active{
color:#00000;
background-color:#f0f0f0;
font-weight:bold;
font-size:13px !important;
display:block;
float:left;
/*padding:3px 6px;*/
}

#content #column2 .pagination-years a:link,
#content #column2 .pagination-years a:visited {
color:#0033CC
display:block;
float:left;
padding:3px 6px;
font-size:13px !important;
text-decoration:none;
}

#buerger #content #column2 .pagination-years a:hover{
text-decoration:none;
background-color:  #cd920a;
color: #FFFFFF;
}

#wirtschaft #content #column2 .pagination-years a:hover{
text-decoration:none;
background-color: #952424;
color: #FFFFFF;
}


#freizeit #content #column2 .pagination-years a:hover{
text-decoration:none;
background-color: #128700;
color: #FFFFFF;
}

/* layouts 
-------------------------------------------------------------------------------*/
div.row
{
	clear:both;
}

div.image
{

	width:220px;
	float:left;
	margin-top: 20px;
}

.image-center

{
	max-width: 470px;
	text-align:left;
	float:none;
  	margin-top:10px;
	padding:0;
}


.image-right

{
	float:right;
    max-width: 200px;
	margin: 20px;
}

.image-left

{
	float:left;
    max-width: 200px;
	margin: 20px;
}


div.image img; div.image-center img; div.image-right img; div.image-left img
{
	width:100%;
}


span.caption

{
	font-size:12px;
}



/* misc
------------------------------------------------------------------------------*/

hr, .hide {
 display: none;
}

a img {
  border: none;
}

/* self-clear floats
------------------------------------------------------------------------------*/

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}