/******************************
Kopfbereich erweitert
******************************/
#head a
{
	text-decoration: none;
}

/******************************
Buttons
******************************/
a.buttonDownload
{
  width: 193px;
  height: 44px;
  margin: 15px 0px 15px 0px;
  padding: 14px 5px 5px 45px;
  color: #808080;
  font-size: 11px;
  text-decoration: none;
  display: block;
  background: url(/global/img/downloadback.gif) no-repeat;
  background-position: 0px 0px;
}

a.buttonDownload:hover
{
  color: #366486;
  text-decoration: none;
  background: url(/global/img/downloadback.gif) no-repeat;
  background-position: 0px -62px;
}

a.buttonDownload b
{
  font-size: 13px;
  font-weight: bold;
}

a.more
{
  padding-left: 12px;
  background: url(/global/img/microbullet.gif) 0px 4px no-repeat;
}

.buttonMain {
  width: 441px;
  height: 72px;
  margin: 0px 0px 15px 0px;
  padding: 3px;
  text-align: right;
  text-decoration: none;
  border:1px solid #c0c0c0;
  background-position: 3px 3px;
  background-repeat: no-repeat;
  float:left; 
  display:block;
}
.buttonMain:hover {
  text-decoration: none;
  background-position: 3px -75px;
}
.buttonMain .headline {
  padding: 10px 10px 2px 100px;
  font-weight: bold;
  text-align: left;
  display: block;
}
.buttonMain .info {
  padding: 0px 10px 2px 100px;
  text-align: left;
  display: block;
}
.buttonMain .link {
  padding: 0px 10px 0px 12px;
  text-decoration: underline;
  background: url(/global/img/microbullet.gif) 0px 4px no-repeat;
}

/******************************
Startseite
******************************/
.quicknewsmainimage
{
	width: 910px;
	height: 290px;
	position: relative;
	float:left;
}
.quicknewsmain
{
  width: 910px;
  height: 290px;
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
}
.quicknewsmain .slogen
{
  padding: 40px 40px 20px 20px;
  color: #FFF;
  font-size: 26px;
  text-align: right;
  line-height: 100%;
}
.quicknewsmain .product
{
  padding: 0px 40px 5px 20px;
  color: #FFF;
  font-size: 32px;
  font-weight: bold;
  text-align: right;
  line-height: 100%;
}
.quicknewsmain .comment
{
  padding: 0px 40px 20px 20px;
  color: #FFF;
  font-size: 12px;
  text-align: right;
}
.quicknewsmain .more
{
  padding: 0px 40px 0px 20px;
  color: #FFF;
  font-size: 12px;
  text-align: right;
}
.quicknewsmain .more a
{
  padding-left: 12px;
  color: #FFF;
  background: url(/global/img/microbullet.gif) 0px 4px no-repeat;
}
.quicknewsmain .left
{
  text-align: left;
}
.quicknewsmain .right
{
  text-align: right;
}

.containerProducts
{
  width: 449px;
  padding: 0px 10px 0px 0px;
  float: left;
}
.containerProducts ul
{
	width: 469px;
	margin:	0 0 0 0px;
	overflow: hidden;
}
.containerProducts ul li
{
  width: 214px;
  margin: 0px 20px 0px 0px;
  border-bottom: 1px solid #c0c0c0;
  float: left;
}
.containerProducts ul li a
{
	background: transparent url(/global/img/navbullet2.gif) no-repeat;
	background-position: 0 100%;
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 18px;
	text-decoration: none;
	width: 200px;
}
.containerProducts ul li a:hover
{
	color: #000;
}

.containerQuicknews
{
  width: 449px;
  padding: 0px 0px 0px 10px;
  float: left;
}
.containerQuicknews .quicknewspic
{
  width: 106px;
  height: 56px;
  margin: 0px 20px 20px 0px;
  padding: 0px;
  border: 1px solid #C0C0C0;
  float: left;
}
.containerQuicknews .quicknewspic img
{
  width: 100px;
  height: 50px;
  border: 3px solid #FFF;
}
.containerQuicknews h3
{
	font-weight: bold;
	margin: 0px;
}
.containerQuicknews .quicknewsentry a.more
{
  padding-left: 12px;
  background: url(/global/img/microbullet.gif) 0px 4px no-repeat;
}

/******************************
Map
******************************/
.mapbox
{
  height: 500px;
  overflow: hidden;
}

.map
{
  width: 692px;
  height: 500px;
}

.mappanel
{
  width: 191px;
  height: 398px;
  padding: 12px;
  color: #FFFFFF;
  background: url(/global/img/mappanel.png) no-repeat;
  position:relative;
  top: -420px;
  left: 485px;
}

.mappanel p
{
  color: #FFFFFF;
}

.mappanel a
{
  padding-left: 14px;
  color: #FFFFFF;
  background: url(/global/img/linkbullet-back.gif) no-repeat;
  background-position: 0px 4px;
  text-decoration: underline;
  line-height: 150%;
}
.mappanel a:hover
{
  text-decoration: underline;
}

.mappanel h2
{
  color: #FFFFFF;
	line-height:			16px;
	font-weight:			bold;
	margin:					0 0 0 0;
}

.mappanel hr
{
  width: 166px;
	color: #b3d8e3;
	background-color: #b3d8e3;
	height: 1px;
	text-align: left;
	border: none;
	margin: 10px 0;
}

/* root element for tabs  */
ul.historytabs {
  width: 692px;
  height:70px;
  list-style-type:none;
	margin:0 !important;
	padding:0;
	background: url(/global/img/geschichteback.png) no-repeat;
}

/* single tab */
ul.historytabs li {
  list-style-type:none;
  float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.historytabs a {
	font-size:14px;
	font-weight:bold;
	display:block;
	height: 70px;
	line-height:70px;
	width: 173px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;
	position:relative;
}

ul.historytabs a:active {
	outline:none;
	background: url(/global/img/geschichtebutton.png) no-repeat 0px 0px;
}

/* when mouse enters the tab move the background image */
ul.historytabs a:hover {
	background: url(/global/img/geschichtebutton.png) no-repeat 0px 0px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.historytabs a.current {
	cursor:default !important;
	color:#fff !important;
	background: url(/global/img/geschichtebutton.png) no-repeat 0px -70px;
}

ul.historytabs a.current:hover {
	cursor:default !important;
	color:#fff !important;
}

ul.historytabs li.current a {
	cursor:default !important;
	color:#fff !important;
}

/* initially all panes are hidden */
div.historypanes div {
	display:none;
}

/* tab pane styling */
div.historypanes div {
	display:none;
	padding:15px;
	background-color:#fff;
}

div.historypanes div h3
{
  width: 158px;
  float: left;
}
div.historypanes div hr
{
  clear: both;
}
div.historypanes div span
{
  width: 500px;
  margin: 0 0 20px 0;
  float:left;
}
div.historypanes div ul
{
  margin: 0 0 0 15px;
  list-style:	square;
}
div.historypanes div li
{
  list-style:	square;
}

.formCaptcha input {width:250px; margin:0 0 2px; padding:4px; border:1px solid #B3D8E3;}

/******************************
Aktuelles
******************************/

.newsentry .newspic
{
  width: 106px;
  
  margin: 0px 20px 0px 0px;
  padding: 0px;
  border: 1px solid #C0C0C0;
  float: left;
}
.newsentry .newspic img
{
  width: 100px;
  height: 50px;
  border: 3px solid #FFF;
}