/*** DEFAULT STYLESHEET ***/

/*________________________________________________________________________________ GENERAL ELEMENTS ___*/

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

body {
	background: #a89c89 url(/fileadmin/templates/img/bg_site.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* Results in 18px. */
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.75em 0 0.3em;
	line-height: 1em;
	color: #008e9e;
}

h1 {
	font-size: 2em;
	color: #063868;
}
h2 {
	font-size: 1.75em; 
}
div.col_small h2,
h3 {
	margin-top: 1em;
	font-size: 1.333em;
}
div.col_small h3,
h4 {
	font-size: 1.167em;
}
div.col_small h4,
h5, h6 {
	font-size: 1em;
}

p {
	margin: 0 0 0.692em;
	text-align: justify;
	font-size: 1.083em;
}

a {
	text-decoration: underline;
	color: #063868;
}
a:hover {
	color: #f54d00;
}

img {
	display: block;
}

hr {
	clear: both;
	height: 0;
	margin: 0.5em 0;
	border: none;
	border-bottom: 1px solid #cccccc;
	color: #cccccc;
}

ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.083em;
}
ul li {
	background: url(/fileadmin/templates/img/icon_listmarker.png) no-repeat left 0.5em;
	margin: 0.25em 0;
	padding: 0 0 0 1.5em;
}

ol {
	margin: 0 0 1em 1.5em;
	padding: 0;
	font-size: 1.083em;
}
ol li {
	margin: 0.25em 0;
	padding: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
	font-size: 1em;
}

table {
	margin: 0 0 1em;
	border-top: 1px solid #063868;
	border-left: 1px solid #063868;
	font-size: 1.083em;
}
table th,
table td {
	padding: 0.5em 1em;
	border-bottom: 1px solid #063868;
	border-right: 1px solid #063868;
}

dl {
	overflow: hidden;
	margin: 0 0 1em;
	font-size: 1.083em;
}
dl dt,
dl dd {
	float: left;
}
dl dt {
	clear: left;
	width: 60px;
}
dl dd {
	width: auto;
}

br {
	clear: both;
	height: 0;
	line-height: 0;
}


/*________________________________________________________________________________ SOCIAL LINKS ___*/

ul.sociallinks {
	list-style-type: none;
}

ul.sociallinks li {
	background: none;
	padding: 0;
}

ul.sociallinks li a {
	font-size: 0.9em;
	padding-left: 20px;
}

ul.sociallinks li a.linkedin {
	background: url(/fileadmin/templates/img/icon_linkedin.png) no-repeat left 0em;
}

ul.sociallinks li a.twitter {
	background: url(/fileadmin/templates/img/icon_twitter.png) no-repeat left 0em;
}

ul.sociallinks li a.delicious {
	background: url(/fileadmin/templates/img/icon_delicious.png) no-repeat left 0em;
}

/*________________________________________________________________________________ BASIC CLASSES ___*/

.clear {
	clear: both !important;
	height: 0 !important;
	text-indent: -9999px !important;
	line-height: 0 !important;
	font-size: 1px !important;
}

.hidden {
	display: none !important;
}

.noborder {
	border: none !important;
}

.nomargin {
	margin: 0 !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.center {
	text-align: center !important;
}

div.center img {
	display: inline !important;
	float: none !important;
	padding: 0 0 0.5em;
}

.noborder {
	border: none !important;
}

/*________________________________________________________________________________ GENERAL LAYOUT ___*/

div#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.75em; /* Results in 12px. */
}

div.col_small,
div.col_medium,
div.col_wide {
	float: left;
	margin: 0 0 1em;
}

div.col_small {
	overflow: hidden;
	width: 220px; /* 240px */
	padding: 0 10px;
}

div.col_medium {
	width: 580px; /* 720px */
	margin-left: 60px;
	margin-right: 60px;
	padding: 0 10px;
}

div.col_wide {
	width: 960px;
}

div.col_last {
	margin-right: 0;
}


/*________________________________________________________________________________ COMPONENTS ___*/

.button {
	overflow: hidden;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.button span.button_left,
.button span.button_center,
.button span.button_right {
	display: block;
	float: left;
	background: url(/fileadmin/templates/img/sprite_buttons_24bit.png);
	height: 25px;
}

.button span.button_left,
.button span.button_right {
	background-repeat: no-repeat;
	width: 12px;
	text-indent: -9999px;
}

.button span.button_left {
	background-position: 0 -25px;
}
.button span.button_center {
	background-position: 0 0;
	background-repeat: repeat-x;
	padding: 0 1em;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
}
.button span.button_right {
	background-position: -13px -25px;
}

.button:hover span.button_left {
	background-position: 0 -75px;
}
.button:hover span.button_center {
	background-position: 0 -50px;
}
.button:hover span.button_right {
	background-position: -13px -75px;
}


ul.paginator {
	overflow: hidden;
	display: inline-block;
	margin: 0;
}

ul.paginator li {
	overflow: hidden;
	display: block;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid #008e9e;
	border-bottom: 2px solid #008e9e;
}
ul.paginator li.prev,
ul.paginator li.next {
	border: none;
}

ul.paginator li a,
ul.paginator li span {
	display: block;
	float: left;
	background: url(/fileadmin/templates/img/sprite_paginator.png) repeat-x 0 -2px;
	width: 24px; /* 25px */
	height: 17px; /* 25px */
	padding: 2px 0;
	border-left: 1px solid #ffffff;
	line-height: 17px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
ul.paginator li span {
	background-position: 0 -102px;
}
ul.paginator li.last a {
	border-right: 1px solid #ffffff;
}
ul.paginator li a:hover {
	background-position: 0 -27px;
	color: #ffffff;
}
ul.paginator li.active a,
ul.paginator li.active span {
	background-position: 0 -52px;
}
ul.paginator li.active a:hover {
	background-position: 0 -77px;
}

ul.paginator li.prev a,
ul.paginator li.next a,
ul.paginator li.prev span,
ul.paginator li.next span {
	overflow: hidden;
	width: 25px;
	height: 25px;
	padding: 0;
	border: none;
	text-indent: -9999px;
}

ul.paginator li.prev a {
	background-position: 0 -125px;
}
ul.paginator li.prev a:hover {
	background-position: 0 -150px;
}
ul.paginator li.prev span {
	background-position: 0 -175px;
}

ul.paginator li.next a {
	background-position: -25px -125px;
}
ul.paginator li.next a:hover {
	background-position: -25px -150px;
}
ul.paginator li.next span {
	background-position: -25px -175px;
}


/*________________________________________________________________________________ HEADER ___*/

div#header {
	position: relative;
	background: #ffffff;
	padding: 65px 0 0;
}

div#header a.logo {
	position: absolute;
	top: 15px;
	left: 10px;
}

div#header form.loginbox {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	width: 550px;
	height: 65px;
	margin: 0;
	padding: 0 10px 0 0;
}

div#header.loggedin form.loginbox {
	display: none;
}

div#header form.active {
	background: url(/fileadmin/templates/img/bg_header_login.png) no-repeat top right;
}

div#header form.loginbox fieldset {
	float: right;
	background: none;
	margin: 0;
	padding: 10px 0;
}

div#header form.loginbox label {
	width: auto;
	margin: 0 0.5em 0 1em;
}

div#header form.loginbox input {
	width: 100px;
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
}

div#header form.loginbox p.login_toggler {
	margin: 0;
	padding: 10px 0;
}

div#header form.loginbox fieldset .button {
	float: left;
	margin: 0 0 0 1em;
}

div#header form.loginbox p.login_toggler .button span.button_left {
	background-position: 0 -125px;
}
div#header form.loginbox p.login_toggler .button span.button_center {
	background-position: 0 -100px;
}
div#header form.loginbox p.login_toggler .button span.button_right {
	background-position: -13px -125px;
}

div#header form.loginbox p.login_toggler .button:hover span.button_left {
	background-position: 0 -175px;
}
div#header form.loginbox p.login_toggler .button:hover span.button_center {
	background-position: 0 -150px;
}
div#header form.loginbox p.login_toggler .button:hover span.button_right {
	background-position: -13px -175px;
}

div#header form.loginbox p {
	float: right;
	clear: both;
	margin: -10px 0 0;
	padding: 0;
	font-size: 0.917em;
}

div#header p.loggedin {
	display: none;
	position: absolute;
	top: 12px;
	right: 10px;
	background: none;
	margin: 0;
}

div#header.loggedin p.loggedin {
	display: block;
}

div#header p.loggedin a.username {
	font-weight: bold;
}

div#header ul.main_nav {
	position: relative;
	background: #063868 url(/fileadmin/templates/img/bg_main_nav.png) repeat-x left top;
	width: 100%;
	min-height: 50px;
	margin: 0;
	font-size: 1.167em;
}

div#header ul.main_nav li {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}

div#header ul.main_nav li a {
	float: left;
	display: block;
	background: url(/fileadmin/templates/img/btn_main_nav.png) repeat-x left top;
	width: auto;
	height: 25px;
	padding: 0 12px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #5085b5;
	text-decoration: none;
	text-align: center;
	line-height: 1.714em;
	font-weight: bold;
	color: #063868;
}

div#header ul.fixed_width li a {
	width: 118px; /* 120px */
	padding: 0;
}

div#header ul.fixed_width li:first-child a,
div#header ul.fixed_width li.first-child a,
div#header ul.fixed_width li:hover a,
div#header ul.fixed_width li.hover a,
div#header ul.fixed_width li.active a {
	padding-left: 1px;
	border-left: none;
}

div#header ul.main_nav li:hover a,
div#header ul.main_nav li.hover a,
div#header ul.main_nav li.active a {
	background-image: url(/fileadmin/templates/img/btn_main_nav_hover.png);
	padding-left: 13px;
	border-left: none;
	color: #ffffff;
}

div#header ul.main_nav li.active a.blurred {
	background-image: url(/fileadmin/templates/img/btn_main_nav_active.png);
}

div#header ul.main_nav ul {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	background: #063868 url(/fileadmin/templates/img/bg_sub_nav.png) repeat-x left top;
	width: 940px;
	min-height: 25px;
	padding: 0 10px;
	font-size: 0.929em;
}

div#header ul.main_nav li.active ul,
div#header ul.main_nav li:hover ul,
div#header ul.main_nav li.hover ul {
	display: block;
}

div#header ul.main_nav ul li a,
div#header ul.main_nav li.active ul li a,
div#header ul.main_nav li:hover ul li a,
div#header ul.main_nav li.hover ul li a {
	background: none;
	width: auto;
	min-height: 25px;
	padding: 0;
	border: none;
	line-height: 1.846em;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #ffffff;
}

div#header ul.main_nav ul li a:hover span.sub_btn_center,
div#header ul.main_nav li.active ul li a:hover span.sub_btn_center,
div#header ul.main_nav li:hover ul li a:hover span.sub_btn_center,
div#header ul.main_nav li.hover ul li a:hover span.sub_btn_center {
	text-decoration: underline;
}

div#header ul.main_nav ul li.active {
	margin: 0 0 0 0.5em;
}

div#header ul.main_nav ul li.active a {
	overflow: hidden;
	margin-right: -9px;
}

div#header ul.main_nav ul li.active a span {
	float: left;
	background: no-repeat left top;
	width: 3px;
	height: 22px;
	margin: 3px 0 0;
}

div#header ul.main_nav ul li a span.sub_btn_left {
	padding: 6px;
	color: #ffffff;
}

div#header ul.main_nav ul li:first-child a span.sub_btn_left,
div#header ul.main_nav ul li.first-child a span.sub_btn_left,
div#header ul.main_nav ul li a span.sub_btn_right {
	display: none;
}

div#header ul.main_nav ul li.active a span.sub_btn_left {
	display: block;
	background-image: url(/fileadmin/templates/img/btn_sub_nav_left.png);
	padding: 0;
	text-indent: -9999px;
}

div#header ul.main_nav ul li.active a span.sub_btn_center {
	background: url(/fileadmin/templates/img/btn_sub_nav_center.png) repeat-x left top;
	width: auto;
	padding: 0 0.5em;
	color: #063868;
}

div#header ul.main_nav ul li.active a span.sub_btn_right {
	display: block;
	background-image: url(/fileadmin/templates/img/btn_sub_nav_right.png);
	text-indent: -9999px;
}

div#header ul.breadcrumbpath {
	background: url(/fileadmin/templates/img/bg_breadcrumbpath.png) repeat-x left top;
	margin: 0;
	padding: 0 10px;
	line-height: 2em;
	font-size: 0.917em;
}

div#header ul.breadcrumbpath li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}


/*________________________________________________________________________________ CONTENT ___*/

div#content {
	background: #ffffff;
	padding: 1em 0;
}

div#content img {
	float: left;
	padding: 0 1em 0.5em 0;
}

div#content div.contentblock img {
	float: left;
	margin: 3px 20px 10px 0px;
	padding: 0;
	border: 1px solid #063868;
}

div#content div.div.contentblock div.youtube {
	position: relative;
	float: left;
	margin: 3px 20px 10px 0px;
}

div#content div.div.contentblock div.youtube img {
	border: none;
	float: none;
	margin: 0;
}

div#content div.contentblock img.right {
	float: right;
	margin: 3px 0px 10px 20px;
}

div#content div.contentblock p.intro {
	font-weight: bold;
}


/*________________________________________________________________________________ YOUTUBE ___*/

div.youtube {
	position: relative;
}

div.youtube img.play {
	position: absolute;
	top: 60px;
	left: 104px;
	border: none !important;
	width: 59px;
	height: 59px;
	margin: 0;
}

/*________________________________________________________________________________ FOOTER ___*/

div#footer {
	background: url(/fileadmin/templates/img/bg_page_shadow_24bit.png) no-repeat left top;
	padding: 1em 0;
	font-size: 0.917em;
	text-align: center;
	color: #ffffff;
}

div#footer p {
	margin: 0;
	text-align: center;
}

div#footer a {
	color: #ffffff;
}

div#footer a:hover {
	color: #c9e5ff;
}

div#footer ul.main_nav {
	margin: 0;
}

div#footer ul.main_nav li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}

div#footer ul.main_nav li span {
	padding: 0 0.182em;
}


/*________________________________________________________________________________ ALSOSEE ___*/

div.alsosee {
	overflow: hidden;
	margin: 0.5em 0 1em;
	padding: 0 10px;
	position: relative;
}

div.alsosee h2,
div.alsosee h3 {
	margin: 0 -10px 0.25em;
}

div.alsosee p {
	text-align: left;
}

div#content div.alsosee img {
	margin: -1px -10px 0.25em;
	padding: 0;
	border: 1px solid #063868;
}

div.alsosee ul li a {
	display: block;
}

div.alsosee dl {
	overflow: hidden;
	margin: 0 0 1em;
}
div.alsosee dl dt,
div.alsosee dl dd {
	float: left;
}
div.alsosee dl dt {
	clear: left;
	width: 60px;
}
div.alsosee dl dd {
	width: auto;
}


/*________________________________________________________________________________ ALSOSEE EFFECT ON SMALL COLUMN ___*/

div.col_small {
	width: 200px;
	padding: 0 20px;
}

div.col_small h2,
div.col_small h3 {
	margin: 0 -10px 0.25em;
	padding: 10px 0 0;
}

div.col_small p {
	text-align: left;
}

div#content div.col_small img {
	margin: 0 -10px 0.25em;
	padding: 0;
	border: 1px solid #063868;
}

div.col_small ul li a {
	display: block;
}

div.col_small dl {
	overflow: hidden;
	margin: 0 0 1em;
}
div.col_small dl dt,
div.col_small dl dd {
	float: left;
}
div.col_small dl dt {
	clear: left;
	width: 60px;
}
div.col_small dl dd {
	width: auto;
}


/*________________________________________________________________________________ NEWSLIST = NEWS ARCHIVE / LATEST NEWS ___*/

ul.newslist {
	background: url(/fileadmin/templates/img/bg_newslist_bottom.png) repeat-x left bottom;
	margin: 0 -20px 1em;
	padding: 0 0 27px;
}

ul.newslist li {
	overflow: hidden;
	background: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #67c4cf;
}

ul.newslist li:hover,
ul.newslist li.hover {
	background: url(/fileadmin/templates/img/bg_newslist_item_hover.png) repeat-x left bottom;
}

ul.newslist li a {
	overflow: hidden;
	display: block;
	padding: 0.3em 20px 0.4em;
	text-decoration: none;
	font-weight: bold;
}

ul.newslist li a span.newsdate {
	display: block;
	float: left;
	width: 100px;
	margin: 0 20px 0 0;
	text-align: right;
	font-weight: normal;
	color: #000000;
}

ul.newslist li a span.newstitle {
	display: block;
	float: left;
	width: 460px;
	color: #018e9f;
}

ul.newslist li a:hover span.newstitle {
	text-decoration: underline;
	color: #063868;
}

div.latest_news {
	margin: 2em 0 1em;
}

div.latest_news h2 {
	color: #063868;
}

div.latest_news p {
	margin: -30px 0 0;
	text-align: right;
}


/*________________________________________________________________________________ NEWS DETAIL ___*/

div.news_detail p.news_source {
	background: url(/fileadmin/templates/img/bg_news_detail_source.png) no-repeat left top;
	min-height: 27px;
	margin: 0 -70px 1em;
	padding: 0 70px;
	line-height: 27px;
	text-align: right;
	font-size: 0.917em;
}

div.news_detail p.news_source em {
	margin: 0 0 0 1em;
}

div.news_detail p.intro {
	font-weight: bold;
}

div.news_detail div.download {
	display: block;
	overflow: hidden;
	background: #ffffff url(/fileadmin/templates/img/bg_download.png) no-repeat left bottom;
	margin: 0;
	padding: 0 20px;
}

div.news_detail p.youtube img {
	float: left !important;
	border: none !important;
	margin: 4px 7px 0 0 !important;
}

div#content div.news_detail img {
	float: left;
	margin: 3px 20px 10px -50px;
	padding: 0;
	border: 1px solid #063868;
}

div#content div.news_detail div.youtube {
	position: relative;
	float: left;
	margin: 3px 20px 10px -50px;
}

div#content div.news_detail div.youtube img {
	border: none;
	float: none;
	margin: 0;
}

div#content div.news_detail div.sociallinkswrap p {
	float: right;
	padding: 3px 6px 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #008E9E;
}

div#content div.news_detail div.sociallinkswrap ul.sociallinks {
	float: right;
}

div#content div.news_detail div.sociallinkswrap ul.sociallinks li {
	float: left;
}

div#content div.news_detail div.sociallinkswrap ul.sociallinks li a {
	/*text-indent: -9999px;*/
	/*display: block;*/
}

/*________________________________________________________________________________ DOWNLOADS LIBRARY ___*/

form fieldset.downloads_searchbox {
	background: url(/fileadmin/templates/img/bg_searchbox.png) no-repeat left top;
	width: 580px;
	height: 55px;
	margin: 0 -20px;
	padding: 20px;
}

form fieldset.downloads_searchbox label {
	float: left;
	padding: 0 20px 0 10px;
	text-align: left;
}

form fieldset.downloads_searchbox input,
form fieldset.downloads_searchbox select {
	float: left;
	margin-right: 10px;
}

form fieldset.downloads_searchbox select {
	height: 24px;
}

ul.downloads_library_list {
	background: url(/fileadmin/templates/img/bg_newslist_bottom.png) repeat-x left bottom;
	margin: 0 -20px 1em;
	padding: 0 0 27px;
	font-size: 1em;
}

ul.downloads_library_list li {
	display: block;
	overflow: hidden;
	background: #ffffff url(/fileadmin/templates/img/bg_download.png) no-repeat left bottom;
	margin: 0;
	padding: 0 20px;
}
ul.downloads_library_list li:hover,
ul.downloads_library_list li.hover {
	background-image: url(/fileadmin/templates/img/bg_download_hover.png);
}

ul.downloads_library_list li h3 {
	color: #063868;
}

ul.downloads_library_list li h3 a {
	text-decoration: none;
	color: #063868;
}
ul.downloads_library_list li h3 a:hover {
	text-decoration: underline;
}

ul.downloads_library_list li p {
	margin: 0 0 1em;
	font-size: 1.083em;
}

ul.downloads_library_list li h4 {
	float: left;
	margin: 0;
	padding: 0 0 1px;
	line-height: 27px;
}

ul.downloads_library_list li h4 a {
	text-decoration: none;
	color: #008e9e;
}
ul.downloads_library_list li h4 a:hover {
	text-decoration: underline;
}

ul.downloads_library_list li p.download_details {
	float: right;
	margin: 0 1em;
	padding: 1px 0 0;
	line-height: 27px;
	font-size: 1em;
}

div#content ul.downloads_library_list li p.download_details strong {
	padding: 0 0 0 1em;
	text-transform: uppercase;
}

div#content ul.downloads_library_list li p.download_details img {
	display: inline;
	float: none;
	position: relative;
	top: 2px;
	padding: 0 1em 0 0.25em;
}

div#content ul.downloads_library_list li p.download_details img.secured {
	/*padding: 0 0 0 0.25em;*/
}

ul.downloads_library_list li a.button {
	position: relative;
	float: right;
	bottom: 0.4em;
}

ul.downloads_library_list li a.button span.button_left {
	background-position: 0 -125px;
}
ul.downloads_library_list li a.button span.button_center {
	background-position: 0 -100px;
}
ul.downloads_library_list li a.button span.button_right {
	background-position: -13px -125px;
}

ul.downloads_library_list li a.button:hover span.button_left {
	background-position: 0 -175px;
}
ul.downloads_library_list li a.button:hover span.button_center {
	background-position: 0 -150px;
}
ul.downloads_library_list li a.button:hover span.button_right {
	background-position: -13px -175px;
}

form fieldset div.download_secured {
	overflow: hidden;
	padding: 50px 0 40px;
}

form fieldset div.download_secured div {
	float: right;
}


/*________________________________________________________________________________ VISUAL / TEASER (PUSHBOX HOME) ___*/

div.visual,
div.teaser {
	overflow: hidden;
	position: relative;
	background: #67c4cf url(/fileadmin/templates/img/bg_teaser_top.png) no-repeat left top;
	width: 700px; /* 720px */
	min-height: 225px; /* 245px */
	margin: 0 -70px;
	padding: 10px;
}

div.teaser {
	width: 710px; /* 720px */
	padding-right: 0;
}

div.visual div.visual_bottom,
div.teaser div.teaser_bottom {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/fileadmin/templates/img/bg_teaser_bottom.png) no-repeat left top;
	width: 720px;
	height: 10px;
}

div#content div.visual img,
div#content div.teaser img {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #063868;
}

div.teaser div.teaser_content {
	float: right;
	background: url(/fileadmin/templates/img/bg_teaser_lines_fade_24bit.png) no-repeat left top;
	width: 280px; /* 290px */
	min-height: 190px; /* 225px */
	margin: 0;
	padding: 10px 10px 25px 10px;
	color: #ffffff;
}

div.teaser div.teaser_content h2 {
	margin-top: 0;
	color: #ffffff;
}

div.teaser div.teaser_content p {
	text-align: left;
}

div.teaser div.teaser_content a.button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div.pushbox {
	position: relative;
}

div.pushbox div.teaser {
	width: 720px;
	min-height: 245px;
	margin: 0;
	padding: 0;
}

div.pushbox div.teaser_bottom {
	background-image: url(/fileadmin/templates/img/bg_teaser_bottom_24bit.png);
	z-index: 30;
}

div.pushbox ul.teaser_list {
	margin: 0;
	font-size: 1em;
}

div.pushbox ul.teaser_list li {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	width: 710px; /* 720px */
	height: 225px; /* 245px */
	margin: 0;
	padding: 10px 0 10px 10px;
}

div.pushbox ul.teaser_list li.active {
	z-index: 20;
}

div.pushbox ul.teaser_list li img {
	opacity: 0;
}

div.pushbox ul.teaser_list li:first-child img,
div.pushbox ul.teaser_list li.first-child img {
	opacity: 1;
}

div.pushbox div.teaser_content {
	float: none;
	position: absolute;
	top: 245px;
	right: 0;
}

div.pushbox ul.teaser_list li:first-child div.teaser_content,
div.pushbox ul.teaser_list li.first-child div.teaser_content {
	top: 10px;
}

div.pushbox div.teaser_nav_holder {
	position: absolute;
	top: 0;
	right: 230px; /* Initially hidden behind teaser panel */
	background: url(/fileadmin/templates/img/bg_teaser_nav_middle.png) repeat-y left top;
	width: 230px; /* 240px */
	min-height: 225px; /* 245px */
	margin: 10px 10px 10px 0;
}

div.pushbox div.teaser_nav_top,
div.pushbox div.teaser_nav_bottom,
div.pushbox div.teaser_nav_shadow {
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 230px;
	height: 10px;
}

div.pushbox div.teaser_nav_top {
	top: 0;
	background: url(/fileadmin/templates/img/bg_teaser_nav_top.png) no-repeat left top;
}

div.pushbox div.teaser_nav_bottom {
	bottom: 0;
	background: url(/fileadmin/templates/img/bg_teaser_nav_bottom.png) no-repeat left top;
}

div.pushbox div.teaser_nav_shadow {
	top: 0;
	background: url(/fileadmin/templates/img/bg_teaser_nav_shadow_24bit.png) repeat-y left top;
	width: 10px;
	height: 100%;
}

div.pushbox ul.teaser_nav {
	margin: 10px 2px 12px 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
	font-size: 1em;
}

div.pushbox ul.teaser_nav li {
	background: none;
	margin: 0;
	padding: 0;
}

div.pushbox ul.teaser_nav li a {
	display: block;
	background: #b5f0f6 url(/fileadmin/templates/img/btn_teaser_nav.png) repeat-x left bottom;
	padding: 3px 10px 6px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #67c4cf;
	outline: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	color: #063868;
}
div.pushbox ul.teaser_nav li:first-child a,
div.pushbox ul.teaser_nav li.active:first-child a {
	border-top: none;
	padding-top: 4px;
}
div.pushbox ul.teaser_nav li a:hover {
	background: #b5f0f6 url(/fileadmin/templates/img/btn_teaser_nav_hover.png) repeat-x left top;
}

div.pushbox ul.teaser_nav li.active a {
	background: #42b1bd url(/fileadmin/templates/img/btn_teaser_nav_active.png) repeat-x left bottom;
	border-top: 1px solid #b4f0f6;
	color: #ffffff;
}
div.pushbox ul.teaser_nav li.active a:hover {
	background: #42b1bd url(/fileadmin/templates/img/btn_teaser_nav_active_hover.png) repeat-x left top;
}


/*________________________________________________________________________________ SCREENSHOT SLIDESHOW ___*/

div.alsosee_gallery {
	background: #b4f0f6 url(/fileadmin/templates/img/bg_gallery_box_bottom.png) no-repeat left bottom;
	width: 200px; /* 220px */
	margin: 0 -10px 1em;
	padding: 0 10px 10px;
	position: relative;
}

div.alsosee_gallery h3 {
	display: block;
	background: url(/fileadmin/templates/img/bg_gallery_box_head.png) no-repeat left top;
	width: 200px; /* 220px */
	height: 21px; /* 41px */
	margin: 0 -10px 8px;
	padding: 12px 10px 8px;
	font-size: 1.333em;
	color: #ffffff;
}

div#content div.alsosee_gallery a.gallery_link img {
	width: 200px;
	height: 150px;
	margin: 0 -1px 0.6em;
}

div#content div.alsosee_gallery a.gallery_link img.play {
	position: absolute;
	top: 95px;
	left: 80px;
	border: none;
	width: 59px;
	height: 59px;
}

div#content div.alsosee_gallery p {
	overflow: hidden;
	font-size: 1em;
}

div#content div.alsosee_gallery span.file_details {
	float: right;
}

div#content div.alsosee_gallery p img {
	display: inline;
	float: none;
	position: relative;
	top: 2px;
	width: auto;
	hegiht: auto;
	margin: 0;
	padding: 0 0.25em;
	border: none;
}

div#gallery_holder {
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}

#sb-content a.gallery_projection {
	display: block;
}

#sb-content a.gallery_projection,
div.gallery_slides_holder {
	margin: 0 auto;
	border: 5px solid #063868;
}

#sb-content a.gallery_projection,
div.gallery_slides_holder,
div.gallery_slides_viewport {
	width: 640px;
}

div.gallery_slides_holder {
	position: relative;
	border-top: none;
}

div.gallery_slides_fade_out {
	position: absolute;
	top: 0;
	right: 0;
	background: url(/fileadmin/templates/img/bg_screenshot_list_fade_24bit.png) repeat-y left top;
	width: 50px;
	height: 94px;
}

div.gallery_slides_holder,
div.gallery_slides_viewport {
	height: 115px;
}

div.gallery_slides_viewport {
	overflow: auto;
}

ul.gallery_slides_list {
	width: 590px; /* 640px */ /* Initial value, gets re-set by script. */
	margin: 0;
	padding: 0 50px 0 0;
}

ul.gallery_slides_list li {
	float: left;
	background: none;
	margin: 0 10px 0 0;
	padding: 0;
}

ul.gallery_slides_list li a {
	float: left;
	border: 2px solid #008e9e;
}

ul.gallery_slides_list li a:hover {
	border-color: #feab46;
}

ul.gallery_slides_list li.active a {
	border-color: #f54b00;
}



/*________________________________________________________________________________ BASIC FORM ___*/

form {
	margin: 1em 0;
}

form legend {
	display: none;
}

form fieldset {
	position: relative;
	background: url(/fileadmin/templates/img/bg_fieldset_bottom.png) no-repeat left bottom;
	margin: 0;
	padding: 0 140px 20px 0;
}

form fieldset * {
	position: relative;
}

form fieldset div.fieldset_top {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/fileadmin/templates/img/bg_fieldset_top.png) no-repeat left top;
	width: 580px;
	height: 175px;
}

form fieldset br {
	clear: both;
	line-height: 0;
}

form fieldset label,
form fieldset p.label {
	position: relative;
	float: left;
	display: block;
	width: 170px;
	margin: 0 30px 0.5em 0;
	text-align: right;
	font-size: 1.083em;
	color: #018e9f;
}

form fieldset label span,
form fieldset p.label span {
	position: absolute;
	top: 0;
	right: -1em;
	padding: 0 0 0 0.5em;
	text-align: left;
}

form fieldset input,
form fieldset textarea,
form fieldset select,
form fieldset p.filled_out {
	float: left;
	background: #ffffff;
	width: 200px;
	border: 1px solid #018e9f;
	font-size: 1.083em;
}

form fieldset input,
form fieldset textarea,
form fieldset select,
form fieldset p.filled_out,
form fieldset div.inputgroup {
	margin: 0 0 0.5em 0;
}

form fieldset input,
form fieldset textarea,
form fieldset select {
	font-family: Arial, Helveticca, sans-serif;
	font-size: 1em;
}

form fieldset input,
form fieldset select {
	height: 20px;
}

form fieldset input {
	padding: 2px 9px 0;
}

form fieldset textarea {
	width: 209px;
	height: 100px;
	padding: 0 0 0 9px;
}

form fieldset select {
	width: 220px;
	padding: 0 0 0 6px;
}

form fieldset select option {
	padding: 0 9px;
}

form fieldset label,
form fieldset p.label,
form fieldset p.filled_out {
	padding: 0.1em 0 0 20px;
}

form fieldset p.filled_out {
	background: none;
	border: none;
	margin-bottom: 0.917em;
	padding-left: 0;
	text-align: left;
}

form fieldset div.inputgroup {
	overflow: hidden;
	margin-bottom: 0.417em;
}

form fieldset div.inputgroup input,
form fieldset div.inputgroup label {
	float: left;
	width: auto;
}

form fieldset div.inputgroup input {
	background: none;
	margin: 0 0.5em 0 0;
	padding: 0;
	border: none;
}

form fieldset div.inputgroup label {
	height: 22px; /* Standard input height + 2px. */
	margin: 0 1em 0 0;
	padding-left: 0;
	text-align: left;
	color: #000000;
}

form fieldset div.inputgroup.error {
	background: none;
	border: none;
}

form fieldset div.inputgroup.error label {
	color: #c90016;
}

form fieldset div.inputgroup label.checkbox {
	width: 220px;
	height: auto;
	margin: 0;
}

form fieldset div.inputgroup p.hint {
	margin: 0;
	text-align: left;
	font-size: 0.8em;
}

form fieldset .field_half {
	width: 90px !important;
}

form fieldset input.button,
form fieldset input.submit {
	float: right;
	background: #000000;
	width: 5em;
	height: 2em;
	margin: 1em 0;
	padding: 0 0 0.5em;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	cursor: pointer;
}

form fieldset input.button:hover,
form fieldset input.submit:hover {
	background: #333333;
}

form fieldset a.button {
	float: right;
}

