/*
 $Revision: 61044 $
 $Author: zistel $
 $Date: 2011-08-30 14:37:24 +0200 (Di, 30 Aug 2011) $

 - Page
   Skip
 - Logged
 - Header
   Logo
   First-Meta-Nav
   Search
   First-Nav
   Second-Nav
   Slider
 - Content
   Multi-Column
   Typo
   Links
   Lists
   Images
   Table
   Form
   Search
   News
 - Footer
   Second-Meta-Nav
 - Autocomplete
 - GoogleMap
 - Sitemap
 - Caption (Wallpaper)
 - Fancybox
 - Paging
 */

@media print {
	p#skip,
	.logged,
	ul#first-meta-nav,
	div#header form,
	ul#first-nav,
	ul#slider,
	div#slider-wrapper,
	div#header input.button,
	div#header img,
	div.first-col,
	div.third-col,
	ul#second-nav,
	ul#second-meta-nav,
	dl.image span,
	div#fancybox-overlay,
	div#fancybox-wrap {
		display: none !important;
		}
	#content .logged,
	div#header p#logo img,
	body#home div.first-col,
	div.wrapper div.wrapper div.first-col,
	div.wrapper div.wrapper div.third-col {
		display: block !important;
		}
	}

body, h1, h2, h3, p, ul, ol, dl, dd, form, fieldset, input { margin: 0; padding: 0; }
img { border: 0 none; }
html >/**/body a:active { position: relative; top: 1px; }

.hideme { display: none; }

@media screen {
	html,
	body {
		height: 100%;
		}
	}

body, input, select, textarea, button {
	font-family: Arial, "Helvetica Neue", Helvetica, FreeSans, sans-serif;
	}
body {
	background: white;
	color: gray;
	font-size: 62.5%;
	}
@media screen {
	body {
		background: #4A7292 no-repeat fixed 50% 100%;
		}
	}
@media screen and (max-width: 1048px), only screen and (max-device-width: 480px), print {
	body {
		background-image: none !important;
		}
	}
@media only screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none;
		}
	}

/* TOP50-Solar */
body > a,
body > noscript > a {
	left: -500em;
	position: absolute;
	top: 0;
	}

/* _______________________________________________________________________________________Page___ */

@media screen {
	div#page {
		background: url(../img/border-image.png) repeat-y 50% 0;
		margin: 0 auto;
		min-height: 100%;
		padding: 0 15px;
		position: relative;
		width: 960px;
		z-index: 1;
		}
		* html div#page {
			background: white none;
			height: 100%;
			padding: 0;
			}
	body#synopsis div#page {
		background-image: url(../img/border-image-orange.png);
		}
		* html body#synopsis div#page {
			background: #F07E01 none;
			}
	}
@media screen and (max-width: 1014px) {
	div#page {
		background: white none;
		padding: 0;
		}
	body#synopsis div#page {
		background: #F07E01 none;
		}
	}

/* ___Skip___________________________ */

p#skip {
	left: -500em;
	position: absolute;
	}

/* _____________________________________________________________________________________Logged___ */

.logged {
	background: #EF7F01;
	color: white;
	font-size: 110%;
	line-height: 24px;
	padding: 0 20px;
	_padding: 3px 20px 4px;
	text-align: right;
	}

.logged p,
.logged ul,
.logged li,
.logged form {
	display: inline;
	}
.logged li {
	list-style: none;
	margin-left: 18px;
	}

.logged a,
.logged button {
	color: #FFF;
	text-decoration: none;
	}
.logged strong,
.logged a:hover,
.logged a:active,
.logged a:focus,
.logged button:hover,
.logged button:focus {
	text-decoration: underline;
	}

.logged strong {
	font-weight: normal;
	}

.logged button {
	background: transparent;
	border: 0;
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	*line-height: normal;
	overflow: visible;/* long button fix */
	padding: 0;
	}
	html >/**/body .logged button:active {
		position: relative;
		top: 1px;
		}

/* Content */

#content .logged {
	background: transparent;
	color: inherit;
	font-size: 100%;
	line-height: normal;
	padding: 0;
	text-align: left;
	}

#content .logged p,
#content .logged ul,
#content .logged li,
#content .logged form {
	display: block;
	}
#content .logged ul {
	margin-top: 7px;
	}
#content .logged li {
	margin-left: 0;
	}
#content .logged form {
	margin-top: 10px;
	}

#content .logged strong,
#content .logged button:hover,
#content .logged button:focus {
	text-decoration: none;
	}

#content .logged button {
	font-size: 78.6%;
	font-weight: normal;
	}

/* _____________________________________________________________________________________Header___ */

div#header {
	position: relative;
	zoom: 1;/* hasLayout */
	}
@media screen {
	div#header {
		background: white url(../img/bg-header-gradient.jpg) repeat-y 100% 0;
		padding-bottom: 30px;
		min-height: 93px;
		_height: 93px;
		}
	body#home div#header {
		padding-bottom: 0;
		}
	}

div#header h2 {
	left: -500em;
	position: absolute;
	}

div#header img {
	display: block;
	margin-bottom: -30px;
	}
div#header * img {
	display: inline;
	margin-bottom: 0;
	}

/* ___Logo___________________________ */

@media screen {
	p#logo {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 999;
		}
	p#logo a {
		color: #00305E;
		display: block;
		}
		* html p#logo a {
			zoom: 1;/* hasLayout */
			}
	p#logo,
	p#logo a {
		background: url(../img/solarwatt.screen.png) no-repeat;
		}
	}

div#header p#logo img {
	display: block;
	height: 90px;
	width: 290px;
	}
@media print {
	div#header p#logo img {
		margin-right: -18px;
		margin-left: auto;
		}
	}
@media screen {
	div#header p#logo img {
		visibility: hidden;
		}
	}

/* ___First-Meta-Nav_________________ */

ul#first-meta-nav {
	margin-right: 185px;
	margin-left: 290px;
	padding-top: 18px;
	position: relative;
	text-align: right;
	top: -.9em;
	}
	* html ul#first-meta-nav {
		margin-top: 5px;
		margin-bottom: 5px;
		}

