/* CSS */

/* bg */
/* LAYOUT */

html, body
{
	height: 100%; width: 100%;
	background: repeat-y left url('../_img/liegl_bg.gif') #8ab51e;
	margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 20px;
}

/* the class for the body on the home menu */
body.cat17
{
	
	background: repeat-y left url('../_img/liegl_home_bg.gif') #e8f0d2 ;
}


#top
{
	width: 100%; height: 85px;
	background: #b3cf6d;
	border: 4px solid #ffffff;
	border-right: none; border-left: none;
}

div.bottom
{
	width: 100%;
	/*min-height:439px;
	height: auto;*/
	height: 439px;
	background:repeat-y left url('../_img/liegl_bg.gif') #8ab51e;
	border: none;
}

div.cat17
{
	border: none;
	border-bottom: 4px solid #ffffff;
}

#top_left, #bottom_left
{
	height: 100%; width:187px;
	border: 4px solid #ffffff; border-top: none; border-bottom: none; 
	float: left;
}
#top_right, #bottom_right
{
	width:571px; height: 100%;
	border: none; border-right: 4px solid #ffffff;
	float: left;
}

#top_left
{
	background: #8ab51e url('../_img/liegl_logo.gif') no-repeat ;	
	height: 85px;
}
#top_right
{
	background: #464646 url('../_img/liegl_middle_top.gif') no-repeat; 
	height: 85px;
}

#bottom_right
{
	background: #e8f0d2;
}

#bottom_left
{
	background: #b3cf6d;

}

#bottom div div.cat17
{
	background: #da4518 url('../_img/liegl_main_start.gif') no-repeat;
}

#bottom-wrapper
{
	height:439px;
	width:770px;
}
#top-wrapper
{	
	width:770px;
}


.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/* CONTAINER */

#page-container
{
	width: 100%;
	border: none;
}





/* Navigation
*******************************************************/
.address
{
	display: none;
	margin: 1px 17px 17px 17px;
}
.address_cat17
{
	display: block;
}

#address div div
{
	margin: 0px;
	padding: 0px;
}

#address p, #address
{
	
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;;
	line-height: 120%;
}

#address a
{
	font-weight: normal;
	text-decoration: underline;
	color:#ffffff;
	margin-left: 0px;
}
#address div.sectiontext p
{
	margin-right: 5px;
}

#navigation
{
	margin: 15px 0px 0px 13px;
	
}
#navigation {
	color: #000000;
	height:309px; width: 100%; 
}



/* zugefügt - 26/11/2008
*******************************************************/


/*level1*/
#navigation li {
	margin:0; padding:0;
	list-style: none;
}
#navigation li a {
	color:#000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 700;
}
#navigation ul li:hover a{
	text-decoration: underline;
}

#navigation ul li.active a{
	color:#ffffff;
}

/*level2 */
#navigation ul ul {
	display: none;
	margin:0px 0px 0px 25px; padding:0;
}


/* Show submenus */

#navigation ul li.active ul,
#navigation ul li.active ul li a {
	display:block;
	text-decoration: none;
	color: #000000;
}

#navigation ul li.sfhover ul li,
#navigation ul li.active ul li, 
#navigation ul li.active ul li:link{
	text-decoration:none;
}

#navigation ul li.active ul li:hover a{
	color:#000000;
	text-decoration: underline;
}

#navigation ul li.active ul li.active a{
	color:#ffffff;
}

/*
#nav_3menu ul{
	margin: 10px 20px;
}
#nav_3menu ul li
{
	display: inline;
	margin: 0px 9px 2px 0px;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}
#nav_3menu ul li.last
{	
	margin: 0px 0px 4px 0px;
}
#nav_3menu ul li a:link{
	color: #000000;
}
#nav_3menu ul li a:visited{
	color: #000000;
}
#nav_3menu ul li a:hover{
	color: #6D9800;
}

#nav_3menu ul li.active a
{
	color: #6D9800;
	text-decoration: none;
}
#nav_3menu ul li.active
{
	text-decoration: none;
}

*/
div.artikelliste{
	margin: 15px 0px 13px 16px;
}
div.artikelliste a{
	color: #000000;
	font-weight: bold;
	margin-right: 11px;
}
div.artikelliste a:hover{
	color: #6D9800;
}

div.artikelliste a.active{
	text-decoration: none;
	color: #6D9800;
}
/* headpic 
**********************************************************/

#headpic {
clear:both;
margin-top:0;
padding-top:20px;
height:190px;
padding-left: 20px;
background-color: #fff;
}

/* Content 
**********************************************************/

#content {
min-height:270px;
width:693px;
float:left;
clear:both;
font-size: 0.73em;
text-align:left;
/* background: #fff url(../_img/hg-sidebar.gif) right 2px repeat-y; */
background: #fff;
padding:10px 0 0 297px;
}

