﻿/* CSS Document */

html, body { 
  height: 100%;
}

body {
  background-color: #9D9D9D;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

body,#NaviHeader ul,#ContainerNavi ul,#ListeRechts ul,#NaviFooter ul {
  padding:0;
  margin:0;
}

h1,h2,h3 {
  margin:0;
}
  
h2,h3 {
  font-size: 1em;
}

h1 {
  font-size: 1.2em;
}

#TopNews a.articleLink, .news a.articleLink {
	background-image: none;
	font-weight: bold;
}

.paginate {
	margin-top: 10px;
}
   
a,#NaviHeader ul li a:hover,#ContainerNavi a:hover, #ContainerNavi ul li a.aktiv, #ContainerNavi ul li.current a, .text-rot,.aktiv,h1{
  color: #CC0000;
  }
  
h2,#NaviHeader li a,#ContainerNavi ul li a,.datetime,.size {
  color: #767676;
  }
  
#ListeRechts a:hover,#NaviFooter ul li a:hover {
  color:#d6d6d6;
}

a:active, a:hover,.date {
   color:#8F8F8F;
}

.box-links-header,#BoxRechts,#ListeRechts ul li a,#Footer,#NaviFooter li a,#BoxRechtsFooter a,.BoxRechtsSubline a {
  color: #fff;  
}

a,#NaviHeader li a,#ContainerNavi li a,#NaviFooter li a {
  text-decoration: none;
  }
  
#Headline,.box-links-header,#BoxRechtsHeader,#BoxRechtsHeadline,.BoxRechtsSubline,#BoxRechtsFooter,.prev,.title {
  font-weight: bold;
  }
  
#NaviHeader li a,.date,#ListeRechts ul li a,#NaviFooter li a  {
  font-weight: normal;
}
  
#BannerTop,#Logo,#ContainerNavi,#FlaecheGrau,#Search {
  position: absolute;
}

#NaviHeader,#Voting label {
  position: relative; 
}

#NaviHeader ul li,#Headline,#ContainerNavi,#ContainerNavi ul li,#ContainerNavi ul li a,#FlaecheGrau,#Links,#NaviFooter,#NaviFooter ul li,.job-img,.gallery-album {
  float: left;
}

#ListeRechts,#BoxRechtsHeadline,.BoxRechtsSubline,#BoxRechtsFooter {
  text-align: left;
}

#NaviHeader li a,#ContainerNavi li a,#BoxRechts,#BoxRechtsImg,#NaviFooter li a,.prev,.up {
  text-align: center;
}

#NaviHeader li a,#ListeRechts ul li a,#NaviFooter li a,#ContainerNavi li a  {
  display: block;
}

#ContainerNavi li a,#NaviHeader li a,#Headline {
  text-transform: uppercase;
}

#NaviHeader ul li,#ContainerNavi ul li,#Voting ul li {
  list-style:none;
}

#Voting ul li {
	padding-bottom: 10px;
}

#Container,#Content,#Links,#Rechts {
  background-color: #fff;
}

#BoxRechtsImg,#BoxRechtsHeadline,.BoxRechtsSubline {
  background-color: #b00000;
}

#TopNews,#ContainerNavi li a {
  background-color: #ebebeb;
  }
  
#ContainerNavi a:hover,#ContainerNavi ul li.current a,.aktiv  {
  background-image: url(/images/BG_button_rollover.jpg);
}

.gallery-album-admin,.gallery-album,.gallery-image,.gallery_slideshow {
  border: 1px solid #e7e7e7;
}

#BoxRechtsImg,#ListeRechts ul li,.box-links-img,.up {
  padding-top: 10px;
}

.date,.box-links-header,#BoxRechtsHeader,#BoxRechtsHeadline,.BoxRechtsSubline {
  padding-top: 5px;
}

#NaviHeader li a,.box-links-header,#ListeRechts,#NaviFooter li a  {
  padding-right: 5px;
}

#TopNews,#TopNews a,#Footer,#BoxRechtsFooter a,.BoxRechtsSubline a,.news a,.box-links a {
  padding-right: 10px;
}

#NaviHeader li a,.box-links-header,#NaviFooter li a {
  padding-left: 5px;
}

#TopNews,#NaviHeader li a {
  padding-left: 10px;
}

.gallery-image,.gallery_slideshow,.gallery-navigation,.gallery-back {
  padding: 10px;
}

#ContainerNavi li a,.aktiv  {
  height: 22px;
  padding-top: 7px;
  margin-right: 4px;
  padding-right: 14px;
  padding-left: 14px;
}

#ListeRechts ul li,#NaviFooter {
  padding-left: 15px;
}

.size,.title,.description {
  padding-bottom: 5px;
}

