/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

.Bild-links{
float:left;
margin:3px 15px 15px 0px;
}

.Bild-rechts{
float:right;
margin:3px 0px 15px 15px;
}
hr{
background-color: #D6D6D6;
color: #D6D6D6;
border:0;
height:1px; 
margin:15px 0px;
}
.section{
margin-bottom:15px;
}
table.Tabelle{
width:100%!important;
border:1px solid #D6D6D6;
border-collapse:collapse;
}
table.Tabelle td{
border:1px solid #D6D6D6;
}
body{
	padding:0px;
	margin:0px;
	background:url(bg.gif) repeat-x #757772;
	font-family:Arial, Helvetica, sans-serif;
	color:#747474;
  font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}
img, ul, li, h1, h2, h3, p, div{
	padding:0;
	margin:0;
	}
.blank {
		clear:both;
		line-height:0px;
		font-size:0px;
		}	
/*-------------------main frame------------*/
#main{
	width:750px;
	margin:0 auto 0 auto;
	}
/*---------------------header------------*/
#header{
	width:750px;
	height:77px;
	background:url(header_pic.jpg) no-repeat;
	position:relative;
	color:#FFFFFF;
	}
  
#header #slogan{
position:absolute;
width:420px;overflow:hidden;
height:100px;
top:36px; left:168px;
font-family:Georgia, Times, serif;
font-size:12px;
}
#header #slogan h1{
font-weight:bold;
font-size:22px;
}
#header #slogan h2{
font-weight:bold;
font-size:18px;
}
#header #slogan h3{
font-weight:bold;
font-size:14px;
}
#header #slogan img{
border:none;
}
#header #slogan a{
color:#fff;
text-decoration:none;
}
/*-------------------body---------------*/
#body{
	width:750px;	background:url(body_bg.gif) repeat-y;
		}
/*-------------------left side----------------*/
#left{
	width:157px;
	height:741px;
	float:left;
	}
#left ul{
	background:url(left_bg.gif) no-repeat 0 0;
	list-style-type:none;
	width:157px;
	height:741px;
	font-size:0px;
	}
#left ul li{
	display:block;
	padding:162px 0 0 55px;
	}
#left ul li.li1{
	display:block;
	margin:68px 0 0 64px;
	padding:0 0 0 0;
	
	}
#left ul li a{
	display:block;
	text-indent:-2000px;
	}
#left ul li a.home{
	background:url(home.gif) no-repeat;
	height:72px;
	width:70px;
	margin-left:11px;	
	}
#left ul li a.contact{
	background:url(contact.gif) no-repeat 0 0px;
	height:85px;
	width:72px;
	}
/*----------------------middle part------*/
#mid{
	width:437px;
	float:left;
	color:#747474;
	font-size:12px;	min-height:741px;overflow:hidden;
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background:url(middle_pic.jpg) no-repeat 0 0 #fff;
	}
#mid #box img{
border:none!important;
}
#mid #box h1, #mid #box h2, #mid #box h3{
font-family:Georgia, Times, serif;
font-weight:bold;
margin:0px 0px 15px 0px;
}
#mid #box h1{
font-size:22px;
}
#mid #box h2{
font-size:18px;
}
#mid #box h3{
font-size:14px;
}
#mid #box{
overflow:hidden;
margin:105px 0px 40px 0px;
padding:0px 15px 0px 15px;
height:150px;
}  

#mid h1, #mid h2, #mid h3{
font-family:Georgia, Times, serif;
font-weight:bold;
margin:0px 0px 15px 0px;
}
#mid h1{
font-size:22px;
}
#mid h2{
font-size:18px;
}
#mid h3{
font-size:14px;
}

#mid p{
	margin:0px 0px 20px 0px;
	}

#mid a{
	text-decoration:underline;
  color:#747474;
	}
#mid a:hover {
text-decoration:none;
background:#E1D5AA;
	}
#mid img{
border:none;
}
#mid a img{
border:3px solid #EAEAEA;
}
#mid a:hover img{
border:3px solid #D6D6D6!important;
}

#mid div.jaosg_thumbnail a:hover{
background:#fff!important;
}
/*------------------------right-------------------*/
#right_bg{
  font-family:georgia,times, serif;
	background:url(right_bg.gif) no-repeat;
	color:#D5E486;
	width:153px;
	height:741px;
	float:left;
	}
#right_bg ul{
	width:117px;
	list-style-type:none;
	margin:142px 0 0 36px;
	}
#right_bg ul li{
	display:block;
	border-bottom:#555935 1px dashed;
	}
  #right_bg ul ul{
	list-style-type:none;
  margin:0px;
	padding:0px 0px 4px 0px;
	}
#right_bg ul li ul li{
	border-bottom:none;
	}
#right_bg ul li a{
	font-size:12px;
	color:#D5E486;
	text-decoration:none;
	width:105px;
	line-height:28px;
	padding-left:13px;
	display:inline-block;
	background:url(arrow.gif) no-repeat 2px 12px;
	}
  #right_bg ul ul li a{
	font-size:11px;
	color:#D5E486;
	text-decoration:none;
	line-height:23px;
	width:100px;
	padding-left:17px;
	display:inline-block;
  background:none!important;
	}
#right_bg ul li a:hover{
	background-color:#9DA09A;
	}
 #right_bg ul ul li a:hover{
  text-decoration:underline;
	}
  .active{
  font-weight:bold;
  }
