/*  ---------------------------------------------------------------------------  
    -------------
    -------------         Master Stylesheet
    -------------         www.kilianlipp.com
    -------------         Copyright by Alexander Falger for Poison Apple GmbH
    -------------
    ---------------------------------------------------------------------------- */


/*  ---------------------------------------------------------------------------  
    -------------         Positionierung
    ---------------------------------------------------------------------------- */

body, td, p, dl, dt, ul, li, h1, fieldset, table {
font-family: sans-serif;
margin: 0;
padding: 0;
}

li {list-style-type: none;}

body { background-color:#ccc; font-size:100.01%; margin-top:0px; text-align: center;}

p { margin-top: 10px; margin-bottom: 10px; }

#content { text-align: left; width: 780px; background-color:#B5B5B5; margin: auto; }

img, a, fieldset {border: 0;}

.clear { clear: both; }

a { color: #000; }
a:hover { color: #9D3A00; }

/*-------------------------------------------------------------------------
------------                     zeile 1 / header
--------------------------------------------------------------------------*/

#header {
width: 784px;
height: 80px;
overflow: hidden;
background-color: #ccc;
}

#logo {
background-image:url(/fileadmin/template/gfx/kili-logo.gif);
background-repeat: no-repeat;
width:100px;
height:50px;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
margin-left: 670px;
top: 5px;
display: block;
z-index: 99;
position: absolute;
}

#filmheader {
background-image:url(/fileadmin/template/gfx/filmstreifen_oben.gif);
background-repeat: no-repeat;
width:147px;
height:216px;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
margin-left: 0px;
top: 10px;
display: block;
z-index: 98;
position: absolute;
display: none;
}
/*  ---------------------------------------------------------------------------  
    -------------        zeile 2
    ---------------------------------------------------------------------------- */

#middle {
width:780px;
background-image: url(/fileadmin/template/gfx/backgr.png);
background-repeat: repeat-y;
background-position: 0 18px;
padding-bottom: 20px;
border: 1px solid #9D3A00; 
}

#maincontent {
width: 740px;
color: #000;
font-size: 86%;
margin-left: 20px;
margin-top: 20px;
}

/*  ---------------------------------------------------------------------------  
    -------------        zeile 3
    ---------------------------------------------------------------------------- */

#footer {
font-size: 76%;
text-align: center;
background-color: #ccc;
padding-bottom: 20px;
width: 784px;
}

/*  ---------------------------------------------------------------------------  
    -------------         Top Menü
    ---------------------------------------------------------------------------- */
#topmenu { 
width: 780px;
font-size: 76%;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 55px;
} 

#topmenu ul
{
padding-left: 0;
margin-left: 20px;
color: #000;
/* width: 100%; */
font-family: sans-serif;
border-left: 1px solid #000;
}

#topmenu ul li { display: inline; }

#topmenu ul li a
{
padding: 0 1em; 
margin: 0;
text-decoration: none;
border-right: 1px solid #000;
}
#topmenu ul li a:link, #topmenu ul li a:visited { color: #000; }
#topmenu ul li a:focus, #topmenu ul li a:hover, #topmenu ul li a:active {
color: #9D3A00;
}
#topmenu ul li.active a:link, #topmenu ul li.active a:visited, #topmenu ul li.active a:focus, #topmenu ul li.active a:hover, #topmenu ul li.active a:active { color: #9D3A00; }


#submenu { 
width: 740px;
font-size: 86%;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 20px;
border-bottom: 1px solid #999;
} 

#submenu ul
{
padding-left: 0;
margin-left: 0;
color: #000;
/* width: 100%; */
font-family: sans-serif;
border-left: 1px solid #000;
}

#submenu ul li { display: inline; }

#submenu ul li a
{
padding: 0 1em; 
margin: 0;
text-decoration: none;
border-right: 1px solid #000;
}
#submenu ul li a:link, #submenu ul li a:visited { color: #000; }
#submenu ul li a:focus, #submenu ul li a:hover, #submenu ul li a:active {
color: #9D3A00;
}
#submenu ul li.active a:link, #submenu ul li.active a:visited, #submenu ul li.active a:focus, #submenu ul li.active a:hover, #submenu ul li.active a:active { color: #9D3A00; }

/*  ---------------------------------------------------------------------------  
    -------------         content
    ---------------------------------------------------------------------------- */

h1, #tx-lzgallery-pi1-title {
font-size: 100%;
font-weight: bold;
color: #9D3A00;
}