.box-links-img,#BoxRechtsImg,#ListeRechts ul li {
  padding-bottom: 10px;
}

#BoxRechts,.banner-content {
  margin-top: 20px;
}

#Container,#Content,#Footer {
  margin-bottom: 0;
}

#ListeRechts,.box-links-header {
  width: 155px;
}

#BoxRechtsImg,#BoxRechtsHeader {
  width: 160px;
}

.banner-right,#BoxRechtsFooter,.BoxRechtsSubline {
  width: 165px;
}

.title,.gallery-albumlist,.gallery-image,.gallery_slideshow,.gallery-navigation,.gallery-back,.description,.prev,.up {
  width: 350px;
}

#NaviHeader,#NaviFooter {
  width: 370px;
}

#Container,#ContainerNavi {
  width: 820px;
}

#NaviHeader,#ContainerNavi,#FlaecheGrau {
  height: 31px;
}

.box-links-header,#BoxRechtsHeader,#BoxRechtsHeadline,.BoxRechtsSubline,#BoxRechtsFooter,#Search {
  height: 20px;
}
  
#NaviHeader li a,.date,#Footer {
  font-size: 0.9em;
}

#TopNews a,.news a,.box-links a {
  background-image: url(/images/pfeil_rot.png);
  background-repeat: no-repeat;
  background-position: right .4em;
  font-weight: normal;
}

.news,.job-container,#TopNewsBorder {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e7e7e7;
}

.button {
  cursor: pointer;
}

#Container {
  margin-top: 0;
  margin-right: auto;
  margin-left: 15px;
  padding-top: 90px;
  background-image: url(/images/BG_container.gif);
  background-position: top;
  background-repeat: repeat-x;
}

#Header {
  padding: 0;
  background-image: url(/images/header.jpg);
  height: 144px;
}

#NaviHeader {
  left: 450px;
}

#NaviHeader li a {
  padding-top: 9px;
  background-image: url(/images/pfeil_grau.png);
  background-repeat: no-repeat;
  background-position: left 80%;
  margin-left: 10px;
}

#Logo {
  width: 349px;
  top: 100px;
  padding-left: 20px;
}

#Search {
  float: right;
  position: relative;
  width: 175px;
  margin-top: 10px;
  height: 30px;
}

.btn-search {
	width: 11px;
	height: 20px;
}

#ContainerNavi {
  top: 205px;
  /*background-image: url(/images/flaeche_grau.png);
  background-position: right;
  background-repeat: no-repeat;*/
}

#Headline {
  width: 365px;
  margin-left: 10px;
  top: 15px;
  color: #999;
  font-size: 1.5em;
}

#Content {
  margin-top: 40px;
  margin-right: 150px;
  margin-left: 220px;
  margin-bottom: 30px;
  padding-top: 0;
  padding-right: 23px;
  padding-bottom: 0;
  padding-left: 22px;
}

#TopNews {
  width: 355px;
  padding-bottom: 10px;
  padding-top: 5px;
}

#TopNews p.more {
  margin: 0;
}

#TopNews p.date {
	margin-top: 0;
}

#TopNews h2, .news h2 {
	font-size: 1.1em;
}

#TopNewsBorder {
	margin-top: 20px;
}

.news,#TopNewsBorder {
  width: 375px;
}

#Links {
  width: 200px;
  margin: 0px;
  padding: 0 0 20px;
}

.box-links {
  width: 160px;
  background-repeat: no-repeat;
  background-position: top;
  color: #8F8F8F;
  padding: 20px 20px 10px;
  border-bottom: 1px solid #E7E7E7;
}

.box-links-header {
  background-image: url(/images/box_header.gif);
  margin-bottom: 15px;
}

#Rechts {
  float: right;
  width: 160px;
  min-height: 600px;
  padding-bottom: 20px;
}

#BoxRechtsHeader {
  background-image: url(/images/box_rechts_oben.gif);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
}

#BoxRechtsHeadline {
  width: 147px;
  padding-left: 13px;
  padding-bottom: 15px;
}

#ListeRechts {
  background-color: #C03030;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #FFF;
}

#ListeRechts ul li{
  padding-right: 15px;
  width: 130px;
  list-style-type: none;
  background-color: #C03030;
  background-image: url(/images/pfeil_weiss.png);
  background-repeat: no-repeat;
  background-position: left;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #FFF;
}

#ListeRechts ul li a {
  background-repeat: no-repeat;
  background-position: left;
}

#BoxRechtsFooter {
  background-image: url(/images/box_rechts_unten.gif);
  padding-left: 15px;
  padding-top: 5px;
  width: 145px;
}

#BoxRechtsFooter a {
  background-image: url(/images/pfeil_weiss.png);
  background-repeat: no-repeat;
  background-position: right 60%;
}

