/*---------------------------------------------------------------------------
  Global
---------------------------------------------------------------------------*/
/*  Opera(8.5-9.10): overflow:hidden to omit vertical scrollbar due to positioning outside viewport */
html { margin:0; padding:0;height:100%; width:100%; }
body{  margin:0; padding:0; height:100%; width:100%; } 
body.L0 { overflow:hidden; } 
#bg { height:100%; width:100%; margin:0; padding:0; }
#iefixed { margin:0; }

a { text-decoration:none; }
img { border:0 none black; } 


.banner_top_right { position: absolute; top:0; right:0; z-index: 10000}
.banner_top_right_1 { position: absolute; top:120px; right:0; z-index: 10000}
.banner_top_left { position: absolute; top:0; left: 0; z-index: 10000 }

/*---------------------------------------------------------------------------
  header
---------------------------------------------------------------------------*/
#header #portrait { margin-right:15px; }
/* #header #logo { position:fixed; top:0px; right:10px; } */
#header h1 { margin:0;padding:0;}
#logo { margin-left:20px; }
.tc_Haus #logo { margin-top: 25px; }

#header h2 { margin: 120px 0 0 100px;}

/*---------------------------------------------------------------------------
  centering horizontally and vertically via divs
---------------------------------------------------------------------------*/
#halfbox, #vhalfbox { position: absolute; text-align: center; top:0; left:0; width: 50%; height:45%; overflow: visible; visibility: visible;display: block; margin:0 auto; padding:0; }
#sizebox{ width:300px; height:240px; position: absolute;	bottom:0;	right:0; overflow:visible; background-color:transparent; visibility: visible; }
/* textalign:center does not work on images for ie 5.5. and 6 */
#centerbox { text-align: center; overflow:hidden; position:relative; bottom:-50%;	right:-50%;	padding:0; width:100%; height:100%;}

#vhalfbox { width: 100%; }
#vhalfbox #sizebox { left:0; }
#vhalfbox #centerbox { left:0; }

.debug #halfbox, .debug #vhalfbox { border: 1px solid #f00; }
.debug #sizebox { border: 1px solid #0f0; }
.debug #centerbox { border: 1px solid #00f; }

#centerbox * {margin:0; padding:0; }

/*---------------------------------------------------------------------------
  centering horizontally and vertically via table
---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
  fixed header and footer, see also ie_supp.css for ie compatibility
---------------------------------------------------------------------------*/
/* header height 1of3, hidden: scrollbar apears if to much in opera erlier than in other browsers*/
#header { height: 270px; width: 100%; overflow:hidden; position: fixed; top: 0; left: 0; margin: 0; z-index:10000;}
#header a { display:block; width:100%; height:100px; }
#header a img { float:none;}
#header img { float:right; margin-right:40px; }

/* footer height  1of3, changed to visible -> check for side effects*/
#footer {	height: 2em; width: 100%; overflow:visible; position: fixed; bottom: 0; left: 0; margin:0; z-index:10000;}

/* margin needed so content is not to be hidden behind the header or footer */
/* header height 2of3, footer height 2of3 */
#iefixed { padding-top:270px; padding-bottom:2.5em; }
#content{ padding:70px 150px 10px 100px; z-index:0;} /*L2, L3 */

.motto #iefixed { padding-top:170px; }

/*.L1 #content { padding-top:190px; }
.C0202 #content, .C0402 #content { padding-top:120px; }*/

/* those instances without a header */
.noheader #iefixed { padding:0; }

/* menue depending footer height: */


/*---------------------------------------------------------------------------
  common for all menu levels
---------------------------------------------------------------------------*/

/* W: if setting padding or margin when absolute position and width:100% then this padding 
   is added to the 100 % and a horizontal scrollbar is displayed  */
#footer .nav, #footer .nav ul {	padding:0; margin: 0;	position: fixed; left:0; width:100%; }
#footer .nav li {	display: inline; list-style: none; padding: 0; }

