/* CSS Document */


/******************************* Allgmemein ************************************************/

body {
  background: #9b9b9b;
  margin: 0;
  padding: 0;
  font-size:100.1%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  text-align:center;
}
#container{
  position:absolute;
  left:50%;
  margin-left:-489px;
  width: 978px;
  float:left;
  text-align:center;
}

#content{
  width: 978px;
  /*min-height: 560px;
  height:auto !important;
  height:560px;*/
  float:left;
  background: #fff url(bilder/allgemein/schatten_seite.gif) -1px repeat-y ;
  text-align:left;
}
#kopf{
  margin: 0 0 0 14px;
  padding:7px 0 0 0;
  width: 950px;
  height: 130px;
  background: #e20079 url(bilder/allgemein/schatten_kopf_grau.gif) bottom no-repeat ;
}
#logo{
  margin: 0 0 0 5px;
  float:left;
}
#fuss{
  width: 978px;
  height:24px;
  float:left;
  background: #9b9b9b url(bilder/allgemein/schatten_fuss.gif) no-repeat top ;
  font-size:9px;
  padding-top:11px;
  color: #484848;
}
#fusslinks{
  margin: 0 0 0 14px;
  width: 276px;
  float:left;
  text-align:left;
}
*html #fusslinks{
  margin: 0 0 0 7px;
}
#fussRechts{
  margin: 0 14px 0 0;
  width: 620px;
  float:right;
  text-align:right;
}
*html #fussRechts{
  margin: 0 7px 0 0;
}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

/*Navigation*/

#navirahmen{
  width:606px;
  float:right;
  height:34px;
  padding: 0px;
  margin: 13px 0 0 0;
  /*background-image: url(bilder/navi/navi_back_schatten.gif);*/
  background-image: url(bilder/navi/navi.png);
}
*html #navirahmen{
  background-image: url(bilder/navi/navi_back_schatten.gif);
}
*html #navirahmen.home{
  background-image: url(bilder/navi/navi_back_schatten2.gif);
}
#navi{
  color:#000000;
  font-size: 11px;
}
#metanavi{
  color:#fff;
  font-size: 10px;
  width:606px;
  float:right;
  padding: 0px;
  margin: 27px 0 0 0;
}
/******************************* Inhalt ************************************************/

#inhalt{
  width: 950px;
  min-height: 430px;
  height:auto !important;
  height:420px;
  float:left;
  margin: 0 0 0 14px;
  background: #fff url(bilder/allgemein/grau.gif) repeat-y ;
  text-align:left;
}
*html #inhalt{
  margin: 0 0 0 7px;
}
#links{
  width:276px;
  float:left;
  padding: 0px;
  margin: 15px 30px 0 32px;
}
*html #links{
  margin: 15px 30px 0 16px;
}
#rechts{
  width:570px;
  float:left;
  padding: 0px;
  margin: 15px 0 0 40px;
}
.spalte340px { width: 340px;}
.spalte200px { width: 200px;}

#rechts table {
  width: 540px;
  float:left;
  border-collapse: collapse;
  text-align:left;
  font-size:12px;
  line-height:17px;
  margin: 10px 0 20px 0;
}

#rechts td {
  vertical-align:top;
  padding: 0;
}
.tabAbstand {
  border-top: solid 1px #9b9b9b;
  height: 20px;
}

/******************************* Teaser ************************************************/

#links table.teaser {
  width: 276px;
  float:left;
  border-collapse: collapse;
  text-align:left;
  font-size:12px;
  line-height:17px;
  margin: 0 0 15px 0;
  padding:0px;
  background: url(bilder/allgemein/schatten_teaser.png)  repeat-x top;
  vertical-align:top;
}
.spalte86px { width: 86px;}
.spalte190px { 
  width: 190px;
}
.teaserBorderRechts {
  border-right: 1px solid #fff;
  background:#fff;
  border-top: 1px solid #fff;
    filter: alpha(opacity=50); /* Für IE */
  -moz-opacity: 0.5; /* Für Gecko-Browser */
  opacity: 0.5; /* Für Opera 9+ */
}
.teaserBorderLinks {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-top: -1px;
}
*html .teaserBorderLinks {
  margin-top: 0px;
}
.teaserHead {
  background: url(bilder/allgemein/teaser_head.gif) right no-repeat;
  height:21px;
  vertical-align:middle;
}
.teaser h1 {
  margin: -2px 0px 0px 10px;
  padding:1px 0 1px 0 ;
  font-size:12px;
}
.teaser p {
  font-size:12px;
  margin: 10px 0 7px 10px;
  line-height:17px;
}

