/* CSS Document */


html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
/* border-bottom: 1px solid #ffffff; dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Verdana, sans-serif;
color:#39362a;
margin:0;
padding:0;
background: #ece8da url(../img/hg.gif) center top no-repeat;
display:table;
width:100%;
}

.unsichtbar,
.sef {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

#container {
width:871px;
margin:0 auto;
text-align:center;
}


/* Formate allgemeim
**********************************************************/

h1 {
color: #39362a;
font-size: 1.4em;
margin: 18px 0 12px 0;
font-weight: normal;
}
h2 {
color: #39362a;
font-size: 1.15em;
margin: 20px 0 8px 0;
}
h3 {
color: #39362a;
font-size: 1.1em;
margin: 15px 0 8px 0;
}
h4 {
color: #333333;
font-size: 1em;
margin: 12px 0 6px 0;
}
h5 {
color: #666666;
font-size: 0.9em;
margin: 12px 0 4px 0;
}
h6 {
color: #333333;
font-size: 0.85em;
margin: 8px 0 4px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.4em;
}

a {
color: #327d5f;
text-decoration: none;
}
a:visited {
color: #285141;
}
a:hover {
border: none;
color:#1a6a4a;
text-decoration: underline;
}

hr {
height: 1px;
background-color: #b8b4a4;
color: #b8b4a4;
border: none;
/*border-top: 3px dotted #666666;*/
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}

table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 1em;
font-size: 0.9em;
width: 100%;
}

th {
border-top: 1px solid #b8b4a4; 
border-bottom: 2px solid #b8b4a4;
padding: 4px 15px 4px 6px;
background: #fefefe;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border-top: 1px dashed #b8b4a4;
border-bottom: 1px dashed #b8b4a4;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



/* Title 
**********************************************************/

div#branding {	
position:relative;
text-align:left;
width:871px;
z-index:1;
margin-top: 54px;
}


div#branding h1
{	position:absolute;
	top:-5000em;
	left:-5000em;
	overflow:hidden;
	text-indent:-5000em;
	margin: 0;
}

#branding img.logo {
position: absolute;
top:-54px;
left:0;
z-index:20;
}

div#title {
position:relative;
height:12.5em;
width:831px;
padding:3px 20px 5px 20px;
background: #ffffff url(../img/hg-titel.jpg) left bottom no-repeat;
text-align:right;
color:#7c584c;
}
div#title ul {
margin:0;
padding:0;
}
div#title li {
display:inline;
margin-left: 5px;
list-style:none;
}

div#title h2 {
margin:0;
}

.fb-link {position: absolute; right: -33px; top:25px;width: 38px; height: 39px;}
.fb-link a {display:block;width: 38px; height: 39px;text-indent: 5000em; overflow:hidden; background: url(../img/fb-button.gif) 0 0 no-repeat; }

/* Adresse 
******************/
div#address {
float:right;
clear:both;
}

div#address address {
font-style:normal;
font-weight:bold;
font-size:0.68em;
line-height:1.4em;
margin:5px;
}
div#address address a {
color:#7c584c;
}


/* Sprachwahl 
******************/
div#lang {
margin:0 5px 0px 5px;
float:right;
clear:both;
}
div#lang ul {
float:right;
}
div#lang li {
float:left;
overflow:hidden;
}
div#lang li a {
overflow:hidden;
text-indent:5000em;
display:block;
height:19px;
width:28px;
}
div#lang li a.de {
background: transparent url(../img/lang-de.gif) 0 0 no-repeat;
}
div#lang li a.it {
background: transparent url(../img/lang-it.gif) 0 0 no-repeat;
}
div#lang li a.en {
background: transparent url(../img/lang-en.gif) 0 0 no-repeat;
}
div#lang li a.ru {
background: transparent url(../img/lang-ru.gif) 0 0 no-repeat;
}

/* Meta-Navigation + Login 
**************************/

div#metanav {
float:right;
clear:both;
}

div#metanav,
div#login {
font-weight:bold;
font-size:0.68em;
margin:10px 5px;
text-transform:uppercase;
letter-spacing:0.03em;
}
div#metanav a:visited,
div#login a:visited {
color:#327d5f;
}
div#metanav a:hover,
div#login a:hover {
color:#1a6a4a;
}
div#login {
position:absolute;
left:24px;
bottom:18px;
/*right:25px;*/
bottom:12px;
margin:0;
}




/* Navigation 
******************/

#navigation {
font-size: 0.7em;
min-height:1.4em;
width:828px;
background: #7b6f67 url(../img/hg-nav.jpg) left bottom no-repeat;
padding:0 20px 10px 23px;
}

#navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
#navigation li {
display: inline;
margin: 0  12px 0 0;
padding: 0;
}

#navigation a {
color: #e9e6d9;
text-transform:uppercase;
font-weight:bold;
padding-left: 10px;
}
#navigation a:hover {
color: #ded5be;
}


#navigation li.active a,
#navigation li.active a:hover {
color: #cdb68d;
background: transparent url(../img/nav-active.gif) left bottom no-repeat;
}



/* Subnavigation 
******************/

#subnavigation {
width:180px;
float:left;
font-size:0.78em;
padding-top:5px;
}

#subnavigation ul {
margin: 0 10px 0 -20px;
padding: 0;
list-style: none;
}

#subnavigation li {
margin: 0;
padding: 0;
border-bottom:1px solid #968c84;
}
#subnavigation a {
color: #776d65;
font-weight:bold;
padding: 8px 0 6px 16px;
display:block;
}
#subnavigation a:hover {
color: #4e4036;
/*background-color:#f1efe8;*/
}

#subnavigation li.active a,
#subnavigation li.active a:hover {
color: #c3a97a;
background: transparent url(../img/nav-active.gif) 6px 11px no-repeat;
text-decoration: none;
}

#subnavigation li.active ul {
margin: 0 0 8px 0;
/*border-top:1px solid #dedac9;*/
}
#subnavigation li.active ul li {
border-bottom:none;
padding-left:8px;
font-size:0.9em;
}

#subnavigation li.active ul a,
#subnavigation li.active ul li.active ul a {
color: #776d65;
padding: 0 0 5px 16px;
font-weight:normal;
background:none;

}
#subnavigation li.active ul a:hover,
#subnavigation li.active ul li.active ul a:hover {
background:none;
color: #4e4036;
text-decoration:underline;
}

#subnavigation li.active ul li.active a,
#subnavigation li.active ul li.active a:hover,
#subnavigation li.active ul li.active ul li.active a,
#subnavigation li.active ul li.active ul li.active a:hover {
color: #c3a97a;
background: transparent url(../img/nav-active.gif) 6px 3px no-repeat;
text-decoration: none;
}


/* Inhalt 
**********************************************************/



#mainbody {
text-align:left;
float:left;
clear:both;
padding:20px 35px 45px 35px;
width:801px;
background: #fcfbf8 url(../img/hg-content.gif) 0 0 repeat-y;
min-height:340px;
}

#content {
font-size: 0.78em;
margin-top:8px;
position:relative;
}
#content.subnav {
width:591px;
float:right;
}

#content ul {
margin: 0 0 18px 20px;
padding: 0;
}
#content ol {
margin: 0 0 18px 30px;
padding: 0;
}
#content li {
margin: 0 0 8px 0;
line-height: 1.2em;
}

#content a {
text-decoration: underline;
}
#content a:hover {
text-decoration: none;
}
#content a.anchor {
text-decoration: none;
line-heigth:0;
font-size:0;
}

#content img {
border:7px solid #ece9de;
}

/*#content p:first-child {
}
div:after
{	content: "."; 
	display: block; 
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}*/


/* Footer 
**********************************************************/

#siteinfo {
clear:both;
font-size:0.58em;
color:#999088;
padding: 5px 30px 10px 245px;
margin-bottom:20px;
width:596px;
text-align:left;
background: transparent url(../img/hg-footer.gif) left bottom no-repeat;
}
#siteinfo p {
display:inline;
text-transform:uppercase;
}
#siteinfo ul {
list-style:none;
display:inline;
margin:0;
padding-left: 20px;
}
#siteinfo li {
display:inline;
}
#siteinfo a:hover,
#siteinfo a {
color:#999088;
}
#siteinfo a:hover {
}
#siteinfo li a {
color: #327d5f;
}
#siteinfo li a:hover {
color:#1a6a4a;
}



/********************************************************* 
spezielle Formate
**********************************************************/

/* externe Links, wenn im Template definiert */
#content a.extern {
background: transparent url(../img/link-extern.gif) 0 0 no-repeat;
padding-left: 13px;
margin-left: 2px;
}
/* kein HG-Bild bei extern verlinkten Bildern Module Text/Bild und Bild */
#content div.pic a.extern {
background: none;
padding-left: 0;
margin-left: 0;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear: both;
}

/*
Startseite mit Slideshow rechts
**********************************************************/

body.HomeSlideshow hr,
body.HomeSlideshow div.section-txtpic,
body.HomeSlideshow table.border,
body.HomeSlideshow div.galerie,
body.HomeSlideshow ul.kategorie-list,
body.HomeSlideshow ul.article-list {
width:356px;
float:left;
}
body.HomeSlideshow #slideshow /* Startseite */
{position:absolute !important;	
right:0;
top:58px;
}


