/****************************************************************************
version:   1.0
author:    Simone Litterst
email:     design@simone-litterst.de
website:   http://www.simone-litterst.de/
 ****************************************************************************/


/*###########################################################################
       =Allgemeine Grundeinstellungen
  ###########################################################################*/

 
/* Kommentar: Verwendete Farben:
     #00539B  Blau, Logo, Navigation
     #EF4044  Rot, Logo, Navigation Highlight
	 #AAAAAB  DunkelGrau, Linien
	 #F7F5F5  Hellgrau, Hintergrundfarbe
	 #515050  DunkelGrau, Schriftfarbe Fliesstext
*/

/* Werte fuer padding and margin werden alle auf Null gesetzt */
* {
  margin: 0;
  padding: 0;
}

p {
  padding:0px 0 10px 0;
}
.containerRight_partner_left p {
  padding:0px 0 0px 0;
}
.containerRight_partner_right p {
  padding:0px 0 0px 0;
}

/* Mit dieser Klasse k�nnen floating Bereiche zur�ckgesetzt werden */
.clear {
  clear:both;
}


/* Rahmen um Bilder sind unerwuenscht */
img {
  border: 0;
}

body {
	background-color:#FFFFFF;
}


/* ***Ueberschriften*** */
h1 {
padding:2% 0 3% 0;
font-size: 120%;
 color: #515050;
}
h2 {
padding:0px 0 5px 0;
font-size: 100%;
 color: #515050;
}

h3 {
padding-bottom:1%;
font-size: 100%;

}
.enlarge {
		font-weight: bold;
		font-size: 120%;
		line-height:1.4em;
	}
.bold {
		font-weight: bold;
	}	

.indent {
text-indent:-8px;
margin-bottom:6px;
}
.indent_home {
margin-bottom:8px;
margin-left:20px;
}
.indent p {
padding-bottom:0px;
}
.grey {
		color:#AFB1B4;
	}	
.red {
		color:#EF4044;
	}
.blue {
		color:#00539B;
	}			
	
/* ***Links*** */

a {
		text-decoration: none;
	}
a:link {
		color: #00539B;
	}
a:visited {
		color: #00539B;
	}
a:hover {
		color: #EF4044;
		text-decoration: none;
	}
	a:focus {
   outline: none;
}
.left {
float:left;
}
.right {
float:right;
}
fieldset {
 margin: 0;
 padding: 0;
 border :  solid 0 transparent;
}
legend {  
 display: none;
}

/* ***Typographische Angaben*** */
body {
  color: #515050;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-decoration:none;
}

/*###########################################################################
       =#wrapper
  ###########################################################################*/

#wrapper {
	width:984px;
	position:relative;
margin: auto;
}

/*###########################################################################
       =#head
  ###########################################################################*/
  #head_nav  {
	padding:5px 0px 4px 0;
	float:right;
	border-bottom:1px solid #AAAAAB;
	width:984px;
}
  #head_nav img  {
	float:right;
	margin:3px 0 0 5px;
} 
form#search {
float:right;
margin:0 10px 0px 16px;

}
form#search div {
float:left;
}
form#search .searchfield {
background-color:#FFFFFF;
color:#515050;
border:1px solid #AAAAAB;
padding:1px 5px;
width:124px;
}
form#search input.button {
        height: 20px;
        width: 32px;
        background: url(../images/head/search/btn_go.gif) bottom center no-repeat;
        border: none;
    }
form#search input.button:hover {
        cursor: pointer;
    }

/*###########################################################################
       =#Content
  ###########################################################################*/

#content_wrapper {		
	border-bottom:1px solid #AAAAAB;
	width:984px;
	float:left;
	text-align:left;
}
#path {
	padding:0px 0px 16px 0px;
}
/*###########################################################################
       =#primaryContent:MainNav
  ###########################################################################*/

