/*#########################*/
/*##### import styles #####*/
/*#########################*/

/*##### typo3 content styles #####*/
@import url("typo3 css/typo3_oceandrive.css");
@import url("../fce.css");

/*##############################*/
/*##### general Styles #########*/
/*##############################*/
*{	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;}
	
body{
	font-size: 100.01%; /* entspricht 16px, 100% ergibt keine gleichmäßige Skalierung im IE */
	margin: 0px;
	text-align: center;
}

table{
	border-collapse: collapse; /* keine doppelten Rahmen und Abstände zwischen Rahmen*/
	border-spacing: 0px;}
td{ vertical-align:top;}
h1 {
	padding-right: 0;
	font-weight:bold;
	color:#001E50;
	font-size: 14px;
	margin-bottom:0.2em;
	margin-top: 5px;
	text-align: left;
}

h2,h3 {
  padding-right: 0px;
  font-weight:bold;
  color:#337ABA;
  font-size: 12px;
  margin-bottom:5px;
  text-align: left;
}
textarea, input, select{
	font-size: 1em;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;}
img{border: none;}
hr{	border:0px;
	border-top:1px solid #000000;
	height:0px;}
.left{
	float:left;}
.rigth{
	float:right;}
.clear{ /* zum clearen der floatenden Div's */
	clear: both;
	line-height:0px;
	height:0px;
	width:0px;
	font-size:0px;}
dfn{
  display: none;
}
/*##############################*/
/*##### page construction ######*/
/*##############################*/
#container{
  background-image: url(../../img/oceandrive/bg_container.gif);
  background-repeat:repeat-y;
  margin:0 auto 0 auto;
  padding:0;
  text-align:center;
  width:997px;
  position: relative;
	font-size:62.5%; /* entspricht 10px */
	text-align:left;
  }
	
/*##################*/
/*##### HEADER #####*/
/*##################*/
div#headerwrap{
	height:141px;
	}
div#headerwrap.headerHome{
  background-image:url(../../img/oceandrive/bg_top_home.gif);
  background-repeat:no-repeat;
}
div#headerwrap.headerSubtemplate{
  background-image:url(../../img/oceandrive/bg_top.gif);
  background-repeat:no-repeat;
}
	
/*##### logo #####*/
#headerwrap #logo{
	width:204px;
	padding-left:27px;
	padding-top:26px;}
	
/*##### service menu #####*/
#headerwrap #servicemenu{
	text-align:right;
	float: right;
	font-size:1.2em;
	height:20px;
  margin: 30px 40px;
  width:auto;}
#headerwrap #servicemenu a:link, #headerwrap #servicemenu a:visited{
	text-decoration:none;
	margin-left:10px;}
#headerwrap #servicemenu a:hover, #headerwrap #servicemenu a:focus{
	text-decoration: underline;}
#headerwrap #servicemenu img{
	vertical-align:middle;}
	
/*##### language menu #####*/	
#headerwrap #langmenu{
	width:547px;
	margin-right:10px;
	text-align:right;}
#headerwrap #langmenu a{
	margin-left:2px;}
/*##### searchbox #####*/
#headerwrap #search{
	width:186px;}
#headerwrap #search input{
	width:120px;
	border:1px solid #d5d5d5;
	padding:2px 0px;}
#headerwrap #search input.button{
	width:54px;
	border:1px solid #d5d5d5;
	padding:2px 0px}
	
/*** MAINNAVI ***/	
#mainmenu {
  margin: 0;
  float: left;
  width: 982px;
  height: 27px;
  margin-left: 6px;
  background-image: url(../../img/oceandrive/bg_globalnav.gif);
  background-repeat: repeat-x;
  font-size: 1.2em;
}
#mainmenu a {
	color: #fff;
	text-decoration: none;
}
#mainmenu ul {
  padding: 0;
  margin: 0;
  height: 27px;
  list-style-type: none;
  text-align: right;
	float: right;
	list-style-image: url(../../img/oceandrive/bullet.gif);
}
* html #mainmenu{
	margin-left: 4px; 
}
* html #mainmenu ul {
	margin-right: 0px;
}