/*-----------------------end body-------------*/
#bottom_table{
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	padding-top:20px;
	padding-bottom:0px;
  font-size:12px;line-height:18px;overflow:hidden;
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	}
#bottom{
	width:750px;
	margin:0 auto 0 auto;
	}  
  #bottom h1, #bottom h2, #bottom h3{
font-family:Georgia, Times, serif;
font-weight:bold;
margin:0px 0px 15px 0px;
}
#bottom h1{
font-size:22px;
}
#bottom h2{
font-size:18px;
}
#bottom h3{
font-size:14px;
}
#bottom p{
	margin:0px 0px 20px 0px;
	}

#bottom a{
	text-decoration:underline;
  color:#747474;
	}
#bottomd a:hover {
text-decoration:none;
background:#E1D5AA;
	}
#bottom img{
border:none!important; 
}
#bottom a img{
border:none!important; 
}

#bottom div.jaosg_thumbnail a:hover{
background:#fff!important;
}

/*---------------------------footer--------------*/
#footer{font-family: trebuchet ms, arial, sans-serif;
	width:100%;
	background-color:#D5E486;
	float:left;
  font-size:11px;
	border-bottom:#FFFFFF 6px solid;
	color:#747474;
	}
#footer a{
text-decoration:underline;
color:#747474;
}
#footer a:hover{
text-decoration:none;
color:#747474;
}
#footer_div{
	width:700px;
  padding:15px;
	margin:0 auto 0 auto;
	}
/* download
*******************************************************************************/

.download-hdl{
color:#747474;
font-weight:bold;
font-size:14px;
font-family:Georgia, Times New Roman, Times, serif;
margin-bottom:-10px;
}
.download-file{
line-height:40px;
background: #EAEAEA;
padding:6px;
border-top:2px solid #D6D6D6;
border-bottom:4px solid #D6D6D6;
}
#mid div.download-file img{
position:relative; top:1px;margin-right:4px;
border:none!important;display:block;float:left;
}
#mid div.download-file p, 
#mid div.download-desc p {
	margin:0;
}
.download-desc {font-style:italic;
	padding:0px 10px 4px 10px;
  background: #D6D6D6;
  color:#747474;
}

  /* Anfang Lightbox Galerie
*******************************************************************************/
.jaosg_galerie{
display:inline-block;
}
div.ls a, div.pt a{
display:block;
padding:0px;
margin:0px; 
}
div.ls a:hover, 
div.pt a:hover{
  background:none;
}
.jaosg_thumbnail{
float:left;text-align:center;
padding:0px;
margin:0px 10px 10px 0px;
display:block;
height:110px;
width:130px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
}
/* Ende Lightbox Galerie
*******************************************************************************/

form{
margin:0px;
padding:0px;
}
/* Div das das Formular umschließt */
.formgen {
	font-size: 12px;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}

.formgen form
{
line-height : 20px;
width: 437px;
}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
  margin-bottom:8px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}

/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{background:#EAEAEA;border:1px solid #D6D6D6;
	width: 270px;
	height: 100px;
	margin-left: 4px;padding:2px;
}
.formgen input, .formgen textarea, .formgen select{
font-family: trebuchet ms, arial, sans-serif;
font-size:12px;
}
.formgen textarea{
line-height:20px;
}
/* Textfeld */
.formgen .formtext
{background:#EAEAEA;border:1px solid #D6D6D6;
	width: 270px;padding:2px;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
  display: block;
  height: 10px; 
}
/* Hinweistext */
.formgen .formhinweis
{
  font-weight: bold;
  color: #003C79;
  font-size: 12px;
}
/* Überschrift */
.formgen .formheadline
{
  font-weight: bold;
  color: #573A32;
  margin-top:5px;
  margin-bottom:5px;
}
#mid img.formcaptcha{
border:none!important;
padding-left:4px;
}
/* Passwortfeld */
.formgen .formpassword
{background:#EAEAEA;border:1px solid #D6D6D6;
	width: 250px;padding:2px;
	margin-left: 4px;
}
/* Label */
.formgen label {
font-family: trebuchet ms, arial, sans-serif;
width: 150px;
clear: left;
float: left;
padding: 0px;
margin-bottom:0px;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
  width: 270px;
  background-color: #fff;
  margin-left: 4px;
}
/* Sende-Button */
.formgen .formsubmit
{
margin-left:154px;
padding:0px 5px;
}
/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	width: 637px;
}
/* Fieldsetbeschriftung */
.formgen legend {
	font-weight: bold;
	color: #993300;
	width: 150px;
	margin: 0px;
}
#main-block div.formgen table{
border:none ! important;
}
.formgen td{
padding:0px 10px 0px 4px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #000000;
	background-color: #CED5E1;
  border: 1px dashed #000000;
  margin: 5px;
  padding: 5px;
}
/* Markierung der Labels bei Fehler */
.formgen .formerror {
  color: #FFFFFF;
  background-color: #FF6600;
}
.formpositiv{
  color: #FFFFFF;
  background-color: #008800;
  margin-bottom:20px;
  font-weight:bold;
  	padding: 4px;
}

.forminfo {
	color: #FFFFFF;  font-weight:bold;
	background-color: #FF6600;
	margin: 0px 0px 10px 0px;
	padding: 4px;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

.formgen .formtext2
{border:1px solid #003C79;
	width: 250px;padding:2px;
	margin-left: 4px;
}