/*** CSS Reset by Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ *********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
			{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus		{outline: 0;} /* remember to define focus styles! */
body		{line-height: 1;color: black;background: white;}
ol, ul		{list-style: none;}
table		{border-collapse: separate;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td	{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q	{quotes: "" "";}
/* based on Stefan NitzscheÕs work http://nitzsche.info */
/* html,body {height: 100%;margin-bottom: 1px;background-color: #fff;} */
.hideme		{position: absolute;left: -9999em;top: -9999em;}
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit], button {cursor: pointer;}
q:lang(de)	{quotes: 'ã' 'Ò' 'â' 'Ô';}
q:lang(en)	{quotes: 'Ò' 'Ó' "Ô" "Õ";}
abbr[title]	{border-bottom: 1px dotted #888 !important;cursor: help;}
a abbr		{cursor: pointer !important;}
.clearfix:after		{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.ie7 address		{font-style: normal;}
.clearfix			{display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix	{height: 1%;}
.clearfix			{display: block;}
/* End hide from IE-mac */

/*** END CSS RESET ********************************************************************************/


/*** Typo ***/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v20-latin-regular.eot');
  src: local(''),
	   url('../fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/open-sans-v20-latin-regular.woff2') format('woff2'),
	   url('../fonts/open-sans-v20-latin-regular.woff') format('woff'),
	   url('../fonts/open-sans-v20-latin-regular.ttf') format('truetype'),
	   url('../fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v20-latin-italic.eot');
  src: local(''),
	   url('../fonts/open-sans-v20-latin-italic.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/open-sans-v20-latin-italic.woff2') format('woff2'),
	   url('../fonts/open-sans-v20-latin-italic.woff') format('woff'),
	   url('../fonts/open-sans-v20-latin-italic.ttf') format('truetype'),
	   url('../fonts/open-sans-v20-latin-italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v20-latin-600.eot');
  src: local(''),
	   url('../fonts/open-sans-v20-latin-600.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/open-sans-v20-latin-600.woff2') format('woff2'),
	   url('../fonts/open-sans-v20-latin-600.woff') format('woff'),
	   url('../fonts/open-sans-v20-latin-600.ttf') format('truetype'),
	   url('../fonts/open-sans-v20-latin-600.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v20-latin-600italic.eot');
  src: local(''),
	   url('../fonts/open-sans-v20-latin-600italic.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/open-sans-v20-latin-600italic.woff2') format('woff2'),
	   url('../fonts/open-sans-v20-latin-600italic.woff') format('woff'),
	   url('../fonts/open-sans-v20-latin-600italic.ttf') format('truetype'),
	   url('../fonts/open-sans-v20-latin-600italic.svg#OpenSans') format('svg');
}



html {
	height: 100%;
}

body {
	height: 100%;
	/*background-color: #ebeff2;*/
	background: #ebeff2 url(../images/css/bg_body.png) center center no-repeat fixed;
		color: #232629;
		font-size:100.1%;
		font-weight: 400;
}

.center {
	width: 980px;
	margin: 0 auto;
		font: 400 62.5% 'Open Sans',Arial,sans-serif;
}

em,
dfn {
	font-style: italic;
}

strong {
	font-weight: 600;
}

/*** Header: **************************************************************************************/

header {
	height: 100px;
	padding: 10px 0 0;
}

a#logo {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
	  /* CSS3 */
	  transition: opacity 0.4s linear;
	  -webkit-transition: opacity 0.4s linear;
	  -moz-transition: opacity 0.4s linear;
	  -o-transition: opacity 0.4s linear;
	}

a#logo:hover,
a#logo:focus {
	zoom: 1;
	filter: alpha(opacity=66);
	  /* CSS3 */
	  opacity: 0.66;
	  -webkit-opacity: 0.66;
	  -moz-opacity: 0.66;
	  -o-opacity: 0.66;
}

/*** Header: Main-Navigation **********************************************************************/

header ul {
	float: right;
	width: 870px;
	height: 65px;
	background-color: #004ea1;
}

header li {
	float: left;
	list-style: none;
}

header li a {
	display: block;
	width: 170px;
	height: 65px;
	margin: 0 0 0 10px;
	background-color: #004ea1;
	  /* CSS3 */
	  transition: background-color 0.4s;
		font: 400 1.4em/65px 'Open Sans',Arial,sans-serif;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
}

header li:first-child a {
	width: 150px;
	margin: 0;
}

header li a:hover,
header li a:focus {
	background-color: #ebeff2;
		color: #004ea1;
}

header li a.active,
header li a.active:hover {
	background-color: #004ea1;
		color: #ffdd00;
}

/* Top-Navigation */

header ul#topNav {
	width: auto;
	height: 15px;
	margin: 10px 0 10px;
	background-color: #ebeff2;
}