#mainmenu ul li  {
  padding: 0px;
  background-image: url(../../img/oceandrive/main_button_no.jpg);
  background-repeat: no-repeat;
	width: 100px;
	height: 25px;
	float: left;
	text-align: center;
	padding-top: 3px;
	list-style-image: none;
}

#mainmenu ul li.a{
	padding-top: 5px;
	font-size:11px;
  color: #fff;
  }

#mainmenu ul li.act{
  background-image: url(../../img/oceandrive/main_button_act.jpg);
	height: 25px;
  }

#mainmenu ul li a:visited {
  display:inline;
  color: #fff;
  }
/*** ENDE MAINNAVI ***/

#breadcrumb {
  margin-left: 36px;
  float: left;
  list-style-type: none;
}
*html #breadcrumb {
  margin-left: 20px;
}

#breadcrumb li{
  list-style-type: none;
  display:inline;
  font-size: 10px;
  margin: 0px;
  }

#breadcrumb li a{
  color: #333;
  text-decoration: none;
  }
	
/*#################*/
/*##### FLASH #####*/
/*#################*/
#flashwrap{
	padding-left:18px;}
	
/*****************************
*
*	Subnavigation
*
******************************/
#subnavi {
  /*float: left;*/
  top: 386px;
  left: 7px;
  position: absolute;
  font-size: 1.2em;
}
*html #subnavi {
  left: -28px;
}
#subnavi ul li {
  background-image: url(../../img/oceandrive/subnav_bg.gif);
  background-repeat: no-repeat;
  display: block;
  width: 178px;
  height: 36px;
  text-align: left;
}
#subnavi ul li.act {
  background-image: url(../../img/oceandrive/subnav_bg_act.gif);
  background-repeat:no-repeat;
}

#subnavi ul li a:link,
#subnavi ul li a:visited {
  display: block;
  padding-top: 7px;
  margin-left: 25px;
  color: #fff;
  text-decoration: none;
}

div.middlemitnavi {
  width: 720px;
  float: right;
  text-align: left;
  margin: 20px 22px 10px 0px;
}


/*****************************
*
*	Form
*
******************************/

.tx-powermail-pi1_fieldset legend {
  display: none;
}

.tx_powermail_pi1_fieldwrap_html,
.tx_powermail_pi1_fieldwrap_html_text {
  width:380px;
  margin: 0 0 10px 0;
  clear: both;
  display:block;
}

.tx_powermail_pi1_fieldwrap_html label,
.tx_powermail_pi1_fieldwrap_html_text label,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
  font-weight: bold;
  color: #535353;
  width: 110px;
  float:left;
}

.tx_powermail_pi1_fieldwrap_html_label {
  width: 310px;
}


.tx_powermail_pi1_fieldwrap_html input,
.tx_powermail_pi1_fieldwrap_html_text input {
  width: 200px;
  height: 18px;
}

.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner {
  float:left;
  width: auto;
  height: 25px;
}

.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner label,
.tx_powermail_pi1_fieldwrap_html_text .powermail_radio_inner label {
  width:auto;
}

.tx_powermail_pi1_fieldwrap_html .powermail_check_inner label,
.tx_powermail_pi1_fieldwrap_html_text .powermail_check_inner label {
}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  display:none;
}


.powermail_check_inner input,
.powermail_radio_inner input {
  border: none;
  padding: 0;
  margin: 0;
  width:auto;
  height: auto;
}

.powermail_radio_inner input {
  margin: 0 15px 0 3px;
}

.tx_powermail_pi1_fieldwrap_html input.powermail_submit {
  cursor: pointer;
  width:auto;
  background: white url(../../img/oceandrive/submitpfeil.gif) no-repeat left 50%;
  border: none;
  color:navy;
  font-size:14px;
  font-weight:bold;
  padding-left:10px;
  margin: 5px 0;
}


/*###################*/
/*##### CONTENT #####*/
/*###################*/	
#contentwrap{
	/*padding:0px 30px;*/
	background:url(../../img/oceandrive/bg_content.gif) no-repeat;
	padding: 5px 20px;
	font-size:1.2em;}
#contentwrap a:link, #contentwrap a:visited{
	color:#3d8dc7;
	text-decoration:none;}
#contentwrap a:hover, #contentwrap a:active{
	text-decoration:underline;}
#contentwrap p{
	line-height:18px;}

