@CHARSET "UTF-8";

/**
 * Webfonts
 */
@font-face {
        font-family: 'ITCOfficinaSansStdBook';
        src: url('../webfonts/officina/officinasansstd-book-webfont.eot');
        src: local('☺'),
             url('../webfonts/officina/officinasansstd-book-webfont.woff') format('woff'),
             url('../webfonts/officina/officinasansstd-book-webfont.ttf') format('truetype'),
             url('../webfonts/officina/officinasansstd-book-webfont.svg#webfontAlALlGKy') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ITCOfficinaSansStdBoldItalic';
        src: url('../webfonts/officina/officinasansstd-bolditalic-webfont.eot');
        src: local('☺'),
             url('../webfonts/officina/officinasansstd-bolditalic-webfont.woff') format('woff'),
             url('../webfonts/officina/officinasansstd-bolditalic-webfont.ttf') format('truetype'),
             url('../webfonts/officina/officinasansstd-bolditalic-webfont.svg#webfontFqGjpC7U') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ITCOfficinaSansStdBold';
        src: url('../webfonts/officina/officinasansstd-bold-webfont.eot');
        src: local('☺'),
             url('../webfonts/officina/officinasansstd-bold-webfont.woff') format('woff'),
             url('../webfonts/officina/officinasansstd-bold-webfont.ttf') format('truetype'),
             url('../webfonts/officina/officinasansstd-bold-webfont.svg#webfontb1BpMRBP') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ITCOfficinaSansStdBookItalic';
        src: url('../webfonts/officina/officinasansstd-bookitalic-webfont.eot');
        src: local('☺'),
             url('../webfonts/officina/officinasansstd-bookitalic-webfont.woff') format('woff'),
             url('../webfonts/officina/officinasansstd-bookitalic-webfont.ttf') format('truetype'),
             url('../webfonts/officina/officinasansstd-bookitalic-webfont.svg#webfonthPojC6vC') format('svg');
        font-weight: normal;
        font-style: normal;
}

/**
 * Default elements
 */

html, body {
        margin: 0;
        padding: 0;
        width: 100%;
}

body {
		margin: 38px 0;
        background: #CECECE;
        color: #646464;
        font: normal 1.0em Verdana, Arial, sans-serif;
}

img {
        border: 0;
}

a {
        color: #4c4c4c;
        text-decoration: underline;
}

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

a:visited {
        color: #737373;
}

a.infobox {
	text-decoration: none;
}

a.infobox:hover {
	cursor: help;
	color: #c30;
}

a.infobox span {
	visibility: hidden;
	position: absolute;
	margin-top: 1.5em;
	padding: 1em;
	text-decoration: none;
	width:		20em;
}

a.infobox:hover span {
	visibility:	visible;
	left: 35em;
	margin: 23px;
    border: 1px solid #c30;
	color: blue;
	background: white;
}

a.title-text {
    text-decoration: underline;
}

input[type=text],
textarea {
        font: normal 1.0em Verdana, Arial, sans-serif;
}

.clear {
        clear: both;
}

#glossar-tooltip {
        position: absolute;
        width: 200px;
        padding: 7px;
        font-size: 0.75em;
        background: #F5F5F5;
        border: 1px solid #B70032;
        color: #4c4c4c;
}

.has-glossar-tooltip {
		color: #B70032;
        cursor: help;
		font-variant:small-caps;
}

#page,
#page-no-sidebar {
        width: 1000px;
        margin: 0 auto;
        background: #dddddd;
}

#page-noscript {
        display: block;
        background: #b70032;
        color: #fff;
        padding: 4px;
        text-align: center;
}

div.fehler {
        color: #b70032;
		background:		#DDDDDD;
		margin:		0 10px 10px 0;
		padding:		5px;
}

/* Last error page (fehler.php) */
body#error #page {
        width: 950px;
        margin: 38px auto 0 auto;
        padding: 80px 25px 50px 25px;
        background:#ddd  url(../pics/layout/vector_logo_gray.gif) 25px 15px no-repeat;
}

body#error #page p {
        background: #fff;
        padding: 30px 10px;
        border: 1px solid #999;
}

body#error #page-footer  {
        width: 1000px;
        margin: 0 auto;
}


/**
 * Page header
 */
#page-header {
        border-bottom: 2px solid #b70032;
        font-size: 0.7em;
        color: #646464;
}

#page-header a {
        color: #646464;
		text-decoration: none;
}

#page-header-logo {
        float: left;
        margin: 15px 0 0 25px;
}

#page-header-logo-subtitle {
        display: block;
        height: 17px;
        margin: 2px 0 0 0;
        color: #000;
        font-size: 1.25em;
        font-weight: bold;
}

#page-header-selectors {
        float: right;
        margin: 8px 7px 10px 0;
}

