/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0; vertical-align: bottom }
/* .zf    { overflow: hidden; } */
 .zf    { _zoom: 1; min-height: 1%;  } /*zoom -> basic_screen_ie.css*/
 .zf:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; font-size: 0; } 

.clr   { clear: both; height: 15px; }
.col   { float: left; display: inline; position: relative }
.hd    { display: none !important; }

body  { background: url("../../media/gfx/layout/body_bg.gif") repeat-x #f6deb3;  }

/* Stile fuer Layoutelemente */
#wrapperout     { position: relative; width: 1000px; margin: 0 auto }
#wrapper {  }

#header    { height: 149px; position: relative; z-index: 100; overflow: hidden }
#header h1 { margin: 0 0 0 23px }
#header h1 span { display: none }
#header #cHeader { float: right; position: relative; display:inline; margin: 35px 30px 0 0; width: 30%  }
#header #cHeader .ctel { float: right; }
#header #cHeader .ctel * {  color: #01692e; font-size: 12px; }
#header #cHeader .ctel a { text-transform: uppercase }
#header #cHeader .ctel p, #header #cHeader .ctel address { margin: 4px 0 }

#main { position: relative; overflow: hidden; background: url("../../media/gfx/layout/main_bg.png") center center no-repeat; padding: 0 20px; }
.kat29 #main { overflow: visible; }

#contentwrap { position: relative; height: 552px; background: url("../../media/gfx/content/abb_fracksausen_panorama.jpg") left top no-repeat; overflow: auto; }
#content { position: relative; margin: 0 170px 0 230px; /*min-height: 350px;*/ padding: 7px 20px; background: url("../../media/gfx/layout/px_ffffff_a95.png") repeat; }
#bg { position: absolute; top: 0; left: -50px; width: 1500px; height: 100%; background: #ffffff; display: none }
#footer { position: relative; background: url("../../media/gfx/layout/footer_bg.png") center top no-repeat; overflow: hidden; }


/*= NAV 1 ========================================== */
#nav { position: absolute; top: 200px; left: 20px; width: 130px; z-index: 400; background: url("../../media/gfx/layout/nav_bg_sprites.png") repeat-y 0 0; }

.l1ul, .l1ul ul  { list-style-type: none; margin: 0 }
.l1ul            { }

.l1li, .l1lia    { float: left; position: relative; width: 100%; background: url("../../media/gfx/layout/nav_bg_sprites.png") no-repeat -610px bottom; }
.l1lia           {  }
.l1ul li.last    { }

.l1ul a  { display: block; position: relative; text-decoration: none; border: 0; outline: 0;  }

.l1a, .l1aa { font-size: 16px; color: #016a31; line-height: 30px; /*padding: 3px 2px 3px 20px;*/ }
.l1a, .l1a:link, .l1a:visited  {  }
.l1a:hover {  }

.l1li, .l1a:hover {  }

.l1aa, .l1aa:link, .l1aa:visited, .l1aa:hover  { color: #011362 !important; font-weight: bold !important; }
.l1aa {  }



/*= NAV 2 ========================================== */
/* DROPDOWN CSS */
/* 2. und 3. Ebene standardmässig aus */
.l2ul { left: -999em; _zoom: 1 }

/*
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul { left: -999em } 
*/

#nav li:hover ul, 
#nav li.sfhover ul { 
	left: 130px;
}

.l2ul, .l2ul ul  { list-style: none; margin: 0; padding: 4px 5px 7px 5px; }
.l2ul            { position: absolute; top: 8px; width: 95px; z-index: 400; background: url("../../media/gfx/layout/nav_bg_sprites.png") repeat-y -300px top;  }


.l2ul li         { position: relative; float: left; width: 100%; clear:left; margin: 0 0 1px 0; }
.l2li, .l2lia    {  }
.l2lia           {  }
.l2ul li.last    {  }

.l2ul a  { font-size: 13px; line-height: 120%; vertical-align: middle; text-decoration: none; padding: 5px 0 5px 7px  }
.l2ul a:focus {  }
.l2ul a:hover {  }

.l2a, .l2aa  {  }
.l2a, .l2a:link, .l2a:visited  {  }
.l2a:hover { text-decoration: underline; }

.l2aa, .l2aa:link, .l2aa:visited, .l2aa:hover  { text-decoration: underline; }


/*= METANAV ========================================== */
#mn {  }

.metanav    { list-style-type: none; margin: 5px 0 10px 30px   }
.metanav li { float: left; font-size: 11px; background: url("../../media/gfx/layout/nav_bg_sprites.png") no-repeat right 5px; }
.metanav a  { display: block; color: #01692e; padding: 3px 11px 1px 9px; text-decoration: none; text-transform: uppercase;  }

.metanav .last { background: none !important; }

.ml1a, .ml1a:link, .ml1a:visited {  }
.ml1a:hover  { text-decoration: underline; }

.ml1aa, .ml1aa:link, .ml1aa:visited { text-decoration: underline; color: #011362 }
.ml1aa:hover {  }


/*= CONTENT ========================================== */
#content .csc-textpic-imagewrap dl { position: relative; z-index: 1; }
#content .csc-textpic-image { padding: 0 6px 5px 0 !important; margin: 0 !important; }
.ctel .csc-textpic-caption { padding: 10px 0; }

.contentwrap { position: relative; }

.tx-rzgooglemaps-pi1 {  margin: 0 }

div.csc-textpic-border .csc-textpic-image img {  border: 1px solid #ccc !important; }

/*= TEXTSTILE ======================================= */
body, 
body.fs1 { font-size: 62.5%; line-height: 1.8em }
body.fs2 { font-size: 71.5%; line-height: 1.8em }
body.fs3 { font-size: 89.3%; line-height: 1.8em }

body,h1,h2,h3,h4,p,table,ol,ul,li,a,address,form,input,textarea,select { font-family: "Times New Roman"; color: #011362;  }
p,table,ol,ul,li,address,form,input,textarea,select,dd,dt, #news h3 { color: #011362; }

h1,h2,h3,h4,p,li,address,input,textarea,select,dd,dt,label { font-size: 1.4em; line-height: 135%; font-style: normal }
li * { font-size: 100%; }
li p { font-weight: normal }
/*li li, li p, td p, blockquote p { font-size:1em }*/

/*div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image */
.ctel .csc-textpic-caption { font-size: 1.1em; }

h2   { font-size: 4.5em; line-height: 100%; font-style: italic; text-align: center; margin: 15px 0 10px 50px; color: #011362; }
h2 span { display:none }
#sifrHead { /*height: 130px;*/ overflow: hidden }


h3   { font-size: 1.6em; margin: 4px 0}
h3 a { text-decoration: none  }
h3 .csc-header-date { font-size: 11px; font-weight: normal;  }

.ctel { clear: both; }
.kat12 .ctel { clear: none }

p, ul, ol, blockqoute, address { margin: 8px 0;  }
table { margin: 0 0 4px 0;  }

.ctel p { /*text-align: justify*/ } 
.ctel p.align-center { text-align: center } 
.ctel ul      { list-style: disc; padding: 0 }
.ctel li      { font-weight: bold; margin: 0.2em 0; }
.ctel li span { font-weight: normal; color: #444 }
.ctel ul li   { position: relative; padding-left: 0.6em; margin-left: 1.4em;  }

.ctel ol      { list-style: decimal; padding: 0 0 0 0.15em }
.ctel ol li   { padding-left: 0.5em; margin-left: 1.6em }

.ctel a, .ctel a:link, .ctel a:visited, .ctel a:active {  }
.ctel a:hover { color: #000; text-decoration: none }

a.booking { display: block; position: relative; line-height: 12px; padding: 6px 0 6px 10px; background: url("../../media/gfx/layout/bg_booking.gif") no-repeat 90px 2px;  }
a.booking, a.booking:link, a.booking:visited, a.booking:active { color: #016a31; color: #011362; text-decoration: none; }
a.booking:hover { text-decoration: underline; background-position: 96px 2px; }

/*= STARTSEITE ========================================== */
.kat29 h2 { margin: 15px 0 0 0; }
.kat29 #header #cHeader .ctel * { font-size: 13px; }
/*.kat3 #header #cHeader { margin-top: 30px }*/

/* GOOGLE MAP */
/*
.kat21 #sifrHead,
.kat27 #sifrHead { height: 90px; }
*/



/*=== ACCORDION =================================== */
.acc h3      { padding: 3px 20px; margin: 0 0 1px 0; cursor: pointer; position: relative; border-bottom: 1px solid #CAD7CD; background: url("../../media/gfx/layout/pb_content_sprites.png") no-repeat 2px 10px; }
.acc h3.act  { background-position:  2px -40px; }
.acc h3      { }
.acc h3.odd  { }

.acc .contentwrap  { padding: 0 0 10px 0  }

/*= MAILFORM ========================================== */
fieldset { border: 0; outline: 0 }

.csc-mailform       { border: none; padding: 0; }

.csc-mailform-field {  }
.csc-mailform-field label { float: left; width: 95px; }

.csc-mailform-field label, .csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea { margin: 4px 0 3px 0; vertical-align: middle  }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { border: solid 1px #666; color: #333333; width: 350px; padding: 1px }

.csc-mailform-field textarea { height: 120px; }
.csc-mailform-field .req { width: 5px; height: 10px; margin: 5px 0 5px 5px; vertical-align: top; }

/*
.csc-mailform .field-anfrage { position: absolute; left: 300px; top: 0; width: 400px; height: 250px  }
.csc-mailform .field-anfrage textarea { width: 270px;  }
*/

.csc-mailform .field-formtype_mail { width: 448px; text-align: right; padding: 10px 0  }
.csc-mailform .input_btn_sub { margin: auto; padding: 0 8px; width: 100px}
.csc-mailform .field-formtype_mail label { float: left; width: auto; text-align: left }
.csc-mailform-label { font-size: 1.4em }


/* TOOLTIPS =================================== */
.advtip {
text-align:center;
cursor:pointer;
background:#ffffff;
padding:8px;
border:1px solid #CCCCCC;

width: 200px;
color:#555;
font-size:12px;
line-height:12px;
z-index:1000;

	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	/*filter:DropShadow(Color=#000000, OffX=5, OffY=5);*/
}

.tip-title {
	font-weight: bold
}


.slideshow ul { list-style: none;  }
.slideshow ul li { background: none;  }


p.rot { color: #890E00 !important }
#content span.rot { color: #890E00 !important }
#content span.tab75px  { float: left; width: 6.8em; }
#content span.tab100px { float: left; width: 9.1em; }
#content span.tab150px { float: left; width: 150px; }

/* PAGEBROWSER =================================== */
.tx-pagebrowse { float: right; text-align: right; list-style:none inside none; width:70%; margin: 10px 0 0 0 }
.tx-pagebrowse-first, .tx-pagebrowse-last { padding: 0 10px !important }

.ctel ul.tx-pagebrowse li { display:inline; position: relative; list-style:none; font-weight: normal; margin: 0; padding: 0 }

.ctel li.tx-pagebrowse-pages { width:80% }
.ctel li.tx-pagebrowse-pages ol { display:inline; padding: 0 }
.ctel li.tx-pagebrowse-pages ol li { padding: 0 5px}

/*= SIFR ======================================= */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active h2 {
		visibility: hidden;
	}
	
	.sIFR-active h1 {
		padding-bottom: 0;
	}
	
	.sIFR-active h2 {		
		font-size: 4.7em;		
		display: block;
	}
}


/* FV 2009-09-10 */
#content table td.produkt-subhead,
#content table td.produkt-subhead-border {
padding-top:10px;
background-image:none;
width:auto;
font-weight:bold;
}


#content table { widtH: 100% }
#content td, #content th { vertical-align:top; text-align: left }
#content table p { margin: 1px 2px 1px 0; font-size: 1.2em; line-height: 120%; }
#content table .align-right p { text-align: right; margin-right: 15px }

td.td100, th.td100 { width: 100px; }
td.td150, th.td150 { width: 150px; }
td.td200, th.td200 { width: 200px; }
td.td250, th.td250 { width: 250px; }
td.td300, th.td300 { width: 300px; }

td.td50, th.td50  { width: 50px; }
td.td60, th.td60  { width: 60px; }
td.td70, th.td70  { width: 70px; }
td.td75, th.td75  { width: 75px; }

td.td150, th.td150 { width: 160px; }
td.td200, th.td200 { width: 210px; }

.border-bottom { border-bottom: 1px solid #CAD7CD }