ul#first-meta-nav li {
	display: inline;
	font-size: 110%;
	line-height: 24px;
	list-style-type: none;
	margin-left: 8px;
	}

ul#first-meta-nav strong {
	color: #959595;
	font-weight: normal;
	}
body#home ul#first-meta-nav strong {
	left: -500em;
	position: absolute;
	}

ul#first-meta-nav a {
	color: #959595;
	text-decoration: none;
	}
ul#first-meta-nav strong,
ul#first-meta-nav a:hover,
ul#first-meta-nav a:active,
ul#first-meta-nav a:focus {
	text-decoration: underline;
	}

/* Language */

ul#first-meta-nav img {
	vertical-align: middle;
	opacity: .2;
	filter: alpha(opacity=20);
	}
	html >/**/body ul#first-meta-nav img {
		left: -1px;
		position: relative;
		top: -2px;
		}
ul#first-meta-nav a img {
	opacity: 1;
	filter: alpha(opacity=100);
	}

/* ___Search_________________________ */

div#header form {
	position: absolute;
	right: 20px;
	top: 10px;
	width: 155px;
	}

div#header form p * {
	display: block;
	}

div#header form input {
	color: black;
	font-size: 110%;
	outline: 0 none;
	padding: 2px 3px;
	padding-right: 25px;
	width: 123px;
	}
	html > body div#header form input {
		background: silver url(../img/bg-input.png) no-repeat 0 50%;
		border: 0 none;
		padding: 4px 5px;
		padding-right: 25px;
		width: 125px;
		}
	html > body div#header form p.focus input {
		background-color: #0092CF;
		}
div#header form input.empty {
	color: #0092CF;
	}

div#header button {
	background: transparent url(../img/ico.gif) no-repeat 2px 2px;
	border: 0 none;
	cursor: pointer;
	font-size: 110%;
	height: 23px;
	margin-top: -11px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 1px;
	text-indent: -500em;
	top: 50%;
	width: 23px;
	}
	html > body div#header button {
		right: 2px;
		}
	html >/**/body div#header button:active {
		margin-top: -10px;
		}

/* ___First-Nav______________________ */

ul#first-nav {
	margin-right: 20px;
	margin-left: 290px;
	padding-top: 25px;
	position: relative;
	text-align: right;
	top: -1.4em;
	}
	body#synopsis ul#first-nav {
		margin-right: 15px;
		padding-top: 6px;
		top: 1px;
		margin-left: 0;
	}

ul#first-nav li {
	color: #00305E;
	display: inline;
	font-weight: bold;
	font-size: 110%;
	line-height: 24px;
	list-style-type: none;
	margin-left: 7px;
	}
	body#synopsis ul#first-nav li {
		margin-left: 5px;
		}
	/* Older Firefox HAcks */
	body#synopsis ul#first-nav li, x:-moz-any-link { line-height: 52px; } /* Firefox 2 hack */
	body#synopsis ul#first-nav li, x:-moz-any-link, x:default { line-height: 24px; }  /* restore hack for newer Firefox >2 */


ul#first-nav li * {
	font-weight: normal;
	font-size: 120%;
	margin-left: 8px;
	text-transform: uppercase;
	}
	body#synopsis ul#first-nav li * {
		margin-left: 0;
		}

ul#first-nav strong {
	font-weight: normal;
	}

body#synopsis ul#first-nav a,
body#synopsis ul#first-nav strong,
body#synopsis ul#first-nav span {
	display: inline-block;
	padding: 0px 6px 18px;
	position: relative;
}

body#synopsis ul#first-nav strong a {
	color: white;
	height: 42px;
	margin: 0 -6px -18px;
	padding-bottom: 0;
/*  kein großer Linkbereich in IE6/7 möglich */
   *height: auto;
   *margin-bottom: 0;
   *right: 6px;
}

ul#first-nav span {
	text-transform: none;
	font-weight: bold;
	font-size: 100%;
   *padding-right: 8px;
}

body#synopsis ul#first-nav a:hover,
body#synopsis ul#first-nav a:focus {
	background-color: #EF7F01;
	color: white;
}

body#synopsis ul#first-nav li strong {
	background-color: #EF7F01;
	color: white;
}
body#synopsis ul#first-nav li.first strong b {
	background: url(../img/rd-corners.png) no-repeat;
}

body#synopsis ul#first-nav li.first a,
body#synopsis ul#first-nav li.first strong {
	margin-left: 7px;
}

body#synopsis ul#first-nav a b {
	background: none;
}

body#synopsis ul#first-nav li strong b,
body#synopsis ul#first-nav a:hover b,
body#synopsis ul#first-nav a:focus b {
	background: url(../img/rd-corners.png) no-repeat;
}
body#synopsis ul#first-nav b.first-round,
body#synopsis ul#first-nav b.second-round {
	height: 5px;
	position: absolute;
	top: 0;
	width: 5px;
	}
	body#synopsis div#header ul#first-nav li b.first-round {
		left: 0;
	}
	body#synopsis  div#header ul#first-nav li b.second-round {
		background-position: 100% 0;
		right: 0;
	}

* html body#synopsis ul#first-nav b {
	background: none !important;
}

ul#first-nav a {
	color: gray;
	text-decoration: none;
	-moz-transition: color .25s linear;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
	}
ul#first-nav strong a,
ul#first-nav a:hover,
ul#first-nav a:active,
ul#first-nav a:focus {
	color: #00305E;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	transition-property: none;
	}
ul#first-nav strong a {
	font-size: 100%;
	margin-left: 0;
	}

/* 2010-06-08 10:24:26 dummy-fix until we have a working CSS for the header */
div#first-nav {
	margin-right: 20px;
	margin-left: 290px;
	position: relative;
	height: 50px;
}

/* ___Second-Nav_____________________ */

ul#second-nav {
	bottom: 0;
	_bottom: -1px;
	left: 20px;
	position: absolute;
	width: 921px;
	}
	html >/**/body ul#second-nav {
		overflow: hidden;
		}

ul#second-nav * {
	display: block;
	white-space: nowrap;
	}