/* Header selector login */
#page-header-selectors #selector-login-status {
        float: left;
		margin: 2px 0 0 0;
}

#page-header-selectors #selector-login-link {
        float: left;
        margin:  2px 14px 0 14px;
        padding: 0 0 2px 16px;
        background: url(../pics/layout/selector_arrow_gray_right.gif) 1px 1px no-repeat;
}
#page-header-selectors #selector-login-link:hover {
        background-image: url(../pics/layout/selector_arrow_gray_right_active.gif);
}

/* Header selector language */
#page-header-selectors #selector-language {
        position: relative;
        z-index: 500;
        float: left;
        position: relative;
        margin: -2px 0 0 0;
        padding: 0;
        list-style-type: none;
}

#page-header-selectors #selector-language .selector {
		width: 160px;
        background: url(../pics/layout/selector_arrow_gray_right.gif) 5px 5px no-repeat;
        cursor: pointer;
}

#page-header-selectors #selector-language .selector:hover {
        opacity: 0.9;
}

/* Selector language corners top */
#page-header-selectors #selector-language .selector div.s1 {

}

#page-header-selectors #selector-language .selector:hover div.s1 {
        background: transparent url(../pics/layout/selector_bg_white_corner.gif) left top no-repeat;
}

#page-header-selectors #selector-language .selector div.s2 {
        padding: 0 4px 0 0;
}

#page-header-selectors #selector-language .selector:hover div.s2 {
        background: url(../pics/layout/selector_bg_white_corner.gif) right -19px no-repeat;
}

#page-header-selectors #selector-language .selector div.s3 {
        margin: 0 0 0 3px;
}

#page-header-selectors #selector-language .selector:hover div.s3 {
        background: url(../pics/layout/selector_bg_white.gif) left top repeat-x;
}

#page-header-selectors #selector-language .selector div.s4,
#page-header-selectors #selector-language .selector div.s4-hover {
        padding: 4px 0 2px 17px;
}

#page-header-selectors #selector-language .selector div.s4-hover {
		display: none;
}

#page-header-selectors #selector-language .selector:hover div.s4,
#page-header-selectors #selector-language .selector:hover div.s4-hover {
        background: url(../pics/layout/selector_arrow_white_right_active.gif) 2px 5px no-repeat;
}

#page-header-selectors #selector-language .selector:hover div.s4-hover {
        display: block;
}

#page-header-selectors #selector-language .selector:hover div.s4 {
		display: none;
}

/* Selector language selections */
#page-header-selectors #selector-language .selector ul {
        display: none;
        position: absolute;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style-type: none;
}

#page-header-selectors #selector-language .selector:hover ul {
        display: block;
}

#page-header-selectors #selector-language .selector ul li {
        padding: 2px 0;
        cursor: default;
        background: url(../pics/layout/selector_bg_white.gif);
}

#page-header-selectors #selector-language .selector ul li a {
        display: block;
        padding: 0 0 0 20px;
}

#page-header-selectors #selector-language .selector ul li.selected span {
        color: #b70032;
        padding: 0 0 0 20px;
}

#page-header-selectors #selector-language .selector ul li a:hover,
#page-header-selectors #selector-language .selector ul li.selected span {
        background: url(../pics/layout/bullet_arrow_right_red.gif) 14px 5px no-repeat;
}

/* Selector language corners bottom */
#page-header-selectors #selector-language .selector ul li.last {
		line-height: 0px;
		font-size: 0;
        padding: 0;
        background: url(../pics/layout/selector_bg_white_corner.gif) left -54px no-repeat;
}

#page-header-selectors #selector-language .selector ul li.last div.u1 {
        background: url(../pics/layout/selector_bg_white_corner.gif) right -73px no-repeat;
}

#page-header-selectors #selector-language .selector ul li.last div.u2 {
        height: 3px;
        margin: 0 3px;
        background: url(../pics/layout/selector_bg_white.gif);
}

/* Header search */
#page-header-search {
        float: right;
        margin: 19px 10px 8px 0;
}

#page-header-search input.form {
        border: 0;
        float: left;
        height: 16px;
        padding: 1px 0 1px 9px;
        color: #909090;
}

#page-header-search .submit {
        float: left;
}

/* Header navigation (Level 1) */
#page-header-navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#page-header-navigation ul li {
        float: left;
        margin: 21px 0 0 25px;
}

#page-header-navigation a {
        font: bold 1.3em ITCOfficinaSansStdBook, Arial, sans-serif;
}

#page-header-navigation ul li.active a,
#page-header-navigation a:hover {
        color: #b70032;
}


/**
 * Page teaser
 */
#page-teaser .flash-container,
#page-teaser .bild {
        margin: 0;
        width: 1000px;
        border-bottom: 2px solid #b70032;
}


/**
 * Page sidebar
 */
#page-sidebar {
        float: right;
        width: 215px;
        margin: 10px 10px 5px 10px;
        font-size: 0.7em;
}