#bread {
min-height: 15px;
font-size: 0.8em;
margin:0 0 10px 0;
color:#003366;
}
#bread a {
text-decoration:none;
color:#003366;
float:left;
}
#bread a:hover {
color:#932430;
}
#bread span.bread {
height: 1.5em;
width:8px;
background: transparent url(../_img/pfeil-bread.gif) left center  no-repeat;
display: block;
float:left;
margin:0 3px;
}

#maincontent {
width:100%;
float:left;
margin:0 0 0 0px;
padding:0 0;
}
#maincontent div.li p img{
	margin: 0px 2px 0px 0px;
}
#subcontent {
float:right;
width:160px;
/* margin:0 19px 0 24px; */
margin:0 19px 0 0;
padding:5px 0;
font-size: 0.93em;
}

/* Footer 
**********************************************************/

#siteinfo {
margin: 0 auto;
text-align: left;
color:#b67e84;
font-size:0.6em;
padding: 0 20px;
width: auto;
}
#siteinfo p {
float:left;
clear: both;
width: auto;
margin: 5px 0 0 0;
}
#siteinfo a {
color:#b67e84;
}



/********************************************************* 
allgemeine Formate
**********************************************************/

h1, h2 {
font-size: 18px;
font-family: "Verdana", sans-serif;
font-weight:normal;
letter-spacing: 2px;
margin: 0 0 12px 0;
color: #b3071b;
}
#subcontent h2 {
color:#8c8c8c;
margin: 0 0 0 0;
font-size: 1.45em;
}

h3, h4 {
font-size: 1.05em;
margin: 0 0 10px 0;
color:#333;
}
h4 {
color:#000;
font-size: 1em;
}
h5, h6 {
font-size: 0.9em;
margin: 0 0 5px 0;
font-weight:normal;
}

/*
p {
margin: 0 0 4px 0;
line-height: 1.4em;
}
#subcontent p {
margin: 0 0 8px 0;
line-height: 1.3em;
}
*/
blockquote {
/*margin: 0 0 12px 20px; 
line-height: 1.4em; */
font-style: italic;
}


ul, ol, li {
margin: 0;
padding: 0;
}
/*
#content ul {
margin: 0 0 12px 15px;
padding: 0;
line-height: 1.3em;
}
#content ol {
margin: 0 0 12px 23px;
padding: 0;
line-height: 1.3em;
}
#content li {
margin: 0 0 4px 0;
}
#content #subcontent li {
margin: 0;
}

*/
a {
color:#000;
margin-left: 4px;
margin-right: 4px;
}
a:hover {
color: #6D9800;
}

a.link-right
{		
	font-weight:bold;
	line-height:47px;
	margin-left:347px;
	position:relative;
	text-align:right;
}
div.artikelliste a
{
	margin-left: 0px;
}

/*
hr {
height: 1px;
color:#666;
background-color:#999;
border:none;
margin: 0 0 15px 0;
width: 100%;
clear:both;
}
*/

table {
border-collapse: collapse;
margin: 0 0 6px 0;
line-height: 1em;
font-size: 1em;
border: none;
}

td, th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 4px 10px 6px 10px;
text-align: left;
vertical-align: top;

}
th {
padding-top:6px;
border-top: 1px solid #ccc;
border-bottom: 4px solid #ccc;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}


form {	
margin: 0;
padding: 0;
font-size:1em;
float:left;
clear: both;
}

form p {
margin:0 0 5px 0;
clear:both;
width:100%;
}

fieldset {	
border: none;
padding: 0;
margin: 0;
}

legend {	
font-weight: bold;
font-size: 1.05em;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:2px 0 5px 0;
float:left;
width: 8em;
font-size:1em;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:1em;
}

.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}


/********************************************************* 
MODUL-Formate
**********************************************************/


/* Abstand + Clear
*************************/

div.clear {
height:25px;
}

/* Anker 
*************************

#content a.anchor {
clear:both;
display:block;
background:none;
} */


/* MODUL Text + Bilder
**************************/

div.section-txtpic {
margin: 0px 0 0px 0;
clear:both;
/*float:left;*/
width:100%;
}


div.section-txtpic  {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 0px 0px 15px 0;
float:right;
}


div.section-txtpic p.pic {
margin: 0 0 5px 15px;
/*display:inline;*/
float:left;
}
div.section-txtpic.re p.pic {
margin: 0 0 0px 15px;
float: right;
/*clear:both;*/
}
div.section-txtpic.li p.pic {
margin: 0px 15px 5px 15px;
}
div.section-txtpic.li p.pic, div.section-txtpic.li p.pic img{
	float: left;
	clear:none;
}

