/**
 *
 * CSS Stylesheet Rahmenlayout / Navigation
 * Dachauspurs.de
 * 
 * author: Cross Content Media - Sebastian B�ttger (dev@cross-content.com)
 * 
 */
 
 
html,body {
	height:100%; /* needed for container min-height */
	background: #ffffff;
	margin:0px;
	padding:0px;
	
	font-family:arial,sans-serif;
	font-size:11px;
	color:#000000;
}

html {
  
}

body {
}

h1, h2, h3, h4, h5, h6, h7 {
  font-size: 14px;
}

ul {
  list-style-image: url(../img/template/redsquare.gif);
}

a {
  color: #000000;
}

.active a {
  color: #FFFFFF;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
  width: 1019px;
	min-height:100%; /* real browsers */
}

  div#container div#mainads {
    position: absolute;
    width: 724px;
    height: 75px;
    left: 250px;
    top: 20px;
  }
  
  div#container div#content div#pagecontent table#pkr {
    width: 700px;
  }

div#header {
	height: 127px;
	float: left;
	width: 1019px;
/*	background: url(../dev/header.jpg) no-repeat; */
	background: url(../dev/Dachau-Spurs_Head_02_02.gif) no-repeat;
/*	background: url(../dev/Header3websize.gif) no-repeat; */
}

  div#header div#servicenav ul {
    display: block;
    padding-left: 20px;
  }
  
  div#header div#servicenav li {
    display: inline;
    font-style: italic;
    margin-left: 35px;
  }

  div#header div#servicenav li.first {
    margin-left: 0px;
  }
  
  div#header div#servicenav li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
  }
  
  div#header div#servicenav li a:hover {
    color: #ff0000;
  }
    
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	
	div#header div#logo {
	  position: absolute;
	  width: 213px;
	  left: -9px;
  }

	div#header div#logo a img {
	 border: 0px;
  }

	div#header div#mainnav {
   background-color: #A9A9A9;
	 position: absolute;
	 width: 975px;
	 width: 815px;
	 top: 101px;
	 left: 200px;
	 height: 17px;
  }
  
  div#header div#mainnav ul {
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    height: 17px;
    padding: 0px;
    margin: 0px;
  }


  div#header div#mainnav ul li {
    display: inline;
    float: left;
    width: 140px;
    height: 17px;
    border-right: 2px solid #ffffff;
    background-color: #A9A9A9;
  }

  div#header div#mainnav ul li.first {
    width: 138px;
  }
  
  div#header div#mainnav ul li.active {
    background-color: #9A0000;
    color: #FFFFFF;
  }
  
  div#header div#mainnav ul li.last {
    width: 158px;
    background-color: #55585b;
  }
  
  div#header div#mainnav ul li.printbutton {
    width: 105px;
    background-color: #55585b;
  }
  

  div#header div#mainnav ul li a {
    display: block;
    background-color: transparent;
    height: 17px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 17px;
    text-align: center;
  }
  div#header div#mainnav ul li a:hover {
    background-color: #9A0000;
  }
  
div#content {
	padding: 0em 0em 5em; /* bottom padding for footer */
  float: left;
  width: 1015px;
  border-left: 2px solid #cb811a;
  border-right: 2px solid #cb811a;
  border-bottom: 2px solid #cb811a;
  /*	background: url(../img/template/bg.jpg) repeat-y left;   */
}