/******************************* Typo ************************************************/

h1 {
  font-size:20px;
  margin: 0 0 10px 0;
}
h2 {
  font-size:14px;
  margin: 0 0 7px 0;
}
h3 {
  font-size:12px;
  margin: 10px 0 2px 0;
}
p {
  font-size:12px;
  margin: 0px 25px 7px 0;
  line-height:18px;
}

#rechts ul{
  margin: 0 25px 7px 0px;
  padding: 0 0 0 15px;
  list-style-type: square;
  list-style-position:outside;
  font-size:12px;
  line-height: 17px;
  text-align:left;
}
#rechts ul li{
  margin: 0 0 3px 0;
  padding: 0;
}

.bild{
  margin: 0px 0 20px 0;
}
.bildUmflussLinks{
  margin: 5px -10px 10px 10px;
  float:right;
}

a, a:visited{
  text-decoration:none;
  color: #000;
  font-weight: bold;
}
a:hover, a:active, a:focus{
  text-decoration:underline;
  color: #000;
}
.anmerkung{
  font-size:9px;
  margin: 0 0 5px 0;
  line-height: 12px;
}

/******************************* Metanavi ************************************************/

#metanavi ul{
  margin:0;
  padding: 0;
  list-style-type: none;
}

/*Top level list items*/
#metanavi ul li{
  position: relative;
  display: block;
  float: right;
}

/*Top level menu link items style*/
#metanavi ul li a{
  display: inline;
  border-right: 1px solid #fff;
  color:#fff;
  font-weight: bold;
  text-decoration: none;
  padding:0 6px;
}
#metanavi ul li a:hover{
  text-decoration: underline;
}

#metanavi ul li a.letzter{
  display: block;
  border-right: 0px solid #fff;
  color:#fff;
  font-weight: bold;
  text-decoration: none;
  padding:0 30px 0 6px;
}
#metanavi ul li a.letzter:hover {
  text-decoration: underline;
}
/******************************* Navi ************************************************/



.menu ul li .aktiv {
  background: url(bilder/navi/navi_hover.gif);
  display: block;
  color: #000;
  text-decoration: none;
}
.menu ul li .aktivSub {
  background: #c4c4c4 none;
}

.menu ul{
  margin:0;
  padding: 0;
  list-style-type: none;
  z-index:110;
  line-height:24px;
}

/*Top level list items*/
.menu ul li{
  position: relative;
  display: block;
  float: left;
}

/*Top level menu link items style*/
.menu ul li a{
  display: block;
  border-right: 1px solid #9b9b9b;
  color:#000;
  font-weight: bold;
  border-left-width: 0;
  /*background-image: url(bilder/navi/navi_back.gif);*/
  text-decoration: none;
	/*padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 5px;*/
  padding-left: 12px;
  width: 88px; 
}

.menu ul li .back{
  background-image: url(bilder/navi/navi_back.gif);
  display: block;
}
.menu ul li a:hover{
  background: url(bilder/navi/navi_hover.gif);
  color: #000;
  text-decoration: none;
}