#contentwrap div.sixtyThirtyWrapper{
  width: 900px;
  margin-left: 35px;
  text-align: left;
  padding-top: 25px;
}
#contentwrap div.sixtyContent{
  width: 64.5%;
}
#contentwrap div.middlehomesite{
  text-align: left;
  padding-left: 36px;
}
#contentwrap div.tx-flashslideshow-pi1{
  margin: 28px 0 15px 20px;
}
.csc-frame-indent6633{
	margin-left: 190px;
}
/*** BILDER GALERIE***/
.tx-chgallery-pi1{  
  width: 768px !important;
  position: relative;
  text-align: center;
  padding: 0;
  float: right;
  }
.tx-chgallery-pi1 .pagebrowser {
	border-top:1px solid #dde1e4;
	border-bottom:1px solid #dde1e4;
	padding:3px 0;	
	width: 595px !important;;
	clear: both;
}
.tx-chgallery-pi1 .single{
  height: 116px !important;
  width: 108px !important;
  background-color: #031F51 !important;
}
.tx-chgallery-pi1 .single .img {
	height: 85px !important;
	width: 100px !important;
	padding-left: 10px;
	background-image: none !important;
}
.tx-chgallery-pi1 .single .img img {
	margin: 8px 0 0 2px !important;
	padding: 0 !important;
}
.tx-chgallery-pi1 .single .img .align {
	width: 106px !important;
	height: 85px !important;
	margin: -45px 0 0 -55px !important;
}
.tx-chgallery-pi1 .single span {
	margin: 4px 0 0 1px !important;
	padding: 0 !important;
	width:104px !important;
	background-color: #fff !important;
}
/* nur für den IE6 */
*html .tx-chgallery-pi1{
  margin-right: 80px;
  width: 600px !important;
}
* html .tx-chgallery-pi1 .single .img img{
  margin-top: 5px !important;
  margin-left: 5px;
} 
/* nur für den IE7 */
*+html .tx-chgallery-pi1{
  width: 600px !important;
  margin-right: 140px; 
}
*+html .tx-chgallery-pi1 .single .img img{
  margin-top: -40px !important;
} 

/*******************************
 *
 *
 *    Listenansicht Produkte
 *
 *
 *******************************/  
 
div.divproduct .csc-textpic-text {
	width: 300px;
	margin-left: 10px;
	margin-top: 25px;
}

ul#productlist {
	list-style: none;
	margin: 0px;
	padding-left: 35px;
	margin-top: 40px;
	text-align: left;
}
*html ul#productlist {
	margin-left: 35px;
}
ul#productlist li {
  float: left;
  width: 175px;
  height: 150px;
	position: relative;
  /*-position: static; */

}
ul#productlist li a:link,
ul#productlist li a:visited {

}
ul#productlist li div.productcatalog-list-item-header {
  position: absolute;
  /*-position: static; */
	width: 140px;
  bottom: 113px;
  -height: 10px;
}
ul#productlist li div.productcatalog-list-item-image {
  position: absolute;
  /*-position: static; */
  bottom: 0px;
  border: 1px solid #CCC;
  padding: 2px;
  width: 140px;
}
ul#productlist li div.productcatalog-list-item-header a:link,
ul#productlist li div.productcatalog-list-item-header a:visited{
  color: #444;
}
/*******************************
 *
 *
 *    Detailansicht Produkte
 *
 *
 *******************************/ 