span.picsub {
/*font-size: 1em;*/
line-height:20px;
margin:4px 0;
padding-bottom:4px;
display:block;
}


/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li
div.section-txtpic.col-re {
float:left;
clear:none;
width:49%;
/*width:470px;*/
}
div.section-txtpic.col-re {
float:right;
/*margin-left:20px;  fuer FF3, Safari */
/*margin-left:2%; /* fuer FF3, Safari */
}


/* Text 290px re, Bild 650px li */
div.section-txtpic650 {
float:left;
clear:both;
width:100%;
margin: 0 0 6px 0;
}
div.section-txtpic650 div.sectiontext {
/*width:270px;*/
width: 27.5%;
float:left;
}

div.section-txtpic650 p.pic {
/*margin: 0 0 6px 20px;*/
float:right;
width:650px;
overflow:hidden;
}

div.section-txtpic h2{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 9pt;
	border-top: 1px solid #000000;
	float:right;
	width:223px;
	letter-spacing: normal;
	margin: 0px;
	padding: 14px 0px 0px;
	
}

div.re h2{
	border: none;
	float: none;
	margin-bottom: 0px;
	line-height: 22px;
	width: auto;
}

#maincontent div.re{
	margin-left: 15px;
	width: 556px;
}
div.li div.sectiontext p
{
	float:right;
	width: 208px;
	margin-right: 15px;
	clear: right;
}
div.li div.sectiontext{
	width:223px;
}
div.sectiontext{
	margin: 0;
	padding: 0px 0px 0px 0px;
	float: right;
}

div.re div.sectiontext{
	float: none;
}
div.sectiontext ul{
	margin: 0px 15px 0px 15px;
	padding: 8px 0px 12px 0px;
}

div.re div.sectiontext ul{
	margin: 0px 0px 0px 3px
}

div.li div.sectiontext ul{
	margin: 0px 15px 0px 0px;
	width: 208px;
	float: right;
}
div.sectiontext li{
	list-style-position:inside;
	
}


div.sectiontext p{
	margin: 0px 0px 0px 0px;
	padding: 17px 0px 0px 0px;
}

div.re div.sectiontext ul{
	padding: 0px;
	padding-top:7px;
}

div.re div.sectiontext p{
 	padding-top: 12px;
}	



div.sectiontext p strong{
}






/* MODUL Bild
*******************

div.section-pic {
margin: 0 0 6px 0;
clear:both;
}

*/

/* MODUL Dateidownload 
**********************/

div.filedownload {
clear:both;
width:300px;/* fuer IE 7 */
margin: 0 0 22px 0;
}

/*
#content div.filedownload a
{	line-height: 25px;
	padding: 5px 0 0 26px;
	background: transparent url(../_img/default-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.pdf
{	background: transparent url(../_img/pdf-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.word
{	background: transparent url(../_img/word-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.text
{	background: transparent url(../_img/txt-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.xls
{	background: transparent url(../_img/xls-icon.gif) no-repeat 0 0;
}*/


/* MODUL Tabelle 
**********************/

table.border,
table.noborder {
clear:both;
margin-bottom:10px;
}
/* ohne Rahmen (sonst Standardformat) */
table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
}


/* MODUL Artikel-, Kategorieliste, Paginierung 
**********************************************
ul.kategorie-list,
ul.article-list,
ul.pagination {
clear:both;
margin-bottom:10px;
}

#content ul.pagination {
margin-left:0;
}
#content ul.pagination li {
display:inline;
list-style:none;
margin-right:4px;
}
#content ul.pagination li a {
padding:0 2px;
background:none;
border: 1px solid #ffffff;
}
#content ul.pagination li a:hover {
border: 1px solid #1db0bb;
}
#content ul.pagination li.active a {
color:#ffffff;
border: 1px solid #1db0bb;
background-color:#1db0bb;
}
#content ul.pagination li.active a:hover {
}*/

/* MODUL Sitemap 
**********************/
ul.sitemap {
}

#content ul.sitemap {
font-size:1.15em;
padding-top:10px;
text-transform:uppercase;
line-height:1.6em;
}
#content ul.sitemap ul,
#content ul.sitemap ul ul {
font-size:0.85em;
font-weight:normal;
padding-top:0;
}


/* XForm */

div#form-module {
width:513px;
}

div.spamfield {
display:none;
}

p.formtextarea textarea {	
height:12em;
padding-right:0;
width: 287px;
}


p.formtext input {
width:27em;
}
p.formsubmit input { 
width: auto !important;
font-size:1em;
float:none;
background: #b3071b;
color:#fff;
font-weight: bold;
border:none;
padding:2px 5px;
}

p.req {
text-align: right;
float: right;
font-size: 0.9em;
}

/****************************************************************************/





