/**************************************************************************
 * @desc	onebigpark.at Layout Stylesheet
 * @file	layout.css
 * @author	Alexander Dick
 */

html, body {
	line-height: 1.5em;
	line-height: 16px; /*testweise*/
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-size: 11px;  /*testweise*/
	color: #fff;
	background: url("/images/layout/bg_tile.gif") #f90 repeat-x;
}

/**************************************************************************
 * Page Container
 */
div#container {
	width: 984px; /* 980px (1008px - 18px padding-left) */
	padding: 0 0 0 20px;
}

div#printHead {
	display: none;
}

/**************************************************************************
 * Header
 */

/************************
 * Logo
 */
div#container div#logo {
	width: 204px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	background: url("/images/layout/header/logo.png") no-repeat top left;
}

div#container div#logo a {
	display: block;
	text-decoration: none;
	height:170px;
	left:0;
	position:absolute;
	top:0;
	width:200px;
	z-index:100000;
}
/************************
 * Top-Navi
 */
div#container > div#top-nav {
	position: absolute;
	left: 510px;
	top: 0;
	width: 420px; /* (440px - 30px padding-left ) */
	height: 50px;
	padding: 0 0 0 30px;
	background: url("/images/layout/header/nav/bg.png") no-repeat top left;
	z-index: 100;
}

div#container div#top-nav div.item {
	float: left;
	margin: 10px 0 0 0;
}

div#container div#top-nav div.item a {
	font-family: Arial, sans-serif, Helvetica; /* Hier nicht Helvetica zuerst, weil bei "Unterkünfte" 1. keine ü-Punkte angezeigt werden und 2. das ganze zu breit wird */
	color: #f90;
	font-size: 1.1em;
	font-size: 12px; /*testweise*/
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

div#container div#top-nav div.item a:hover,
div#container div#top-nav div.item.active a {
	color: #000;
}

div#container div#top-nav div.sep {
	border-left: solid 1px #999;
	height: 25px;
	width: 1px;
	margin: 0 15px 0 15px;
	float: left;
}

div#container div#top-nav div.snowflakes div.upper {
	position: absolute;
	left: -60px;
	top: 0;
	width: 75px;
	height: 66px;
	background: url("/images/layout/header/nav/snowflakes_upper.png") no-repeat top left;
}

div#container div#top-nav div.snowflakes div.lower {
	position: absolute;
	left: 0;
	top: 40px;
	width: 118px;
	height: 50px;
	background: url("/images/layout/header/nav/snowflakes_lower.png") no-repeat top left;
}

/************************
 * Suche
 */
div#container > div#search {
	position: absolute;
	left: 300px;
	top: 0;
	padding: 0 0 0 15px;
	width: 191px;
	height: 50px;
	background: url("/images/layout/header/search/bg.png") no-repeat top left;
	z-index: 100;
}

div#container div#search div {
	margin: 8px 0 0 5px;
}

div#container div#search input.q {
	width: 140px;
	border: solid 1px #ccc;
	color: #aaa;
	font-size: 11px;
	padding: 3px 0 3px 3px;
}

div#container div#search input.s {

}

/************************
 * myPARK
 */
div#container div#my-park {
	position: absolute;
	left: 950px;
	top: 2px;
	height: 40px;
	padding: 0;
}

div#container div#my-park a {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1.1em;
	font-size: 12px; /*testweise*/
	font-weight: bold;
	text-decoration: none;
}

div#container div#my-park a:hover {
	color: #000;
}

/************************
 * Sprachenumschaltung
 */
div#container div#lang {
	position: absolute;
	left: 208px;
	top: 2px;
	height: 40px;
	padding: 0;
}

div#container div#lang a {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

div#container div#lang a:hover {
	color: #000;
}

/***********************************************
 * Headerbox
 */
div#container div#header {
	margin: 0 0 8px 0;
}

div#container div#header div#headerBoxSmall {
	z-index: 0;
	width: 984px;
	height: 272px;
	margin: 18px 0 0 0;
	padding: 0;
	overflow: hidden;
}

div#container div#header div#headerBoxBig {
	z-index: 0;
	width: 984px;
	height: 540px;
	margin: 18px 0 0 0;
	overflow: hidden;
}

/***************************
 * Header-Contents Common
 */

div#container div#headerContents div.pager span.page a {
	color: #fff;
	text-decoration: none;
}

