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

/*
* Dunkelgrau (Navigation): #828282 
* Mittelgrau:  (Bildserie Hintergrund): #C8C8C8
* Hellgrau:  (re + li Spalte): #E1E1E1
*/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
.clear
{
	clear: both;
	padding-bottom: 1px;/* for Gecko-based browsers */
	margin-bottom: -1px;/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.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 10px; 
}
.divider
{
	width: 100%;
}

/* 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
 */
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%;*/
	font-size: 160%;
	font-weight: normal;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
	font-weight: normal;
/*	margin: 18px 0 9px 0;*/
}
h4
{
	font-size: 130%;
/*	margin: 12px 0 6px 0;*/
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 76%;
}

/* alter some HTML elements' default style */
a
{
	text-decoration: none;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
/*	cursor: pointer;*/
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}
img
{
	border: 0;	
}
iframe
{
    border: 0 solid #fff;
}

/* form elements */
input, textarea, select, button
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}
input.text, input.password
{
	height: 13px;
	/*width: 300px;*/
}
/*input.checkbox, span.checkbox input, input.radio, span.radio input
{
	vertical-align: middle;
}*/
span.checkbox label, span.radio label /* asp:checkboxlist | asp:radiobuttonlist */
{
	padding-right: 5px;
}
select
{
	height: 18px;	
}
input.button, input.submit, button
{
	font-weight: bold;
	height: 20px;	
}

/* 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.
 */
html, body
{
	height: 100%;
}
body
{
	margin: 0;
	padding: 0;
	font-size: 100.1%;/* resolve some font size issues in some layouts for
	   some browsers. (in other words, i got no clue.) */
}
body>form
{
	margin: 0; /*opera bug: es entsteht "oben" ein ungewünschter abstand */
	padding: 0;
	height: 100%;
}
#pageWrapper
{
	width: 1000px;
	border-top: 4px solid; /* leadcolor */
	
	height: 100%;
}
* html #pageWrapper
{
	/* \*/
	word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

/* 3 column content */
#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
	 */
	border-left: solid 200px;
	border-right: solid 170px;

/*	position: relative; /* Probleme im IE 6/7 mit <input> Hintergrundfarbe / ohne Angabe hat IE7 Problem mit dem footer beim portal template*/
	min-height: 100%;
}
* html #outerColumnContainer
{
	height: 100%;
}
#innerColumnContainer
{
	border: solid 1px #fff;
/*	border-width: 0 1px; 
	margin: 0 -1px;/* compensate for the borders because of
	   100% width declaration */
	width: 100%;
	border-width: 0;
	margin: 0;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #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 30px -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -200px;
	width: 200px;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 170px;
	margin: 0 -170px 0 1px;
	z-index: 2;
}
#footer
{
	position: relative;
/*	bottom: 30px;*/
	margin: -20px 195px 0 225px;
}

/* Start Header IDs */
/* !#leftColumn! */
img.channelimage
{
	width: 200px;
	height: 100px;
}
/* !#middleColumn! */
#middleColumn #header
{
	height: 100px;
}
#middleColumn .identifier
{
	text-align: right;
}
#middleColumn #header .identifier
{
	position: absolute;
	width: 100%;
	top: 75px;
}
/* !#rightColumn! */
#rightColumn .search
{
	height: 90px;
	text-align: center;
	padding: 10px 8px 28px 10px; /* paddingLeftRight wie #rightColumn .inside
							* paddingBottom = hnav-height
							* paddingTop =  100 - height */
}
#rightColumn .search input
{
	float: left;
	height: 21px;
}
#rightColumn .search input.text
{
	width: 127px; /* 4px border: 131 - 4*/
	height: 17px; /* 4px border:  21 - 4*/ 
}
#rightColumn select, #leftColumn select
{
	width: 100%;
	font-size: 10px;
	height: 17px;
	margin: 5px 0;
}
/* Ende Header IDs */

/* allgemine Klassen */
#middleColumn .inside
{
	padding: 0 30px;
	font-size: 11px;
	line-height: 18px;
/*	width: 570px; /* 630 - 30 - 30 */
/*	overflow: hidden;*/
}
#leftColumn .inside
{
	padding: 0 10px 20px 20px;
}
#rightColumn .inside
{
	padding: 0 8px 20px 10px; /* agentur: pading-right: 9px */
}
#middleColumn .divider
{
	margin: 12px 0; /* gap-(lineheight-fontsize)/2 : 16-(18-11)/2 = 12.5px */
	height: 2px;
	overflow: hidden; /* IE6 fix alternativ leeren Kommentar <!----> ins div tag */
}
#leftColumn .minheight
{
    min-height: 137px;
    height: auto !important;
    height: 137px;
    padding-top: 16px;
}
#rightColumn .minheight
{
    min-height: 83px;
    height: auto !important;
    height: 83px;
}
#leftColumn .divider, #rightColumn .divider
{
	height: 6px;
	margin-top: 14px;
	margin-bottom: 14px;
	overflow: hidden;
}
#leftColumn .inside .content .divider
{
    width: 200px;
    margin-left: -20px;
    margin-right: -10px;
}
#rightColumn .inside .content .divider
{
    width: 170px;
    margin-left: -10px;
    margin-right: -8px;
}
.leftColumn-fullwidth
{
	width: 200px;
	margin-left: -20px; /* = padding-left */
	margin-right: -10px; /* = padding-right */	
}
.rightColumn-fullwidth
{
	width: 170px;
	margin-left: -10px; /* = padding-left */
	margin-right: -8px;	/* = padding-right */
}