/*1st sub level menu*/
.menu ul li ul{
  left: 0;
  /*position: absolute;
  top: 1em; /* no need to change, as true value set by script */
  display: block;
  visibility: hidden;
}
*html .menu ul li ul{
  position: absolute;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menu ul li ul li ul{ 
  left: 159px; /* no need to change, as true value set by script */
  top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a{
  display: block;
  width: 88px; 
  color: #000000;
  filter: alpha(opacity=85); /* Für IE */
  -moz-opacity: 0.85; /* Für Gecko-Browser */
  opacity: 0.85; /* Für Opera 9+ */
  background: #e6e6e6 none;
  text-decoration: none;
  padding:5px 0 5px 12px;
  line-height:14px;
  border-top:1px solid #fff;
}
.menu ul li ul li a:hover{
  background: #c4c4c4 none;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
  padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%;}
* html .menu ul li a { height: 1%;}
* html .menu ul li ul li { float: left; border-top:1px solid #fff;}


/******************************* Homepage ************************************************/


#homecontent{
  width: 978px;
  /*min-height: 560px;
  height:auto !important;
  height:560px;*/
  float:left;
  background: #e20079 url(bilder/allgemein/schatten_seite.gif) -1px repeat-y ;
  text-align:left;
}
#homefraktal{
  width: 950px;
  float:left;
  /*margin: 0 0 0 14px;*/

  text-align:left;
}
/**html #homefraktal{
  margin: 0 0 0 7px;
}*/
#home{
  width: 950px;
  min-height: 290px;
  height:auto !important;
  height:280px;
  float:left;
  margin: 0 0 0 14px;
  text-align:left;
  color:#FFFFFF;
}
*html #home{
  margin: 0 0 0 7px;
}
#homekopf{
  margin: 0 0 0 14px;
  padding:7px 0 0 0;
  width: 950px;
  height: 130px;
  background: none;
}
#hometeaser{
  width: 950px;
  min-height: 120px;
  height:auto !important;
  height:120px;
  float:left;
  margin: 0 0 0 14px;
  text-align:left;
  background:#dedede url(bilder/allgemein/schatten_home.gif) top no-repeat;
  padding-top:20px;
}
*html #hometeaser{
  margin: 0 0 0 7px;
}
#home table {
  width: 950px;
  float:left;
  border-collapse: collapse;
  text-align:left;
}
.spalte30px { width: 30px;}
.spalte31px { width: 31px;}
.spalte276px { width: 276px;}

#home h1 {
  font-size:30px;
  margin: 70px 30px 10px 475px;
}
#home p {
  font-size:13px;
  margin: 0px 30px 10px 475px;
  line-height:20px;
}
#hometeaser table.teaser {
  width: 276px;
  float:left;
  border-collapse: collapse;
  text-align:left;
  font-size:12px;
  line-height:17px;
  margin: 0;
  padding:0px;
  background: url(bilder/allgemein/schatten_teaser.png)  repeat-x top;
  vertical-align:top;
}


/******************************* Kontakt-Formular ************************************************/



#inhalt table .kontakt {
  border-collapse: collapse;
  width: 480px;
  float:left;
  margin-top: 10px;
}
*html #inhalt table .kontakt {
  margin-top: 0px;
}

.spalte50px { width: 60px;}
.spalte5px { width: 5px;}
.spalte165px { width: 165px;}
.spalte30px { width: 20px;}

.spalte60px { width: 60px;}
.spalte90px { width: 90px;}
.spalte5px { width: 5px;}
.spalte145px { width: 145px;}
.spalte10px { width: 10px;}

#inhalt table .kontakt p {
  margin: 0px;
}

input, textarea {
  font-family: arial,verdana,sans-serif;
  font-size: 12px;
  width:165px; 
  border: 1px solid #a0a0a4;
}
input#checkbox   {
  border: 0;
  width: auto;
}
input.senden {
  font-family: arial,verdana,sans-serif;
  font-size: 12px;
  width:70px; 
  border: 1px solid #a0a0a0;
  margin:44px 0 0 0;
}
*html input.senden {
  margin:27px 0 0 0;
}


/******************************* Weltweit ************************************************/

hr {
  width: 550px;
  float:left;
  border-collapse: collapse;
  color:#9b9b9b;
  height:1px;
  margin:7px 0 5px 0;
}