div#container div#headerContents div.pager span.page a:hover {
	color: #f90;
}

div#container div#headerContents div.pager span.active a {
	color: #f90;
	text-decoration: none;
}

div#container div#headerContents div.pager span.sep {
	color: #fff;
	font-size: 1em;
}


/***********************
 * Type 1: default Header "obp startet durch"
 * Mit Content rechts
 */
div#container div.defaultHeader div#headerBoxSmall {
	background: url('/images/layout/header/background_default.jpg') #000 no-repeat top left;
}

div#container div.defaultHeader div#headerContents {
	position: absolute;
	left: 580px;
	top: 35px;
	padding: 100px 0 0 100px;
	width: 300px;
	height: 155px;
	z-index: 50;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
	line-height: 14px; /*testweise*/
}

div#container div.defaultHeader div#headerContents div.text {
	height: 140px;
}

div#container div.defaultHeader div#headerContents div.next a {
	background: url('/images/icons/next_o.gif') no-repeat right 2px;
	width: 50px;
	padding-right: 10px;
	display: block;
	color: #fff;
}

div#container div.defaultHeader div#headerContents div.next a:hover {
	color: #f90;
}

div#container div.defaultHeader div#headerContents div.pager {
	margin: 0;
}

/***********************
 * Type 2: flickr Header
 * Mit Content in der Mitte (zB Bilder) und flickr-background
 */
div#container div.flickrHeader div#headerBoxSmall {
	background: url('/images/layout/header/background_youtube.jpg') #000 no-repeat top right;
}

div#container div.flickrHeader div#headerContents {
	position: absolute;
	left: 20px;
	top: 35px;
	padding: 75px 0 0 0;
	width: 980px;
	height: 155px;
	z-index: 50;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
	line-height: 14px; /*testweise*/
}

div#container div.flickrHeader div#headerContents div.images {
	width: 980px;
	height: 125px;
	text-align:center;
}

div#container div.flickrHeader div#headerContents div.images div {
	margin: 0 auto 0 auto;
}

div#container div.flickrHeader div#headerContents div.images div.image {
	display: inline;
	margin: 0 10px 0 0;
}

div#container div.flickrHeader div#headerContents div.pager {
	width: 980px;
	text-align: center;
	margin: 35px 0 0 0;
}

/***********************
 * Type 3: Map Header
 */
div#container div.mapHeader div.headerBox div.map_canvas {
	width: 985px;
	overflow: hidden;
}

div#container div.mapHeader div.headerBox div.map_canvas.small {
	height: 272px;
}
div#container div.mapHeader div.headerBox div.map_canvas.big {
	height: 527px;
}

/* Overlay/Tooltip in der Map */
div#container div.mapHeader div.headerBox div.headerTooltipContent {
	color: #000;
	width: 300px;
	margin: 0 0 10px 0;
}

div#container div.mapHeader div.headerBox div.headerTooltipContent {
	font-size: 10px;
}


div#container div.mapHeader div.headerBox div.headerTooltipContent h1 {
	color: #f90;
}

div#container div.mapHeader div.headerBox div.headerTooltipContent a:hover {
	color: #000;
}


/**************************************************************************
 * Spalten Container
 */
div#container div#cols {

}

/**************************************************************************
 * Linke Spalte
 */
div#container div#left-col {
	float: left;
	color: #fff;
	width: 240px;
	overflow: hidden;
}


/**************************************************************************
 * Content
 */
div#container div#content {
	float: left;
	/*background: #ccc;*/
	width: 488px;
	margin: 0 8px 0 8px;
	overflow: hidden;
}

div#container div.contentWide div#content {
	width: 736px;
	margin-left: 0;
}

div#container div.contentWide div#left-col {
	display: none;
}

/**************************************************************************
 * Rechte Spalte
 */
div#container div#right-col {
	float: left;
	color: #000;
	width: 240px;
	overflow: hidden;
}

/**************************************************************************
 * Boxes: Common
 */

div#container div#left-col div.box {
	margin: 0 0 3px 0;
 	padding: 6px 12px 12px 12px;
	line-height: 2em;
	line-height: 20px; /*testweise*/
}

div#container div#left-col div.box div.foot {
	line-height: normal;
}

div#container div#cols div.box div.head h1,
div#container div#cols div.box div.head span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	font-size: 14px; /*testweise*/
	overflow:hidden;
	height: 20px;
}

