/* 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 #dfe6f2; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Verdana, sans-serif;
margin:0 auto;
padding:0;
background: #ffffff url(../img/hg-body.gif) 0 0 repeat-x;
width: 770px;
text-align:center;
}

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


#wrap {
background: #cde6f6 url(../img/hg-head.gif) 0 0 repeat-x;
width: 730px;
padding: 12px 20px 5px 20px;
}


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

h1 {
color: #000000;
font-size: 1.4em;
margin: 18px 0 10px 0;
font-weight: normal;
}
h2 {
color: #000000;
font-size: 1.05em;
margin: 14px 0 10px 0;
}
h3 {
color: #000000;
font-size: 1em;
margin: 14px 0 6px 0;
}
h4 {
color: #333333;
font-size: 1em;
margin: 16px 0 4px 0;
}
h5 {
color: #666666;
font-size: 0.9em;
margin: 14px 0 4px 0;
}
h6 {
color: #333333;
font-size: 0.85em;
margin: 1px 0 15px 0;
font-weight: normal;
}

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

strong {
}

ul, ol, li {
margin: 0;
padding: 0;
}

a {
color: #3da5e9;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}

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


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

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

td p,
th p {
margin: 0;
}

img {
border: none;
}



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

div#title {	
position:relative;
height:98px;
}


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



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

#navigation {
font-size: 0.7em;
}

#navigation ul {
position:relative;
top:-2px;
}
#navigation li {
display: inline;
}

#navigation a {
color: #000000;
font-weight:bold;
text-decoration: none;
/*padding:10px 8px 16px 11px;*/
padding:1em 8px 1.5em 11px;
border-left:1px solid #ffffff;
line-height:3.45em;
}
#navigation a.s6 {
border-right:1px solid #ffffff;
padding-right:12px;
}
/*#navigation li:last-child a {
}*/
#navigation a:hover {
color: #666666;
}

#navigation li.active {
}
#navigation li.active a,
#navigation li.active a:hover {
color: #3da5e9;
background: url(../img/pfeil.gif) 1px 14px no-repeat;
}



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

#mainbody {
text-align:left;
background: #ffffff;
border: 1px solid #c4c4c4;
float:left;
clear:both;
min-height:430px;
width: 730px;
}

#content {
font-size: 0.75em;
float:left;
width: 408px;
padding: 20px 25px;
}
#content ul {
margin: 0 0 18px 20px;
padding: 0;
line-height: 1.25em;
}
#content ol {
margin: 0 0 18px 30px;
padding: 0;
line-height: 1.25em;
}
#content li {
margin: 10px 0;
}

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


/* Sidebar 
*************/

#sidebar {
width: 200px;
padding: 15px;
float:right;
font-size:0.7em;
color: #333333;
}
#sidebar img {
width: 238px;
border: 1px solid #999999;
}
#sidebar h1 {
font-weight: bold;
font-size:0.9em;
margin-bottom:0;
margin-top: 20px;
color:#7d7043;
}
#sidebar a {
color:#666666;
}
#sidebar h2 {
margin-top:7px;
margin-bottom:0px;
color:#000000;
font-weight:normal;
font-size:1.2em;
}
#sidebar hr {
margin:0 0 15px 0;
}
#sidebar div.section-txt {
margin:0 0 5px 0;
}


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

#footer {
clear:both;
font-size:0.65em;
color:#777777;
padding-top: 5px;
}
#footer p {
margin: 0;
}
#footer a:hover,
#footer a {
color:#777777;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}




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

/* externe Links, wenn im Template definiert */
#content a.extern {
/*background: transparent url(../img/link-extern.gif) 0 0 no-repeat;
padding-left: 15px;
margin-left: 2px;*/
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear: both;
}



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


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



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

.section-pagehead {
}
.section-pagehead h1.first {
}

.section-head {
}



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

div.section-txt {
margin: 0 0 15px 0;
}
div.section-txt:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div.section-txt img {
float: left;
margin: 0 20px 15px 0;
}

div.section-txtpic2 {
}
div.section-txtpic2 div.pic {
margin: 0 2px 10px 0;
}


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

div.section-pic {
margin: 0 0 15px 0;
}
div.section-pic p.picsub {
font-size: 0.9em;
}
div.section-pic.right {
margin: 0 0 15px 35px;
}
div.section-pic.left {
margin: 0 35px 15px 0;
}


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

div.filedownload {
}

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;
}





/********************************************************* 
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.
*/

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

div.jaosg_thumbnail img{
z-index:200;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 65px;
	width: 85px;
	margin: 20px 10px !important;
	z-index:200;
	border: 1px solid #999999;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 65px;
	width: 85px;
	margin: 10px 20px !important;
	z-index:200;
	border: 1px solid #999999;
}
/*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: 545px;
}

p.jaosg_bildbeschreibung {
}


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

form.formation {	
margin: 15px 0 20px 0;
padding: 0px;
/*background-color: #f9f9f9;
border: 1px solid #dfdfdf;*/
}


fieldset
{	border: none;
	padding: 0;
	font-size: 0.9em;
}

form.formation legend {	
font-weight: bold;
font-size: 1.05em;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
color: #000000;
}

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

form.formation p.radio,
form.formation p.checkbox {	
float:none !important;
margin:5px 0 5px 0;
font-size: 1em;
color: #000000;
font-weight: bold;
}

form.formation label.radio,
form.formation label.checkbox {	
float: none;
margin:0 0 5px 5px;
width: auto;
}

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

div.checkset,
div.radioset {	
margin-bottom: 10px;
padding-right: 18px;
}
div.checkset label,
div.radioset label {	
}
			
input,
select, 
textarea {	
float:left;
margin: 4px 5px 10px 0;
border: 1px solid #999999;
background-color: #f9f9f9;
}
			
form.formation fieldset br {	
clear:left;
}
		
form.formation input.text,
form.formation input {	
padding:0.1em;
margin-top: 0;
width: 70%;
}


form.formation textarea {	
padding:0.1em;
width: 70%;
margin-top: 0;
}

input.button {	
color:#000000;
background-color: #cccccc;
border: none;
}
	
form.formation input.button { 
width: 10em;
margin-left: 6.2em;
clear: both;
}

form.formation p.capDesc 
{	margin: 15px 0 0 0;
	font-size: 1em;
	color: #000000;
}
form.formation input.captchatext
{	margin-top: 5px;
	width: 8em;
}
img.captcha
{	float: left;
	padding-right: 10px;
}
form.formation p {	
}
.textdesc {	
font-size: 1em;
font-weight: bold;
margin-top: 16px;
}

.req {	
color: #0078c7;
font-size: 1.2em;
font-weight:bold;
margin-left:3px;
}
.required,
.FORMATIONerror {	
color: #0078c7;
}
.required {	
margin-left: 7em;
}