#footer ul.nav li a {	margin:0;	padding:0; }

/*---------------------------------------------------------------------------
  first level menue 
---------------------------------------------------------------------------*/
#footer ul.nav { text-align:left; bottom:0;}

/* padding for the menu divider lines */
/* #footer ul.nav li.divider3, #footer ul.nav li.divider1 { padding:0 5px 0 5px; } */

/* set the start of the first left sided menu entry */
#footer ul.nav li.first {  margin-left: 20px; }

/* adjust space above and under navi text */
#footer ul.nav, #footer ul.nav li a {  padding: 0.7em 0;}
#footer ul.nav li a {  padding-left:5px; padding-right:5px;}

/* last entry in menue row right sided */
#footer ul.nav li.right a { position: absolute; right:20px; bottom:0; /*padding-top: 0.8em; padding-bottom: 0.93em;*/}

/*---------------------------------------------------------------------------
  second level menue 
---------------------------------------------------------------------------*/
#footer ul.nav ul { position: fixed; bottom:2.48em; }

#footer ul.nav ul, #footer ul.nav ul li a { padding-top: 0.46em; padding-bottom:0.4em; }

/*---------------------------------------------------------------------------
  third level menue horizontal
---------------------------------------------------------------------------*/
#footer ul.nav ul ul{ bottom:4.40em; }

#footer ul.nav ul ul, #footer ul.nav ul ul li a { padding-top:0.1em;	padding-bottom:0.2em; }

/*---------------------------------------------------------------------------
  show hide mechanism for active menue
---------------------------------------------------------------------------*/
/* default hide level 2 menues */
#footer .nav ul { display:none; }

/*default hide level 3 menues */
#footer .nav #A01 ul ul, #footer .nav #A02 ul ul, #footer .nav #A03 ul ul, #footer .nav #A04 ul ul, #footer .nav #A05 ul ul,  
#footer .nav #A06 ul ul, #footer .nav #A07 ul ul, #footer .nav #A08 ul ul, #footer .nav #A09 ul ul
{ display:none; }

/* show current level 2 menue */
.C01 #footer #A01 ul, .C02 #footer #A02 ul, .C03 #footer #A03 ul, .C04 #footer #A04 ul, .C05 #footer #A05 ul, .C06 #footer #A06 ul, .C07 #footer #A07 ul, .C08 #footer #A08 ul, .C09 #footer #A09 ul 
{ display:block; }