/* für spezielle Überschriften, zB 	<div class="head"><h1>Login <span>- <a href="#">Neu im Park?</a></span></h1></div>*/
div#container div#cols div.box div.head h1 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-size: 11px; /*testweise*/
	text-transform: none;
	font-weight: normal;
}

div#container div#cols div.box div.head h1 span a:hover {
	color: #fff;
}


div#container div#cols div.box div.sep,
div#container div#cols div.box div.sep_dotted,
div#container div#cols div.box div.sep_solid {
	height: 10px;
	line-height: 0;
}

/**
 * Seitenanzeige
 */
div#container div#cols div.box div.pagination {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-size: 10px; /*testweise*/
	border: solid 1px transparent; /* bugfix IE */
	/*height: 15px;*/
	line-height: 15px;
}

div#container div#cols div.box div.pagination div.back,
div#container div#cols div.box div.pagination div.pages,
div#container div#cols div.box div.pagination div.next {
	float: left;
}

div#container div#cols div.box div.pagination div.back,
div#container div#cols div.box div.pagination div.next {
	width: 5%;
}

div#container div#cols div.box div.pagination div.back a,
div#container div#cols div.box div.pagination div.next a {
	display: block;
	width: 100%;
	height: 15px;
	text-decoration: none;
}

div#container div#cols div.box div.pagination div.pages {
	width: 90%;
}

/* [ alle anzeigen ] */
div#container div#cols div.box div.showAll {
	text-align: center;
}

div#container div#cols div.box div.showAll a {
	font-size: 0.9em;
	font-size: 10px; /*testweise*/
}

div#container div#left-col div.box div.content,
div#container div#right-col div.box div.content {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-size: 10px; /*testweise*/
}

div#container div#cols div.box div.content div.checkboxes div.left,
div#container div#cols div.box div.content div.checkboxes div.right {
	width: 50%;
	float: left;
	line-height: normal;
}

div#container div#cols div.box div.content div.checkboxes div.leftandright {
	width: 100%;
	float: left;
	line-height: normal;
}
p.themeItem
{
	width: 50%;
	float: left;
}

div#container div#cols div.box div.content div.checkboxes p.inactive label {
	color: #e9e9e9;
}

div#container div#cols div.box div.text-right {
	text-align: right;
}

div#container div#cols div.boxTabbed div.head {
	height: 22px;
	/*
		Hier kann keine Helvetiva genommen werden, weil diese eine andere Breite hat
		und die Tabs somit bei den meisten Usern nicht richtig aussehen würden (Arial hat jeder)
	*/
	font-family: Arial, Helvetica, sans-serif;
}


div#container div#cols div.boxTabbed div.head div.tabs {
	line-height: normal;
	height: 20px;
}

div#container div#cols div.boxTabbed div.head div.tabs ul {
	margin: 0;
	list-style: none;
}

div#container div#cols div.boxTabbed div.head div.tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#container div#cols div.boxTabbed div.head div.tabs a {
	float: left;
	background: url("/images/layout/boxes/left-col/tabbed/tab-left.png") no-repeat top left;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	cursor: pointer;
}

div#container div#right-col div.boxTabbed div.head div.tabs a {
	background: url("/images/layout/boxes/right-col/tabbed/tab-left.png") no-repeat top left;
}

div#container div#content div.boxTabbed div.head div.tabs a {
	background: url("/images/layout/boxes/content/tabbed_innercontent/tab-left.png") no-repeat top left;
}

div#container div#cols div.boxTabbed div.head div.tabs li a span {
	float: left;
	display: block;
	background: url("/images/layout/boxes/left-col/tabbed/tab-right.png") no-repeat top right;
	padding: 6px 10px 4px 1px;
	height: 12px; /* 22px - 10px padding */
	color: #f90;
	font-size: 1em;	/* 11px */
	font-size: 11px; /*testweise*/
}

div#container div#right-col div.boxTabbed div.head div.tabs li a span {
	background: url("/images/layout/boxes/right-col/tabbed/tab-right.png") no-repeat top right;
}

div#container div#content div.boxTabbed div.head div.tabs li a span {
	background: url("/images/layout/boxes/content/tabbed_innercontent/tab-right.png") no-repeat top right;
}

div#container div#cols div.boxTabbed div.head div.tabs li.active a {
	background-position: 0% -22px;
}

div#container div#cols div.boxTabbed div.head div.tabs li.active a span {
	background-position: 100% -22px;
	color: #000;
}