#primaryContent {
	float:left;
	padding:0px 21px 30px 0px;
	padding:0px 0px 30px 0px;
}
#mainNav ul {		
	float:left;
  	font-size: 1em;
  	text-decoration:none;
	width:187px;
}
#mainNav li {    		/*Extra-Style: IE6, IE7*/
	list-style:none;
	border-top:1px solid #AAAAAB;
	width:187px;
	line-height:22px;
	padding:1px 0 1px 0;
	clear:both;
}
#mainNav li.last {
	border-bottom:1px solid #AAAAAB;
}
#mainNav li a {
		text-decoration: none;
		display:block;
		padding:0 0 0 10px;
		color: #00539B;
	}
#mainNav li a:visited {
		color: #00539B;
	}
#mainNav li a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background:url(../images/navigation/bg_nav_high1.jpg) no-repeat  center center;
		font-weight:bold;
	}
	#mainNav li.high {
		color: #FFFFFF;
		text-decoration: none;
		background:url(../images/navigation/bg_nav_high1.jpg) no-repeat  center center;
		font-weight:bold;
	}
	#mainNav li.high a {
		text-decoration: none;
		display:block;
		padding:0 0 0 10px;
		font-weight:bold;
		color: #FFFFFF;
	}
#mainNav li.high a:visited {
		color: #FFFFFF;
		font-weight:bold;
	}
#mainNav li.high a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background:url(../images/navigation/bg_nav_high1.jpg) no-repeat  center center;
		font-weight:bold;
	}

#mainNav li a:focus {
   outline: none;
}
/*###########################################################################
       =#SubNav Level1
  ###########################################################################*/
#mainNav ul .subNav {		
	float:left;
	font-size: 1em;
  	text-decoration:none;
	padding:0px 0 10px 3px;
width:181px;
}
#mainNav ul .subNav li {
	list-style:none;
	border:0;
	line-height:1em;
	width:181px;
	text-indent:-10px;
	padding:8px 0 0px 0;
}
#mainNav ul .subNav li a {
		text-decoration: none;
		font-weight:normal;
		color: #00539B;
	}
#mainNav ul .subNav li a:visited {
		color: #00539B;
	}
#mainNav ul .subNav li a:hover {
		color: #EF4044;
		text-decoration: none;
		background:0;
		background:transparent;
		font-weight:normal;
	}
#mainNav ul .subNav li a:focus {
   outline: none;
}
#mainNav ul .subNav li.subHigh {
		color: #EF4044;
		text-decoration: none;
	}
	#mainNav ul .subNav li.subHigh a {
		text-decoration: none;
		color: #EF4044;
	}
#mainNav ul .subNav li.subHigh a:visited {
		color: #EF4044;
	}
#mainNav ul .subNav li.subHigh a:hover{
		color: #EF4044;
		text-decoration: none;
	}
	
/*###########################################################################
                             SpecNav
  ###########################################################################*/
#specNav ul {		
	float:right;
  	font-size: 15px;
  	text-decoration:none;
	width:187px;
}
#specNav li {    		/*Extra-Style: IE6, IE7*/
	list-style:none;
	border-top:1px solid #AAAAAB;
	width:187px;
	line-height:40px;
	padding:1px 0 1px 0;
	clear:both;
}
#specNav li.last {
	border-bottom:1px solid #AAAAAB;
}
#specNav li a {
		text-decoration: none;
		display:block;
		padding:0 0 0 10px;
		color: #00539B;
	}
#specNav li a:visited {
		color: #00539B;
	}
#specNav li a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background:url(../images/navigation/lp/bgred.png) repeat-y  center center;
		font-weight:bold;
	}
	#specNav li.high {
		color: #FFFFFF;
		text-decoration: none;
		background:url(../images/navigation/lp/bgred.png) repeat-y  center center;
		font-weight:bold;
	}
	#specNav li.high a {
		text-decoration: none;
		display:block;
		padding:0 0 0 10px;
		font-weight:bold;
		color: #FFFFFF;
	}
#specNav li.high a:visited {
		color: #FFFFFF;
		font-weight:bold;
	}