ul#second-nav li {
	float: left;
	font-weight: bold;
	font-size: 110%;
	list-style-type: none;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 128px;
	}
	html.js > body ul#second-nav li {
		margin-left: -2px;
		}
	html.js > body ul#second-nav li:first-child {
		margin-left: 0;
		}

ul#second-nav a,
ul#second-nav strong {
	background: url(../img/second-nav.png) no-repeat;
	}
ul#second-nav a {
	background-position: 100% 100%;
	color: white;
	height: 19px;
	margin-top: 9px;
	outline-color: #00305E;
	padding-top: 4px;
	text-decoration: none;
	}
ul#second-nav strong,
ul#second-nav strong a {
	color: #00305E;
	height: 22px;
	padding-top: 10px;
	}
ul#second-nav strong {
	background-position: 0 100%;
	}
ul#second-nav strong a {
	background-image: none;
	margin-top: -10px;
	}
	html >/**/body ul#second-nav strong a:active {
		position: static;
		}

/* ___Slider_________________________ */

ul#slider {
	height: 382px;
	overflow: hidden;
	}
div#slider-wrapper ul#slider {
	font-size: 0;
	line-height: 0;
	margin-top: 0;
	overflow: visible;
	}
/*no first-nav on different langauge branch */
/*
ul#slider { margin-top: 50px; }
div#slider-wrapper { margin-top: 50px; }
div#slider-wrapper ul#slider { margin-top: 0; }
body.de ul#slider { margin-top: 0; }
body.de div#slider-wrapper { margin-top: 0; }
*/

div#header input.button {
	background: transparent url(../img/slider-button.png) no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	font-size: 100%;
	line-height: 0;
	position: absolute;
	text-indent: -500em;
	top: 9.2em;
	width: 14px;
	}
div#header input.button.disabled {
	cursor: default;
	opacity: .6;
	}
div#header input#slider-previous_button.button {
	background-position: 0 49%;
	left: -14px;
	}
div#header input#slider-next_button.button {
	background-position: 100% 49%;
	right: -14px;
	}

div#header input.button:hover { width: 16px; }
div#header input#slider-previous_button.button:hover { left: -16px; }
div#header input#slider-next_button.button:hover { right: -16px; }

div#header input.button.disabled:hover { width: 14px; }
div#header input#slider-previous_button.button.disabled:hover { left: -14px; }
div#header input#slider-next_button.button.disabled:hover { right: -14px; }

/*no first-nav on different langauge branch - single images/no slider*/
/*
div#header img#singleheader { margin-top: 50px; }
body.de div#header img#singleheader { margin-top: 0; }
*/

/* ____________________________________________________________________________________Content___ */

div#content {
	padding-bottom: 60px;
	}
@media screen {
	div#content {
		background: white;
		}
	}

/* ___Multi-Column___________________ */

@media screen {
	div.wrapper {
		overflow: hidden;
		padding-top: 20px;
		*position: relative;
		width: 100%;
		}
	div.wrapper div.wrapper {
		padding-top: 0;
		}

	div.first-wrapper,
	div.first-col,
	div.second-col,
	div.third-col {
		float: left;
		position: relative;
		}
	div.first-wrapper {
		border-right: 1px solid silver;
		width: 100%;
		}
	div.first-wrapper div.first-wrapper {
		border-right: 0 none;
		}
	div.first-col,
	div.second-col,
	div.third-col {
		overflow: hidden;
		padding-bottom: 10px;
		}
	div.first-wrapper div.first-wrapper div.first-col,
	div.first-wrapper div.first-wrapper div.second-col,
	div.first-wrapper div.first-wrapper div.third-col {
		padding-bottom: 0;
		}

	/* Full page settings */
	div.fullpage {
		padding-top: 10px;
		}
	div.fullpage div.second-col {
		float: none;
		padding: 0 20px;
		}

	/* 3 Column (triple page) settings */
	div.threecol div.first-wrapper {
		right: 763px;
		}
	div.threecol div.first-col {
		left: 783px;
		padding-right: 3px;
		width: 170px;
		}
	div.threecol div.second-col {
		left: 798px;
		padding-right: 15px;
		width: 544px;
		}
	div.threecol div.third-col {
		left: 803px;
		padding-right: 10px;
		width: 173px;
		}

	/* 2 Column (left menu) settings */
	div.leftmenu div.first-wrapper {
		right: 763px;
		}
	div.leftmenu div.first-col {
		left: 783px;
		padding-right: 3px;
		width: 170px;
		}
	div.leftmenu div.second-col {
		left: 798px;
		padding-right: 15px;
		width: 732px;
		}

	body#home div.leftmenu div.first-wrapper {
		right: 575px;
		}
	body#home div.leftmenu div.first-col {
		left: 595px;
		width: 358px;
		}
	body#home div.leftmenu div.second-col {
		left: 610px;
		width: 544px;
		}

	/* 2 Column (left menu) in 2 Column (left menu) settings */
	div.leftmenu div.leftmenu {
		width: 747px;
		}
	div.leftmenu div.leftmenu div.first-wrapper {
		right: auto !important;
		}
	div.leftmenu div.leftmenu div.first-col {
		left: auto !important;
		padding-right: 10px;
		width: 173px !important;
		}
	div.leftmenu div.leftmenu div.second-col {
		left: 5px !important;
		width: 544px !important;
		}

	/* 2 Column (double page) in 2 Column (left menu) settings */
	div.leftmenu div.doublepage {
		width: 747px;
		}
	div.leftmenu div.doublepage div.first-wrapper {
		right: auto !important;
		}
	div.leftmenu div.doublepage div.first-col,
	div.leftmenu div.doublepage div.second-col {
		width: 356px !important;
		}
	div.leftmenu div.doublepage div.first-col {
		left: auto !important;
		padding-right: 15px;
		}
	div.leftmenu div.doublepage div.second-col {
		left: 5px !important;
		}

	/* 3 Column (triple page) in 2 Column (left menu) settings */
	div.leftmenu div.threecol {
		width: 747px;
		}
	div.leftmenu div.threecol div.first-wrapper {
		right: auto !important;
		}
	div.leftmenu div.threecol div.first-col,
	div.leftmenu div.threecol div.second-col,
	div.leftmenu div.threecol div.third-col {
		padding-right: 15px;
		}
	div.leftmenu div.threecol div.first-col,
	div.leftmenu div.threecol div.second-col {
		width: 231px !important;
		}
	div.leftmenu div.threecol div.first-col {
		left: auto !important;
		}
	div.leftmenu div.threecol div.second-col {
		left: 5px !important;
		}
	div.leftmenu div.threecol div.third-col {
		left: 10px;
		width: 230px !important;
		}

	body#home div.leftmenu div.threecol {
		width: 559px;
		}
	body#home div.leftmenu div.threecol div.first-col,
	body#home div.leftmenu div.threecol div.second-col,
	body#home div.leftmenu div.threecol div.third-col {
		padding-right: 10px;
		width: 173px !important;
		}

	/* 2 Column (left menu) in 3 Column (triple page) settings */
	div.threecol div.leftmenu {
		width: 559px;
		}
	div.threecol div.leftmenu div.first-wrapper {
		right: auto !important;
		}
	div.threecol div.leftmenu div.first-col {
		left: auto !important;
		padding-right: 10px;
		width: 173px !important;
		}
	div.threecol div.leftmenu div.second-col {
		left: 5px !important;
		width: 356px !important;
		}

	/* 2 Column (double page) in 3 Column (triple page) settings */
	div.threecol div.doublepage {
		width: 559px;
		}
	div.threecol div.doublepage div.first-wrapper {
		right: auto !important;
		}
	div.threecol div.doublepage div.first-col,
	div.threecol div.doublepage div.second-col {
		width: 262px !important;
		}
	div.threecol div.doublepage div.first-col {
		left: auto !important;
		padding-right: 15px;
		}
	div.threecol div.doublepage div.second-col {
		left: 5px !important;
		}

	/* 3 Column (triple page) in 3 Column (trible page) settings */
	div.threecol div.threecol {
		width: 559px;
		}
	div.threecol div.threecol div.first-wrapper {
		right: auto !important;
		}
	div.threecol div.threecol div.first-col,
	div.threecol div.threecol div.second-col,
	div.threecol div.threecol div.third-col {
		padding-right: 10px;
		width: 173px !important;
		}
	div.threecol div.threecol div.first-col {
		left: auto !important;
		}
	div.threecol div.threecol div.second-col {
		left: 5px !important;
		}
	div.threecol div.threecol div.third-col {
		left: 10px;
		}
	}

@media print {
	div.wrapper div.wrapper {
		/* Clearfix */
		overflow: hidden;
		_display: inline-block;
		}

	/* 3 Column (triple page) in 2 Column (left menu) or 3 Column (triple page) settings */
	div.wrapper div.threecol div.first-col,
	div.wrapper div.threecol div.second-col,
	div.wrapper div.threecol div.third-col {
		width: 30%;
		}
	div.wrapper div.threecol div.first-col,
	div.wrapper div.threecol div.second-col {
		float: left;
		}
	div.wrapper div.threecol div.first-col {
		margin-right: 5%;
		}
	div.wrapper div.threecol div.third-col {
		float: right;
		}

	/* 2 Column (left menu) in 2 Column (left menu) or 3 Column (triple page) settings */
	div.wrapper div.leftmenu div.first-col {
		float: left;
		width: 30%;
		}
	div.wrapper div.leftmenu div.second-col {
		float: right;
		width: 65%;
		}

	/* 2 Column (double page) in 2 Column (left menu) or 3 Column (triple page) settings */
	div.wrapper div.doublepage div.first-col,
	div.wrapper div.doublepage div.second-col {
		width: 47.5%;
		}
	div.wrapper div.doublepage div.first-col {
		float: left;
		}
	div.wrapper div.doublepage div.second-col {
		float: right;
		}
	}

/* ___Typo___________________________ */

div#content h1,
div#content h2,
div#content h3 {
	color: #00305E;
	margin-top: 15px;
	}
div#content h1,
div#content h2 {
	text-transform: uppercase;
	}
div#content h1 {
	font-size: 160%;
	}
body#home div#content h1 {
	left: -500em;
	position: absolute;
	}
div#content h2,
div#content h3 {
	font-size: 140%;
	line-height: 1.3;
	}
div#content h2 {
	clear: left;
	margin-bottom: -10px;
	}
div#content table h2 {/* Kundenportal */
	font-size: 100%;
	}
div#content form h2 {
	margin-bottom: 0;
	}
div#content h2 + div.wrapper {
	padding-top: 10px;
	}
div#content h3 {
	margin-bottom: -15px;
	}
div#content h3 + div.wrapper {
	padding-top: 10px;
	}

div#content p {
	font-size: 140%;
	line-height: 1.3;
	margin-top: 17px;
	}
div#content li p,
div#content dd p,
div#content table p {
	font-size: 100%;
	margin-top: 0;
	}
form#login + p {
	margin-top: 10px;
	}

div#content h2 strong,
div#content h2 em,
div#content h3 strong,
div#content h3 em,
.highlight {
	color: #F07E01;
	}
div#content h2 strong,
div#content h2 em,
div#content h3 strong,
div#content h3 em {
	font-size: 115%;/* 16px */
	}
div#content h2 em,
div#content h3 em,
em.error,
.error em,
.highlight em {
	font-style: normal;
	}
div#content dfn,
em.error,
.error em,
.error label,
.error .label {
	color: crimson;
	}
div#content dfn,
p.error em {
	font-weight: bold;
	}
div#content dfn {
	cursor: help;
	}

div#content hr {
	border: 0 dotted #CFCFCF;
	border-top-width: 1px;
	clear: both;
	height: 0;
	margin-top: 15px;
	margin-bottom: -5px;
	}

/* ___Synopsis (the orange pages)________________________ */

body#synopsis div#content {
	background: none;
	color:#032f60;
	}

body#synopsis div#content h1,
body#synopsis div#content a {
	color: white;
}

body#synopsis div.threecol div.first-wrapper {
	right: 660px;
}

body#synopsis div.first-wrapper {
	border-right: 0 none;
}

body#synopsis div.threecol div.first-col {
	left: 680px;
	width: 270px;
	color: white;
}