header ul#topNav li a {
	display: inline;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background-color: #ebeff2;
	border-left: 1px solid #004ea1;
	  /* CSS3 */
	  transition: none;
		font: 400 1.1em/15px 'Open Sans',Arial,sans-serif;
		color: #004ea1;
		text-transform: none;
}

header ul#topNav li:first-child a {
	width: auto;
	margin: 0 10px 0 0;
	border-left: none;
}

header ul#topNav li a:hover {
		text-decoration: underline;
}

header ul#topNav li.lang a {
	display: block;
	width: 28px;
	height: 15px;
	margin: 0 0 0 10px;
	padding: 0;
	background: transparent url(../images/css/bg_flaggen.png) 0 0 no-repeat;
	border-left: none;
		text-indent: -999em;
}

header ul#topNav li.lang a#de {background-position: 0px 0px;}
header ul#topNav li.lang a#en {background-position: 0px -40px;}
header ul#topNav li.lang a#no {background-position: 0px -20px;}

/*** Content *************************************************************************************/

div#content {
	background: #6bb0fa url(../images/css/bg_content.jpg) bottom left no-repeat;
}

nav#breadcrumb {
	float: right;
	width: 710px;
	padding: 0;
	border-top: 10px solid #ebeff2;
	border-left: 10px solid #ebeff2;
	background: #8e9ead;
}

article {
	float: right;
	width: 710px;
	min-height: 600px; /* aenderung aufgrund zertifikate-buttons*/
	padding: 0 0 40px;
	border-top: 10px solid #ebeff2;
	border-left: 10px solid #ebeff2;
	background: #fff;
}

#index article {
	float: none;
	width: 980px;
	min-height: 1px; /* aenderung aufgrund zertifikate-buttons*/
	padding: 0;
	border-left: none;
}

aside {
	float: left;
	width: 260px;
	border-top: 10px solid #ebeff2;
}

aside#zertifikate {
	float: none;
	position: relative;
	top: -225px;
	width: 956px;
	height: 0;
	padding: 0 12px;
	border-top: none;
}

aside#angebot {
	float: none;
	position: relative;
	top: -145px;
	width: 980px;
	height: 0;
	border-top: none;
}

/*** Content: nav breadcrumb *********************************************************************/

nav#breadcrumb {
	width: 710px;
	height: 40px;
}

nav#breadcrumb li {
	float: left;
	list-style: none;
}

nav#breadcrumb li a {
	padding: 0 15px 0 17px;
	background: transparent url(../images/css/bg_a_white.gif) 3px 6px no-repeat;
		font: 400 1.4em/40px 'Open Sans',Arial,sans-serif;
		color: #fff;
		text-decoration: none;
}

nav#breadcrumb li a:hover,
nav#breadcrumb li a:focus {
		text-decoration: underline;
}

nav#breadcrumb li#icon a {
	display: block;
	width: 60px;
	height: 40px;
	padding: 0;
	background: transparent url(../images/css/breadcrumb_logo.gif) 0 0 no-repeat;
}

nav#breadcrumb li#icon a {
	text-indent: -10000px;
}

/*** aside: Unternavigation **********************************************************************/

aside h2 {
	width: 220px;
	margin: 0 20px;
	padding: 10px 0;
	border-bottom: 1px dotted #fff;
		font: 400 1.6em/1.5em 'Open Sans',Arial,sans-serif;
		text-transform: uppercase;
		color: #fff;
}

aside nav {
	width: 260px;
	/*padding: 10px 0 40px;*/
	padding: 10px 0 200px; /* aenderung aufgrund zertifikate-buttons*/
}

aside nav li {
	list-style: none;
}

aside nav li.trail {
	  background-color: #84bdf9;
	  background-color: rgba(255,255,255,0.15); /* CSS3 -> white 15% (26) */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26FFFFFF', endColorstr='#26FFFFFF',GradientType=0); /* IE6 - IE9 */
}

aside nav li a {
	display: block;
	width: 206px;
	height: 31px;
	padding: 0 20px 0 34px;
	background: transparent url(../images/css/bg_nav_a.gif) 18px 11px no-repeat;
	  /* CSS3 */
	  transition: background-color 0.4s;
		font: 400 1.4em/31px 'Open Sans',Arial,sans-serif;
		color: #fff;
		text-decoration: none;
}

aside nav li li a {
	width: 186px;
	padding: 0 20px 0 54px;
		font: 400 1.3em/31px 'Open Sans',Arial,sans-serif;
}

aside nav li a:hover,
aside nav li a:focus,
aside nav li a.active {
	  background-color: #ebeff2;
		color: #004ea1;
}

aside nav li a:hover,
aside nav li a.active          {background-position: 18px -20px;}
aside nav li.trail a           {background-position: 18px -50px;}
aside nav li.trail a:hover,
aside nav li.trail a.active    {background-position: 18px -20px;} /* 18px -81px */
aside nav li.trail li a        {background-position: 38px 11px;}
aside nav li.trail li a:hover,
aside nav li.trail li a.active {background-position: 38px -20px;}

/*** Jetzt Angebot einholen ***/

aside#angebot a {
	display: block;
	width: 120px;
	padding: 40px 114px 22px 26px;
		font: 600 italic 21px/1.33em 'Open Sans',Arial,sans-serif;
		color: #fff;
		text-decoration: underline;
}

aside#angebot a:hover {
		text-decoration: none;
}

aside#angebot a span {
	display: block;
		color: #fd0;
}

/*** Content: article ****************************************************************************/

/* Bilder */

article img {
	border-bottom: 10px solid #ebeff2;
}

article img.left {
	float: left;
	margin: 0 20px 20px 0;
	border-right: 10px solid #ebeff2;
}

article img.right {
	float: right;
	margin: 0 0 20px 20px;
	border-left: 10px solid #ebeff2;
}

article img.rowLeft {
	float: left;
	margin: 0 0 20px 0;
}

article img.rowRight {
	float: right;
	margin: 0 0 20px 0;
	border-left: 10px solid #ebeff2;
}

article img.fullWidth {
	margin: 20px;
	border-bottom: none;
}

/* Logos Verbaende/ */

article div#verbaende {
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 5px solid #ebeff2;
}

article div#verbaende img {
	float: left;
	margin: 25px 0 0 50px;
	border-bottom: none;
}

/* Teaser */

article a.teaser {
	clear: left;
	display: block;
	min-height: 115px;
	padding: 5px 0 20px;
	background: none;
	border-top: 5px solid #ebeff2;
		text-decoration: none;
}

article a.teaser h4 {
	display: inline-block;
	padding-left: 10px;
	background: transparent url(../images/css/bg_a_black.gif) 0 1.56em no-repeat;
		color: #232629;
		text-decoration: underline;
}

article h3 + a.teaser,
article p + a.teaser {
	margin: 15px 0 0;
}

article a.teaser:hover,
article a.teaser:focus {
	min-height: 114px;
	background-color: #ebeff2;
	border-bottom: 1px solid #8e9ead;
}

article a.teaser:hover h4 {
		text-decoration: none;
}

article a.teaser img {
	float: left;
	margin: 15px 20px 0;
	border: none;
}

/* Listen */

article ul {
	margin: 1.0em 0 0 0;
	list-style-type: circle;
	list-style-position: inside;
}

article ul.links,
article ul.links ul,
article ul.links ul ul {
	list-style-type: none;
}

article ul.links ul,
article ul.links ul ul {
	margin: 0.5em 0;
}

#index article ul {
	margin: 0;
	list-style-type: none;
	list-style-position: inherit;
}

/* Bereich Firmenprofil -> Aufklapplisten */

dl#accordion {
	padding: 0 30px 0 20px;
}

#accordion dt {
	margin: 20px 0 0 0;
	padding: 5px 22px 5px 37px;
	background: transparent url(../images/css/bg_dt_pluspunkte.gif) 15px 11px no-repeat;
		font: 600 1.5em/1.54em 'Open Sans',Arial,sans-serif;
		text-transform: uppercase;
		text-decoration: underline;
		color: #232629;
}

#firmenprofil #accordion #dt2 { background-position: 15px -13px; }
#firmenprofil #accordion #dt3 { background-position: 15px -37px; }
#firmenprofil #accordion #dt4 { background-position: 15px -61px; }
#firmenprofil #accordion #dt5 { background-position: 15px -85px; }

#accordion dd {
	padding: 0;
	background-color: #ebeff2;
		font: 400 1.4em/1.5em 'Open Sans',Arial,sans-serif;
		color: #232629;
}

#accordion dd span {
	display: block;
	padding: 3px 15px 10px 15px;
}

#accordion dd span span {
	display: block;
	padding: 6px 0 0 0;
}

#accordion dt:hover {
	background-color: #ebeff2;
		text-decoration: none;
		cursor: pointer;
}

#accordion dt.active {
	background-color: #ebeff2;
		text-decoration: none;
}

#accordion dt.active:hover {
		text-decoration: none;
		cursor: inherit;
}

/* Tabellen */

article table {
	padding: 1.0em 20px 0;
}

article th,
article td {
	padding: 0 20px 0 0;
	border: 1px solid #fff;
}

#jobs article div {
	overflow-y: scroll;
	height: 400px;
	margin: 20px;
	padding: 10px 0;
	background-color: #eee;
	border-top: 1px solid #8cc44b;
	border-bottom: 1px solid #8cc44b;
}

#jobs article table {
	padding: 10px;
	border-collapse: separate;
	border-spacing: 3px;
}

#jobs article th,
#jobs article td {
	padding: 10px;
}

/* hr */

hr {
    display: block;
	width: 670px;
    height: 1px;
    border: 0;
	border-bottom: 1px dashed #ccc;
	margin: 40px 20px 20px;
    padding: 0;
}

/*** article -> Typo ******************************************************************************/

article h1 {
	position: absolute;
	top: 150px;
	width: 670px;
	padding: 0 20px;
	  background-color: #8e9ead;
	  background-color: rgba(255,255,255,0.25); /* CSS3 -> #ffffff 25% (40) */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40ffffff', endColorstr='#40ffffff',GradientType=0); /* IE6 - IE9 */
		font: 600 3.6em/1.8em 'Open Sans',Arial,sans-serif;
		color: #fff;
}

article h1.left {
	width: 310px;
	margin: 0 360px 0 0;
}

article h1.right {
	width: 310px;
	margin: 0 0 0 360px;
	text-align: right;
}

article h2 {
	font: 400 italic 2.8em/1.5em 'Open Sans',Arial,sans-serif;
	color: #8cc44b;
	padding: 20px 20px 0;
}

article h3 {
	font: 600 1.7em/1.5em 'Open Sans',Arial,sans-serif;
	padding: 1.2em 20px 0;
}

article h2 + h3 {
	padding: 0.5em 20px 0;
}

article h3.icon {
	padding: 1.2em 20px 0 50px;
	border-top: 2px solid #ebeff2;
}

article h3#freecall { background: #fff url(../images/css/icon_telephone.jpg) 20px 22px no-repeat; margin: 20px 0 0 0; }
article h3#skype    { background: #fff url(../images/css/icon_skype.jpg) 20px 22px no-repeat; }
article h3#adresse  { background: #fff url(../images/css/icon_address.jpg) 20px 22px no-repeat; }

article h4 {
	font: 600 1.4em/1.5em 'Open Sans',Arial,sans-serif;
	padding: 1.2em 20px 0;
}

article p {
	font: 400 1.4em/1.5em 'Open Sans',Arial,sans-serif;
	padding: 0.7em 20px 0;
}

article p.right {
	text-align: right;
}

article h3.icon + p {
	padding: 0.7em 20px 15px 50px;
}

article h3.icon + address {
	padding: 0 0 0 30px;
}

article .small {
	font: 400 0.8em/1.3em 'Open Sans',Arial,sans-serif;
	color: #666;
}

article .nowrap {
	white-space: nowrap;
}

article .hinweis {
	color: #fa0000;
}

article p.hinweis {
	margin: 45px 0 0;
}

article .nextPage {
	margin: 40px 0 0;
	padding: 20px 20px 0;
	border-top: 10px solid #ebeff2;
}

article li,
article dt,
article dd {
	font: 400 1.4em/2.0em 'Open Sans',Arial,sans-serif;
	padding: 0 30px;
}

article li li {
	font: 400 1.0em/2.0em 'Open Sans',Arial,sans-serif;
}

article ul.links li {
	font: 400 1.4em/1.5em 'Open Sans',Arial,sans-serif;
	padding: 0.25em 30px;
}

article ul.links li li {
	font: 400 1.0em/1.5em 'Open Sans',Arial,sans-serif;
	padding: 0 30px;
}

article table th,
article table td {
	vertical-align: top;
	text-align: left;
	font: 400 1.4em/1.5em 'Open Sans',Arial,sans-serif;
}

article a {
	display: inline-block;
	padding-left: 10px;
	background: transparent url(../images/css/bg_a_black.gif) 0 0.36em no-repeat;
		color: #232629;
		text-decoration: underline;
}

#index article a {
	background: transparent url(../images/css/bg_a_white.gif) 0 0.36em no-repeat;
		color: #fff;
}

article a:hover,
article a:focus {
		text-decoration: none;
}

article a.img {
	display: block;
	padding: 0;
	background: none;
		text-decoration: none;
}

/*** article - Index ******************************************************************************/

#overview {
	position: relative;
	width: 980px;
	height: 524px;
	background: #004ea1;
	overflow: hidden;
}

#overview section {
	width: 980px;
	height: 524px;
}

#overview section#bg,
#overview section#bg img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

#overview section#bg img.active {
	z-index: 3;
}

#overview section h1,
#overview section div {
	display: none;
	position: absolute;
	z-index: 4;
}

#overview section h1.active {
	display: block;
	top: 20px;
	right: 0;
	width: 380px;
	padding: 10px 30px;
	border-bottom: 1px solid #fff;
	  background-color: #004ea1;
	  background-color: rgba(0,78,161,0.20); /* CSS3 -> #004ea1 20% (33) */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33004ea1', endColorstr='#33004ea1',GradientType=0); /* IE6 - IE9 */
		font: 400 30px/1.35em 'Open Sans',Arial,sans-serif;
		color: #fff;
		text-align: right;
}

#overview section div {
	display: block;
	bottom: 0;
	width: 170px;
	height: 50px;
	  background-color: #004ea1;
	  background-color: rgba(0,78,161,0.66); /* CSS3 -> #004ea1 66% (a8) */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8004ea1', endColorstr='#a8004ea1',GradientType=0); /* IE6 - IE9 */
}

#overview section#tab1 div { left: 0; }
#overview section#tab2 div { left: 270px; }
#overview section#tab3 div { left: 450px; }
#overview section#tab4 div { left: 630px; }
#overview section#tab5 div { left: 810px; }

#overview section div.active {
	width: 260px;
	height: auto;
	padding: 0 0 20px 0;
}

#overview section div:hover,
#overview section div.active {
	  background-color: #287ad1;
	  background-color: rgba(40,122,209,0.75); /* CSS3 -> #287ad1 75% (bf) */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf287ad1', endColorstr='#bf287ad1',GradientType=0); /* IE6 - IE9 */
}

#overview section h2 {
	height: 20px;
	padding: 15px 0;
	border-bottom: 1px solid #fff;
		font: 600 1.4em/20px 'Open Sans',Arial,sans-serif;
		color: #fff;
		text-align: center;
		cursor: pointer;
}

#overview section div.active h2 {
		cursor: inherit;
}

#overview section h2.long {
	height: 40px;
	padding: 5px 0;
}

#overview section h3,
#overview section p,
#overview section li {
	padding: 0.75em 20px 0;
		font: 400 1.4em/1.35em 'Open Sans',Arial,sans-serif;
		color: #fff;
}

#overview section li {
	padding: 0.4em 20px 0 30px;
}

/*** Pluspunkte ***/

#pluspunkte {
	float: left;
	width: 350px;
	padding: 10px 0;
	background: #fff;
}

#pluspunkte h2 {
	padding: 20px 20px 0;
		font: 600 1.7em/1.2em 'Open Sans',Arial,sans-serif;
		text-transform: uppercase;
		color: #004ea1;
}

#pluspunkte h3 {
	padding: 0 20px 0;
		font: 400 1.4em/1.5em 'Open Sans',Arial,sans-serif;
		color: #004ea1;
}

#pluspunkte dl {
	padding: 14px 20px 0 30px;
}

#pluspunkte dt {
	padding: 0 0 0 22px;
	background: transparent url(../images/css/bg_dt_pluspunkte.gif) 0 6px no-repeat;
		font: 600 1.5em/1.54em 'Open Sans',Arial,sans-serif;
		text-transform: uppercase;
		color: #004ea1;
}

#pluspunkte #dt2 { background-position: 0 -18px; }
#pluspunkte #dt3 { background-position: 0 -42px; }
#pluspunkte #dt4 { background-position: 0 -66px; }
#pluspunkte #dt5 { background-position: 0 -90px; }

#pluspunkte dd {
	padding: 0 0 0.6em;
		font: 400 1.3em/1.31em 'Open Sans',Arial,sans-serif;
		color: #004ea1;
}

article #pluspunkte a {
	display: inline;
	background: transparent url(../images/css/bg_a_black.gif) 0 0.36em no-repeat;
		color: #004ea1;
}

/*** Loesungen ***/

#loesungen {
	float: right;
	width: 620px;
	height: 350px;
	background: #8e9ead;
	border-left: 10px solid #ebeff2;
}

#loesungen h2 {
	margin: 0 360px 0 0;
	padding: 30px 20px 0;
		font: 600 1.7em/1.2em 'Open Sans',Arial,sans-serif;
		text-transform: uppercase;
		color: #fff;
}

#loesungen p {
	margin: 0 360px 0 0;
	padding: 1.7em 20px 0;
		font: 400 1.4em/1.5em 'Open Sans',Arial,sans-serif;
		color: #fff;
}

#loesungen ul {
	padding: 1.5em 0 0 0;
}

#loesungen li {
	padding: 0 0 0.4em 22px;
		font: 400 1.4em/1.35em 'Open Sans',Arial,sans-serif;
		color: #fff;
}

#loesungen div {
	position: relative;
	z-index: 0;
	float: right;
	width: 360px;
	height: 350px;
}

#loesungen div img {
	position: absolute;
	z-index: 1;
}

#loesungen img.active {
	z-index: 3;
}

/*** Intro ***/

#intro section {
	float: left;
	/*width: 490px;*/
	width: 350px;
	margin-bottom: 20px;
}

#intro section:last-child {
	width: 280px;
	margin-top: -32px
}

article#intro img {
	border-bottom: none;
}

#intro h2 {
		font: 400 2.7em/1.2em 'Open Sans',Arial,sans-serif;
		color: #004ea1;
}

#intro h3 {
		text-transform: uppercase;
}