div#zoom {
	text-align: right;
	padding-right: 40px;
}
div#topimage, 
div#teasertext {
	margin-top: 2px;
}
div#topimage {
	position: relative;
	float: left;
	width: 560px;
	margin-left: 35px;
	text-align: left;
}
div#teasertext {	
	float: right;
	-float: none;
	width: 310px;
	margin-right: 47px;
	padding-top: 20px;
	text-align: left;
}
*html div#teasertext {	
	padding-left: 25px;
}
div#linkeSpalte {
	width: 425px;
	float: left;
	height: 100%;
	border-right: 1px solid #EEE;
	padding-right: 15px;
}
*html div#linkeSpalte {
	width: 435px;
}
div#rechteSpalte {
	float: right;
	width: 425px;
	height: 100%;
}
div#printlink {
	position: absolute;
	right: 20px;
	top: 10px;
}
fieldset {
	border: 1px solid white;
}
/*******************************************
*
*	CSS für Reitertemplate
*
*
********************************************/
div#printlink{
	position: absolute;
	right: 20px;
	top: 146px;
}
div.topimage, 
div.teasertext{
	margin-top: 2px;
}
div.topimage{
	position: relative;
	float: left;
	width: 560px;
	padding-left: 35px;
}
div.headerimageSystembuilding{
  margin: 0 0 0 0px;
  width: 100%;
	text-align: center;
}
div.teasertext{	
	float: right;
	-float: none;
	width: 310px;
	margin-right: 40px;
	padding-top: 20px;
	text-align: left;
}
*html div.teasertext{	
	padding-left: 25px;
}
ul#reiternav{
	/*width: 100%; */
	list-style: none;
	background: url(../../img/oceandrive/verlauf_reiternav.gif) repeat-x bottom;
	margin: 45px 15px 0px 15px;
	padding: 0px;
	height: 36px;
}
ul#reiternav li{
	overflow: hidden;
	float: left;
	height: 36px;
	text-align: center;
	background: url(../../img/oceandrive/right_reiter.gif) no-repeat right top;
	display: inline;
}
ul#reiternav li a:link,
ul#reiternav li a:visited{
	display: block;
	color: #888;
	height: 31px;
	-height: 36px;
	padding: 8px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(../../img/oceandrive/left_reiter.gif) no-repeat left top;
	font-size: 90%;
	font-weight: bold;
	-width: 150px;
	min-width: 150px;
	text-decoration: none;
}
ul#reiternav li.act,
ul#reiternav li:hover {
	background: url(../../img/oceandrive/right_reiter_act.gif) no-repeat right top;
}
ul#reiternav li.act a:link,
ul#reiternav li.act a:visited,
ul#reiternav li a:hover {
	background: url(../../img/oceandrive/left_reiter_act.gif) no-repeat left top;
	color: #337ABA;
}
div#reitercontainer {
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	padding: 20px;
	height: 1%;
	margin: 0 15px;
	text-align: left;
}

div#reitercontainer div.fiftyLeft{
  width: 421px;
	float: left;
	height: 100%;
	border-right: 1px solid #EEE;
	padding-right: 15px;
}
div#reitercontainer div.fiftyRight{
	float: right;
	width: 421px;
	height: 100%;
}

div#reitercontainer h1{
	margin: 0;
	padding: 0;
} 
div#reitercontainer h2 {
	margin-top: 0;
	margin-bottom: 5px;
}  
div#reitercontainer h3 {
	margin-top: 15px;
	margin-bottom: 5px;
}  
div#reitercontainer p.bodytext{
	margin-bottom: 20px;
}

/*#########################*/
/*##### LANGUAGE MENU #####*/
/*#########################*/
#languageSelectorOceandrive{
	font-size: 12px;
	padding-left: 35px;
	text-align:left;
}
#languageSelectorOceandrive ul{
	float: left;
	margin-right: 10px;
	width: 200px;
}
#languageSelectorOceandrive ul li{
	list-style: none;
	margin-bottom: 5px;
}
#languageSelectorOceandrive ul li img{
	margin-right: 5px;
}
#languageSelectorOceandrive a{
	text-decoration: none;
}
#languageSelectorOceandrive a:link, #languageSelectorOceandrive a:visited{
	text-decoration:none;}
#languageSelectorOceandrive a:hover, #languageSelectorOceandrive a:active{
	font-weight: bold;
}
#languageSelectorOceandrive p{
	clear: left;
	padding-top: 30px;
}
	
/*##################*/
/*##### FOOTER #####*/
/*##################*/
#footerwrap{	
  background-image: url(../../img/oceandrive/bg_footer.jpg);
  background-repeat:no-repeat;
  padding-top: 260px;
  width: 997px;
  color: #FFFFFF;
  text-align: center;
  font-size: 10px;
  }
#footerwrap p, #footerwrap a{
  color: #fff;
}
#footerwrap a:link, #footerwrap a:visited{
	text-decoration:none;
	margin:0px 5px;}
#footerwrap a:hover, #footerwrap a:focus{
	text-decoration: underline;}