@charset "utf-8";
/**
 * This is the page's default screen stylesheet.
 *
 * created: 31. Okt 2007 (JR)
 * Copyright: SF Software & Friends GmbH
 * encoding: UTF-8 [Proof: Ω]
 */

/* ------------------------------------------------------
   generic definitions
   ------------------------------------------------------ */

* {
  margin: 0px;
  padding: 0px;
}
/*permanent vertical scrolls*/
html { height: 100%} 
body { min-height: 101%;}


body {
  font-family: Arial, Helvetica, sans serif;
  font-size: 100.01%;
  font-weight: normal;
  color: #363B59;
  background-color: #FFFFFF;
  margin: 0em 0.5em;
}

/* headlines */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.1em;
}

h1 {
  font-size: 145%;
}

h2 {
  font-size: 125%;
}

h3 {
  font-size: 145%;
}

h4 {
  font-size: 135%;
}

/* images */
img {
  border: 0px solid;
}

p img {
  padding: 0px;
  max-width: 100%;
}

/* positioning */
.center {
  text-align: center;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

/* convenience classes */
.clear {
  clear: both;
  display: block;
  width: 1px;
  height: 1px;
  line-height: 1px;
  overflow:hidden;
}

.no-wrap {
  white-space: nowrap;
}

.bold {
  font-weight: bold;
}

/* text inline */
abbr, acronym {
  font-style: normal;
  cursor: help;
  font-size: 90%;
  letter-spacing: .07em;
}

em {
  font-style: italic;
  font-weight: inherit;
}

code, kbd, pre, samp, var {
  font-family: "Courier New", Courier, monospace;
  font-size: 110%;
  font-weight: bold;
}

q, cite {
  font-style: italic;
}

strong {
  font-style: normal;
  font-weight: bold;
}

/* text block */
address {
  display: block;
  font-style: normal;
}

blockquote {
  font-style: normal;
  margin: 1.5em 3em 0em 1em;
  padding-left: 2em;
  border-left: 5px solid #DDDDDD;
}

blockquote cite {
  margin: 5px 0 0;
  display: block;
}

/* lists */
ol {
  list-style-type: decimal;
}

ul {
  list-style-type: square;
}

/* forms */
fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}

legend {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

label, input, select, textarea {
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif;
}

optgroup {
  font-style: normal;
  font-weight: bold;
}

/* tables */
table {
  border-collapse: collapse;
  border-spacing: 0px;
  caption-side: top;
  empty-cells: show;
}

caption, th {
  font-weight: bold;
  text-align: left;
}

th, td {
  vertical-align: top;
}

.invisiblePosition { 
  position:absolute;
  left:-10000px;
  top:-10000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
  border:0;
  background:0;
  font-size:0;
  padding:0;
  margin:0;
  line-height:0;
}
/* ------------------------------------------------------
   contact form definitions
   ------------------------------------------------------ */

.contactForm {
  width: 480px;
  color: #363B59;
  font-family: Arial, Helvetica, sans-serif;
}

.line {
  clear: both;
  padding: 4px 0px;
}

.errorMessage {
  color: red;
}

.defwidth {
  width: 270px;
  border: 1px solid #ABADB3;
}

.errorDecoration {
  border: 1px solid red;
}

.successMessage {
  color: #363B59;
}

.formLabel {
  padding-top: 3px;
}

.formLabelLeft {
  float: left;
  width: 120px;
  padding-top: 3px;
  padding-right: 5px;
}

.formContentRight {
  float: right;
  width: 330px;
  text-align: left;
} 

.formContentComplete {
  text-align: left;
} 

textarea.defwidth {
  width: 420px;
  margin-top: 3px;
}

.formContentRight img {
  border: 1px solid #D7EBFF;
}

input.submit {
  width: 200px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 10px 0 10px 0;
}


/* ------------------------------------------------------
   accessibility
   ------------------------------------------------------ */
/* not visible, if the css is turned on */
#skipNav, #skip1 a, #skip2 a, .non-accessible, #breadcrumb {
  display: none;
}
/*=.invisiblePosition */
h1.non-accessible  { 
  position:absolute;
  left:-10000px;
  top:-10000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
  border:0;
  background:0;
  font-size:0;
  padding:0;
}