div#container div#cols div.boxTabbed div.head div.tabs a:hover span {
	color: #fff;
}

div#container div#cols div.boxTabbed div.head div.tabs a:hover {
	background-position: 0% -22px;
}

div#container div#cols div.boxTabbed div.head div.tabs a:hover span {
	background-position: 100% -22px;
}

/**************************************************************************
 * Boxes: Linke Spalte Common
 */

div#container div#left-col div.box div.head {

}

div#container div#left-col div.box div.sep_dotted {
	background: url("/images/lineDotted.gif") repeat-x center center;
}

div#container div#left-col div.box div.sep_solid {
	background: url("/images/lineSolid.gif") repeat-x center center;
}

div#container div#left-col div.box div.content {
	padding: 0 0 5px 0;
	overflow: hidden;
}

div#container div#left-col div.box div.content strong {
	font-size: 1.2em;
	font-size: 12px; /*testweise*/
}

div#container div#left-col input.button {
	border: solid 1px #fff;
	background-color: transparent;
	color: #fff;
	font-size: 0.9em;
	font-size: 11px;/*testweise*/

	background:#fff;
	color: #000;
}

/***********************
 * Box mit Höhe 164px
 */
div#container div#left-col div.box160,
div#container div#left-col div.box160_2 {
	background: url("/images/layout/boxes/left-col/160/bg.png") no-repeat top left;
	height: 150px;
}

div#container div#left-col div.box160 div.content {
	height: 80px;
}

div#container div#left-col div.box160_2 {
 	padding-top: 12px;
	height: 145px;
}

div#container div#left-col div.box160_2 div.content {
	height: 75px;
}

/***********************
 * Box mit Höhe 210px
 */
div#container div#left-col div.box210 {
	background: url("/images/layout/boxes/left-col/210/bg.png") no-repeat top left;
	height: 195px;
}

div#container div#left-col div.box210 div.content {
	height: 135px;
}

/***********************
 * Box mit Höhe 250px
 */
div#container div#left-col div.box250 {
	background: url("/images/layout/boxes/left-col/250/bg.png") no-repeat top left;
	height: 230px;
}

div#container div#left-col div.box250 div.content {
	height: 195px;
}

/***********************
 * Box "Parks"
 */
div#container div#left-col div.boxParks {
	background: url("/images/layout/boxes/left-col/parks/bg.png") no-repeat top left;
	height: 180px;
}

div#container div#left-col div.boxParks div.content {
	height: 155px;
}

div#container div#left-col div.boxParks div.content a {
	display: block;
	height: 155px;
}

/***********************
 * Box mit Tabs (big Finder)
 */
div#container div#left-col div.boxTabbed {
	padding: 0;
	height: auto;
}

div#container div#left-col div.boxTabbed div.head div.tabs li a span {
	display: block;
}

div#container div#left-col div.boxTabbed div.head div.tabs li a span.first {
	width: 35px;
}

div#container div#left-col div.boxTabbed div.head div.tabs li a span.second {
	width: 70px;
}
div#container div#left-col div.boxTabbed div.head div.tabs li a span.third {
	width: 68px;
}

div#container div#left-col div.boxTabbed div.content {
 	padding: 6px 12px 12px 12px;
	background: url("/images/layout/boxes/left-col/tabbed/content.png") repeat-y 0 0;
}

div#container div#left-col div.boxTabbed div.content input.active {
	color: #f90;
	background-color: #c60;
	border: solid 1px #c60;
}

div#container div#left-col div.boxTabbed div.foot {
 	padding: 0 12px 0 0;
	height: 15px;
	background: url("/images/layout/boxes/left-col/tabbed/foot.png") no-repeat top left;
}

/***********************
 * Box mit dynamischer Höhe
 */
div#container div#left-col div.boxDyn {
	padding: 0;
	margin-bottom: 8px;
}

div#container div#left-col div.boxDyn div.head {
 	padding: 6px 0 0 12px;
	height: 24px;
	background: url("/images/layout/boxes/left-col/dyn/head.png") no-repeat top left;
}

div#container div#left-col div.boxDyn div.content {
 	padding: 0 12px 12px 12px;
	background: url("/images/layout/boxes/left-col/dyn/content.png") repeat-y 0 0;
}

div#container div#left-col div.boxDyn div.foot {
 	padding: 0 12px 0 0;
	height: 12px;
	background: url("/images/layout/boxes/left-col/dyn/foot.png") no-repeat top left;
}


