/***********************************************/
/* Formatierung                                */
/***********************************************/

html, body	{
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100.1%;
 color: #000000;
 background-color: #eaeaea;
 background-image: url(/image/bg_site.gif);
 background-repeat: repeat-x;
 height: 100%;
}



/***********************************************/
/* Links	                               */
/***********************************************/

a:link { color:#CF4313; text-decoration:underline; }
a:visited { color:#CF4313; text-decoration:underline; }
a:active { color:#CF4313; text-decoration:underline; }
a:hover { color:#CF4313; text-decoration:none; }

#menu A:link, #menu A:visited, #menu A:active {
 text-decoration: none;
 display: block;
 float: left;
}

#menu A:hover, #menu A:focus {
 background-color:#f7f7f7;
}

#submenu A:link, #submenu A:visited, #submenu A:active {
 text-decoration: none;
 color:#7f7f7f;
 font-size: 70%;
 font-weight: bold;
}

#submenu A:hover, #submenu A:focus {
 text-decoration: none;
 color: #cf4313;
}

#teaser A:link, #teaser A:visited, #teaser A:active {
 text-decoration: underline;
 color:#CF4313;
}

#teaser A:hover, #teaser A:focus {
 text-decoration: none;
}

#copyright A:link, #copyright A:visited, #copyright A:active {
 text-decoration: none;
 color:#8a8a8a;
}

#copyright A:hover, #copyright A:focus {
 text-decoration: underline;
}

/***********************************************/
/* Text		                               */
/***********************************************/

h1 {
 margin: 0px 0px 5px 0px;
 color: #cf4313;
 font-size: 170%;
 font-weight: lighter;
}

#teaser h1 {
 margin: 0px 0px 2px 0px;
 color: #cf4313;
 font-size: 90%;
 font-weight: lighter;
}

#submenu h1 {
 margin: 48px 0px 8px 0px;
 color: #cf4313;
 font-size: 90%;
 font-weight: lighter;
}

h2 {
 margin: 0px 0px 0px 0px;
 color: #CF4313;		
 font-size: 110%;	
}

#teaser h2 {
 margin: 0px 0px 8px 0px;
 color: #000000;		
 font-size: 70%;	
}

ul {
 list-style-type:square;
 margin: 0px;
 padding-top: 5px;
 padding-left: 24px;
}

li {
 margin-top: 2px;
}

/***********************************************/
/* CMS		                               */
/***********************************************/
img {
 border: 0px;
}


div.bilder {
 float:left;
 padding-right:10px;
}

div.dateidownload {
 font-size:90%;
 text-decoration:none;
}

div.dateidownload img{
 float:left;
 margin-right:10px;
}

.bildunterschrift {
 margin:0px;
 margin-top:5px;
 margin-bottom:2px;
 font-size: 90%;
 text-align:center;
}

div.trennlinie {
 height:1px;
 background-color:#c0c0c0;
 margin-top: 0px;
 font-size: 0px;
}

table {
 border-collapse:collapse;
 font-size:100%;
}

td {
 padding: 12px 4px 2px 2px;
 vertical-align: top;
 border-bottom: 1px solid #e8dbd5;
  line-height: 140%;

}

td.farbwechsel {
 background-color:#f9ece6;
}

/***********************************************/
/* Layout	                               */
/***********************************************/

#logo {
 position: absolute;
 top: 60px;
 left: 20px;
}

#g {
 width: 168px;
 height: 302px;
 background-image: url(/image/bg_g.gif);
 position: absolute;
 left: 890px;    
}

#position_content_wrapper {
 width: 726px;
 background-repeat: repeat-y;
 margin-left: 180px;
 background-image: url(/image/bg_content.gif);
 height: 100%;
}

#content_wrapper {  /* Wird f?r den FF ben?tigt. Beim Scrollen geht sonst das Hintergrundbild "verloren" */
 background-image: url(/image/bg_content.gif);
 background-repeat: repeat-y;
}

#content_wrapper a {
 position: relative;
}

#leer {
 height: 9px;
}

#sprachswitcher {
 left:786px;
 position:absolute;
 top:15px;
}

#menu {
 height: 30px;
 width: 692px;
 margin: 0px 9px 9px 9px;
 background-color: #e9e9e9;
 background-image: url(/image/bg_menu.gif);
}

#menu ul {
 list-style-type: none;
 margin: 0px;
 margin-left: 36px;
 padding: 0px;
}

#menu li {
 display: block;
 float: left;
 margin-top: 0px;
}

#header {
 height: 254px;
 width: 692px;
 margin: 0px 9px 9px 9px;
}

.imageInGallery{
 position: absolute;
 background-color: #000000;
 left: 189px;
 top: 48px;
}

#submenu {
 width: 165px;
 margin-left: 9px;
 margin-right: 9px;
 float: left;   
}

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

#submenu li {
 display: block;
 margin-top: 0px;
 background-color: #e9e9e9;
 margin-bottom: 5px;
 padding: 2px;
 padding-left: 6px;
}

#submenu img {
 margin-bottom: 5px;
}

.galerie {
 margin-right: 5px;
}

#content {
 width: 300px;
 margin-left: 196px;
 padding-top: 12px;
 font-size: 76%;
 line-height: 140%;
}

#position_teaser {
 position: absolute;
 top: 264px;
 left: 697px;
}

#teaser {
 width: 184px;
 height: 350px;
 background-image: url(/image/bg_teaser.png);
 background-repeat: no-repeat;
 padding-top: 20px;
 padding-left: 28px;
 font-size: 70%;
}

#teaser h1 {
 font-size: 130%;    
}

#teaser h2 {
 font-size: 100%;
}

#teaser p {
 margin-top: 8px;
 line-height: 120%;
 width: 155px;
}

#teaser .aufzaehlungszeichen {
  position: relative;
  top: -1px;
  left: 1px;
  margin-top: 6px;
  margin-right: 6px;
}

#copyright {
 color: #8a8a8a;
 font-size: 79%;
 margin-top: 24px;
 padding-bottom: 8px;
}