#specNav li.high a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background:url(../images/navigation/lp/bgred.png) no-repeat  center center;
		font-weight:bold;
	}

#specNav li a:focus {
   outline: none;
   }
  
/*###########################################################################
       =#SubNav Level2
  ###########################################################################*/
#mainNav ul .subNavSub {		
	float:left;
	font-size: 1em;
  	text-decoration:none;
	padding:0px 0 0px 8px;
	width:165px;
}
#mainNav ul .subNavSub li {
	list-style:none;
	border:0;
	line-height:1em;
	width:165px;
	text-indent:-8px;
	padding:0 0 6px 0;
}
#mainNav ul .subNavSub li a {
		text-decoration: none;
		color: #00539B;
	}
#mainNav ul .subNavSub li a:visited {
		color: #00539B;

	}
#mainNav ul .subNavSub li a:hover {
		color: #EF4044;
		text-decoration: none;
		background:0;

	}
#mainNav ul .subNavSub li a:focus {
   outline: none;
}
#mainNav ul .subNavSub li.subHigh {
		color: #EF4044;
		text-decoration: none;
	}
	#mainNav ul .subNavSub li.subHigh a {
		text-decoration: none;
		color: #EF4044;
	}
#mainNav ul .subNavSub li.subHigh a:visited {
		color: #EF4044;
	}
#mainNav ul .subNavSub li.subHigh a:hover{
		color: #EF4044;
		text-decoration: none;
	}
/*###########################################################################
       =#secondaryContent
  ###########################################################################*/

#secondaryContent {
	width:775px;
	float:right;
	position:relative;
}
.index_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/pusteblume.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.unserAngebot_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/unser_angebot.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.kundenKommunikation_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/kunden_kommunikation.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.kundenPapier_dokumente_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/kunden_papier_dokumente.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.kundenElektronische_dokumente_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/kunden_elektronische_dokumente.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.kundenElektronische_daten_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/kunden_elektronische_daten.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.kundenElektronische_daten_dokumente_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/kunden_elektronische_daten_dokumente.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.lieferantenKommunikation_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/lieferanten_kommunikation.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.lieferantenPapier_dokumente_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/lieferanten_papier_dokumente.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.lieferantenElektronische_dokumente_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/lieferanten_elektronische_dokumente.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.lieferantenElektronische_daten_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/lieferanten_elektronische_daten.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.lieferantenElektronische_daten_dokumente_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/lieferanten_elektronische_daten_dokumente.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
	.segelboot_img {
	width:775px;
	height:180px;
	float:right;
	background:url(../images/head/key_visuals/segelboot.jpg) no-repeat;
	border-bottom:1px solid #AAAAAB;
	}
.index_quote {
	position:absolute;
	left:460px;
	top:60px;
}
.quote {
	position:absolute;
	left:430px;
	top:35px;
}
#key_nav_wrapper {
	width:775px;
	height:33px;
	float:right;
	border-bottom:1px solid #AAAAAB;
	}
	.key_nav {
	float:right;
	margin-left:22px;
	margin-right:10px;
	padding-top:10px;
	}
/*###########################################################################
       =#Content SingleColumn
  ###########################################################################*/
#singleColumn {
	width:755px;
	width:775px;
	float:right;	
	margin:5px 0;
	
	padding:5px 0px 20px 0px; /*hier umschalten: Mit/Ohne HG - beachte: width!*/
	/*padding:20px 10px 20px 10px;
	background-color: #F7F5F5;*/
}
/*###########################################################################
       =#Content TwoColumns
  ###########################################################################*/
#twoColumns_wrapper {
	 position: relative;
	width:775px;
	float:right;	
	margin:5px 0;
	
	padding:5px 0px 20px 0px; /*hier umschalten: Mit/Ohne HG - beachte: width!*/
	/*padding:20px 10px 20px 10px;
	background-color: #F7F5F5;*/
}
#twoColumns_mainContent {
	width:542px;
	float:left;	
}
/*###########################################################################
       =#Content containerRight
  ###########################################################################*/

