﻿/* GLOBAL */

body
{
	text-align: left;
	background-image: url(../images/body_back.gif);
	background-repeat: repeat-x;
	background-color: #f4f4f4;
}

body, div, table, input, select, textarea
{
	font-family: Arial;
	color: #666666;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	padding: 0;
	margin: 0;
}

hr
{
	color: #FFFFFF;
	border: 0;
	border-bottom: dotted 1px #AAAAAA;
}

form
{
	margin: 0;
	background-image: url(../images/body_back.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

.image_left
{
	float: left;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 20px;
}

.image_right
{
	float: right;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.imagelink
{
	margin-bottom: 8px;
}

ul
{
	color: #666666;
	font-family: Arial;
}

li
{
	padding-bottom: 3px;
}

#main-content ul, #right-content ul, #right-content-ref, #large-content ul, #middle-home-content ul, #right-home-content ul, #main-content .onecell ul, #right-content .onecell ul, #right-content-ref .onecell ul, #large-content .onecell ul, #middle-home-content .onecell ul, #right-home-content .onecell ul, .landingPageContainer ul, #landingPage ul
{
	list-style: none;
	border-bottom: 1px dotted #AAAAAA;
	padding-left: 0;
	margin-left: 0;
}

#main-content .noline ul
{
	border: 0;
}

#main-content li, #right-content li, #right-content-ref li, #large-content li, #middle-home-content li, #right-home-content li, #main-content .onecell li, #right-content .onecell li, #right-content-ref .onecell li, #large-content .onecell li, #middle-home-content .onecell li, #right-home-content .onecell li, .landingPageContainer li, #landingPage li
{
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding: 4px 0 4px 35px;
	border-top: 1px dotted #AAAAAA;
}

.rss
{
	background-image: url(../images/bullet_rss.gif);
	display: block;
}

.rss a
{
	display: block;
	line-height: 16px;
}

p
{
	color: #666666;
	font-family: Arial;
	margin: 3px 0 3px 0;
}

#main-content p
{
	margin-bottom: 8px;
}

a, a:visited, a:active, a:hover
{
	text-decoration: none;
	color: #217DAC;
}

a:hover
{
	text-decoration: underline; /*color: #999999;*/
}

#main-content a:hover
{
	text-decoration: underline;
	color: #217DAC;
}

#main-content li a:hover
{
	/*text-decoration: none;  	color: #999999;*/
}

.arrowlink
{
	background: url(../images/link_arrow.gif) no-repeat top left;
	padding-left: 8px;
}

.noarrowlink
{
	background: none;
	padding-left: 0px;
}

#left-home-content .competence
{
	display: block;
	padding: 2px 5px 12px;
}

#left-home-content .competence:hover
{
	background: #eee;
	cursor: pointer;
}

#left-home-content h2
{
	display: block;
	padding: 2px 5px 0px;
	background:none repeat scroll 0 0 transparent;
	color:#FFA336;
	display:block;
	font-size:18px;
	font-weight:bold;
	margin:0 0 5px;
	padding-left:0;
}

#left-home-content .competence h2
{
	background: none;
	margin: 0 0 5px;
	padding-left: 0;
	font-size: 18px;
	color: #FFA336;
	font-weight: bold;
	display: block;
}

#left-home-content .competence .more
{
	color: #217DAC;
}

#left-home-content .competence:hover .more
{
	color: #217DAC;
}

#left-home-content .competence:hover .more:hover
{
	text-decoration: underline;
}

#left-home-content .competence p, #left-home-content .competence:hover, #left-home-content .competence:hover h2, #left-home-content .competence:hover p, #left-home-content .competence:hover a, #left-home-content .competence:hover a:hover
{
	margin-top: 0;
	text-decoration: none;
}

/* href logos */

.mail /* , a[href^="mailto:"] */
{
	display: inline-block;
	background: url(../images/icon_link_mailto.gif) no-repeat top left;
	padding-left: 18px;
}

.vcard /* , a[href$=".vcf"] */
{
	display: inline-block;
	background: url(../images/icon_link_vcard.gif) no-repeat top left;
	padding-left: 18px;
	width: 200px;
}

.phone
{
	display: inline-block;
	background: url(../images/icon_phone.gif) no-repeat top left;
	padding-left: 18px;
	width: 200px;
}

.xing
{
	display: inline-block;
	background: url(../images/icon_xing.gif) no-repeat top left;
	padding-left: 18px;
	width: 200px;
}

.fax
{
	display: inline-block;
	background: url(../images/icon_fax.gif) no-repeat top left;
	padding-left: 18px;
	width: 200px;
}

.print
{
	display: inline-block;
	background: url(../images/icon_print.gif) no-repeat top left;
	padding-left: 18px;
	width: 200px;
}

.weblink
{
	display: inline-block;
	background: url(../images/icon_weblink.gif) no-repeat top left;
	padding-left: 18px;
	width: 200px;
}

/* HEADER */

#header
{
	width: 961px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	background: #FFFFFF;
}

#headerlogo
{
	float: right;
	margin-bottom: 10px;
	margin-right: 35px;
}

#headerbar
{
	clear: both;
	width: 961px;
	height: 7px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFA336;
}

#headerflash
{
	margin: 0 0 10px 15px;
	padding-bottom: 10px;
}

/* BORDER-CONTAINER */

#bordertop
{
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	clear: both;
	width: 979px;
	height: 4px;
	background-image: url(../images/containerborder_top.gif);
	background-repeat: no-repeat;
}

#bordercontainer
{
	clear: both;
	width: 979px;
	margin: 0 auto 0 auto;
	padding: 1px 0 1px 0;
	border: none 0;
	height: auto;
	background-image: url(../images/containerborder.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#bordercontainer_start
{
	clear: both;
	width: 979px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border: none 0;
	background-image: url(../images/containerborder_start.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#borderbottom
{
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 979px;
	height: 13px;
	background-image: url(../images/containerborder_bottom.gif);
	background-repeat: no-repeat;
}

/* CONTENT-CONTAINER */

/* for all templates */

#container
{
	width: 960px;
	margin: 15px auto;
	text-align: left;
	background: #FFFFFF;
	height: auto;
}

/* for main template */

#navigation
{
	float: left;
	width: 180px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

#main-content
{
	float: left;
	width: 450px;
	margin-left: 30px;
	font-size: 12px;
}

#main-content h1, #large-content h1
{
	margin-top: 8px;
}

#right-content h2
{
	margin-top: 8px;
}

#navigation ul
{
	margin-top: 8px;
}
	

#frmMailSolution
{
	background-image: none;
}

#frmMailSolution #main-content
{
	float: left;
	width: 450px;
	margin-left: 0px;
	font-size: 12px;
}

#right-content
{
	font-size: 8pt;
	float: left;
	width: 210px;
	margin-left: 60px;
}

#right-content-ref
{
	font-size: 8pt;
	float: left;
	width: 210px;
	margin-left: 60px;
}


#right-content div, #right-content-ref div, #right-content a, #right-content-ref a
{
	font-size: 8pt;
}

/* for large template */

#large-content
{
	float: left;
	width: 720px;
	margin-left: 30px;
	font-size: 12px;
}

/* for home template */

#left-home-content
{
	float: left;
	width: 297px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

#middle-home-content
{
	float: left;
	width: 297px;
	margin-left: 20px;
}

#right-home-content
{
	font-size: 12px;
	float: left;
	width: 221px;
	margin-left: 37px;
	padding-left: 37px;
	background: url(../images/bg_dotted_home.gif) no-repeat 0 8px;
}

#right-home-content a
{
	line-height: 17px;
}

#right-home-content a img
{
	border: 1px solid #dcdcdc;
}

#right-home-content a:hover img
{
	border: 1px solid #ffa336 !important;
}

/* HEADERNAVIGATION */

#headernavigation
{
	font-family: Arial;
	font-size: 11px;
	margin: 35px 0 0 20px;
	padding: 0000;
	float: left;
	list-style-type: none;
	white-space: nowrap;
	border-left: 1pxdotted#AAAAAA;
	width: 730px;
}

#headernavigation li
{
	display: inline;
}

#headernavigation li a
{
	color: #666666;
	padding: 2px 6px;
	float: left;
	border-right: 1px dotted #AAAAAA;
	font-weight: normal;
	background: 0;
}

#headernavigation li .active
{
	color: #FFA336;
	font-weight: bold;
	background: 0;
}

/* LEFTNAVIGATION */

#leftnavigation
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Arial;
	vertical-align: middle;
	text-align: left;
	border-bottom: dotted 1px #AAAAAA;
	list-style-type: none;
	line-height: 22px;
}

#leftnavigation li
{
	border-top-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-width: 1px;
	border-color: #AAAAAA;
	padding: 0px 0px 1px 0px;
	display: block;
	background-color: #FFFFFF;
	line-height: 22px;
}

#leftnavigation li .active
{
	background-color: #F7F7F7;
	color: #666666;
	font-weight: bold;
	line-height: 22px;
}

#leftnavigation li.firstinlevel2
{
	border-top-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-width: 1px;
	border-color: #AAAAAA;
	padding: 0px 0px 1px 0px;
	display: block;
	background-color: #FFFFFF;
	line-height: 20px;
}

#leftnavigation li.firstinlevel2 .active
{
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
	line-height: 20px;
}

#leftnavigation li.level2
{
	border-style: none;
	padding: 0px 0px 1px 0px;
	display: block;
	background-color: #FFFFFF;
	line-height: 20px;
}

#leftnavigation li.level2 .active
{
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
	line-height: 20px;
}

#leftnavigation a
{
	display: block;
	background: 0;
	padding: 0 0 0 10px;
}

#leftnavigation li a:hover
{
	color: #999999;
	text-decoration: none;
}


/* META-NAVIGATION */

#metanavigation
{
	background-image: url(../images/meta_top.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 32px;
	clear: both;
	width: 979px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: none 0;
}

#metacontainer
{
	width: 960px;
	margin: 0;
	text-align: left;
	height: auto;
}

#metanavigationleft
{
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	text-align: left;
	font-size: smaller;
	color: #ABABAB;
}

#metanavigationright
{
	margin-top: 10px;
	float: right;
	text-align: right;
	font-size: smaller;
	color: #ABABAB;
}

#metanavigationleft a, #metanavigationright a
{
	color: #ABABAB;
	background: 0;
	padding: 0;
}

/* FOOTER */

#footer
{
	background: #f4f4f4 url(../images/containerborder_bottom_outer.gif) repeat-x;
	text-align: center;
	height: auto;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	border: none 0;
}

#footercontainer
{
	background-image: url(../images/containerborder_bottom.gif);
	background-repeat: no-repeat;
	width: 979px;
	margin: 0 auto 0 auto;
	text-align: center; /*height: 65px;*/
}

#footercontainer a:hover
{
	text-decoration: underline;
}


#footerleft
{
	float: left;
	text-align: left;
	font-size: 11px;
	margin-top: 59px;
	margin-left: 10px;
	color: #ABABAB;
	width: 400px;
}

* html #footerleft
{
	margin-left: 5px;
}

#footerbookmarks
{
	float: right;
	text-align: left;
	font-size: 11px;
	margin-top: 59px;
	margin-right: 20px;
	color: #ABABAB;
	width: 158px;
}

#footerright
{
	float: right;
	text-align: left;
	font-size: 11px;
	margin-top: 59px;
	margin-right: 10px;
	color: #ABABAB;
	width: 182px;
}

* html #footerright
{
	margin-right: 5px;
}

#footerlinks
{
	float: left;
	text-align: left;
	font-size: 11px;
	margin-top: 59px;
	margin-left: 20px;
	color: #ABABAB;
	width: 158px;
}

#footer .footerhead
{
	font-size: 14px;
	font-weight: bold;
	color: #979797;
	border-bottom: 1px dotted #aaa;
	margin: 0 0 8px 0;
	padding: 0 3px 3px;
}

#footerleft .floatLeft
{
	width: 190px;
	height: 96px;
	float: left;
	font-size: 11px;
	margin: 9px 3px 6px 4px;
	overflow: hidden;
}

#footerleft .floatLeft img
{
	border: none;
	margin-left: -2px;
}

#footerleft a, #footerleft a:visited, #footerleft a:active
{
	color: #217DAC;
}

#footerright p
{
	margin-left: 3px;
	color: #979797;
}

#footerright a, #footerright a:visited, #footerright a:active
{
}

#footerlinks a, #footerlinks a:visited, #footerlinks a:active
{
	padding-left: 3px;
	line-height: 18px;
}

#footerbookmarks a, #footerbookmarks a:visited, #footerbookmarks a:active
{
	line-height: 20px;
	vertical-align: top;
	padding-left: 3px;
}
#footerbookmarks .socWeb
{
	padding: 2px 0 3px;
}

#footerlinks .marginTop
{
	margin-top: 30px;
}

.footer_tooltip
{
	position: absolute;
	width: 184px;
	border: 0;
	padding: 0 0 0 0;
	visibility: hidden;
	z-index: 999; /* increase value when not visible */
}

.textbox
{
	width: 200px;
}

h1
{
	margin-top: 0;
	color: #FFA336;
	font-size: 24px;
	line-height: 24px;
}

h2
{
	margin-top: 0;
	color: #999999;
	background: #EEEEEE;
	font-size: 7.5pt;
	display: block;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}

h3
{
	font-weight: bold;
	margin-bottom: 4px;
}

.contentorange
{
	color: #FFA336;
}

#main-content h2, #large-content h2
{
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 14px;
	background: none;
}

#right-content h2, #right-content-ref h2
{
	color: #666666;
	background-image: url(../images/title_right_back.gif);
	background-repeat: no-repeat;
	height: 17px;
	font-size: 8pt;
	display: block;
	padding: 2px 0 0 5px;
	margin-bottom: 7px;
	font-weight: normal;
}

#left-home-content h1, #middle-home-content h1, #right-home-content h1
{
	color: #666666;
	background-image: url(../images/title_home_back.gif);
	background-repeat: no-repeat;
	height: 27px;
	font-size: 9pt;
	display: block;
	margin-bottom: 13px;
	padding: 8px 0 0 10px;
	font-weight: bold;
}

#right-home-content h1
{
	border-right: 1px solid #dcdcdc;
	margin-right: 1px;
}

/* content tables */

.onecell
{
}

.twocelltable
{
	padding-bottom: 3px;
}

.twocellleft
{
	width: 218px;
	padding: 0 14px 0 0;
}

.twocellright
{
	width: 218px;
}

.threecelltable
{
	padding-bottom: 3px;
}

.threecellleft
{
	width: 148px;
}

.threecellmiddle
{
	width: 148px;
	padding: 0 3px 0 3px;
}

.threecellright
{
	width: 148px;
}

.fourcellfirst
{
	width: 148px;
	padding: 7px 9px 7px 0px;
}

.fourcellsecond
{
	width: 148px;
	padding: 7px 9px 7px 9px;
}

.fourcellthird
{
	width: 148px;
	padding: 7px 9px 7px 9px;
}

.fourcellfourth
{
	width: 148px;
	padding: 7px 9px 7px 9px;
}

.floatingtd
{
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-style: none;
	padding: 10px 0 0 0;
}

.download
{
	margin: 0 0 10px 0;
	font-size: 11px;
}

.imagecaption
{
	background-color: #F6F6F6;
}

.imagecaption td
{
	border-top: 1px solid #FFFFFF;
	padding: 4px 6px 4px 6px;
}

.separator
{
	border-bottom: dotted 1px #AAAAAA;
	margin-bottom: 2px;
}

/* CONTROLS */

.control
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
}

.controllabel
{
	display: block;
	text-align: left;
	background-color: #F7F7F7;
	width: 100px;
	padding: 2px 2px 2px 2px;
}

.controlbig
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 310px;
	height: 150px;
}

.controlsmall
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
}

input.button
{
	margin: 10px 50px 10px 0px;
}

/* NEWS */

.news_date
{
	line-height: 22px;
}

.news_top_date
{
	font-size: 10px;
	line-height: 17px;
}

.news_top_headline, .news_headline
{
	font-weight: bold;
	display: block;
}

.news_top_message, .news_message
{
	display: block;
}

.news_top_message p, .news_message p
{
	margin: 0;
	padding: 0;
}

/* ACCORDION */

.accordion
{
	width: 297px;
	color: #000000;
}

.accordionHeader
{
	height: 45px;
	padding: 0px 0px 1px 3px;
	cursor: pointer;
}

.accordionBody
{
	height: 0px;
	overflow: hidden;
	padding: 0px 2px;
}

.accordionBody a
{
	font-size: 11px;
	padding-top: 3px;
	display: block;
}

.accordionBody img, .accordionHeader img
{
	margin-right: 4px;
	margin-top: 2px;
}

.accordionSeparator
{
	border-top: dotted 1px #AAAAAA;
}

.accodrionImage
{
	float: left;
	padding: 0 5px 5px 0;
}

/* SITEMAP */

#main-content ul.sitemap
{
	border-bottom: none;
}

#main-content li.sitemap_level3, #main-content li.sitemap_level3_firstinlevel
{
	display: block;
	width: 100%;
	line-height: 13px;
	background-color: #EEEEEE;
	background-image: none;
	border-top: none;
	padding-left: 5px;
	padding-right: 30px;
	border-top: solid 1px white;
}

#main-content li.sitemap_level4
{
	display: block;
	width: 100%;
	line-height: 13px; /* border-top: none; */
}

#main-content li.sitemap_level4_firstinlevel
{
	display: block;
	width: 100%;
	line-height: 13px;
	border-top: none;
}

#main-content li.sitemap_level5
{
	border-top: none;
	background-image: url(../images/bullet_left_navigation_sitemap.gif);
	background-repeat: no-repeat;
	width: 100%;
	line-height: 13px;
}

#main-content li.sitemap_level5_firstinlevel
{
	/* border-top: none; */
	background-image: url(../images/bullet_left_navigation_sitemap.gif);
	background-repeat: no-repeat;
	width: 100%;
	line-height: 13px;
}

#main-content li.sitemap_level6, #main-content li.sitemap_level6_firstinlevel
{
	border-top: none;
	background-image: none;
	width: 100%;
	line-height: 13px;
}

a.sitemap_level3
{
	padding-left: 0px;
	color: #666666;
}

a.sitemap_level4
{
	padding-left: 0px;
}

a.sitemap_level5
{
	padding-left: 20px;
}

a.sitemap_level6
{
	padding-left: 40px;
}

.newref
{
	position: absolute;
	display: block;
	bottom: 2px;
	left: 1px;
	width: 40px;
	height: 23px;
	z-index: 50;
	background-image: url(../images/neu-ecke.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.prevImgs
{
	display: block;
	padding-bottom: 1em;
}
.prevImgs td
{
	vertical-align: middle;
	text-align: center;
	height: 100px;
	width: 100px;
	padding: 5px !important;
	border: 1px solid #bebebe;
}
.prevImgs td:hover
{
	border: 1px solid #ffa336;
}
.prevImgs a
{
	font-size: 0.92em;
}
.prevImgs a:hover
{
}
.prevImgs a span
{
	vertical-align: middle;
}
.prevImgs a img, .prevImgs a span img
{
	display: inline;
	margin: 0 auto;
	border: none;
	overflow: hidden;
}

/* +++++++++++   Clearfix   +++++++++++ */
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
html[xmlns] .clearfix
{
	display: block;
}
* html .clearfix
{
	height: 1%;
}
/* +++++++++++  E o clearfix   +++++++++++ */

/* Reference JS  */
#khtooltip
{
	background: #FAFAFA;
	font-size: 11px;
	border-top: 1px solid #E6E6E6;
	color: #666666;
	width: 200px;
}

#khtooltiphead
{
	background: #B4B4B4;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	width: 200px;
}

#khtooltipcontent
{
	padding: 5px;
	width: 200px;
	text-align: left;
	color: #666666 !important;
}

#khtooltipclose
{
	position: absolute;
	top: 5px;
	right: 5px;
	float: right;
	width: 14px;
	height: 14px;
}

.landingPageHeader
{
	width: 700px;
	float: left;
	margin: 30px 0 0 20px;
}

.landingPageHeader h1
{
	margin: 0;
}

.landingPageContainer
{
	width: 296px;
	padding-right: 20px;
}

.landingPageContainerRight
{
	padding-right: 0px;
}

.landingPageContainer h2, #landingPage h2
{
	background-image: url('../images/title_home_back.gif');
	background-repeat: no-repeat;
	height: 27px;
	border-right: 1px solid #DCDCDC;
	margin-right: 1px;
	line-height: 24px;
	font-size: 9pt;
	padding: 0 0;
	padding: 8px 0 0 10px;
}

.landingPageContainer ul
{
	margin-bottom: 10px;
}

#landingPage
{
	padding: 0 15px 0 15px;
}


#divLeadGenLayer .headline
{
	display: block;
	padding: 2px 5px 12px;
	background:none repeat scroll 0 0 transparent;
	display:block;
	font-size:22px;
	font-weight:bold;
	padding: 20px 0 30px 10px;
}

#divLeadGenLayer td, input, .textfield
{
	font-size: 16px;
	line-height: 16px;
}

#divLeadGenLayer input
{
	margin-right: 5px;
}

#divLeadGenLayer span
{
	margin-right: 15px;
}

#divLeadGenLayer form
{
	background-image: none;
}

#divLeadGenLayer .textfield
{
	width: 400px;
}

#landingPage h2
{
	color:#999999;
}