#intro p {
	padding: 0.75em 20px 0;
		font: 400 1.3em/1.5em 'Open Sans',Arial,sans-serif;
		color: #232629;
}

#index #intro a {
	background: transparent url(../images/css/bg_a_black.gif) 0 0.36em no-repeat;
		color: #004ea1;
}

/*** Formular Kontaktseite ************************************************************************/

#formular {
	width: 670px;
	margin: 25px 10px 0;
	padding: 0 10px 60px;
	background-color: #ebeff2;
	border-top: 1px solid #8e9ead;
}

#infomaterial #formular {
	float: right;
	width: 310px;
}

fieldset {
	float: left;
	display: inline;
	width: 340px;
	margin: 20px 0 0 0;
}

#infomaterial fieldset,
fieldset#rightColumn {
	float: none;
	width: 330px;
}

form label {
	display: inline-block;
	margin: 8px 0 0 0;
	padding: 0 0 0 6px;
		font: 400 1.3em/20px 'Open Sans',Arial,sans-serif;
		color: #004ea1;
}

form label.hinweis {
		color: #fc0000;
}

form input,
form textarea {
	width: 300px;
	height: 19px;
	margin: 4px 0 0 0;
	padding: 4px;
	background: #fff;
	border: 1px dotted #8e9ead;
		font: 400 15px 'Open Sans',Arial,sans-serif;
		color: #232629;
}



form input[type="checkbox"] {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 60px;
	margin-right: -2em;
}

form input[type="checkbox"] + label {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	margin-top: 27px;
	padding: 0 3.75em 0 2.0em;
}



form textarea {
	height: 324px;
}

form input#submit {
	width: 220px;
	height: 30px;
	margin: 31px 0 0 0;
	padding: 0;
	background: #fff;
	border: 1px solid #8e9ead;
		font: 400 15px/30px 'Open Sans',Arial,sans-serif;
		color: #004ea1;
}

#infomaterial form input#submit {
	margin: 31px 0 0 90px;
}

form input#submit:hover {
	background: #004ea1;
	border: 1px solid #fff;
		color: #fff;
}

/*** Footer ***************************************************************************************/

footer {
	position: relative;
	height: 365px;
	background: #8e9ead;
	border-top: 10px solid #ebeff2;
}

footer#en,
footer#no {
	height: 65px;
	border-top: none;
}

footer section {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	float: left;
	width: 180px;
	height: 300px;
	padding: 0 0 0 170px;
	background: transparent url(../images/css/bg_footer.png) 0 0 no-repeat;
}

footer section#service {
	left: 350px;
	width: 260px;
	padding: 0 10px;
	background-position: -350px 0;
}

footer section#impressum {
	left: 630px;
	width: 350px;
	padding: 0;
	background-position: -630px 0;
}

footer h2 {
	font: 400 1.7em/1.5em 'Open Sans',Arial,sans-serif;
	color: #fff;
	padding: 185px 20px 0;
}

footer p,
footer li {
	font: 400 italic 1.4em/1.5em 'Open Sans',Arial,sans-serif;
	color: #fff;
	padding: 0 10px 0 20px;
}

footer a {
	display: inline-block;
	padding-left: 10px;
	background: transparent url(../images/css/bg_a_white.gif) 0 0.36em no-repeat;
		color: #fff;
		text-decoration: underline;
}

footer a:hover,
footer a:focus {
		text-decoration: none;
}

footer div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

footer address {
	position: absolute;
	z-index: 2;
	top: 300px;
	border-top: 10px solid #ebeff2;
}

footer#en address,
footer#no address {
	position: relative;
	top: 0;
}

footer address span {
	display: block;
	float: left;
	width: 170px;
	height: 44px;
	padding: 11px 0 0 10px;
		font: 400 1.2em/1.4em 'Open Sans',Arial,sans-serif;
		color: #fff;
}

footer address span:first-child {
	width: 190px;
	padding: 11px 0 0 70px;
	background: transparent url(../images/css/breadcrumb_logo.gif) 8px 8px no-repeat;
}

footer address a {
	padding-left: 0;
	background: none;
}