#containerRight_wrapper {
	width:207px;
	float:right;
	margin-top:30px;
}
.containerRight_headline {
	width:207px;
	float:right;
	background:url(../images/container_right/bg_headline.jpg) no-repeat;
	line-height:28px;
	color:#FFFFFF;
	margin-bottom:10px;
	font-weight:bold;
}
.distance_headline {
	padding:0px 10px;
}
.containerRight_content {
	padding:0px 10px 12px 10px;
	border-bottom:1px solid #AAAAAB;
	float:right;
	margin-bottom:20px;
	width:187px;
}
.containerRight_partner_left {
	padding:5px 0px 12px 0px;
	float:left;
	width:90px;
	clear:both;
	text-align:center;
	vertical-align:middle;
}
.containerRight_partner_right {
	padding:5px 0px 12px 0px;
	float:right;
	width:90px;
		text-align:center;
	vertical-align:middle;

}

.containerRight_partner {
	margin:0px 0px 12px 0px;
	float:right;
}

#box_2, #box_3, #box_4, #box_5, #box_6 {
        display: none;
}

/*#########Floating Element###############*/

.floating_element {			/*Extra-Style: IE6, IE7*/
  position: absolute;
   padding:15px;
  top:55px;
  left:0px;
     width: 550px;
  height:15em;
  background-color:#FFFFFF;
  background-color:#F7F5F5;
  border:1px solid #AAAAAB;
  /*border:1px solid #00539B;*/
  display:none;
  z-index:10;
  overflow:auto;
}
.floating_element_wide {			
  position: absolute;
   padding:15px;
  top:55px;
  left:-200px; 
   width: 750px;
  height:15em;
  background-color:#FFFFFF;
  background-color:#F7F5F5;
  border:1px solid #AAAAAB;
  display:none;
  z-index:10;
  overflow:auto;
}



/*###########################################################################
       =#Kontaktformular
  ###########################################################################*/
form#kontaktformular, form#mailform {
 margin-top: 10px;
}
fieldset {
 margin: 0;
 padding: 0;
 border :  solid 0 transparent;
}
legend {  
 display: none;
}

span.labelWrapper {
 float: left;
 width: 155px;
 width: 185px;
}

label {  
 float: left;
}
div.checkbox {
 padding: 0 0px 10px 0;
}
div.checkbox input {
 margin: 0 6px 0px 0;
}
div.checkbox span.colon {
 display: none;
}
div.checkbox span.labelWrapper {  
 float: none;
 width: 500px;
}
div.checkbox label { 
 float: none;
}
div.fieldset {
 margin: 0 0 -8px 0;  
 padding: 0 0 10px;
}
input[type="password"], input[type="text"], input[type="file"], textarea {
 border: 1px solid #AAAAAB;
 padding: .1em .2em .1em .2em;
 width:218px;
}
.submit {			
  	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #00539B;
  border: 0;
     margin:2px 0 0 185px;
  cursor:pointer;
   width:60px;
}

#tx-indexedsearch-searchbox-button-submit.submit {			
     margin:1px 0 0 5px;  
}
/*###########################################################################
       =#Footer
  ###########################################################################*/
#footer_home {
	width:187px;
	height:22px;
	float:left;
	padding:8px 0px 0px 10px;
	text-align:left;
}
#footer {
	width:775px;
	height:22px;
	float:right;
}
 .date {
	padding-right:10px;
	padding-top:8px;
		float:right;
		  color: #00539B;
}


#footerNav {		
	float:left;
}
#footerNav ul {		
	float:left;
	color:#00539B;
  	text-decoration:none;
}

#footerNav li {		
	list-style:none;
	padding:8px 32px 0px 0px;
	float:left;
}
#footerNav li a {		
	text-decoration:none;
	color:#00539B;
}
#footerNav li a:visited {		
	text-decoration:none;
	color:#00539B;
}
#footerNav li a:hover {
	text-decoration:none;
	color: #EF4044;
}
/* ***Abstaende*** */