.BoxRechtsSubline {
  padding-left: 15px;
  padding-top: 5px;
  width: 145px;
}

.BoxRechtsSubline a {
  background-image: url(/images/pfeil_weiss.png);
  background-repeat: no-repeat;
  background-position: right 50%;
}

#Footer {
  clear: both;
  height: 40px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 35px;
  padding-left: 0px;
  text-align: right;
  background-image: url(/images/BG_footer.gif);
  padding-top: 14px;
  background-color: #9D9D9D;
  background-repeat: no-repeat;
  background-position: top;
}

#NaviFooter ul li {
  list-style:none;
}

.job-container {
  float: left;
  width: 360px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.showroom-container {
  float: left;
  width: 120px;
  height: 140px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.job-img {
  width: 120px;
  text-align: center;
}

.showroom-img {
  width: 180px;
  float: left;
}

.job-text {
  width: 155px;
  padding-left:15px;
  float: right;
}

.showroom-text {
  height: 20px;
  width: 120px;
  padding-left:0px;
  padding-top:10px;
  text-align: center;
  float: left;
}

.schulungen-container {
  width: 360px;
}

.schulungen-image {
  text-align: left;
  vertical-align: top;
}

.schulungen-text {
  padding-left: 15px;
  vertical-align: top;
  padding-bottom: 10px;
}

.schulungen-text a {
  text-decoration: underline;
}

.gallery-album {
  padding: 4px;
  margin: 2px;
  width: 110px;
  height: 110px;
}

.gallery-navigation,.gallery-back {
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #e7e7e7;
  border-bottom-color: #e7e7e7;
  border-left-color: #e7e7e7;
}

.datetime {
  width: 150px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.size {
  width: 200px;
}

#BannerTop {
  width: 1015px;
  height: 90px;
  top: 0px;
}

.banner-top-left {
  float: left;
  width: 468px;
  height: 60px;
  padding-top: 20px;
}

.banner-top-right {
  float: right;
  width: 468px;
  height: 60px;
  padding-top: 20px;
}

.banner-content {
  width: 380px;
  margin-bottom: 20px;
}

.banner-right {
  margin-top: 30px;
}

#Voting ul {
  margin: 0px;
  padding: 0px;
}

/* Image and Caption */

.newspic {
	float: right;
	margin-left: 8px;	
}

.imagecaption {
  font-size: 9px;
  color: #000000;
  background-color: #FFFFFF;
  display: block;
  padding: 2px;	
  margin-left: 5px;	
  clear: both;
}

#BannerRight {
	position:absolute;
	width: 180px;
	left: 850px;
	height: 600px;
}

.left-box-list {
  width: 165px;
  min-height: 70px;
  margin-left: 5px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 15px;
}
.left-box-list ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: -40px;
  list-style-image: none;
  list-style-type: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eaeaea;
}
.left-box-list li a {
  color: #666;
}
.left-box-list li.current a, .left-box-list li a:hover {
  color: #CC0000;
}

#Content .events {
  margin: 0;
  padding: 0;
}
#Content .events li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#Content .events ul {
  margin: 0;
  padding: 0;
}
#Content .events ul li {
  width: 100%;
  margin-bottom: 1em;
}
#Content .events ul li .date {
  width: 110px;
  display: block;
  float: left;
  white-space: nowrap;
}
#Content .events ul li .title {
  font-weight: bold;
  display: block;
  margin-left: 110px;
  padding-top: 3px;
}
#Content .events ul li .location {
  color: #999;
  margin-left: 110px;
  display: block;
}
#Content .events ul li .internet {
  color: #999;
  margin-left: 110px;
  display: block;
}
#Content .events ul li .internet a {
  color: #999;
  text-decoration: none;
}
#Content .events ul li .internet a:hover {
  text-decoration: underline;
}
#Content .events ul li .introduction {
  color: #999;
  margin-left: 110px;
  display: block;
}

#Content .events h2 {
  margin-top: 1.5em;
}

#epaper {
	width: 100%;
	/*height: 132px;*/
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #E7E7E7;
	float: left;
}

#epaperHeadline {
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
}

.epaperSubline a {
	background-image: url(/images/pfeil_rot.png);
  	background-repeat: no-repeat;
  	background-position: left 60%;
  	padding-left: 10px;
  	font-size: 10px;
}

#epaperImg {
	width: 120px;
	float: left;
}

#epaperImg a {
	border: 0;
}

#epaperImg img {
	border: 1px solid #CCCCCC;
}

#epaperContent {
	float: left;
	width: 280px;
}

#epaperIssues ul {
	padding-left: 12px;
}

#epaperIssues ul li {
	list-style-image: url('/images/pfeil_rot.png');
	font-size: 10px;
}

#rss {
	float: right;
	height: 31px;
}