form fieldset p.required_fields {
	clear: both;
	margin: 0;
	padding-left: 20px;
	text-align: left;
	font-size: 0.833em;
}

form fieldset .error {
	background: #ffffff url(/fileadmin/templates/img/bg_form_error.png) repeat-x left top;
	border: 1px solid #c90016;
	color: #c90016;
}

div.form_report_errors,
div.form_report_thanks {
	position: relative;
	clear: both;
	background: no-repeat left bottom;
	margin: 0 0 1em;
	padding: 0.5em 20px 1em 60px;
	text-align: left;
}
div.form_report_errors {
	background-image: url(/fileadmin/templates/img/bg_report_negative_bottom.png);
}
div.form_report_thanks {
	background-image: url(/fileadmin/templates/img/bg_report_positive_bottom.png);
}

div.form_report_errors div.form_report_top,
div.form_report_thanks div.form_report_top {
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat left top;
	width: 580px;
	height: 10px;
}
div.form_report_errors div.form_report_top {
	background-image: url(/fileadmin/templates/img/bg_report_negative_top.png);
}
div.form_report_thanks div.form_report_top {
	background-image: url(/fileadmin/templates/img/bg_report_positive_top.png);
}

div.form_report_errors div.form_report_icon,
div.form_report_thanks div.form_report_icon {
	position: absolute;
	top: 9px;
	left: 20px;
	display: block;
	background: no-repeat left top;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
}
div.form_report_errors div.form_report_icon {
	background-image: url(/fileadmin/templates/img/icon_smilie_upset_24bit.png);
}
div.form_report_thanks div.form_report_icon {
	background-image: url(/fileadmin/templates/img/icon_smilie_happy_24bit.png);
}

div.form_report_errors h3,
div.form_report_thanks h3 {
	background: none;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0.5em 0;
	padding: 0;
}

div.form_report_errors p,
div.form_report_thanks p {
	text-align: left;
}

div.form_report_errors p,
div.form_report_thanks p,
div.form_report_errors ul,
div.form_report_thanks ul {
	margin: 0 0 0.5em;
}

div.form_report_errors ul li,
div.form_report_thanks ul li {
	background: none;
	margin: 0;
	padding: 0;
	list-style: disc inside;
}

div.form_report_errors h3,
div.form_report_errors p,
div.form_report_errors ul {
	color: #c90016;
}
div.form_report_thanks h3,
div.form_report_thanks p,
div.form_report_thanks ul {
	color: #016531;
}


/*________________________________________________________________________________ TYPO3 EXTRAS ___*/

div.col_small div.csc-textpic {
	margin: 0 -10px !important;
}

div.col_small div.csc-textpic div,
div.col_small div.csc-textpic dl {
	width: auto !important;
}

div.col_small div.csc-textpic img {
	margin: 0 !important;
	border: none !important;
}


/*________________________________________________________________________________ SHADOWBOX ___*/

/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/LICENSE
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * @version     SVN: $Id: shadowbox.css 20M 2009-04-23 13:08:21Z (local) $
 */

/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}

/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
}
#sb-body, #sb-loading {
  background-color: #063868; /* should match loading image background color */
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(/fileadmin/templates/img/icon_sb_close.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(/fileadmin/templates/img/icon_sb_next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(/fileadmin/templates/img/icon_sb_previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
  background-image: url(/fileadmin/templates/img/icon_sb_play.png);
  background-repeat: no-repeat;
}
#sb-nav-pause {
  background-image: url(/fileadmin/templates/img/icon_sb_pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}

/*________________________________________________________________  lightbox  */
body.lightbox {
	background: #fff;
	width: 610px;
	margin: 0;
	padding: 0;
	font-size: 0.75em; /* Results in 12px. */
	line-height: 1.525em;
}

body.lightbox div#content {
	padding: 0 15px;
}

/*________________________________________________________________  partner overview  */
div.col_medium ul.partner_overview {
	display: inline-block;
	padding-bottom: 0;
}

div.col_medium ul.partner_overview li {
	position: relative;
	float: left;
	background: none;
	width: 130px;
	margin: 0 20px 20px 0;
	padding: 0;
}

div.col_medium ul.partner_overview li.right {
	margin-right: 0;
}

ul.partner_overview li a.visual,
ul.partner_overview li div.overlay {
	display: block;
	width: 130px;
	height: 130px;
}

ul.partner_overview li a.visual {
	border: 2px solid #aaaaaa;
	text-align: center;
}

ul.partner_overview li a.visual img {
	border: none !important;
	float: none !important;
}

ul.partner_overview li div.overlay {
	position: absolute;
	top: 2px;
	left: 2px;
	background: #ffffff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
}

ul.partner_overview li p {
	margin: 0;
	padding: 2px 0 0 6px;
	line-height: 18px;
}

ul.partner_overview li p a {
	color: #000000;
}