/* Start !breadcrumb! / !toolbar! */
#middleColumn .breadcrumb
{
	margin: 0 30px; /* left/right wie #middleColumn .inside */
	line-height: 16px;
}
#middleColumn .inside .breadcrumb
{
	margin: 0;
	line-height: normal;
	font-size: 9px;
}
#header .toolbar
{
	float: left;
	width: 175px;
	margin-top: 15px; /*font-size: 10px -> Schrift 25px "tief"*/
	padding-left: 25px; /* middleColumnPadding - toolbarPadding: 30 - 5 */
}
#header .toolbar-r
{
	float: right;
	width: 425px;
	padding-left: 0px; /* Überschreiben 630 - 175 - 25 = 430; Abstand 5px */
}
#header .toolbar-r ul
{
	float: right;
}
.breadcrumb ul, .toolbar ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.breadcrumb ul li, .toolbar ul li
{
	display: inline;
	width: auto;
	white-space: nowrap;
}
/* Ende !breadcrumb! / !toolbar! */

/* Start !hnav! */
.hnav-pad /* alternativ über margin-left: 200px */
{
	height: 28px;
}
* html .hnav-iefix
{
	height: 28px;
}
.hnav
{
	height: 28px;
	width: 799px; /* pageWidth - leftColumn : 1000 - 200*/
	border-left: 1px solid #000;
	overflow: hidden;
	z-index: 10; /* opera, dem Rest egal */
	position: relative; /* opera, dem Rest egal */
}
* html .hnav
{
	position: absolute;
	left: 0;
}
.hnav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.hnav ul li
{
	display: block;
	width: auto;
	float: left;
	white-space: nowrap;
	line-height: 28px; 
}
.hnav ul li a
{
	padding: 8px 8px 8px 8px;
	border-right: 1px solid #000;
}

* html .HNAV
{
	padding: 0;/* IE5/Win will resize #hnav to fit the heights of its
		inline children that have vertical padding. So this
		incorrect case selector hack will be applied only by
		IE 5.x/Win */
}
/* Ende !hnav! */

/* Start !nvav! */
#VnavContainer
{
	padding-bottom: 18px;
}
#VnavContainer .divider
{
	margin-bottom: 0;
}
#VnavHeader
{
	margin: 0 30px;
	padding: 3px 0;
}
#leftColumn .vnav
{
	width: 99%;
	overflow: visible;/* fix for IE italics bug */
}
#middleColumn .vnav
{
	margin: 0 30px;
}
.vnav ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
.vnav ul li, .vnav ul li ul li, .vnav ul li ul li ul li
{
/*	padding: 3px 0;*/
}
.vnav ul li a, .vnav ul li ul li a, .vnav ul li ul li ul li a, .vnav ul li ul li ul li a, .vnav ul li ul li ul li ul li a
{
	display: block;
	line-height: 16px;
}
.vnav ul li a
{
	padding-left: 13px;
	background-position: 0 5px;
}
.vnav ul li ul li a
{
	padding-left: 26px;
	background-position: 13px 5px;
}
.vnav ul li ul li ul li a
{
	padding-left: 39px;
	background-position: 26px 5px;
}
.vnav ul li ul li ul li ul li a
{
	padding-left: 52px;
	background-position: 39px 5px;
}
/* Ende !nvav! */

/* Start !sitemap! */
.sitemap
{
}
.sitemap ul
{
	list-style-type: none;	
}
.sitemap ul li a.levelone
{
	font-weight: bold;
	padding-left: 13px;
	background-position: left center;
}
/* Ende !sitemap! */

/* Start !vlinks! */
.vlinks
{	
}
.vlinks dl
{
	margin: 0;
	padding: 0;
}
.vlinks dl dt
{
	float: left;
	line-height: 16px;
}
.vlinks dl dt.media
{
	padding-top: 3px;
}
.vlinks dl dd
{
	margin-left: 12px;
	padding-bottom: 5px;
	line-height: 16px;
}
.vlinks dl dd.media
{
	margin-left: 22px;
	margin-bottom: 3px;
}
/* Start IE5/mac \*/
* html .vlinks dl dd, * html .vlinks dl dd.media
{
	height: 1%;
	margin-left: 0;
}
* html .vlinks dl dt, * html .vlinks dl dt.media
{
	margin-right: -3px;
}
/* Ende IE5/mac hack */
/* Ende !vlinks! */