body#synopsis div.threecol div.second-col {
	left: 695px;
	width: 441px;
}
body#synopsis div.threecol div.third-col {
	left:704px;
}

/* ___Links__________________________ */

div#content a,
div#content .third-col a {
	color: #0092CF;
	}
div#content a {
	text-decoration: none;
	}
div#content a:visited {
	color: #59B8E0;
	}
div#content a:hover,
div#content a:active,
div#content a:focus {
	text-decoration: underline;
	}

/* Button */
div#content a.button {
	background: url(../img/gradient-silver.gif) repeat-x 0 100%;
	border: 1px solid silver;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin-left: 1px;
	padding: 4px 10px;
	padding-left: 9px;
	vertical-align: middle;
	white-space: nowrap;
	}
	html >/**/body div#content a.button {
		position: relative;
		top: -1px;
		}
div#content a.button:visited {
	color: #0092CF;
	}
div#content a.button:hover,
div#content a.button:active,
div#content a.button:focus {
	border-color: #66BEE2;/* 60% color */
	text-decoration: none;
	}
	html >/**/body div#content a.button:active {
		background: url(../img/gradient-silver.inverse.gif) repeat-x 0 0;
		top: 0;
		}
div#content a.button.active {
	background: #0092CF none;
	border-color: #0092CF;
	color: white;
	}

/* Button-Group */
div#content .button-group a.button {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-right: -2px;
	}
div#content .button-group a.button:first-child {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}
div#content .button-group a.button:last-child {
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}
div#content .button-group a.button:hover {
	position: relative;
	z-index: 1;
	}
	html >/**/body div#content .button-group a.button:active {
		top: -1px;
		}
div#content .button-group a.button.active {
	z-index: 2;
	}

/* ___Lists__________________________ */

div#content ul,
div#content ol {
	margin-top: 15px;
	}
div#content ul ul,
div#content ol ul {
	margin-top: 3px;
	margin-bottom: 5px;
	}

div#content li {
	font-size: 140%;
	line-height: 1.3;
	margin-bottom: 3px;
	}
div#content li li {
	font-size: 100%;
	}
div#content ul li,
div#content ol ul li {
	margin-left: 17px;
	margin-left: 14px\9;
	*margin-left: 17px;
	}
div#content ol li {
	margin-left: 20px;
	*margin-left: 24px;
	}
div#content ol ul li {
	list-style-type: disc;
	}

div#content dt,
div#content dd {
	font-size: 140%;
	line-height: 1.3;
	}
div#content dt {
	font-weight: bold;
	margin-top: 15px;
	}

/* Navigation */

div#content ul#third-nav,
div#content ul#third-nav ul {
	margin-top: 0;
	padding-top: 2px;
	}
div#content ul#third-nav ul {
	margin-bottom: 0;
	}
div#content ul#third-nav ul ul {
	padding-top: 0;
	}

div#content ul#third-nav li {
	display: block;
	font-weight: bold;
	list-style-type: none;
	margin: 15px 0 0;
	text-transform: uppercase;
	}
div#content ul#third-nav li li {
	font-weight: normal;
	margin-top: 2px;
	margin-left: 8px;
	padding-left: .86em;
	text-indent: -.86em;
	text-transform: none;
	}

div#content ul#third-nav a {
	color: gray;
	}
div#content ul#third-nav ul a {
	color: #0092CF;
	}
div#content ul#third-nav strong,
div#content ul#third-nav strong a {
	color: #00305E;
	}
div#content ul#third-nav ul strong {
	font-weight: normal;
	}

/* ___Images_________________________ */

div#content dl.image {
	clear: both;
	margin-bottom: -5px;
	}
div#content dl.image.left,
div#content dl.image.right {
	margin-bottom: 10px;
	}
div#content dl.image.left {
	clear: left;
	float: left;
	margin-right: 20px;
	}
div#content dl.image.right {
	clear: right;
	float: right;
	margin-left: 20px;
	}

div#content table dl.image {
	margin: 0;
	}

div#content table dl.image dt {
	font-size: 100%;
	margin-top: 8px;
	}

div#content dl.image dt * {
	display: block;
	}

img.border {
	border: 1px dotted #CFCFCF;
	}

div#content dl.image dd {
	background: #F0F0F0;
	font-size: 120%;
	padding: 2px 6px;
	}
div#content table dl.image dd {
	font-size: 12px;
	}

body#synopsis div#content dl.image dd {
	background: transparent;
	font-size: 120%;
	padding: 6px 0;
	}

.create_preview {
	font-size: 120%;
	position: relative;
	top: 1px;
	}
.create_preview img {
	margin-right: 2px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	}

/* ___Table__________________________ */

table,
th,
td {
	border: 0 none;
	}
table {
	*border-collapse: collapse;
	border-spacing: 0;
	margin-top: 15px;
	}
th,
td {
	font-size: 140%;
	line-height: 1.3;
	padding-right: 10px;
	vertical-align: top;
	}
th {
	text-align: left;
	}
th[align=center] {
	text-align: center;
	}
th[align=right] {
	text-align: right;
	}

/* Border */

table.border {
	width: 100%;
	}
table.border th,
table.border td {
	padding: 9px 5px;
	padding-right: 15px;
	}
table.border thead th {
	background: #F0F0F0;
	font-size: 120%;
	}
table.border tbody th,
table.border tbody td {
	border-bottom: 1px dotted #CFCFCF;
	}

/* ___Form___________________________ */

div#content h2 + form {
	margin-top: 7px;
	}
@media (-webkit-min-device-pixel-ratio: 0) {
	div#content h2 + form {
		margin-top: 17px;
		}
	}

div#content fieldset {
	border: 0 none;
	margin-bottom: 15px;
	}

div#content legend {
	display: none;
	}

div#content fieldset ol {
	margin-top: 0;
	}
div#content fieldset li {
	line-height: normal;
	list-style-type: none;
	margin: 15px 0 0;
	zoom: 1;/* hasLayout */
	}

div#content label,
div#content span.label {
	font-weight: bold;
	}
div#content fieldset div label {
	font-weight: normal;
	}
