/* ----- Content ----- */

img {
	border: none;
}
html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #2A251E;
}
#wrapper {
      margin: 0 auto;
      vertical-align: middle;
}


/*----------- Text & Titel -----------*/


.wo_content_header {
	width: 461px;
	background-image: url(bilder/wol_content_o.jpg);
	background-repeat: no-repeat;
	height: 134px;
}
.wo_content_bkg {
	width: 461px;
	background-image: url(bilder/wol_content_bkg.gif);
	background-repeat: repeat-y;
}
.wo_content_footer {
	width: 461px;
	height: 30px;
}
.wo_content_mitte {
	width: 421px;
	color: #5A3824;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	padding-top: 80px;
	padding-right: 20px;
	padding-left: 20px;
}
.wo_l_bkg {
	width: 35px;
	color: #4d4d4d;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	background-image: url(bilder/wol_bkg_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.wo_r_bkg {
	width: 35px;
	color: #4d4d4d;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	background-image: url(bilder/wol_bkg_r.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.wo_menu_adresse {
	width: 229px;
	background-image: url(bilder/wol_men_bkg.png);
	background-repeat: repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #5A3824;
	text-decoration: none;
	padding-left: 40px;
}
.wo_adresse_link, .wo_adresse_link:link, .wo_adresse_link:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #5A3824;
	text-decoration: none;
}
.wo_adresse_link:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #93110A;
	text-decoration: none;
}
.wo_menu_bkg {
	background-image: url(bilder/wol_men_bkg.png);
	background-repeat: repeat-y;
}
.wo_menu_hauptbkg {
	background-image: url(bilder/wol_men_bkg.jpg);
	background-repeat: repeat-y;
}
div.wo_content_mitte h1 {
	width: 421px;
	color: #93110a;
	font-size: 28px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: normal;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #93110a;
}
div.wo_content_mitte h2, div.wo_content_mitte h3, div.wm_content_mitte h4, div.wm_content_mitte h5, div.wm_content_mitte h6 {
	width: 421px;
	color: #93110a;
	padding-top: 5px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding-top: 15px;
}
.wo_content_mitte a:link, .wo_content_mitte a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5A3824;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.wo_content_mitte a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #93110a;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}


/* NAVIGATION: 1 VERTIKAL, 2 VERTIKAL, 3 VERTIKAL (IN DER 2ten LISTE DRIN) */
/* --------- SEHR WICHTIG! EINIGE ALLGMEINE PARAMETER RESETEN ------------*/

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

/* --------------------- NAV Links 1ter level --------------------- */

.navlinks {
 	/* border: 1px solid #666666; */
	width:222px; /* 239 -15 -10 */
	text-decoration: none;
	padding-left:24px;
	padding-right:0px;
}
	
ul.nav1st {
	margin-top: 3px;
	padding-left:0px;
}
	
ul.nav1st li {
	display:block;
	padding-bottom:0px
}

ul.nav1st li.active {
	/*border-bottom: 1px solid #509600;*/
}

ul.nav1st a, ul.nav1st a:link {
	color:#5A3824;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight:normal;
	text-decoration: none;
	display:block;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
	text-align: left;
}

ul.nav1st a:hover {
	background-color: #754C24;
	color:#ffffff;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background-color: #754C24;
	color:#ffffff;
}

/* --------------------- NAV Links 2ter level --------------------- */

ul.nav2nd {
	/* border: 1px solid #666666; */ 
	margin-top: 0px;
	/*background:url(bilder/fk_bkg_menu_3.gif) 0 0 repeat-y;*/
}

ul.nav2nd li {
 	/*border: 1px solid #666666;*/
	display:block;
	/*background:url(bilder/fk_bkg_menu_3.gif) 0 0 repeat-y;*/
}

ul.nav2nd a, ul.nav2nd a:link {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	color:#505551;
	background-position: left;
	background-color: #F2F6E8;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 40px;
}

ul.nav2nd a:hover {
	background-color: #AB0020;
	color:#ffffff;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	color:#AB0020;
	background-color: #F2F6E8;
}

ul.nav2nd li a.current:hover {
	color:#505551;
}

/* --------------------- NAV Links 3ter level --------------------- */

ul.nav3rd {
	/* border: 1px solid #666666; */ 
	margin-top: 0px;
}

ul.nav3rd li {
 	/* border: 1px solid #666666; */
	display:block;
}

ul.nav3rd a, ul.nav3rd a:link {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	color:#505551;
	background-position: left;
	background-color: #CADCA8;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 60px;
}

ul.nav3rd a:hover {
	background-color: #AB0020;
	color:#ffffff;
}

ul.nav3rd li a.current, ul.nav3rd li a.current:link {
	color:#AB0020;
	background-color: #CADCA8;
}

ul.nav3rd li a.current:hover {
	color:#505551;
}

/* die Listen in der Mitte im Content wieder normal gestalten */

div.wo_content_mitte ul {
 	list-style-type: disc;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

div.wo_content_mitte ul li {
	padding-bottom:5px;
	text-decoration: none;
}
div.wo_content_mitte ul li #link {
	padding-bottom:5px;
	text-decoration: none;
}

div.wo_content_mitte ol {
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

div.wo_content_mitte ol li {
	 padding-bottom:5px;
}


/*-------- Editor mit Bild --------*/ 

/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

/* ----------------- JAOS Lightbox Style-Sheet ----------------- 

Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.jaosg_nav 		{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #68a326;
	text-decoration: none;
}

.jaosg_bild		{
	text-align: center;
}

.jaosg_bildbeschreibung	{
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #68a326;
	text-decoration: none;
}
/* ls=landscape-Format der Thumbs *//*
div.ls img{
	height: 40px;
	width: 54px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 0px;
	margin-left: 0px;
}
/* pt=portrait-Format der Thumbs *//*
div.pt img{
	height: 54px;
	width: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 7px;
	margin-left: 7px;
}*/
div.jaosg_gallerie {
	margin-bottom: 20px;
}

div.jaosg_title{
	/* font-size: 17px;
	color: #736036;
	margin-bottom: 5px;
	font-family:Palatino, "Times New Roman", Times, serif;
	line-height:normal;
	background-image: url(h1icon.png);
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative;
	left: -36px;
	padding-left:35px; */
}

div.jaosg_einleitung{

}
div.jaosg_thumbnail{
	float: left;
	background: #c8d56c;
	margin: 3px 3px;
}

div.jaosg_thumbnail img{
	border: 0px solid;

}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 40px;
	width: 54px;
	margin: 12px 5px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 54px;
	width: 40px;
	margin: 5px 12px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

/*  ----------------- Formular ----------------- */

/* Formular Definition */

/* Div das das Formular umschließt */
.formgen {
	font-size: 12px;
	/*padding-right: 10px;
	padding-left: 10px;*/
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}

/*.formgen form
{
}*/

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


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 414px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #93110A;
}

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


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 100px;
	margin-left: 4px;
	border: 1px solid #5A3824;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #5A3824;
	text-decoration: none;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #5A3824;
	text-decoration: none;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #333333;
	background-color: #ffffff;	
}



/* Label */
.formgen label {
	width: 100px;
	clear: left;
	float: left;
	height: 20px;
	
	
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #ffffff;
	margin-left: 4px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #5A3824;
	text-decoration: none;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 150px;
	text-align: center;
	background-color: #FFFFff;
	border: 1px solid #5A3824;
	float: none;
	color: #5A3824;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
}

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #93110A;
}

.formgen .formcaptcha
{
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/* Ende der Formulardefinition */