/********************************************************* 
MODUL-Formate
**********************************************************/

/* Modul Seitenueberschrift 
***************************/

.renderhead {
display: block;
position:relative;
margin:0 0 10px 0;
top:0;
left:-5px;
}
.renderhead span { 
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}
#content .renderhead img {
border:none;
}

.head {
margin:0 0 10px 0;
font-family:"Times New Roman",serif;
font-size: 26px;
font-style: italic;
font-weight: normal;
}


/* Modul Abstandhalter 
*********************
hr.space {
height: 25px;
background-color: #FFFFFF;
color: #FFFFFF;
border: 1px solid #FFFFFF;
margin: 3px 0 5px 0;
}*/



/* MODULE Text/Bild
*******************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
float:left;
width:100%;  /*für Safari */
position:relative;
z-index:20;
}
body#rex1 div.section-txtpic /*startseite */{
width:356px;
float:left;
}

div.section-txtpic div.sectiontext {
clear:both;
margin-right:20px;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext {
clear:none;
}

div.section-txtpic.li div.sectiontext img {
margin: 3px 15px 5px 0;
float:left;
}
div.section-txtpic.re div.sectiontext img {
margin: 3px 0 5px 15px;
float:right;
}

div.section-txtpic.o div.pic {
margin: 3px 8px 5px 0;
display:inline;
float:left;
}
div.section-txtpic.re div.pic {
margin: 3px 0 5px 35px;
float: right;
clear:both;
}
div.section-txtpic.li div.pic {
margin: 3px 35px 5px 0;
float: left;
clear:both;
}

div.section-txtpic h1:first-child,
div.section-txtpic h2:first-child,
div.section-txtpic h3:first-child,
div.section-txtpic h4:first-child {
margin-top:0;
}

/* für 2-spaltige Darstellung */

div.section-txtpic.col-li {
float:left;
clear:none;
width:55% ; 
}
div.section-txtpic.col-re {
float:right;
clear:none;
width:45% ; 
}
div.section-txtpic.col-re div.sectiontext,
div.section-txtpic.col-li div.sectiontext,
div.section-txtpic.col-li h1,
div.section-txtpic.col-li h2,
div.section-txtpic.col-li h3,
div.section-txtpic.col-li h4 {
width:90% ; 
}


/* MODUL Bild
********************/

div.section-pic {
margin: 0 0 5px 0;
clear:both;
position:relative;
z-index:20;
}
p.picsub {
font-size: 0.8em;
line-height:1.2em;
margin:4px 7px;
text-align:center;
}


/* MODUL Dateidownload 
**********************/

div.filedownload {
clear:both;
width:340px;/* fuer IE 7 */
margin: 0 0 8px 0;
/*position:relative;
z-index:20;*/
}
div.filedownload a
{	line-height: 26px;
	padding: 5px 0 2px 26px;
	background: url(../img/default-icon.gif) no-repeat left top;
}
div.filedownload a.pdf
{	background: url(../img/pdf-icon.gif) no-repeat left top;
}
div.filedownload a.word
{	background: url(../img/word-icon.gif) no-repeat left top;
}
div.filedownload a.text
{	background: url(../img/txt-icon.gif) no-repeat left top;
}
div.filedownload a.xls
{	background: url(../img/xls-icon.gif) no-repeat left top;
}


/* MODUL Tabelle 
**********************/

table.border,
table.noborder {
clear:both;
width:100%;
position:relative;
z-index:20;
}
/* ohne Rahmen (sonst Standardformat) */
table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
position:relative;
z-index:20;
background:none;
}
table.noborder {
width:auto;
}


/* MODUL Artikel-, Kategorieliste 
**********************************/
ul.kategorie-list,
ul.article-list {
clear:both;
}



/********************************************************* 
SPEZIELL FORMATIERTE INHALTE/MODULE
**********************************************************/


/**********************
Galerie + Lightbox 
***********************/


/* GALERIE */
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

span#caption
{	color:#000000;
}
div.galerie {
margin-bottom:10px;
}
div.galerie h1:first-child,
div.galerie h2:first-child {
margin-top:0;
}
div.jaosg_galerie {
}

div.jaosg_thumbnail{
	float: left;
	/*background-color: #cccccc;
	border: 1px solid #666666;*/
	margin: 8px 8px 0 0;
	z-index:200;
}

div.jaosg_thumbnail img{
z-index:200;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 88px;
	width: 120px;
	margin: 0 !important;
	z-index:200;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 88px;
	width: 65px;
	margin: 0 !important;
	z-index:200;}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
	z-index:200;
}