/* ------------------------------------------------------
   links
   ------------------------------------------------------ */

a:link {
  color: #666666;
  text-decoration: underline;
  padding-left: 1px;
  padding-right: 1px;
}

a:visited {
  color: #888888;
  text-decoration: underline;
  padding-left: 1px;
  padding-right: 1px;
}

a:hover {
  color: #222222;
  text-decoration: underline;
  padding-left: 1px;
  padding-right: 1px;
}

/* don't format anchors */
a[name],
.banner a,
.crossTeaser a {
  text-decoration: none;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

.paragraph a:link,
.paragraph a:visited {
  color: #363B59;
}

.linkExternal {background:url(../img/linkExternal.gif) no-repeat; padding-left:16px !important; text-decoration:none!important;}
.linkExternal:link {border-bottom:1px solid #666666;}
.linkExternal:visited {border-bottom:1px solid #888888;}
.linkExternal:hover {border-bottom:1px solid #222222;}
/* ------------------------------------------------------
   main page elements
   ------------------------------------------------------ */

#page {
  width: 776px;
  margin:1.5em auto;
  position:relative;
  zoom:1;
}

#head {
  width: 100%;
  margin-bottom: -2px;
}

#contentarea, #contentareaMenue {
  margin-bottom: 10px;
  font-size: 80%;
}

#contentarea {
  margin-right:5px;
  margin-bottom: 0px;
  border:1px solid #DBDDE6;
  background:#FFFFFF;
  padding: 20px 0px 25px 4px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

#mp_slogan {
  float:left;
  padding-top:50px;
  padding-left:20px;
}

#mp_menue {
  float:left;
  padding-top:0em;
  padding-bottom:0.5em;
}

#mp_menue ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

#mp_menue ul.main li a {
  padding: 0px;
  outline:none;
}

#mp_menue ul.main {
  clear: both;
}

#mp_menue ul.main li {
  width: 180px;
  height:200px;
}

#mp_menue ul.main li.marginleft {
  margin-left: 17px;
}

#mp_menue ul.main a {
  background-color: transparent;
}

#mp_contentarea_SFslogan {
  width:769px;
  font-size: 80%;
  border:1px solid #DBDDE6;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color:#FFFFFF;
  display:block;
}

#mp_contentarea_SFslogan p#SF_slogan_bottom {
  padding: 2em 5em 2em 214px;
  width:auto;
  display:block;
}

#footer {
  float:right;
  padding-top:8px;
  display:block;
  margin-right:10px;
}

#footer p.copyright { 
  clear: both;
  padding-bottom:6em;
  color:#666666;
  font-size:70%;
  padding-right:1em;
}

/* ------------------------------------------------------
   header
   ------------------------------------------------------ */

#logo {
  float: left;
  width:180px;
  text-align:center;
}

#logo img {
  vertical-align: bottom; /* to fix a 1px gap below the picture if it is placed on the baseline */
}

#logo a {
  background-color: transparent;
  outline:none;
}

#menue {
  width: 530px;
  float:right;
  margin-top:47px;
  margin-bottom:6px;
}

#menue ul {
  float: right;
  margin-top: 15px;
}

#menue ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  float: left;
  text-align:right;
}

#menue ul.main li a {
  padding: 0px;
  outline:none;
}

#menue ul.top {
  margin-right: 15px;
  margin-bottom: 0.5em;
  color: #666666;
  font-size: 70%;
}

#menue ul.top li {
  border-left: 1px solid #666666;
  margin-left: 1em;
  padding-left: 1em;
  line-height: 1.1em;
}

#menue ul.top li:first-child {
  border-left: 0px solid #666666;
}

#menue ul.top a {
  text-decoration: none;
}

#menue ul.main {
  clear: both;
  padding-right:5px;
}

#menue ul.main li {
  width: 130px;
}

#menue ul.main a {
  background-color: transparent;
}

/* ------------------------------------------------------
   footer
   ------------------------------------------------------ */

.searchlabel,
.kampagnenlabel {
  font-weight: normal;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif;
}
/* ------------------------------------------------------
   content area
   ------------------------------------------------------ */

.leftColumn {
  width: 246px;
  margin-right: 20px;
  float: left;
}

.rightColumn {
  width: 482px;
  float: left;
}

.rightColumn h3 {
  margin-bottom: 1em;
}

.rightColumn h4 {
  margin-bottom: 0.4em;
}
.rightColumn h3,
.rightColumn h4 {
  font-weight:normal;
}

.rightColumn .paragraph {
  position: relative;
  top: 0px;
  line-height: 1.4em;
  margin-bottom: 1.5em;
}

.picture a {
  background-color: transparent;
}

.picture img {
  vertical-align: bottom; /* to fix a 1px gap below the picture if it is placed on the baseline */
  margin-left: 6px;
  margin-right: 0px;
  padding:6px 0px;
}

.picture .subline {
  font-size: 87.5%; /* = 70% of 80% = size of the footer */
  text-align: center;
  margin-top: 4px;
}

.pictureUnfloated {
  margin-left: 0px;
  margin-bottom: 0.75em;
}
.pictureUnfloated img {
  padding:6px 0px;
}

/* ------------------------------------------------------
   imagerow
   ------------------------------------------------------ */  
  
.imagerowWrapper {
  padding:13px 13px 13px 0;}


.rightColumn ul.imagerow,
.rightColumn ul.imagerow li  {
  list-style-type: none;
  margin:0;
  padding:0;
}

.imagerow {
  padding:0; 
 /* margin:0 auto 5em auto;*/
  margin:0;
  background-position:right;
  list-style-type:none; 
  overflow:hidden; 
  width:453px; 
  height:240px; 
  border:1px solid #CDCDCD; 
  }
  
.imagerow li {
  float:left;
  }
  
.imagerow li a {
  display:block; 
  height:240px;
  width:43px; 
  float:left; 
  text-decoration:none; 
  background-image:url(../img/imagerow_bg.gif);
  background-repeat:repeat-y;
  border-right:1px solid #CDCDCD;
  margin:0;
  padding:0;
  }
.imagerow li a img {
  width:43px; 
  height:240px; 
  border:0;
  opacity: 0.66; 
  position:absolute;
  }
  
.imagerow li a:hover {
  background:#eee; 
  width:320px;
  border-right:0px solid #CDCDCD;
  
  }
.imagerow li a:hover img {
  width:320px;
  opacity: 1; 
  position:absolute;
  }
  
/* ------------------------------------------------------
   rounded corners of picture
   ------------------------------------------------------ */
.picture {
  border:1px solid #DBDDE6;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background:#FFFFFF;}

.picture a {
  padding: 0px;
}

.leftColumn .picture {
  margin-bottom: 1em;
  margin-left:14px;
}


/* ------------------------------------------------------
   lists
   ------------------------------------------------------ */

.rightColumn ul {
  margin: 0em 0em 1em 0.5em;
  padding: 0px 0px 0px 1em;
}

.rightColumn ol {
  margin: 0em 0em 1em;
  padding: 0px 0px 0px 2.5em;
}

.rightColumn ul li {
  list-style-type:none;
  padding-left: 1.3em;
  background:url(../img/ul.gif) no-repeat 0 0.5em;
}

.rightColumn ol li {
  list-style: decimal outside;
}


/* ------------------------------------------------------
   sub-navigation
   ------------------------------------------------------ */

ul.subnav {
  margin-bottom: 2.5em;
  margin-top: 3em;
}

ul.subnav li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  font-size:90%;
  font-weight:bold;
  padding: 0.2em 0.75em 0.25em 13px;
}


ul.subnav a, ul.subnav a:link, ul.subnav a:visited, ul.subnav a:hover {
  text-decoration: none;
  display: block;
  background-color: transparent;
  font-weight:normal;
}
ul.subnav a:hover, ul.subnav a:active {
  text-decoration: underline;
  color: #363B59;
}

ul.subnav a:link {
  color: #363B59;
}

ul.subnav li.active {
  font-weight:bold;
  }

ul.subnav a.active:link, ul.subnav a.active:visited, ul.subnav a.active:hover {
  color: #363B59;
}

/*************************/
.leftColumn .contact {
  margin-bottom: 1em;
}
.text_explain {
  font-size:10px;
  color:#999999;
  font-weight:normal;
  line-height:14px;}

