@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

.blank {
	font-size:0px; line-height:0px; clear:both;
}
.hellblau {color:#78AED2;}

body{
	padding:0;
	margin:0;
	background-color: #CCCCCC;
  	color: #565656;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/************************************************* HEADER ****************************************************/
#header {
	margin:0px auto;
	width:900px;
	height:82px;
	background: url(../img/header_bg.gif);
}
#logo {
	float:left;
	padding:20px 0 0 15px;
  	color: #565656;
}
#logo h1 {
	display:none;
}
#logo p {
  height: 15px;
  display: inline;
  font-size:12px;
}
#home {
	float:right;
	padding:10px 15px 0 0;
	font-size:11px;
  	color: #565656;
}
#home ul {
	list-style:none;
}
#home li {
	float:left;
}
#home a {
	font-size:12px;
	color:#565656;
	text-decoration:none;
}
#home a:visited {
	font-size:12px;
  	color: #565656;
	text-decoration:none;
}
#home a:hover {
	font-size:12px;
	color:#565656;
	text-decoration:none;
}

/************************************************* NAVIGATION ***********************************************/

#navigation {
	clear:both;
	padding:10px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
}
#navigation ul {
	list-style:none;
}
#navigation li {
	float:left;
	padding:3px 20px 0 0;
}
#navigation a {
	font-size:14px;
	color:#C6B88C;
	text-decoration:none;
}
#navigation a:visited {
	font-size:14px;
	color:#C6B88C;
	text-decoration:none;
}
#navigation a:hover {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}


/*************************************************  CONTENT  ***********************************************/

#main-wrapper {
	clear:both;
	margin:0px auto;
	width:900px;
	height:702px;
	background:#E0E0E0 url(../img/content_bg.gif);
}


/*************************************************  LEFT  ***********************************************/

#left {
	float:left;
	background:#E0E0E0;
}
.menu {
	width:205px;
	margin:0 0 0 15px;
	padding:0 0 20px 0;
	background:#D1D1A4;
}
.menu ul {
  margin: 0 0 0 0;
  padding:0 0 30px 0px;
  left: 0px;
  list-style: none;
}
.menu li.topic {
  	padding:10px 0 0 10px;
	font-size:20px;
	margin:0 0 0 0;
  	color:#000000;
  	font-family: "HelveticaNeue-Light", "Helvetica Neue", "Helvetica Neue Light", "Helvetica", sans-serif;
  	letter-spacing: -1px;
  	clear: both;
  	font-weight: 300;
}
.menu li.title {
  	padding:0 0 5px 10px;
	font-size:18px;
	margin:0 0 0 0;
  	color:#000000;
  	background: transparent url(../img/grauer_punkt.gif) repeat-x bottom left;
  	font-family: "HelveticaNeue-Light", "Helvetica Neue", "Helvetica Neue Light", "Helvetica", sans-serif;
  	letter-spacing: -1px;
  	clear: both;
  	font-weight: 300;
}
.menu li.item {
  	padding: 11px 0 0 0;
  	margin: 0 0 0 0;
}
.menu li.item a {
	text-decoration:none;
  	color: #565656;
  	margin: 0 0 0 0;
  	display: block;
  	padding: 0 4px 5px 33px;
  	background: transparent url(../img/pfeil.png) 10px 2px no-repeat;
	font-weight:bold;
}
.menu li.item a:visited {
	text-decoration:none;
  	color:#565656;
}
.menu li.item a:hover {
	text-decoration:none;
  	color:#0E4870;
}
.menu li.item a.active {
	color:#0E4870;
}



/*************************************************  RIGHT  ***********************************************/

#right {
	float:right;
	background:#E0E0E0 url(../img/content_bg.jpg) -10px 0 no-repeat;
	min-height:100%;
}
.content {
	width:645px;
	padding:0 15px 0 20px;
}
.content h2 {
	font-size:20px;
  	padding:31px 0 5px 0;
	margin:0 0 30px 0;
  	color:#000000;
  	background: transparent url(../img/grauer_punkt.gif) repeat-x bottom left;
  	font-family: "HelveticaNeue-Light", "Helvetica Neue", "Helvetica Neue Light", "Helvetica", sans-serif;
  	letter-spacing: -1px;
  	clear: both;
  	font-weight: 300;
}
.content h3 {
  	clear: both;
  	font-weight: 300;
  	font-family: "Trebuchet MS", sans-serif;
  	color: #453B14;
  	font-size: 16px;
  	padding: 0 0 6px 0;
  	background: transparent url(../img/grauer_punkt.gif) repeat-x bottom left;
}
.anbieter {
  	clear: both;
  	background: transparent url(../img/grauer_punkt.gif) repeat-x bottom left; 
  	margin: 0 0 0 0;
	min-height:140px;
}
.info {
	float:left;
	width:400px;
}
.info img {
  float: left;
  border: 1px solid #B1AEA2;
  margin: 18px 17px 10px 0;
}
.info p {
	padding-bottom:10px;
}
.info h4 {
  padding: 17px 0 7px 0;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #6B4C1C;
  text-transform: uppercase;
}
.info h4 a{
  font-size: 15px;
  font-weight: bold;
  color: #6B4C1C;
  text-decoration:none;
}
.info h4 a:visited{
  font-size: 15px;
  font-weight: bold;
  color: #6B4C1C;
  text-decoration:none;
}
.info h4 a:hover{
  font-size: 15px;
  font-weight: bold;
  color: #6B4C1C;
  text-decoration:underline;
}

.kurzinfo {
	float:right;
	width:220px;
}
.kurzinfo h5 {
  padding: 19px 0 3px 0;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
}
.kurzinfo ul {
	padding:0 0 0 15px;
}
.kurzinfo li {
	padding:5px 0 0 0;
}

.sponsoren {
	padding:15px 0 15px 0;
}
.sponsoren p {
	padding:5px 0 5px 0;
}
.sponsoren a{
}


/*************************************************  FOOTER  ***********************************************/

#footer {
  width: 900px;
  margin: 0 auto;
  clear: both;
  display: block;
}
#footer {
  height: 29px;
  overflow: hidden;
}
#footer {
  background: transparent url(../img/footer_bg.gif) no-repeat bottom left;
}
#footer,
#footer a, #footer a:link, #footer a:visited {
  color: #8B866C;
  font-size: 10px;
}
#footer a:hover {
  color: #FFFFFF;
}
#footer p {
  line-height: 29px;
}
#copyright {
  float: left;
  margin: 0 0 0 17px;
}
#by {
  float: right;
  margin: 0 20px 0 0;
}
#credits, #by {
  display: inline;
}