html.js div#content label.dynamic {
	display: none;
	}

div#content fieldset div {
	margin-top: 5px;
	}
div#content fieldset li.check div {
	margin-left: 48px;
	*margin-left: 41px;
	_margin-left: 44px;
	}

html > body div#content li.text em.error input,
html > body div#content li.text.error div input,
html > body div#content .error textarea {
	background-color: crimson !important;
	}
html > body div#content li.text em.error input::-moz-selection,
html > body div#content li.text.error div input::-moz-selection,
html > body div#content .error textarea::-moz-selection {
	background-color: crimson !important;
	}

div#content label input {
	cursor: pointer;
	left: 1px;
	position: relative;
	top: 1px;
	}
	html >/**/body div#content label input {
		margin-right: 2px;
		}

div#content li.text div input,
div#content li.file div input {
	color: black;
	font-size: 100%;
	padding: 2px 5px;
	padding-right: 0;
	margin-right: 5px;
        /* @jörg: hab mal den Hinweistext etwas abgesetzt*/
	margin-bottom: 3px;
	}

div#content li.text div input {
	outline: 0 none;
	width: 261px;
	}
	html > body div#content li.text div input {
		background: silver url(../img/bg-input.png) no-repeat -421px 50%;
		border: 0 none;
		padding: 4px 6px;
		padding-right: 0;
		width: 262px;
		}
	html > body div#content li.text div input::-moz-selection {
		background-color: #0092CF;
		color: white;
		}
	html > body div#content li.text .focus input {
		background-color: #0092CF;
		}
div#content li.text div input.small {
	width: 91px;
	}
	html > body div#content li.text div input.small {
		background-position: -323px 50%;
		width: 92px;
		}
div#content li.text div input.empty {
	color: #0092CF;
	}

div#content select {
	cursor: pointer;
	font-size: 100%;
	margin-right: 5px;
	max-width: 455px;/* Breite textarea */
	padding: 3px;
	}

div#content textarea {
	font-size: 100%;
	height: 110px;
	line-height: 1.3;
	outline: 0 none;
	overflow: auto;
	padding: 3px 6px;
	padding-right: 0;
	resize: none;
	width: 449px;
	}
	html > body div#content textarea {
		background: silver url(../img/bg-input.png) no-repeat -957px 0;
		border: 0 none;
		}
	html > body div#content textarea::-moz-selection {
		background-color: #0092CF;
		color: white;
		}
	html > body div#content .focus textarea {
		background-color: #0092CF;
		}

div#content button,
div#content form > a {
	font-size: 140%;
	margin-right: 10px;
	}
div#content button {
	cursor: pointer;
	}
	html >/**/body div#content button {
		background: url(../img/gradient-silver.gif) repeat-x 0 100%;
		border: 1px solid silver;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #0092CF;
		padding: 3px 7px;
		padding-right: 9px\9;
		padding-left: 6px;
		padding-left: 8px\9;
		}
	html >/**/body div#content button:hover,
	html >/**/body div#content button:focus {
		border-color: #66BEE2;/* 60% color */
		}
	html >/**/body div#content button:active {
		background: url(../img/gradient-silver.inverse.gif) repeat-x 0 0;
		position: relative;
		top: 1px;
		}
div#content p button,
div#content li button,
div#content table button {/* Kundenportal */
	font-size: 100%;
	}

/* Link/Button: Flashdatenportal */
ul#third-nav button {
	background: none !important;/* :active */
	border: 0 !important;/* :active */
	color: #0092CF;
	margin-right: 0;
	}
	html >/**/body ul#third-nav button {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-left: -3px;
		margin-left: 0\9;
		padding: 0;
		}
ul#third-nav button:hover,
ul#third-nav button:focus {
	text-decoration: underline;
	}

/* Inline */

div#content fieldset.inline li {
	clear: left;
	margin-top: 10px;
	}

div#content fieldset.inline label,
div#content fieldset.inline span.label {
	display: block;
	float: left;
	margin-right: 20px;
	position: relative;
	top: 3px;
	width: 116px;
	}
div#content fieldset.inline div label {
	display: inline;
	float: none;
	width: auto;
	}
div#content fieldset.inline .check div label {
	display: inline-block;
	padding-left: 19px;
	text-indent: -19px;
	}

div#content fieldset.inline label dfn,
div#content fieldset.inline span.label dfn {
	position: absolute;
	right: -15px;
	*right: -18px;
	_right: -21px;
	top: 0;
	}
div#content fieldset.inline div label dfn {
	left: -2px;
	position: relative;
	right: 0;
	}

div#content fieldset.inline div,
div#content fieldset.inline li.check div {
	margin-left: 136px;
	*margin-left: 135px;
	_margin-left: 139px;
	}
div#content fieldset.inline div div {
	display: inline;
	margin: 0 10px 0 0;
	}

div#content fieldset.inline textarea {
	height: 56px;
	width: 262px;
	}
	html > body div#content fieldset.inline textarea {
		background-position: -689px 0;
		}

fieldset.inline + button {
	margin-left: 136px;
	*margin-left: 135px;
	}

/* Login */

div#content form#login fieldset {
	margin-bottom: 10px;
	}

div#content form#login fieldset li {
	font-size: 110%;
	}

div#content form#login fieldset.inline label {
	float: none;
	margin-right: 0;
	margin-bottom: 1px;
	min-width: 0;
	position: static;
	_width: auto;
	}

div#content form#login fieldset.inline div {
	margin-left: 0;
	}
	html > body div#content form#login fieldset li.text div {
		background: silver url(../img/bg-input.png) no-repeat -155px 49.9%;
		overflow: hidden;
		width: 168px;
		}
	html > body div#content form#login fieldset li.text .focus {
		background-color: #0092CF;
		}

html > body div#content form#login li.text.error div input {
	background-color: transparent !important;
	}

div#content form#login li.text div input {
	padding-left: 3px;
	width: 160px;
	}
	html > body div#content form#login li.text div input {
		background-color: transparent;
		background-image: url(../img/ico.gif);
		padding-left: 22px;
		width: 146px;
		}
	html > body div#content form#login li.text div input#user { background-position: 3px -18px; }
	html > body div#content form#login li.text div input#pass { background-position: 3px -37px; }