.csc-frame-frame1 {
padding: 15px;
background-color: #f8e29b;
margin-bottom: 20px;
margin-top: 20px;
}
 
.csc-frame-frame2 {
padding: 15px;
border: 1px dashed #f8e29b;
margin-bottom: 20px;
margin-top: 20px;
}
 
.csc-frame-rulerAfter {
width: 100%;
border-top: 1px dashed #000;
margin-top: 10px;
height: 20px;
font-size: 20px;
}

input, textarea {
background-color: #ccc;
border: 1px solid #999;
}

input:focus { background-color: #fff;}
input:hover { background-color: #fff;}
/*  ---------------------------------------------------------------------------  
    -------------         Galerie
    ---------------------------------------------------------------------------- */

.bildergalerie-liste {
width: 98px;
height: 160px; 
overflow: hidden;
float: left;
/* border: 1px solid #9D3A00; */
/* text-align: center; */
font-size: 93%;
margin-right: 25px;
/* margin-left: 5px; */
margin-bottom: 10px;
font-size: 86%;
}

.bildergalerie-liste a {
color: #000;
text-decoration: none;
}

.bildergalerie-liste-bild-rahmen {
height: 110px;
}
.bildergalerie-liste-bild-rahmen td { height: 105px; vertical-align:bottom; }

.bildergalerie-liste-bild {
padding: 2px;
border: 1px solid #999;
}

.bildergalerie-liste-bild a img{
padding: 0;
margin: 0;
border: 0;
}

.bildergalerie-liste h2, .bildergalerie-liste h2 a {
font-size: 100%;
font-weight: normal;
color: #9D3A00;
text-decoration: none;
}

#tx-lzgallery-pi1 {
width: 738px;
text-align: center;
margin: auto;
}

#tx-lzgallery-pi1-fotos {
width: 740px;
}

/* #tx-lzgallery-pi1-fotos { border-spacing:20px; } */

#tx-lzgallery-pi1-fotos td {
width: 124px;
 
overflow: hidden;
margin-right: 20px;
margin-bottom: 20px;
}

#tx-lzgallery-pi1-fotos td a {

padding: 2px;
display: block;
}

.tx-lzgallery-pi1-fotonav {
width: 738px;
text-align: center; 
color: #000;
}

.tx-lzgallery-pi1-fotonav a {
color: #000;
}

.bildergalerie-themengalerie .pic {
height: 94px;
width: 124px;
vertical-align:bottom;
border: 1px solid #999;
text-align: center;
}

.bildergalerie-themengalerie .txt {
height: 50px;
vertical-align:top; 
font-size: 86%;
}

.bildergalerie-einzelansicht td.txt {
width: 300px;
vertical-align:top;
padding-left: 20px;
font-size: 86%;
/* white-space: nowrap; */
}

.bildergalerie-themengalerie-drucke .pic {
height: 94px;
width: 124px;
vertical-align:bottom;
border: 1px solid #999;
text-align: center;
}

.bildergalerie-themengalerie-drucke .txt {
height: 75px;
vertical-align:top; 
font-size: 86%;
}

.bildergalerie-einzelansicht-drucke .txt {
width: 300px;
vertical-align:top;
padding-left: 20px;
font-size: 86%;
/* white-space: nowrap; */
}

/* .tx-lzgallery-pi1-default-1, .tx-lzgallery-pi1-default-2 .tx-lzgallery-pi1-default-3 .tx-lzgallery-pi1-default-4 { white-space: nowrap; } */

/* .bildergalerie-einzelansicht-drucke .form-drucke { display: none; } */

/*  ---------------------------------------------------------------------------  
    -------------         Mailform
    ---------------------------------------------------------------------------- */
    
.csc-mailform-field label { width: 80px; color: #9D3A00; display: block; float: left; }
.csc-mailform-field { margin-bottom: 3px; }


.csc-uploads-fileSize { vertical-align:top; }
.csc-uploads td { padding-left: 5px; }
.csc-caption { font-size: 86%; }


/*  ---------------------------------------------------------------------------  
    -------------         Tabellen
    ---------------------------------------------------------------------------- */
.contenttable-0 .td-0 { width: 60px; }

/*  ---------------------------------------------------------------------------  
    -------------         Bilt mit Text
    ---------------------------------------------------------------------------- */

	/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	P.csc-caption { margin: 0; }
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: 2px solid black;
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */