@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too.css : 2005.01.04
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */


.distance {
  background:#FFFFFF url(../images/dotRot_a.gif) center left no-repeat;
  padding-left:15px;
  margin:  0 0 0  0;
 }



.distance_active {
  background:#FFFFFF url(../images/dotBlau_a.gif) center left no-repeat;
  padding-left:15px;
  margin: 0 0 0 0;
 }


.distance_active:hover{
  background:#FFFFFF url(../images/dotRot_a.gif) center left no-repeat;
  padding-left:15px;
  margin: 0 0 0 0;
 }

.distance2 {
  background:#FFFFFF url(../images/dotRot_b.gif) center left no-repeat;
  padding-left:20px;
  margin: 0 0 0 0.5em;
 }

.distance2_active {
  background:#FFFFFF url(../images/dotBlau_b.gif) center left no-repeat;
  padding-left:15px;
  margin: 0 0 0 0.5em;
 }

.distance3 {
  background:#FFFFFF url(../images/dotRot_b.gif) center left no-repeat;
  padding-left:20px;
  margin: 0 0 0 1em;
 }

.distance3_active {
  background:#FFFFFF url(../images/dotBlau_b.gif) center left no-repeat;
  padding-left:15px;
  margin: 0 0 0 1em;
 }


.clear
{
	clear: both;
}
.hide
{
	display: none;
}

.hg
{

        padding:0;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's given here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */

.liste {
       float: left;
       padding: 4px;
       margin-left: 4px;
}



img {
        border: none;
	margin: 0;
	padding: 0;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

/* alter some HTML elements' default style
 */


a, a:link, a:visited, a:active
{
	text-decoration: none;
        color: #695A0F;
}

a:hover
{
	text-decoration: none;
        color: #CFB325;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */

body
{
	padding: 20px 0;
	margin: 0;

}
#pageWrapper
{
	border: solid 1px #fff;
	border-width: 0;
	margin: 0 auto;		/* set side margins here 'cause IE doesn't like it set
				   on the body element */
	/* min-width: 40em;	 IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
	width: 80em;

}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
	border: solid 1px #fff;
	border-width: 0px 0;
	padding: 0.5em;
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you 
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	margin-left: 13.2em;
	border-right: solid 13.2em;
}
#innerColumnContainer
{
	border-left:1px solid #000;

	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -3px;
	width: 100%;
	z-index: 5;
        min-height:450px;
        border-left: 1px solid #cccccc;
        border-right: 0;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -14em;
	width: 13.5em;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 14em;
	margin: 0 -14em 0 1px;
	z-index: 2;
}
#footer
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}

/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
 * in the original skidoo layout.
 */

.vnav
{
	margin: 1em 0;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #fff;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #fff;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 5px 5px 10px;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

/* horizontal navigation stuff. mostly exactly as seen in the hnav.css styleheet
 * in the original skidoo layout.
 */

.hnav
{
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
	margin: 0;
	padding: 3px 0 0 0;
	white-space: nowrap;
}

* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
	height: 0.01%;	/* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
	height: auto;	/* above IE6/Win holly hack breaks IE5/Win when page 
			   length get beyond the point that 1% height is taller 
			   than the text height. IE5/Win does not need this 
			   holly hack so we remove it here */
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector will remove that padding */
}

	display: inline;
	white-space: nowrap;
	margin: 0;
}





body
{
	font-size: 100.1%;
}
html>body
{
	/* Opera's default font size is typically 10% smaller than IE or Mozilla
	 * so we correct for this here, since we're using percentages 
	 * everywhere. And we do this because pixel-based fonts don't resize
	 * under IE/Win and percentages/ems are essentially the same, and I like
	 * percentages for fonts.
	 */
	font-size: 110%;
}
body:last-child, * html body
{
	/* of course the previous selector for Opera's fix is caught by more 
	 * than a few other browsers, so we reset that value here.
	 */
/*
	font-size: 100.1%;
*/
        font-size: 100.1%;

}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li
{
	border-color: #FFF;
}
body
{
	background-color: #fff;
	color: #666666;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
        border:1px solid #CCCCCC;
}
#masthead
{
	background-color: #fff;
	color: #666666;
}
.hnav
{
	background-color: #FFDD95;
	color: #666666;
	border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
#outerColumnContainer
{
	border-left-color: transparent;	/* left column background color */
	border-right-color: transparent;	/* right column background color */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #FFF;
	color: #666666;
	border: 1px solid #FFF;	
}
.vnav ul li a:hover
{
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
    border: 1px dashed #FFFFFF;
    
	
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #FFDD95;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #FFDD95;
	color: #666666;
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 100%;
}
#footer
{
	background-color: #FFDD95;
	color: #fff;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0;
}

hr {border: none 0;
        border-top: 1px solid #CCCCCC;/*the border*/
        background-color: #ffffff;
        height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}


/**************** Search *************************************************/


			* html #masthead { /* \*/ height: 0.01%; /* holly hack (VERY IMPORTANT) */ }
			#mastheadRight { float: right; width: 200px; text-align: right; }
			#mastheadRight p, #mastheadRight form { margin: 0; padding: 0; }

			/* notice everything, even the font, is set in pixels. this is
			 * key because you need to know, roughly, what the width of this
			 * box will be. 140px + 30px = 170px. I set the with of #mastheadRight
			 * to 200px just to be safe and that 30px also acts as a right-side 
			 * margin.
			 */
			#mastheadRight input.text { width: 140px; background-color: #FFF3D9;}
			#mastheadRight input.button { width: 30px; background-color: #FFDD95;}
			#mastheadRight input { font-size: 12px; border-width: 1px; }
			#mastheadRight label span { color: #ff9; font-weight: bold; }


/******************************************************************************/


#searchLeft { float: left; width: 172px; text-align: left; }
#searchLeft form { margin: -4px 0 0 2px; padding: 0; }
#searchLeft input.text { width: 130px; background-color: #FFF3D9;}
#searchLeft input.button { width: 30px; background-color: #FFDD95;}
#searchLeft input { font-size: 12px; border-width: 1px; }
#searchLeft label span { color: #ff9; font-weight: bold; }

/*footer 1 */

#footer1 {
PADDING: 5px;
background-color: #FFDD95;
}

.footerLinks {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
a.footerLinks:link {
background-color: #FFDD95;
border: 1px solid #FFDD95;
color: #333366;
text-decoration: none;
}
a.footerLinks:visited {
background-color: #FFDD95;
border: 1px solid #FFDD95;
color: #333366;
text-decoration: none;
}
a.footerLinks:hover {
background-color: #FFDD95;
border: none;
color: #695A0F;
text-decoration: none;
}
a.footerLinks:active {
background-color: #FFDD95;
border: none;
color: #333366;
text-decoration: none;
}
/* ende footer */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





.card-desc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0; PADDING-TOP: 0px; TEXT-ALIGN: left
}

.card-middle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 5px 10px; PADDING-TOP: 0px; TEXT-ALIGN: middle
}

.card-pdf {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: white; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px 1px 1px 0px; PADDING-TOP: 1px; TEXT-ALIGN: right
}


/* ---- */
.breaker {
clear: both;
}

/* ---- */
.lupe {
float: right;
}

.top {
float: right;
}

.menu_specials {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #393939; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-STYLE: normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu_specials:hover {
	BACKGROUND: #393939; COLOR: #b0b0b0
}

.text_form {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

/* ---- forms ---- */

label.left
{
    float            : left;
    text-align        : right;
    width            : 10em;
    margin-right    : .3em;
}

input[type=text],
select
{
    float            : left;
}

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    5.3em;
    margin-right            :    .3em;
}


input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

form br
{
    clear                    :    both;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}


form
{
    line-height                :    200%;
}

.z_hilite {
        background: #FFFF66;
}



a:link{

color:#404040;

text-decoration: undeline

}
a:visited{

color:#666666;

text-decoration: none

}
a:hover{color:#000000;

text-decoration: none

}
a:active{color:#000000;

text-decoration: none

}