form#login fieldset.inline + button {
	margin-left: 0;
	}
div#content form#login button {
	font-size: 110%;
	}
	html >/**/body div#content form#login button {
		padding-top: 2px;
		}

div#content form#login span.statusmessage {
	display: block;
	margin-top: 10px;
	}

div.tx-felogin-pi1 {
    margin-top: 1em;
	}

/* ___Search_________________________ */

div#content form.inline {
	margin-top: 15px;
	position: relative;
	width: 268px;
	}

div#content form.inline p {
	margin-top: 0;
	}

div#content form.inline input {
	color: black;
	font-size: 100%;
	padding: 2px 5px;
	padding-right: 25px;
	outline: 0 none;
	width: 236px;
	}
	html > body div#content form.inline input {
		background: silver url(../img/bg-input.png) no-repeat -421px 50%;
		border: 0 none;
		padding: 4px 6px;
		padding-right: 25px;
		width: 237px;
		}
	html > body div#content form.inline p.focus input {
		background-color: #0092CF;
		}
div#content form.inline input.empty {
	color: #0092CF;
	}

div#content form.inline button {
	background: url(../img/ico.gif) no-repeat 2px 2px;
	border: 0 none;
	font-size: 100%;
	height: 23px;
	margin: -12px 0 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 2px;
	text-indent: -500em;
	top: 50%;
	width: 23px;
	}
	html >/**/body div#content form.inline button:active {
		margin-top: -11px;
		position: absolute;
		top: 50%;
		}
@media screen {
	p.ac_loading button {
		background: url(../img/preloader.gif) no-repeat 4px 4px !important;
		}
	}

div.tx-indexedsearch-whatis {
	display: none;
	}

div#content div.tx-indexedsearch ol {
	margin-top: 0;
	}
div#content div.tx-indexedsearch ol li {
	display: block;
	list-style-type: none;
	margin: 15px 0 0;
	}

div#content div.tx-indexedsearch li h3 {
	font-size: 100%;
	margin-top: 3px;
	margin-bottom: 0;
	}
div#content div.tx-indexedsearch li h3 a:before {
	content: "» ";
	}
div#content div.tx-indexedsearch li p small {
	background: #F0F0F0;
	display: block;
	padding: 4px 3px;
	}

/* ___News___________________________ */

/* Dateien */
.news-single-files img,
.news-single-files a {
	margin-right: 3px;
	}

/* _____________________________________________________________________________________Footer___ */

@media screen {
	div#footer {
		background: gray;
		bottom: 0;
		color: white;
		left: 15px;
		position: absolute;
		width: 960px;
		}
		* html div#footer {
			left: 0;
			width: 100%;
			}
	}
@media screen and (max-width: 1014px) {
	div#footer {
		left: 0;
		width: 100%;
		}
	}
@media print {
	div#footer {
		clear: both;
		}
	}

@media screen {
	div#footer p {
		font-size: 110%;
		line-height: 24px;
		margin-right: 650px;
		margin-left: 20px;
		}
	}

/* ___Second-Meta-Nav________________ */

ul#second-meta-nav {
	float: right;
	text-align: right;
	width: 630px;
	}
	* html ul#second-meta-nav {
		display: inline;/* Doubled Float-Margin Bug */
		}

ul#second-meta-nav li {
	display: inline;
	font-size: 110%;
	line-height: 24px;
	list-style-type: none;
	margin-right: 20px;
	}

ul#second-meta-nav strong {
	font-weight: normal;
	}

ul#second-meta-nav a {
	color: white;
	text-decoration: none;
	}
ul#second-meta-nav strong,
ul#second-meta-nav a:hover,
ul#second-meta-nav a:active,
ul#second-meta-nav a:focus {
	text-decoration: underline;
	}

/* _______________________________________________________________________________Autocomplete___ */

div.ac_results {
	overflow: hidden;
	width: 155px !important;
	z-index: 101;
	}
div#ac_results1.ac_results {
	width: 268px !important;
	}

div.ac_results ul {
	background: #EBEBEB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 0;
	}
div.ac_results ul {
	background: rgba(235, 235, 235, .95);
	}

div.ac_results li {
	cursor: pointer;
	font-size: 110%;
	list-style-type: none;
	padding: 2px 6px;
	}
div#ac_results1.ac_results li {
	font-size: 140%;
	line-height: 1.3;
	}
div.ac_results li:hover,
div.ac_results li.hover {
	background: #DCDCDC;
	}

div.ac_results strong {
	color: black;
	}

/*.ac_loading {
	background: url(../img/indicator.gif) no-repeat 100% 50%;
}*/

/* __________________________________________________________________________________GoogleMap___ */

div#mymap {
	margin-top: 15px;
	}

/* ____________________________________________________________________________________Sitemap___ */

div#content div.csc-sitemap h2 {
	margin-bottom: 0;
	}

div#content div.csc-sitemap ul {
	margin-top: 5px;
	}
div#content div.csc-sitemap ul ul {
	margin-top: 3px;
	}

div#content div.csc-sitemap li {
	list-style-image: url(../img/list-item-gray.gif);
	margin-left: 14px;
	*margin-left: 17px;
	}
div#content div.csc-sitemap li li {
	list-style-image: url(../img/list-item-silver.gif);
	}
@media screen {
	div#content div.csc-sitemap li {
		background: url(../img/list-item-gray.gif) no-repeat 1px .37em;
		list-style: none none;
		margin-left: 0;
		padding-left: 12px;
		}
		* html div#content div.csc-sitemap li {
			zoom: 1;/* hasLayout */
			}
	div#content div.csc-sitemap li li {
		background-image: url(../img/list-item-silver.gif);
		list-style-image: none;
		}
	}

/* ________________________________________________________________________Caption_(Wallpaper)___ */

@media screen {
	html > body div.caption {
		bottom: 24px;
		display: block !important;
		left: 0;
		opacity: .9;
		position: fixed;
		}
	}
@media screen and (max-width: 1048px), only screen and (max-device-width: 480px) {
	html > body div.caption {
		display: none !important;
		}
	}