/* Start hack !vlink! / !vnav! IE hack Background-image */
* 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 */
}
* html #VnavHeader
{
	height: 0.01%;	
}
/* Ende hack */

/* Start telerik dummy definitionen */
.smalltext { font-size: 9px; }
.leadcolor {}
.leadbackgroundcolor {}
.leadbackgroundcolor-medium {}
.leadbackgroundcolor-light {}
.leadcolor-complementary {}
.tablestyle1 {}
.tablestyle1 th, .tablestyle1 td {}
.thickbox { background-color: White; }
/* Ende telerik dummy definitionen */


/* 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.
 */
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	background-color: #fff;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
}
a, a:link, a:visited, a:active
{
	color: #000;
}
a.active
{
	font-weight: bold;
}
#pageWrapper
{
	font-size: 10px; /* set your default font size here. */
}
#outerColumnContainer
{
	border-left-color: #e1e1e1;/* left column background color */
	border-right-color: #e1e1e1;/* right column background color */
	background-color: #fff;/* set the background color for the
	   middle column here */
}
img.channelimage, #rightColumn .search
{
	background-color: #fff;
}
#middleColumn .identifier
{
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
}
#middleColumn .inside
{
	color: #333;
}
#middleColumn .inside a, #VnavHeader a, #leftColumn .inside .content a, #rightColumn .inside .content a
{
	text-decoration: underline;
}
#VnavHeader
{
	background-color: #e1e1e1;
}
#middleColumn .divider
{
	background-color: #e1e1e1;
}
#middleColumn #ctl00_pnlImagesContainer
{
	width: 100%; /*630px;*/
	overflow: hidden;
    white-space: nowrap; /* problem with 100px height image with full width of 630px */
	background-color: #c8c8c8;
	border-bottom-width: 8px;
	border-bottom-style: solid;
}
#middleColumn #ctl00_pnlImagesContainer.noimage
{
	height: 0; /* ie6 hack */
}
#rightColumn .search input
{
	border: 1px solid #828282;
}
#leftColumn .divider, #rightColumn .divider
{
	background-color: #fff;
}
#leftColumn .headline, #rightColumn .headline
{
	padding-bottom: 9px; /* breadcrumbHeight - 2 (für kleinbuchstaben)*/
	font-weight: bold;
}
#rightColumn .groupLink
{
	padding: 16px 0 9px 0;
}
.toolbar li.active
{
	font-weight: bold;	
}
.hnav
{
	background-color: #828282;
}
.toolbar ul li, .toolbar ul li a, .toolbar ul li a:link, .toolbar ul li a:visited, .toolbar ul li a:active,
.breadcrumb ul li, .breadcrumb ul li a, .breadcrumb ul li a:link, .breadcrumb ul li a:visited, .breadcrumb ul li a:active,
#middleColumn .identifier
{
	color: #828282;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active
{
	color: #fff;
}
.hnav ul li a:hover, .hnav ul li a.active, .hnav ul li a.active:link, .hnav ul li a.active:visited, .hnav ul li a.active:active
{
	color: #000;
	background-color: #e1e1e1;
}
.vnav ul li a, .vnav ul li ul li a, .vnav ul li ul li ul li a,
.sitemap ul li a.levelone
{
	background-image: url(../images/square_7px_828282.gif);
	background-repeat: no-repeat;
}
.vlinks dl dd a:hover, #rightColumn .inside .groupLink a:hover,
#middleColumn .inside .sitemap ul a:hover, #middleColumn .vnav a:hover, #middleColumn .inside .headline a:hover,
#leftColumn .inside a:hover, #rightColumn .inside a:hover
{
	text-decoration: underline;
}
#middleColumn .inside .sitemap a, #middleColumn .inside .sitemap a:link, #middleColumn .inside .sitemap a:visited, #middleColumn .inside .sitemap a:active,
#middleColumn .inside .glossaranchor a, #middleColumn .inside .glossaranchor a:link, #middleColumn .inside .glossaranchor a:visited, #middleColumn .inside .glossaranchor a:active,
#middleColumn .inside  .headline a, #middleColumn .inside  .headline a:link, #middleColumn .inside  .headline a:visited, #middleColumn .inside  .headline a:active
{
	color: #333;
	text-decoration: none;
}
.bgc-lightgrey
{
	background-color: #e1e1e1;
}
.c-darkgrey
{
	color: #828282;
}
.error
{
	font-weight: bold;
	color: Red;	
}