.text_highlight {
  font-size:16px;}

/*************************/
/**TAGs***/
/*************************/

.tags { 
	float:left;
	width:229px; 
	text-align:right; 
	margin-left:-249px; 
	background:url(../img/tags_icon.gif) no-repeat 212px 0; 
	padding-top:18px;
	font-size:85%;
	color:#666666;
}
	
.fix_negative_margin {
	line-height:0;
	height:0;
}
	
/*************************/
/**Attention Corner    ***/
/*************************/	
.ac_float{
	index:9999999;
	position:fixed !important;
	position:absolute;
	cursor:pointer;
	width:100%;
	text-align:center;
	}

#aclink:hover{
	background: none;
}	

.ac_top{
	top:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}
	
.ac_bottom{
	bottom:0;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}

.ac_right{right:0;}

.ac_left{left:15%;}
	
.ac_text {
	background:#00082C url(../img/ac_bg.jpg) no-repeat;
	border:0;
	display:block;
	margin:auto;
	width:792px;
	font-size:0.8em;
	padding: 0.5em 0;
	color:#FFFFFF;
}

.ac_shadow {
	background:#FFFFFF url(../img/ac_bg_shadow.jpg) no-repeat left top;
	border:0;
	display:block;
	margin:auto;
	width:792px;
	height:19px;
	}
.ac_float h2 {
	font-size:95%;
}
	
.ac_float h2,
.ac_float .fon,
.ac_float .mail {
	display:inline;
}
	
.ac_float .mail,
.ac_float .fon {
	border-left:1px solid #FFFFFF;
	padding-left:1em;}
		
.ac_float .mail img,
.ac_float .fon img {
	padding-right:0.6em;}
		
.ac_float h2,
.ac_float .fon {
	padding-right:1em;}
	
.ac_float a:link,
.ac_float a:visited,
.ac_float a:focus,
.ac_float a:hover,
.ac_float a:active {
	color:#FFFFFF;
	text-decoration:none;}
	
.ac_float a:hover {
	background:none;}
	
/*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%;
}

/*teaserMircoSite - Homepage*/
#teaserMircoSite {
  margin-bottom:6em;
}
#teaserMircoSite.wrapperOuter {
  width:100%;
  background:url(../img/bodyBgCaseBox.png) repeat-x left top;
  padding:0;
  margin:0;
}
/*copy of #page*/  
#teaserMircoSite .wrapperInner {
  width: 776px;
  margin:0 auto;
  padding-bottom:0;
  position:relative;
  zoom:1;
}
#teaserMircoSite .logoCaseBoxCompliance {
  float:left;
  width:200px;
  padding-top:41px;
  padding-left:15px;
}
#teaserMircoSite .teaserText {
  padding-right:5px;
  width: 375px;
  float:right;
}
/*special footer of homepage*/
#teaserMircoSite #footer {
  height:61px;
  margin:0px auto 1.5em  auto;
  width:100%;
  position:relative;
  zoom:1;
  padding-top:0;
}
#teaserMircoSite #footer .copyright {
  text-align:right;
  padding-right:69px;
  padding-top:30px;
}
#teaserMircoSite .teaserTextShadow {
  margin:0 auto;
  width:870px;
  background:url(../img/teaserTextShadow.gif) no-repeat right top;
}
#teaserMircoSite .teaserText p {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #DBDDE6;
  display: block;
  font-size: 80%;
  padding:1.4em 15px 1em 13px;
  height:8em;
}
#teaserMircoSite .teaserText a:link,
#teaserMircoSite .teaserText a:visited,
#teaserMircoSite .teaserText a:hover {
  color: #363B59;
}


/* Social Media                                        */
/* *************************************************** */    
.socialMedia {
  display: block;
  height: 189px;
  right: 0;
  position: fixed;
  top: 165px;
  width: 37px;
  z-index: 20;}
  
  
.socialMedia li a{
  height: 32px;
  width: 32px;
  display:block;}
  
.socialMedia li img{
  height: 32px;}
  
.socialMedia li {
  margin-bottom:0.4em;
  display:block;
  width:32px;}