/* Jaos ohne Lightbox bzw. ohne JS */
p.jaosg_nav {
font-size:0.9em;
}
p.jaosg_nav a {
margin-right: 10px;
}
a.JaosBackInactive,
a.JaosNextInactive {
color: #E3E3E3;
}

div.jaosg_bild img{
max-width: 591px;
}

p.jaosg_bildbeschreibung {
}


/*****************************
Formulare 
******************************/

form.formation {	
margin: 0 0 20px 0;
padding: 0px;
clear:both;
}
body#rex6 form.formation {	
float:left;
width: 54%;
}

fieldset
{	border: none;
	padding: 0;
	margin: 0;
}

form.formation legend {	
font-weight: bold;
font-size: 1em;
padding: 0 5px 10px 0;
/*margin-left: -5px;*/
background-color: transparent;
}

form.formation label {	
margin:0 0 3px 0;
width: 120px;
float:left;
}

form.formation p.radio,
form.formation p.checkbox {	
float:none !important;
margin:5px 0 5px 0;
}

form.formation div.radioset label,
form.formation div.checkboxset label {	
margin:0 20px 5px 0;
width: auto;
}

form.formation input.radio,
form.formation input.checkbox {	
float: left;
width: auto;
margin: 2px 0.4em 8px 0;
border: none;
}

div.checkset,
div.radioset {	
clear:both;
float:left;
margin:0 0 10px 0;
padding-right: 18px;
}
			
input,
select, 
textarea {	
float:left;
margin: 4px 5px 10px 0;
border:1px solid #b8b4a4;
}
			
form.formation fieldset br {	
clear:left;
}
		
form.formation input.text,
form.formation input {	
padding:0.1em;
margin-top: 0;
width: 65%;
}

form.formation textarea {	
padding:0.1em;
width: 65%;
height: 10em;
margin-top: 0;
}
	
form.formation input.submit { 
width: auto;
padding:2px 5px;
margin-left: 120px;
clear: both;
font-weight:bold;
background-color:#80766d;
border:1px solid #333333;
color:#FFFFFF;
}


form.formation p#lKONTAKTf8,
form.formation p#lCONTACTf8,
form.formation p#lDOKUMENTATION_ANFORDERNf7,
form.formation p#lCONTATTIf9,
form.formation p#lDOKU_ANFORDERN_ITf8 {
color:#327d5f;
font-size:0.85em;
margin-left: 120px;
}

lDOKUMENTATION_ANFORDERNf9-0

.req {	
margin-left:3px;
color:#327d5f;
}
.required,
.FORMATIONsuccess {
}

.formationError {
color:#990000;	
}



/**************************
Sitemap 
**************************

div#sitemap,
div.section-txt.sitemap {
margin: 30px 0 0 70px;
}
div#sitemap ul {
margin-bottom: 35px;
}
#content div#sitemap ul li {
font-size: 1.15em;
font-weight: bold;
}
#content div#sitemap ul.sitemaplevel2 li {
font-weight: normal;
}
#content div#sitemap ul.sitemaplevel3 {
margin-bottom: 15px;
}

#content div#sitemap ul.sitemaplevel3 li {
font-size: 0.85em;
margin: 4px 0;
}*/


/**************************
Galerie Slideshow 
***************************/
#slideshow
{	position:relative;
	width:400px;
	height:240px;
	overflow:hidden;
	border:7px solid #EEEDE8;
	margin-bottom:15px;
}

#content .bildContainer img {	
border:none;
}

.bildContainer {	
width:400px;
height:240px;
background-color: #EEEDE8;
position:relative;
overflow:hidden;
}
#content .bildContainer a {	
cursor: default !important;
}

span#controls
{	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	text-align:center;
	z-index:100;
}
.slide {	
width:400px;
height:240px;
background-color: #eeede8;
position:relative;
}
#controls * 
{	background-repeat:no-repeat;
}
#controls a:focus, #controls a:active, #controls input:focus, #controls input:active {
outline: 0;
-moz-outline: none;
}

#controls #slideBack
{	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background-image:url(../img/back.gif);
	overflow:hidden;
	text-indent:-1000em;
	left:50px;
	top:-20px;
}

#controls #slideNext
{	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background-image:url(../img/next.gif);
	overflow:hidden;
	text-indent:-1000em;
	right:50px;
	top:-20px;
}

#controls #slidePlayPause
{	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background-image:url(../img/pause.gif);
	overflow:hidden;
	text-indent:-1000em;
	left:185px;
	top:-20px;
}
#controls #slidePlayPause.play
{	background-image:url(../img/play.gif);
}

object,embed
{	position:relative;
}