/***********************
 * Box mit Höhe 480px
 */
div#container div#left-col div.box480 {
	background: url("/images/layout/boxes/left-col/480/bg.png") no-repeat top left;
	height: 465px;
}

div#container div#left-col div.box480 div.content {
	height: 405px;
}


/**************************************************************************
 * Content, Boxes common
 */
div#container div#content div.box {
	margin: 0 0 5px 0;
}

div#container div#content div.box div.head {
	color: #f90;
	padding: 8px 15px 0 15px;
	background: #fff;
}

div#container div#content div.box div.sep_dotted {
	background: url("/images/lineDottedGray.gif") repeat-x center center;
}

div#container div#content div.box div.sep_solid {
	background: url("/images/lineSolidGray.gif") repeat-x center center;
}

div#container div#content div.box div.content {
	padding: 5px 10px 0 10px;
}

div#container div#content div.box div.content h1 {
	color: #f90;
	font-size: 1.3em;
	font-size: 14px; /*testweise*/
}

div#container div#content div.box div.content h1 span {
	font-weight: normal;
	font-size: 12px; /*testweise*/
}

div#container div#content div.box div.content p.crumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; /*testweise*/
}


/***********************
 * Box schwarz
 */

div#container div#content div.boxBlack div.head {
	height: 27px;
	background: url("/images/layout/boxes/content/black/head.png") no-repeat top left;
}

div#container div#content div.boxBlack.boxWide div.head {
	background: url("/images/layout/boxes/content/black/head_wide.png") no-repeat top left;
}

div#container div#content div.boxBlack div.content {
	background: url("/images/layout/boxes/content/black/content.png") repeat-y top left;
}

div#container div#content div.boxBlack.boxWide div.content {
	background: url("/images/layout/boxes/content/black/content_wide.png") repeat-y top left;
}

div#container div#content div.boxBlack div.pagination div.back a {
	background: url("/images/icons/back.gif") no-repeat center left;
}

div#container div#content div.boxBlack div.pagination div.back.disabled a {
	background: url("/images/icons/back_disabled.png") no-repeat center left;
}

div#container div#content div.boxBlack div.pagination div.next a {
	background: url("/images/icons/next.gif") no-repeat center right;
}

div#container div#content div.boxBlack div.pagination div.next.disabled a {
	background: url("/images/icons/next_disabled.png") no-repeat center right;
}

div#container div#content div.boxBlack div.pagination div.next.disabled a,
div#container div#content div.boxWhite div.pagination div.back.disabled a {
	cursor: default;
}

div#container div#content div.boxBlack div.pagination div.pages a {
	text-decoration: none;
	color: #fff;
}

div#container div#content div.boxBlack div.pagination div.pages a:hover {
	color: #f90;
}

div#container div#content div.boxBlack div.pagination div.pages a.active {
	color: #f90;
	text-decoration: none;
}

div#container div#content div.boxBlack div.showAll a {
	color: #fff;
}

div#container div#content div.boxBlack div.foot {
	height: 12px;
	background: url("/images/layout/boxes/content/black/foot.png") no-repeat top left;
}

div#container div#content div.boxBlack.boxWide div.foot {
	background: url("/images/layout/boxes/content/black/foot_wide.png") no-repeat top left;
}

/***********************
 * Box weiß
 */

div#container div#content div.boxWhite div.head {
	height: 27px;
	background: url("/images/layout/boxes/content/white/head.png") no-repeat top left;
}

div#container div#content div.boxWhite.boxWide div.head {
	background: url("/images/layout/boxes/content/white/head_wide.png") no-repeat top left;
}

div#container div#content div.boxWhite div.content {
	background: url("/images/layout/boxes/content/white/content.png") repeat-y top left;
	color: #000;
}

div#container div#content div.boxWhite.boxWide div.content {
	background: url("/images/layout/boxes/content/white/content_wide.png") repeat-y top left;
}

div#container div#content div.boxWhite div.content a:hover,
div#container div#content div.boxWhite div.content a.active {
	color: #000;
}

div#container div#content div.boxWhite div.pagination div.back a {
	background: url("/images/icons/back_w.gif") no-repeat center left;
}

div#container div#content div.boxWhite div.pagination div.back.disabled a {
	background: url("/images/icons/back_w_disabled.png") no-repeat center left;
}