/* show current level 3 menue */
.C0101 #footer #A01 #A0101 ul,  .C0102 #footer #A01 #A0102 ul,  .C0103 #footer #A01 #A0103 ul,  .C0104 #footer #A01 #A0104 ul,  .C0105 #footer #A01 #A0105 ul,  .C0106 #footer #A01 #A0106 ul,  .C0107 #footer #A01 #A0107 ul,  .C0108 #footer #A01 #A0108 ul,  .C0109 #footer #A01 #A0109 ul,
.C0201 #footer #A02 #A0201 ul,  .C0202 #footer #A02 #A0202 ul,  .C0203 #footer #A02 #A0203 ul,  .C0204 #footer #A02 #A0204 ul,  .C0205 #footer #A02 #A0205 ul,  .C0206 #footer #A02 #A0206 ul,  .C0207 #footer #A02 #A0207 ul,  .C0208 #footer #A02 #A0208 ul,  .C0209 #footer #A02 #A0209 ul,
.C0301 #footer #A03 #A0301 ul,  .C0302 #footer #A03 #A0302 ul,  .C0303 #footer #A03 #A0303 ul,  .C0304 #footer #A03 #A0304 ul,  .C0305 #footer #A03 #A0305 ul,  .C0306 #footer #A03 #A0306 ul,  .C0307 #footer #A03 #A0307 ul,  .C0308 #footer #A03 #A0308 ul,  .C0309 #footer #A03 #A0309 ul,
.C0401 #footer #A04 #A0401 ul,  .C0402 #footer #A04 #A0402 ul,  .C0403 #footer #A04 #A0403 ul,  .C0404 #footer #A04 #A0404 ul,  .C0405 #footer #A04 #A0405 ul,  .C0406 #footer #A04 #A0406 ul,  .C0407 #footer #A04 #A0407 ul,  .C0408 #footer #A04 #A0408 ul,  .C0409 #footer #A04 #A0409 ul,
.C0501 #footer #A05 #A0501 ul,  .C0502 #footer #A05 #A0502 ul,  .C0503 #footer #A05 #A0503 ul,  .C0504 #footer #A05 #A0504 ul,  .C0505 #footer #A05 #A0505 ul,  .C0506 #footer #A05 #A0506 ul,  .C0507 #footer #A05 #A0507 ul,  .C0508 #footer #A05 #A0508 ul,  .C0509 #footer #A05 #A0509 ul,
.C0601 #footer #A06 #A0601 ul,  .C0602 #footer #A06 #A0602 ul,  .C0603 #footer #A06 #A0603 ul,  .C0604 #footer #A06 #A0604 ul,  .C0605 #footer #A06 #A0605 ul,  .C0606 #footer #A06 #A0606 ul,  .C0607 #footer #A06 #A0607 ul,  .C0608 #footer #A06 #A0608 ul,  .C0609 #footer #A06 #A0609 ul,
.C0701 #footer #A07 #A0701 ul,  .C0702 #footer #A07 #A0702 ul,  .C0703 #footer #A07 #A0703 ul,  .C0704 #footer #A07 #A0704 ul,  .C0705 #footer #A07 #A0705 ul,  .C0706 #footer #A07 #A0706 ul,  .C0707 #footer #A07 #A0707 ul,  .C0708 #footer #A07 #A0708 ul,  .C0709 #footer #A07 #A0709 ul,
.C0801 #footer #A08 #A0801 ul,  .C0802 #footer #A08 #A0802 ul,  .C0803 #footer #A08 #A0803 ul,  .C0804 #footer #A08 #A0804 ul,  .C0805 #footer #A08 #A0805 ul,  .C0806 #footer #A08 #A0806 ul,  .C0807 #footer #A08 #A0807 ul,  .C0808 #footer #A08 #A0808 ul,  .C0809 #footer #A08 #A0809 ul,
.C0901 #footer #A09 #A0901 ul,  .C0902 #footer #A09 #A0902 ul,  .C0903 #footer #A09 #A0903 ul,  .C0904 #footer #A09 #A0904 ul,  .C0905 #footer #A09 #A0905 ul,  .C0906 #footer #A09 #A0906 ul,  .C0907 #footer #A09 #A0907 ul,  .C0908 #footer #A09 #A0908 ul,  .C0909 #footer #A09 #A0909 ul
{ display:block; }

/*---------------------------------------------------------------------------
  template mutations
---------------------------------------------------------------------------*/
/* padding from top */
.tl_padtopSml #content{ padding-top:00px; }
.tl_padtopBig #content{ padding-top:120px; }

/* index P0 */
.P0 #content, .P1 #content { padding:0; }

._404 #sizebox { height: 400px; width: 650px; }


/* index2 page uses level P1 */
.P1 #halfbox { height:36%; }
.P1 #sizebox { height: 292px; width: 500px; }
.P1 #content { padding:0;}
.P1 #footer { height:170px;}
.P1 #footer .bar { height:155px; width:100%; margin-top:15px; overflow:visible;}
.P1 #footer .bar .left, .P1 #footer .bar .right {width:49%; text-align:center;float:left;}
.P1 #footer .bar .left a, .P1 #footer .bar .right img { display:block; margin:0 auto; }
.P1 #footer .bar .left a { margin-top:10px;}
.P1 #footer .bar .right { float:right; position:relative; top:-15px; height:100%;}
.P1 #footer .bar #langselect { position:absolute; bottom: 0px; right: 40px; }