* html div#content {
  width: 1015px;
  
}

	div#content p {
		text-align:justify;
		padding:0 1em;
		
	}
	
	div#content div#left {
	 float: left;
	 width: 205px;
	 background: url(../dev/leftbg.jpg) repeat-y left;
  }
  
  /* CSS-Hack f�r IE6 und kleiner */  
   * html div#content div#left {
    width: 192px;  
   }  
  	div#left ul {
  	 width: 196px;
    }
  /* CSS-Hack f�r IE6 und kleiner */  
   * html div#content div#left {
     width: 194px;   
   }   
    
    div#left div#lefttop {
      display: block;
      padding: 0px;
      margin: 0px;
      height: 5px;
      width: 100%;
      background: url(../dev/leftbg_top.jpg) no-repeat left;
    }
  
    div#left div#search {
      display: block;
      padding: 0px;
      margin: 0px;
      height: 31px;
      width: 100%;
    }
    
    sdiv#left div#searchdivider {
      background: url(../dev/suchfeld.jpg) no-repeat left;
    }  
    
    div#left div#searchdivider input#sword {
      background: transparent url(../dev/suchfeld.jpg) no-repeat left -1px;;
      width: 146px;
      height: 19px;
      border: none;
      padding-left: 15px;
      font-style: italic;
      display: inline;
      float: left;
    }  
    
    div#left div#searchdivider input#search_submit {
      background: transparent url(../dev/suchfeld_submit.jpg) no-repeat left -1px;
      width: 42px;
      height: 19px;
      float: left;
      border: none;
      margin-left: -15px;
    }
    
    div#left div#navtop {
      display: block;
      padding: 0px;
      margin: 0px;
      height: 23px;
      width: 100%;
      background: url(../dev/mainnav_topred.jpg) no-repeat left;
    }
  
    div#left div#leftbottom {
      display: block;
      padding: 0px;
      margin: 0px;
      height: 5px;
      width: 100%;
      float: left;
      background: url(../dev/leftbg_botom.jpg) no-repeat left;
    }
  
    div#left ul {
      display: block;
      float: left;
      padding: 0px;
      margin: 0px;
      margin-top: 2px;
    }
  
  
    div#left ul li {
      background: url(../dev/mainnav_bg_normal.jpg) no-repeat left;
      color: #000000;
      height: 25px;
      width: 196px;
      display: inline;
      float: left;
    }
  /* CSS-Hack f�r IE6 und kleiner */  
   * html div#left ul li {
     width: 194px;   
   }   
    
    div#left ul li a {
      color: #FFFFFF;
      font-style: italic;
      font-weight: bold;
      font-size: 12px;
    }

    div#left ul li a:hover {
      color: #FFFFFF;
      font-style: italic;
      font-weight: bold;
      font-size: 12px;
      background: url(../dev/mainnav_topred.jpg) no-repeat left;
    }

    div#left ul li.active {
      color: #FF0000;
    }
  


    div#left ul li.lev2 {
      background: url(../dev/mainnav_bg_normal_lev2.jpg) no-repeat left;
      color: #000000;
      height: 25px;
      width: 196px;
    }

    div#left ul li.last {
      margin-bottom: 5px;
    }

  /* CSS-Hack f�r IE6 und kleiner */  
   * html div#left ul li {
     width: 192px;   
   }   
  

    div#left ul li.lev2 a {
      color: #FFFFFF;
      font-style: italic;
      font-weight: bold;
      font-size: 12px;
    }

    div#left ul li.lev2 a:hover,
    div#left ul li.lev2 a.cur {
      background: url(../dev/mainnav_bg_cur_lev2.jpg) no-repeat left;
    }

    div#left ul li.active a,
    div#left ul li a {
      color: #FFFFFF;
    }


    div#left ul li.last {
      margin-bottom: 2px;
    }

    div#left ul li.active {
      margin-top: 5px;
      color: #FF0000;
      background: url(../dev/mainnav_bg_cur_lev2.jpg) no-repeat left;
    }


    div#left ul li a {
      display: block;
      height: 25px;
      text-decoration: none;
      line-height: 25px;
      text-align: left;
      padding-left: 10px;
    }
    div#left ul li a:hover {
    }
  
    div#left ul li.lev2 a {
      display: block;
      height: 25px;
      text-transform: none;
      text-decoration: none;
      line-height: 25px;
      text-align: left;
      padding-left: 20px;
    }
    div#left ul li.lev2 a:hover {
      background-color: #9A0000;
      color: #FFFFFF;
    }
  
  div#content div#middle {
    float: left;
    width: 616px;
    margin-left: 14px;
    margin-top: 10px;
  }

  div#content div#right {
    float: left;
    width: 170px;
    margin-right: 9px;
    margin-top: 10px;
  }

  div#content div#right div#topright {
    position: absolute;
/*    background-color: blue; */
    /* width: 100px; */
  }

  div#content div#right div#claim {
    height: 89px;
    width: 246px;
    background-color: #9A0000;
    margin-top: 2px;
  }


  div#content div#right div#newsletter {
    border: 1px solid #F4F4F4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-top: 4px;
  }
  
  * html div#content div#right div#newsletter {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  
  html* div#content div#right div#newsletter {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  
  div#content div#right div#guide {
    margin-top: 4px;
  }
  
  div#content div#right div#rest {
    height: 100%;
  }
  
  div#content div#middle div#contentimage {
    margin-top: 2px;
  }

    
  div#content div#middle div#pagecontent {
    width: 710px;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  
div#footer {
	position:absolute;
	width:1200px;
	width:1060px;
	bottom:0; /* stick to bottom */
	left: 0px;
}
	div#footer p {
		padding:1em;
		margin:0;
	}  
	
div#middle div#startcontentrahmen_links,
div#middle div#startcontentrahmen_rechts {
  display: block;
  width: 400px;
  float: left;
  padding-top:10px;
}

div#middle div#startcontentrahmen_rechts {
  width: 200px;
  margin-left: 8px;
}

  div#middle div#startcontentrahmen_rechts table.ds {
    width: 200px;
    border-left: 1px solid #C91614;
    border-collapse: collapse; 
  }

  .tx-ccmupcomingevents-pi1-listrow-header,
  div#middle div#startcontentrahmen_rechts table.ds th {
    background-color: #C91614;
    color: #FFFFFF;
    font-style: italic;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
  }
  
  div#middle div#startcontentrahmen_rechts table.ds .bold {
    font-weight: bold;
  }

  .tx-ccmupcomingevents-pi1-listrow table {
    border-left: 1px solid #C91614;
    border-collapse: collapse; 
  }
  
  .tx-ccmupcomingevents-pi1-listrow table td {
    padding: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
  }
  
  .tx-ccmupcomingevents-pi1-listrow table th {
    padding: 0px;
  }
  
  .tx-ccmupcomingevents-pi1-listrow table .eventdate {
    font-weight: bold;
  }
  
      
  #startcontentrahmen_rechts table {
  	border-left: 1px solid #C91614;
  	vertical-align:top;
  	border-spacing:0px;
  	border-padding:0px;
  	border-collapse:collapse;
  	font-size:11px;
  }    
  
  .tx-mjnewsticker-pi1 table td {
  	border: none;
  }
  
  .contenttable contenttable-0 regionalligatabelle {
  vertical-align:top;
  border-spacing:0px;
  border-collapse:collapse;
  font-size:11px;
  }
  
  td {
  vertical-align:top;
  }
  .tr-even{
  background-color:#CF8A24;
  }
  .tr-odd{
  background-color:#FAB048;
  }