/* ___________________________________________________________________________________Fancybox___ */

dl.image dt a, a.fancybox {
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: pointer\9;
	position: relative;
	}
	* html dl.image dt a {
		zoom: 1;/* hasLayout */
		}
	html >/**/body dl.image dt a:active {
		outline: 0 none;
		top: 0;
		}

dl.image span {
	background: url(../img/fancy.png) no-repeat 2px 2px;
	cursor: pointer;
	height: 30px;
	overflow: hidden;
	padding: 4px;
	position: absolute;
	right: -14px;
	text-indent: -500em;
	top: -13px;
	width: 30px;
	}

/*
 FancyBox - jQuery Plugin
 Simple and fancy lightbox alternative

 Examples and documentation at: http://fancybox.net

 Copyright (c) 2008 - 2010 Janis Skarnelis

 Version: 1.3.1 (05/03/2010)
 Requires: jQuery v1.3+

 Dual licensed under the MIT and GPL licenses:
   http://www.opensource.org/licenses/mit-license.php
   http://www.gnu.org/licenses/gpl.html
 */

div#fancybox-loading {
	cursor: pointer;
	display: none;
	height: 40px;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	overflow: hidden;
	position: fixed;
	top: 49%;
	width: 40px;
	z-index: 1104;
	}
div#fancybox-loading div {
	background-image: url(../img/fancy-loading.png);
	height: 480px;
	left: 0;
	position: absolute;
	top: 0;
	width: 40px;
	}

div#fancybox-overlay {
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1100;
	}

div#fancybox-tmp {
	display: none;
	}

div#fancybox-wrap {
	display: none;
	padding: 20px;
	position: absolute;
	z-index: 1101;
	}

	div#fancybox-outer {
		background: white;
		height: 100%;
		position: relative;
		width: 100%;
		}

		div.fancy-bg {
			background-image: none\9 !important;
			height: 20px;
			position: absolute;
			width: 20px;
			z-index: 1001;
			}

		div#fancy-bg-n.fancy-bg,
		div#fancy-bg-s.fancy-bg {
			background: url(../img/fancy-shadow-x.png) repeat-x;
			left: 0;
			width: 100%;
			}
		div#fancy-bg-n.fancy-bg {
			background-position: 0 5px;
			top: -20px;
			}
		div#fancy-bg-s.fancy-bg {
			background-position: 0 -25px;
			bottom: -20px;
			}

		div#fancy-bg-e.fancy-bg,
		div#fancy-bg-w.fancy-bg {
			background: url(../img/fancy-shadow-y.png) repeat-y;
			height: 100%;
			top: 0;
			}
		div#fancy-bg-e.fancy-bg {
			background-position: -23px 0;
			right: -20px;
			}
		div#fancy-bg-w.fancy-bg {
			background-position: 3px 0;
			left: -20px;
			}

		div#fancy-bg-ne.fancy-bg,
		div#fancy-bg-se.fancy-bg,
		div#fancy-bg-sw.fancy-bg,
		div#fancy-bg-nw.fancy-bg {
			background: url(../img/fancy-shadow.png) no-repeat;
			}
		div#fancy-bg-ne.fancy-bg {
			background-position: -20px 4px;
			right: -20px;
			top: -20px;
			}
		div#fancy-bg-se.fancy-bg {
			background-position: -20px -24px;
			bottom: -20px;
			right: -20px;
			}
		div#fancy-bg-sw.fancy-bg {
			background-position: 0 -24px;
			bottom: -20px;
			left: -20px;
			}
		div#fancy-bg-nw.fancy-bg {
			background-position: 0 4px;
			left: -20px;
			top: -20px;
			}

		div#fancybox-inner {
			height: 1px;
			overflow: hidden;
			position: absolute;
			width: 1px;
			}
			img#fancybox-img {
				cursor: default;
				height: 100%;
				-ms-interpolation-mode: bicubic;
				width: 100%;
				}
			iframe#fancybox-frame {
				border: 0 none;
				display: block;
				height: 100%;
				position: relative;
				width: 100%;
				}

		a#fancybox-close {
			background: url(../img/fancy.png) no-repeat 2px -32px;
			cursor: pointer;
			display: none;
			height: 30px;
			padding: 4px;
			position: absolute;
			right: -14px;
			top: -14px;
			width: 30px;
			z-index: 1103;
			}

		a#fancybox-left,
		a#fancybox-right {
			background: url(../img/slider-button.png) no-repeat 0 -9999px;
			display: none;
			height: 100%;
			outline: 0 none;
			position: absolute;
			top: 0;
			width: 30%;
			z-index: 1102;
			}
		a#fancybox-left {
			left: -20px;
			}
		a#fancybox-right {
			right: -20px;
			}

		span#fancybox-left-ico,
		span#fancybox-right-ico {
			background: url(../img/slider-button.png) no-repeat;
			cursor: pointer;
			display: block;
			height: 100%;
			position: absolute;
			top: 0;
			width: 14px;
			z-index: 1102;
			}
		span#fancybox-left-ico {
			background-position: 0 47%;
			left: 6px;
			}
		span#fancybox-right-ico {
			background-position: 100% 47%;
			right: 6px;
			}

		a#fancybox-left:hover span#fancybox-left-ico,
		a#fancybox-right:hover span#fancybox-right-ico {
			width: 16px;
			}
		a#fancybox-left:hover span#fancybox-left-ico {
			left: 4px;
			}
		a#fancybox-right:hover span#fancybox-right-ico {
			right: 4px;
			}

		div#fancybox-title {
			bottom: 0;
			left: 0;
			position: absolute;
			z-index: 1102;
			}

			div#fancybox-title div#fancybox-title-over {
				background: #02243F;
				color: white;
				display: block;
				font-size: 140%;
				line-height: 1.3;
				padding: 4px 12px;
				}
			div#fancybox-title div#fancybox-title-over {
				background: rgba(2, 36, 69, .9);
				}

/* _____________________________________________________________________________________Paging___ */

div#content a.button.prev {
	margin-right: 7px;
	}
div#content a.button.next {
	margin-left: 9px;
	}