div#container div#content div.boxWhite div.pagination div.next a {
	background: url("/images/icons/next_w.gif") no-repeat center right;
}

div#container div#content div.boxWhite div.pagination div.next.disabled a {
	background: url("/images/icons/next_w_disabled.png") no-repeat center right;
}

div#container div#content div.boxWhite div.pagination div.next.disabled a,
div#container div#content div.boxWhite div.pagination div.back.disabled a {
	cursor: default;
}

div#container div#content div.boxWhite div.pagination div.pages a {
	text-decoration: none;
	color: #f90;
}

div#container div#content div.boxWhite div.pagination div.pages a:hover {
	color: #000;
}

div#container div#content div.boxWhite div.pagination div.pages a.active {
	color: #000;
	text-decoration: none;
}

div#container div#content div.boxWhite div.showAll a {
	color: #000;
}

div#container div#content div.boxWhite div.foot {
	height: 12px;
	background: url("/images/layout/boxes/content/white/foot.png") no-repeat top left;
}

div#container div#content div.boxWhite.boxWide div.foot {
	background: url("/images/layout/boxes/content/white/foot_wide.png") no-repeat top left;
}

/**************************************************************************
 * Boxes: Rechte Spalte Common
 */

div#container div#right-col div.box {
	margin: 0 0 5px 0;
}

div#container div#right-col div.box a:hover {
	color: #000;
}

div#container div#right-col div.box div.head {
	color: #f90;
	padding: 8px 0 0 15px;
	height: 23px;
	background: url("/images/layout/boxes/right-col/white/head.png") no-repeat top left;
}

div#container div#right-col div.box div.content {
	background: url("/images/layout/boxes/right-col/white/content.png") repeat-y top left;
	color: #000;
	padding: 5px 10px 0 10px;
}

div#container div#right-col div.box div.foot {
	height: 12px;
	background: url("/images/layout/boxes/right-col/white/foot.png") no-repeat top left;
}

/***********************
 * Box weiß
 */

div#container div#right-col div.box div.sep_dotted {
	background: url("/images/lineDottedGray.gif") repeat-x center center;
}

div#container div#right-col div.box div.sep_solid {
	background: url("/images/lineSolidGray.gif") repeat-x center center;
}

div#container div#right-col div.box div.content strong {
	font-size: 1.2em;
	font-size: 12px; /*testweise*/
	color: #f90;
}

div#container div#right-col input.button {
	border: solid 1px #000;
	background-color: transparent;
	color: #000;
	font-size: 0.9em;
	font-size: 10px; /*testweise*/
}

/***********************
 * Box tabbed
 */
div#container div#right-col div.boxTabbed div.head,
div#container div#content div.boxTabbed div.head {
	background: none;
	padding: 0;
	height: 22px;
}

div#container div#right-col div.boxTabbed div.head div.tabs ul li a span,
div#container div#content div.boxTabbed div.head div.tabs ul li a span {
	color: #fff;
	display: block;
	text-align: center;
}

div#container div#right-col div.boxTabbed div.head div.tabs ul li.active a span {
	font-weight: bold;
}

div#container div#right-col div.boxTabbed div.head div.tabs ul li a span.first {
	width: 98px;
}

div#container div#right-col div.boxTabbed div.head div.tabs ul li a span.second {
	width: 98px;
}

div#container div#right-col div.boxTabbed div.head div.tabs ul li a:hover span,
div#container div#content div.boxTabbed div.head div.tabs ul li a:hover span {
	color: #000;
}

/***********************
 * Advert
 */
div#container div#right-col div.advert {
	padding: 6px 0 0 0;
	background: url("/images/layout/boxes/right-col/advert.gif") no-repeat top left;
}

div#container div#left-col div.advert {
	padding: 6px 0 0 0;
	background: url("/images/layout/boxes/right-col/advert.gif") no-repeat top left;
}

/**************************************************************************
 * Footer
 */
div#footer {
	background-image: url("/images/layout/footer.png");
	background-position: bottom left;
	height: 125px;
	overflow: hidden;
	width: 100%;
}

div#footer div.text,
div#footer div.link {
	float: left;
}

div#footer div.link a {
	color: #fff;
}

div#footer div.link a:hover {
	color: #f90;
}

div#pdfPrintFoot {
	text-align: right;
}
div#pdfPrintFoot a {
	color: #fff;
}
div#pdfPrintFoot span {
	display: none;
}