html {

scrollbar-face-color: #A3B8FB;
scrollbar-arrow-color:Black;
scrollbar-highlight-color:Black;
scrollbar-3dlight-color: #FFFAF0;
scrollbar-shadow-color: #FFFAF0;
scrollbar-darkshadow-color:Black;
scrollbar-track-color: #FFFAF0;

}


body {

  width:1004; height:100%;
  padding:0px; margin:0px;

  color: Black; background-color: #A3B8FB;
  font-family:Arial, sans-serif; font-size:14px;

  background-image: url(/files/hg.jpg); background-repeat:no-repeat;
  background-position: top left;
  
}



h1       { margin:0px;  padding:13px 16px 3px 16px; color:Black; font-size:14px; font-weight:bold;   }
h2       { margin:0px;  padding:13px 16px 3px 16px; color:Black; font-size:13px; font-weight:bold;   }
h2       { margin:0px;  padding:13px 16px 3px 16px; color:Black; font-size:12px; font-weight:bold;   }

p        { margin:0px;  padding:13px 16px 3px 16px; color:Black; font-size:12px; font-weight:normal; }
p.fett   { margin:0px;  padding:13px 16px 3px 16px; color:Black; font-size:12px; font-weight:bold;   }
p.schmal { margin:0px;  padding: 5px 16px 1px 16px; color:Black; font-size:12px; font-weight:normal; }
p.klein  { margin:0px;  padding: 5px 16px 1px 16px; color:Black; font-size:10px; font-weight:normal; }

a  { text-decoration:none; color: #2D2D2D; }
li { margin:0px; padding:0px; padding-right:16px; padding-top:5px;  padding-bottom:5px; }

form     { padding:0px; margin:0px;}
input.button { color:#224260; background-color:#f90; font-family:Arial, sans-serif; font-weight:bold; font-size:14px; width:220px; }

.flLeft {float:left;}
.flRight {float:right;}

#header {

  width:100%; height:236px; 
  background-image: url(/files/patzelt.jpg); background-repeat:no-repeat; background-position:0px 0px;
}
#header p {display:none;}

#contentbox {

  position:absolute; top:164px; left:37px; width:967px; height:460px;
  background-color:#f90; color:#fff;
}



#nav {

  position:absolute; top:165px; left:6px;
  float:left;
  width:155px;
  padding-top:0px;
  padding-left:0px;
  height:409px;
  font-family:Arial, sans-serif; font-size:16px; font-weight:bold;
}

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

#nav li {

  padding:6px 18px 6px 0px;
  text-align:left; white-space:nowrap;
}

#nav li.active {

  font-style:italic;  color: Black;
}

#nav LI UL {

  display:none;
}

#nav a {

  color: Black;
  font-family:Arial, sans-serif; 
  font-size:16px; 
  font-weight: bolder; 
  text-decoration:none;
}

#nav a:hover, li.asel {

  font-style:italic; color: White;
}

#nav a.selbg, #nav a.selbg:hover, #nav li.selbg, { font-style:italic; color: White; }


#bildtitel {
        color: Black;
	position:absolute;
	top:336px;
	left:169px;
	margin:0px;
	padding-top:150px;
	padding-left:5px;
	width:297px;
	height:239px;
	font-family:Arial, sans-serif;
	font-size:12px;
	overflow: auto;
        background-image: url(/files/hg_bildinfo.jpg); background-repeat:no-repeat;
        background-position: top left; 
}

#bilder {

  position:absolute; top:166px; left:476px;

  width:484px; height:409px;
  font-family:Arial, sans-serif; font-size:12px; font-weight:normal;
  background-image: url(/files/hg_bild.jpg); background-repeat:no-repeat;
  padding-right: 40px;
  text-align: right;
  margin-right: 200px;
        }

#HG_inhalt {
	position:absolute;
	top:166px;
	left:169px;
	width:791px;
	height:409px;
	background-image: url(/files/hg_inhalt1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: top left;

}

#txt_inh {
	position:absolute;
	top:13px;
	left:0px;
	width:791px;
	height:388px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow: auto;
	text-align: top left;
}

#gal_inh {
	position:absolute;
	top:13px;
	left:0px;
	width:791px;
	height:388px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow: hidden;
	text-align: top left;
}

#txt_kontakt {
	position:absolute;
	top:40px;
	left:500px;
	width:220px;
	height:300px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow: auto;
	text-align: top left;
}

#txt_inh_kont, #txt_inh_imp {
	width:781px;
	height:389px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow: auto;
	text-align: center;
	padding-top:60px;
}

#footer {

  position:absolute; top:602px; left:0px; height:22px; width:100%; padding-top:3px;
  font-family:Arial, sans-serif; font-size:11px;
  background-image: url(/files/footer.jpg); background-repeat: no-repeat; background-position:0px 0px;
  border: 0;
}

#footer a {

/*  font-family:Arial, sans-serif; font-size:11px; font-weight:bold; padding-left:12px; */
/*  color:#333; text-decoration:none; */
}

#footer .footermenu {

  float:left; width:460px; text-align:right;
}

#footer .footertext {
  font-weight:bold;
  float:left; padding-left:15px;
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:5px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:700px;
	/* background-color:#f7f7f7; */
	color:Black;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	/* background-color:#f7f7f7; */
	/* border-top:2px solid #fff; */
}

#form-module label {
	display:block;
	float:left;
	padding:0px;
	width:140px;
	/* border-right:2px solid #fff; */
}

#form-module label.checkbox {
	width:372px;
	/* border-left:2px solid #fff; */
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	/* border:1px solid #333; */
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	/* border:1px solid #333; */
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:Black;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1em;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#main-block .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#main-block .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

/*Teaser Style*/
/*Style für Categorie Überschrift
*/
.dl.teasercat { font-size: 14px; font-family: arial; font-weight: normal; text-indent: 14px; padding: 3px; }
dl.teasercat a {  font-weight: bold; text-decoration: none; }
/*Style für Artikel Übersicht*/
dl.teaserart { height: 20%; margin: 15px 0; padding: 15px; border-top: 0px; border-bottom: 0px; }
dl.teaserart a { font-size: 14px;}
dl.teaserart:after { 
font-size: 14px;
font-weight: normal;
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.teaserart dt { margin: 1em; }
/*Style des Pics*/
dl.teaserart dt img { 
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}
/*Sytle des Description Feldes*/
dl.teaserart dd { 
margin-left: 100px;
font-size: 14px;
line-height: 14px;
color: #fff;
}

#hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;
	
	
}


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
	background-color:silver;
}

#hassoNav #active {
	display: block;
	background-color:silver;

}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 370px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
	text-align: center;
	
}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 10px 5px;
	border:0;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
	
}

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	padding: 5px;
	width: 360px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
}


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 370px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}

/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
}

.jaosg_thumbnail {
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align:middle;
}

.jaosg_nav {
	text-align: center;
}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}