html>body ul#navigation li a {
  width:auto;
}

/* default styles */
body {
 margin:0 0 0 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 background-color:#ececed;
 color:#666;
}
h1,h2,.maintitle {
	color:#e20a25;
}
h1,.maintitle {
	font-size:16px;
  font-weight:bold;
}

h2 {
	font-size:14px;
}
h3 {
	font-size:12px;	
}


/* positioning */
#container {
	margin:auto;
	width:978px;
	background-color:#ececed;
	background:url(../img/bg_container.gif) repeat-y;
}

/* page */
#page {
	margin:auto;
	padding:0;
	width:950px;
	background-color:#fff;
}
#header {
	background-color:#fff;
	height:88px;
}
	#logo {
		float:left;
		padding: 7px 0 0 10px;
	}


/* top navigation */
#navigationTop {
	background-color:#e20a25;
	float:right;
	text-align:left;
	font-weight:regular;
	height:20px;
	color: white;
}
	ul#naviTop {
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
		background-color:#e20a25;
	}
	ul#naviTop li {
		float:left;
		list-style:none;
		height:inherit;
		padding:0 5px 0 5px;
		vertical-align:middle;
	}
	ul#naviTop a {
		color:#fff;
		font-size:10px;
		text-decoration:none;
		padding:10px 5px 0px 10px;
	}
	ul#naviTop a.aktiv {
		color:#666;
		display:block;
		padding:0 2px 0 0;
		text-decoration:none;
		padding:5px;
		width: auto;
		height:17px;
	}
	ul#naviTop a:hover {
		color:#bbb;
	}
	
#search {
	padding-right: 10px;
	padding-top: 12px;
	text-align: left;
	color: black;
}


#search a {
		color: black;
		text-decoration:none;
	}
#search a.aktiv {
		color: black;
		text-decoration:none;
	}
#search a:hover {
		color:#bbb;
	}

/* navigation */
#naviDyn {
	height:27px;
	background-color:#e20a25;
}
	ul#navigation {
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
		background-color:#e20a25;
	}
	 ul#navigation li {
		float:left;

		list-style:none;
		height:inherit;
		padding:0 5px 0 12px;
		vertical-align:middle;
	}
	ul#navigation a {
		background-color:#e20a25;
		color:#fff;
		display:block;
		padding:5px 4px 0 0;
		text-decoration:none;
		width: auto;
		height:17px;
	}
	ul#navigation a.aktiv {
		background-color:#960000;
		color:#fff;
		display:block;
		text-decoration:none;
		padding:5px;
		width: auto;
		height:17px;
	}
	ul#navigation a:hover {
		color:#bbb;
	}


/* subnavigation */
#subNaviDyn {
	height:25px;
	background:url(../img/bg_subnav.gif) repeat-x;
}
	ul#subNavigation {
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
	}
	 ul#subNavigation li {
		float:left;
		list-style:none;
		height:inherit;
		vertical-align:middle;
	}
	ul#subNavigation a {
		color:#fff;
		display:block;
		padding:0 2px 0 0;
		text-decoration:none;
		padding:5px;
		width: auto;
		height:15px;
	}
	ul#subNavigation a.aktiv {
		background-color:#960000;
		color:#fff;
		display:block;
		padding:0 2px 0 0;
		text-decoration:none;
		padding:5px;
		width: auto;
		height:15px;
	}
	ul#subNavigation a:hover {
		color:#bbb;
	}

#content {
	text-align:left;
	line-height:16px;
}

.mini {
	color: black;
	font-size:9px;
}

#startpicture {
	height:276px;
	border:none;
}
#padding {
	padding: 20px 20px 10px;
	overflow:hidden;
}

/* content navigation */
#contentNavi {
	float:left;
	width:250px;
}
	ul#contentNavigation {
		background:url(../img/nav_contentline.gif) no-repeat top;
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
	}
	 ul#contentNavigation li {
		background:url(../img/nav_contentline.gif) no-repeat bottom;
		list-style:none;
		height:inherit;
		vertical-align:middle;
	}
	ul#contentNavigation a {
		color:#666;
		display:block;
		padding:0 2px 0 0;
		text-decoration:none;
		padding:5px;
		width: auto;
	}
	ul#contentNavigation a.aktiv {
		color:#e20a25;
		display:block;
		padding:0 2px 0 0;
		text-decoration:none;
		padding:5px;
		width: auto;
	}
	ul#contentNavigation a:hover {
		color:#e20a25;
	}
	
/* content */
#contentLeft {
	float: left;
	text-align:left;
	width: 205px;
	margin-right: 0;
	margin-left: 0;
	background: url(../img/ver_line.gif) repeat-y;
	padding-bottom: 10000px !important;
	margin-bottom: -10000px !important;
}
#contentLeft img{
	float: left;
	text-align:left;
	clear: none;
	bottom: 1px;
}

#contentRight {
	float:right;
	text-align:left;
	width:685px;
	margin-left: 10px;
	padding-bottom: 10000px !important;
	margin-bottom: -10000px !important;
}



#content a {
	color:#e20a25;
	text-decoration: none;

}
#content a:hover {
	color: black;	
}
#content red {
	color:#e20a25;
}

.border {
	border:1px solid #666;
}
.lead {
  display: block;
  padding-top: 1em;
  font-weight: bold;
}

#contentRight ol{
  padding-left: 20px;
}
#contentRight ol li {
  padding-top: 1em;
}
#contentRight ul{
  padding-left: 20px;
}
#contentRight ul li {
  padding-top: 0.5em;
}

#contentRight td {
  vertical-align: top;
}

/* foot */
#footer  {
	background:url(../img/bg_bottom.gif) no-repeat;
	height:20px;
	width:978px;
	margin:auto;
	text-align: center;
	font-size:9px;
}

#footer a {
	text-decoration: none;
	color: black;
}

/* tables */
table .tbl_content th{
  background-color:red;
  color:white; 
}
table .tbl_content tr{
  background-color:#ececed;
  color:#666;
}

/*  clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
    height: 1%;
}
/* avoiding the outline-box on links - specially on images */
a:focus {
	-moz-outline: none;
	outline: none;
}
/* avoiding the horizontal scroll-shift by always displaying the vert-scroll */
html {
    min-height: 101%;
}

#banner {
    width: 950px;
    margin: 0 auto;
}
#banner * {
    border: none;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