/*L0 first menue level visible none active*/
.L0 #content {margin-top:0; padding:0; }
.L0 #sizebox { height:145px; width:595px; }
.tc_Haus .L0 #sizebox { width: 700px; }
.L0 #logo { display:block; position:absolute; left:0; top:0; /*width:375px; height:96px;*/}
.L0 #claim { display:block; position:absolute; bottom:0; right:0; /*width:300px; height:30px;*/}

/* L1 second menue level visible, first level one etry active*/
/*.L1 #header { height:100px; } */
.L1 #iefixed {/*padding-top:100px;*/ padding-bottom:7.1em;}
.L1 #footer { height:7.0em; }

/* L2 third menue level visible, second level one etry active*/
.L2 #footer, .L3 #footer { height:8.5em; }
.L2 #iefixed, .L3 #iefixed { padding-bottom:8.9em;}

/* L3 third menue level visible, third level one etry active*/

/* formfields */
input.text, textarea { border: 1px solid #000 }
input.text, textarea { margin: 0 5px 5px 0; padding:1px 3px; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
input.checkbox { margin:0 5px 0 0; padding:0;}
input.radio { margin:1px 3px 0 0; padding:0;}
label.radio { padding-right:15px; }
p.radio { padding: 10px 0 5px;}
label.text { line-height: 17px; vertical-align:top; padding-top:3px;}

input#vorname { width: 159px }
input#nachname { width: 158px }
input#strasze, input#email, input#telefon, input#pfarre, input#pfarrefzs, input#ankunftszeit, input#gruppe, input#teilnehmeranzahl, input#kontaktperson { width: 330px }
input#postleitzahl { width:87px; }
input#ort, input#stadt { width:230px; }
textarea#mitteilung { width:330px; height:134px; margin-left:7px;}
.C09 textarea#mitteilung { width:330px; height:191px; margin-left:7px;}

input#datum, input#zeit { width:80px; }

.bestell .submit { float: right; display: block;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { height: 1%; }
.bestell strong { line-height:50px; vertical-align:top; }
.bestell strong.bottom {line-height:1.2em; vertical-align:baseline; display:block; margin:20px 0 5px 0;}
.bestell p.radio { padding-top:0; }


#content table.produkt table { margin-top: 15px; table-layout:fixed; border-collapse:collapse;}
.produkt .col1, .produkt .col3, .bestell .col1, .produkt .col4 { vertical-align:top; }
.produkt .col3, .produkt .col4 { text-align: right; width:auto;}
.produkt .col4 { width:29px; }
.produkt .col1 input, .bestell .col1 input { width:45px; }
#content table.produkt p, #content table.bestell p { line-height: 1.2em;}
/*table.produkt .col2 p label ,table.bestell .col2 p label{ display:block;  } */
#content table.produkt .col2 p, #content table.produkt .col3 p, #content table.produkt .col4 p {  }
#content table.produkt table tr td { padding: 3px; }
#content table.produkt table tr { margin: 3px; }

#content table.fzs_liste { table-layout:fixed; }
#content table.fzs_liste .col1 { width: 80px;}
#content table.fzs_liste .col3 { width: 220px;}

.pic_hover {display:none;}
img.hover {display:block;}

#header img.pic_hover, #header img.pic_nohover { float:none; position: absolute; left:350px;}

img.vanish { display:none;}

#content .mitarbeiter td { padding:5px 7px; }
#content .mitarbeiter tr.hover { cursor:crosshair;  }
#content .mitarbeiter tr.hover a { cursor:pointer; }
#content tr.hover { background-color:#ccc; }

/* presefotos styling */
#content div.grid { margin-left:50px; height:1%}
#content div.grid:after { 
    content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
#content div.piccontainer { min-width:250px; float: left; margin: 5px; padding: 10px 10px 7px; background: #eee; }
#content div.piccontainer a.pic img { display: block; margin: 0 0;}
#content div.piccontainer a.pic { background:#e0e0e0; display:block; margin-bottom:5px; text-align:left}