#page-sidebar .sidebar-paragraph,
#page-sidebar .sidebar-image,
#page-sidebar .sidebar-linklist,
#page-sidebar .flash-container,
#page-sidebar .leiste-absatz,
#page-sidebar .sidebar-cart {
        width: 215px;
        margin: 0 0 10px;
}

#page-sidebar h2 {
        background: #707070 url(../pics/layout/sidebar_headline_bg_gray.gif) left top no-repeat;
        min-height: 17px;
        margin: 0 0 1px 0;
        padding: 4px 0 4px 7px;
        color: #fff;
        font-size: 1.15em;
        font-weight: normal;
}

#page-sidebar h3 {
        background: #707070 url(../pics/layout/sidebar_headline_bg_gray.gif) left top no-repeat;
        min-height: 17px;
        margin: 0 0 1px 0;
        padding: 4px 0 4px 7px;
        color: #fff;
        font-size: 1.15em;
        font-weight: normal;
}

#page-sidebar p {
        margin: 0 0 0 0;
        padding: 5px 3px 4px 7px;
        background: #fff;
}

#page-sidebar ol {
        margin: 0 0 0 0;
		padding: 3px 3px 3px 25px;
}

#page-sidebar ul {
        margin: 0 0 0 0;
        list-style-type: none;
        padding: 5px 3px 4px 7px;
        background: #fff;
}

#page-sidebar .sidebar-cart ol {
	list-style-type: decimal;
	padding: 5px 0px 4px 25px;
}

#page-sidebar .paragraph-image,
#page-sidebar .paragraph-image-left,
#page-sidebar .paragraph-image-right {
        padding: 0;
}

#page-sidebar .paragraph-image-subtitle {
        display: block;
        padding: 0 0 7px 7px;
}

#page-sidebar li.paragraph-link,
#page-sidebar ul li {
        margin: 0 0 4px 0;
}

#page-sidebar ul li {
        padding: 0 3px 0 9px;
        background: url(../pics/layout/bullet_arrow_right_red_big.gif) left 3px no-repeat;
}

#page-sidebar ul li a {
        padding: 0 !important;
        background: none !important;
}

#page-sidebar a.highslide {
        text-decoration:underline;
}

#page-sidebar .paragraph-link a {
        display: inline-block;
}


/**
 * Page navigation
 */
#page-navigation {
        float: left;
        width: 210px;
        margin: 10px 10px 10px 10px;
}

/* Level 2 */
#page-navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#page-navigation ul li {
        border-bottom: 1px solid #f1f1f1;
}

#page-navigation ul li a {
		text-decoration: none;
        display: block;
        padding: 4px 0 4px 15px;
        background: url(../pics/layout/bullet_arrow_right_red_big.gif) 6px 8px no-repeat;
        font-size: 0.7em;
        color: #4c4c4c;
}

#page-navigation ul li a:hover {
        color: #b70032;
}

#page-navigation ul li.active a.ebene-2-aktiv {
        background-color: #b70032;
        background-image: url(../pics/layout/bullet_arrow_right_white_big.gif);
        border-bottom: 1px solid #f1f1f1;
        color: #fff;
}

/* Level 3 */
#page-navigation ul li ul li {
        border: 0;
}

#page-navigation ul li ul li a {
        margin: 0 0 0 9px;
        padding: 2px 0 2px 15px;
        background: url(../pics/layout/bullet_arrow_right_gray_small.gif) 6px 7px no-repeat;
}

#page-navigation ul li ul li a:hover {
        background-image: url(../pics/layout/bullet_arrow_right_red_small.gif);
}

#page-navigation ul li ul li a.ebene-3-aktiv {
        color: #b70032;
        background-image: url(../pics/layout/bullet_arrow_right_red_small.gif);
}

/* Level 4 */
#page-navigation ul li ul li ul li a {
        margin: 0 0 0 20px;
        color: #919191;
        background-image: url(../pics/layout/bullet_arrow_right_lightgray_small.gif);
}

#page-navigation ul li ul li ul li a.ebene-4-aktiv {
        color: #b70032;
        background-image: url(../pics/layout/bullet_arrow_right_red_small.gif);
}


/**
 * Page feedback
 */
#page-feedback {
        margin: 10px 0;
		padding: 14px 0 0;
}

#page-feedback #page-feedback-opener {
        padding: 0 0 0 18px;
        cursor: pointer;
        background: url(../pics/layout/selector_arrow_white_right.gif) 0 4px no-repeat;
		clear: both;
		text-decoration: underline;
}
#page-feedback #page-feedback-opener.open {
        background-image: url(../pics/layout/selector_arrow_white_right_active.gif);
}

#page-feedback #page-feedback-form {
        margin: 5px 0 0 16px;
}

#page-feedback #page-feedback-form input[type="radio"] {
        vertical-align: middle;
        margin: -3px 0 0 10px;
}

#page-feedback #page-feedback-form a.submit {
        margin: 0 0 0 10px;
        padding: 0 0 0 16px;
        color: #b70032;
        background: url(../pics/layout/selector_arrow_white_right.gif) 1px 1px no-repeat;
}

#page-feedback #page-feedback-form button.submit {
        color: #b70032;
        margin-left: 10px;
        padding-left: 14px;
        border: 0;
        background: url(../pics/layout/selector_arrow_white_right.gif) 0 2px no-repeat;
        font: normal 1.0em Verdana, Arial, sans-serif;
        cursor: pointer;
}

#page-feedback #page-feedback-form #feedback-kommentar {
        margin: 5px 0 0 0;
}

#page-feedback #page-feedback-form #feedback-kommentar input,
#page-feedback #page-feedback-form #feedback-kommentar textarea {
        width: 493px;
}

#page-feedback #page-feedback-result {
        font-weight: bold;
}


/**
 * Page footer
 */
#page-footer {
        padding: 7px 0 0 0;
        background: #CECECE;
        color: #646464;
        font-size: 0.7em;
        clear: both;
}

#page-footer a {
        color: #646464;
}

#page-footer-addthis {
        float: left;
        text-align: center;
        width: 90px;
}

#page-footer-copyright {
        float: left;
        padding: 0 5px 0 1px;
        width: 494px;
}

#page-footer-service {
        padding: 0 1px 0 1px;
        text-align: right;
}

/**
 * Page content
 * Styles for content elements can be found in content.css because content.css file
 * is loaded by TinyMCE too so don't change font size etc. here but in content.css.
 *
 */
#page-content-container {
        margin: 0 235px 0 230px;
        background: #fff;
}

#page-no-sidebar #page-content-container {
	margin: 0 0 0 230px;
}

#page-content-downloadcenter {
		font-size: 0.75em;
		line-height: 1.5em;
        width: 731px;
        padding: 26px 10px 30px 24px;
        background: #fff;
		float:left;
}

#page-content-teaser .bild {
        margin: 0;
}

#page-content {
        float: left;
        width: 515px;
        padding: 26px 10px 30px 10px;
        background: #fff;
}

/* Set min height for content area */
#page-content {		/* for ie<7 */
		height: 482px;
}
#page-content[id] {	/* other modern browsers */
		height: auto;
        min-height: 482px;
}

#page-no-sidebar #page-content {
        width: 750px;
}

/* Search result for Google site search used on JP, KR and VN */
#page-content #cse-search-results iframe {
	width: 100%;
}

/**
 * Portaleditor
 */
#portaleditor_contextmenue {
	position:absolute;
	visibility:hidden;
	z-index:10;
	top:0px;
	left:0px;
	width:150px;
	background-color:#ffffff;
	border:solid 1px #707070;
}

#portaleditor_contextmenue .portaleditor h2 {
	background-color: #707070;
	min-height: 17px;
	margin: 0 0 0 0;
	padding: 4px 0 4px 7px;
	color: #fff;
	font-size: 0.8em;
	font-weight: normal;
}

#portaleditor_contextmenue .portaleditor ul {
	margin:0;
	padding:0;
}

#portaleditor_contextmenue .portaleditor ul li {
	list-style:none;
	margin:0;
	padding:1px 0 1px 2px;
	font-size:0.8em;
}


#portaleditor_contextmenue .portaleditor ul li span {
	padding:0 0 0 5px;
	vertical-align:middle;
}

#portaleditor_contextmenue .portaleditor ul li:hover {
	list-style:none;
	cursor:pointer;
	background-color:#CFD6E8;
}

div.sitemap {
	width: 		580px;
	}

div.sitemap-1 {
	background-color: 	#525252;
	padding: 		4px;
	margin: 		10px 0 5px 0;
	}
	
div.sitemap-1 a {
	font-weight:		bold;
	color:			white;
	}
	
div.sitemap-2 {
	border:		solid 1px #E4E4E4;
	padding: 		2px 2px 2px 35px;
	margin: 		0 0 5px 0;
	}
	
div.sitemap-3 {
	border:		solid 1px #E4E4E4;
	padding:		2px 2px 2px 80px;
	margin: 		0 0 5px 0;
	}
	
div.sitemap-4 {
	border:		solid 1px #E4E4E4;
	padding:		2px 2px 2px 120px;
	margin: 		0 0 5px 0;
	}

div.sitemap-5 {
	border:		solid 1px #E4E4E4;
	padding:		2px 2px 2px 160px;
	margin: 		0 0 5px 0;
	}

div.sitemap-6 {
	border:		solid 1px #E4E4E4;
	padding:		2px 2px 2px 200px;
	margin: 		0 0 5px 0;
	}