.distance  {
	margin:15px 0px 0px 0;
}
.distance1  {
	margin:0px 0px 15px 0;
}
.distance2  {
	margin-left:8px;
}
.distance3  {
	margin:46px 0px 0px 0;
}
.distance4  {
	margin:0px 60px 0px 0;
}
.distance5 {
	margin:15px 0 0 100px;
}
.distance6  {
	margin:15px 0px 0px 0;
}
.border {
border-bottom:1px solid #AAAAAB;
margin:0px 0px 25px 0;
}

/*###########################################################################
       =#Sitemap
  ###########################################################################*/
.deep0 {
margin:0px 0px 5px 10px;
/*font-weight: bold;*/
}
.deep1 {
margin:5px 0px 0px 10px;
}
.deep2 {
margin:5px 0px 0px 10px;
}
/*###########################################################################
       =#Download Login
  ###########################################################################*/
  /*.csc-form-label-req {
	
		text-align:right;
		margin:0px 5px 0px 0px;


}*/
div#c361 label {
	
		text-align:right;
		margin:0px 5px 0px 0px;
		width:150px;
}
div#c361 input[type="password"],
div#c361 input[type="text"]
 {
border:1px solid #AAAAAB;
padding:0.1em 0.2em;
width:218px;
margin:0px 0px 2px 0px;
}
.csc-mailform-submit {
	
		margin:2px 0px 0px 155px;
		
}

/*###########################################################################
       =#Form stuff: powermail
  ###########################################################################*/
form#supportformular label {
  width: 185px;
  float: left;
}
form#supportformular div.tx_powermail_pi1_fieldwrap_html_text {
  margin: 0 0 -8px;
  padding: 0 0 10px;
}
form#supportformular div.powermail_check_inner label {
  width: 520px;
  padding-left: 10px;
  float:right;
padding-right:230px;

}

form#supportformular div.powermail_check_inner input { 	/*Extra-Style: IE6, IE7*/	
  float: left;
  padding-right: 10px;
  
}
form#supportformular div.tx_powermail_pi1_fieldwrap_html_check {
  clear: both;
  padding-bottom: 8px;
}

form#supportformular p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  display: none;
}
form#supportformular div.tx_powermail_pi1_fieldwrap_html_html {
  clear: both;
  margin-top: 20px;
}
form#supportformular .submitandcaptcha {
  margin-top: 20px;
}
form#supportformular .checkboxes {
  margin-bottom: 20px;
}
form#supportformular div.tx_powermail_pi1_fieldwrap_html_captcha img {
  margin-left: 185px;
  margin-top: 5px;
}
form#supportformular div.tx_powermail_pi1_fieldwrap_html_captcha span.tx-srfreecap-pi2-cant-read {
  display: block;
  margin-left: 185px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.tx-srfreecap-pi2-cant-read {
color: #515050;
}
.tx-powermail-pi1_confirmation_submit,
.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_mandatory_submit {			
  	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #00539B;
  border: 0;
     margin:2px 0 0 0px;
  cursor:pointer;
   width:auto;
}
.powermail_all_table,
ul.powermail_mandatory_list {
   margin-bottom: 10px;
  }
ul.powermail_mandatory_list {
   list-style-type:none;
   color:red;
}

/*###########################################################################
       =#Pressemitteilungen
  ###########################################################################*/
ul#pressemitteilungenList {
list-style:none;
}
ul#pressemitteilungenList li {
padding:0px 0 20px 0;
clear:left;
float:left;
}
ul#pressemitteilungenList h3 {
padding:0px 0 3px 0;
}
ul#pressemitteilungenList p {
padding:0px;
}
ul#pressemitteilungenList img {
padding:0px 10px 5px 0;
}
.news-single-additional-info {
margin-top:0px;
}
.news-single-img {
margin:0px 0 10px 10px;
padding:0;
}