/* CSS Document */

@font-face {
	font-family: 'TheSans';
	src: url('../fonts/TheSansOffice5_.eot');
	src: local('☺'), url('../fonts/TheSansOffice5_.woff') format('woff'), url('../fonts/TheSansOffice5_.ttf') format('truetype'), url('../fonts/TheSansOffice5_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100.1%; 
}
body { 

	background-color: #ffffff;
	color:#4d4e53;
	padding:0px;
	font: 11px/140% Verdana, 'Geneva, sans-serif';
}
a, a:visited {
	color:#00a9e0;
	text-decoration:none
}
a:hover {
	color:#00a9e0;
	text-decoration:underline
}
.center {
	width:962px;
	margin:0 auto;
	height:auto;
	padding:30px 0px 10px 0px;
	position:relative;
	position:relative;
}
.logo {
	position:relative;
	float:right;
	width:500px;
	height:42px;
	padding:10px 0px 0 25px;
	z-index:10!important;
	margin-top:-15px
}
#top {
	clear:both;
	background:#f1f1f1;
	width:100%;
	height:80px
}
.topper {
	width:1040px;
	height:20px;
	margin:0 auto;
	padding: 25px 0px;
	border-bottom:0px solid #d7d7d7;
}
.topi {
	font: normal 16px/120% 'TheSans', Tahoma, Arial !important;
	color:#009a49;
	margin:10px 20px 7px 0;
}
.topi a, .topi a:visited {
	display:block;
}
a.topi:link {
	color:#009a49
}
a.topi:hover {
	color:#009a49!important;
	text-decoration:none!important;
}
#topnav {

	width:100%;
	height:92px;
	border-bottom:1px solid #d7d7d7;
}
.topnaver {
	width:970px;
	margin:0 auto;
	font: normal 15px/120% 'TheSans', Tahoma, Arial;
	color:#00a9e0;
	height:93px;
	padding:5px 0 0 0px;
	z-index:0!important;
		background-image:url(../img/carburos_header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.topnaver a, .topnaver a:visited {
	font: normal 18px/120% 'TheSans', Tahoma, Arial;
	display:block;
	float:left!important;
	color: #009a49;
	margin:10px 15px 7px 0;
	padding: 0 3px 0 13px;
	z-index:0!important;
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)
}
.topnaver a:hover {
	color: #00a9e0;
	text-decoration:none
}
.ON {
	color:#009a49!important;
	background-image: url(../img/TOPNAV_arrow_green.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
}
.contentaround {
	width:1020px;
	padding:10px 21px 10px 21px;
	position: relative;
	height: auto;
	overflow:auto
}
.startaround {
	width:962px;
	padding:30px 0px 10px 0px;
	position: relative;
	height: auto;
	overflow:auto
}

/****************** slider startseite  ***********/

.sml_mrgn {
	margin-top:-5px;
}

.bsci {
	margin: 37px 0px 10px 0px;
	clear:both;
	color: #000;
}

 .slider {
	position:relative;
}
.slidebanner {
	height:340px;
	width:240px;
	margin:auto;
	display:none;
}
.slideshow {
	height:181px;
	width:962px;
	margin:0px 0;
	display:none;
}
.slideshow img {
	border:0;
}
.sliderNav {
	position:absolute;
	top:155px;
	right:20px;
	z-index:25;
}
.sliderNav a {
	color:#fff;
	font-size:.8em;
	/*border:1px solid #5c5c5c;*/
	background:#5c5c5c;
	text-decoration:none;
	margin:0 3px;
	padding:3px 6px;
}
.sliderNav a.activeSlide {
	
	background:#009a49;
}
.sliderNav a:focus {
	outline:none;
}



	
/********************* worldwide websites ***************************/
#worldwide {
	display:none;
	border:1px solid #d7d7d7;
	padding:10px 3px 17px 20px;
	-moz-box-shadow:inset 0px 1px 18px #ededed;
	-webkit-box-shadow:inset 0px 1px 18px #ededed;
	box-shadow:inset 0px 1px 18px #ededed;
	float:right;
	clear:both;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari, Chrome */
	-khtml-border-radius:4px; /* Konqueror */
	border-radius:4px; /* CSS3 */
	position:absolute;
	right:0px;
	top:46px;
	z-index:10!important;
	line-height:180%;
	background-image: url(../img/bg_worldwide.png);
}
#worldwide ul {
	list-style-position: inside;
	list-style-type: none;
	float:left;
	margin-right:20px
}
#worldwide a, #worldwide a:visited {
	color:#4d4e53;
}
#worldwide a:hover {
	color:#00a9e0;
}
/********************** LEFT ********************************/
.leftarea {
	width:215px;
	margin:10px 20px 0px 0px;
	float:left;
	height:auto
}
.leftarea a {
	display:block;
}
a.leftBox {
	display:block;
	padding:0 0 12px 0;
	border-bottom:1px dotted #d7d7d7;
	color:#4d4e53;
	text-decoration: none;
	margin-bottom:19px;
	width:100%
}
.leftBox .arrow {
	margin-top:5px
}



.leftBoxOlink {
	display:block;
	padding:0 0 18px 0;
	border-bottom:1px dotted #d7d7d7;
	color:#4d4e53;
	text-decoration: none;
	margin-bottom:19px;
	width:100%
}
a.subnav, a.subnav:visited {
	display:block;
	padding:5px 0;
	border-bottom:1px dotted #d7d7d7;
	color:#00a9e0!important;
	width:100%
}
a.subnav:hover {
	text-decoration:underline
}

.subsub {border:none !important; margin-left:20px; }

.subnavHeadl {
	display:block;
	font: normal 17px/120% 'TheSans', Tahoma, Arial;
	color:#00a9e0;
	padding-bottom:10px
}


/********************** RIGHT ********************************/
.rightarea {width:215px; padding-left:20px; float:left}
.contactbox {
	width:195px;
	min-height:46px;
	overflow: auto;
	border:1px solid #d7d7d7;
	color:#4d4e53;
	padding: 10px 10px 6px 10px;
	background-color: #fff;
	margin-bottom:12px;

}

.contactbox h2, .pressbox h2 {	color: #00a9e0;
	font: normal 18px/120% 'TheSans', Verdana, 'Geneva, sans-serif';
	margin: 14px 0 6px 0}
	
	
	
.pressbox {
	width:185px;
	min-height:46px;
	overflow: auto;
	border:1px solid #d7d7d7;
	padding: 6px 10px 6px 20px;
	background-color: #fff;
	/*background-image: url(../img/icn_press.png);background-repeat: no-repeat;background-position: 6px 6px;*/

	margin-bottom:12px
}

.pressbox img { border: 1px solid #d7d7d7}


.imgbox {
	width:215px;
     height:auto;
	border:1px solid #d7d7d7;
	padding: 0px;
	background-color: #fff;
	margin-bottom:12px
}
.downloadbox h1 {font-size:12px; color:#009a49; font-weight:bold}



.bucket {width:215px; color:#fff; margin-bottom:12px}

.PDFbox {
	width:155px;
	min-height:46px;
	overflow: auto;
	border:1px solid #d7d7d7;
	padding: 15px 10px 15px 50px;
	background-color: #fff;
	background-image: url(../img/icn_PDF.png);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	margin-bottom:12px
}
.zitatbox-re {
	width:193px;
     height:auto;
	border:1px dotted #d7d7d7;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 10px;
	background-color: #fafafa;
	margin-bottom:12px
}
.zitatbox-re h1 {font-size:12px; color:#009a49; font-weight:bold}


hr {
	background-color: #bfd2d4;
	color: #bfd2d4;
	border: 0;
  	width: 100%;
	height: 1px;
	margin:10px 0px 10px 0px 
	
}

.headmobile_img {
	display: none
}


/********************** CONTENT ********************************/

.pdf {
	width:13px ;
}

.content {width:470px; float:left; margin-top:0px }
.content ul, .content ol {margin:0 0 5px 35px; }
.content ul li, .content ol li {font: 11px/140% Verdana, 'Geneva, sans-serif'; margin-bottom: 8px}

.content02 {
	width:668px;
	float:left;
	margin-top:0px;
	height:auto
}
.content02 ul, .content02 ol {
	margin:0 0 5px 35px;
}
.content02 ul li, .content02 ol li {
	font: 11px/140% Verdana, 'Geneva, sans-serif';
	margin-bottom: 8px
}
.homeTAB td {
	border-top:1px dotted #d7d7d7;
	padding:15px 0 10px 0
}
.bucket {
	width:215px;
	margin:0px 33px 10px 0px;
	float:left; color:#333333
}
.bucket a:link {
	color:#00a9e0;
	text-decoration:none
}
.bucket a:hover {
	color:#057fa8;
	text-decoration:none
}


.tableTEST td {padding: 4px; font:10px/110% Verdana;}
.tableTEST  {border-top:1px solid #dfdfdf!important;}
.whiteCAP {font:10px/110% Verdana; color:#fff; font-variant:small-caps}

/******************************************************/
.BGgreen {
	background-color:#009a49
}
.BGgrey {
	background-color:#4d4f53
}
.BGblue {
	background-color:#00a9e0
}
.BGyellow {
	background-color:#ffda00
}
/******************************************************/

.right {
	float:right
}
.left {
	float:left
}
h1 {
	color: #009a49;
	font: normal 30px/120% 'TheSans', Verdana, 'Geneva, sans-serif';
	margin: 0 0 14px 0
}
h2 {
	color: #009a49;
	font: normal 18px/120% 'TheSans', Verdana, 'Geneva, sans-serif';
	margin: 14px 0 6px 0
}
h3 {
	color: #00a9e0;
	font: bold 12px/140% Verdana, 'Geneva, sans-serif';
	margin: 17px 0 8px 0
}
p {
	margin-bottom: 8px
}
.imgR {
	float:right;
	margin: 0 0 10px 20px
}
.imgL {
	float:left;
	margin: 0 20px 10px 0
}
.blue {
	color: #00a9e0
}
.green {
	color: #009a49
}
.yellow {
	color:#ffda00
}
.orange {
	color:#ff9e0d
}
.greyDK {
	color:#4d4e53
}
.line {
	height:10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 14px;
	clear:both
}
.pict {
	float:right;
	margin: 0 0 0 20px
}
.pictLI {
	float:left;
	margin-right: 20px
}
.box {
	float:left;
	margin-right: 20px;
	width:225px;
	border: 1px solid #ccc
}
.box p, .box h3, .box h2 {
	padding-left:8px
}
.small {
	font-size:10px
}
blockquote {
	margin:0 0 5px 35px;
}
#tellmeFoot {
	width:100% !important;
	background:#FFFFFF;
	border-top:1px solid #d7d7d7;
	font: normal 19px/100% 'TheSans', Verdana, 'Geneva, sans-serif';
	height:90px;padding-top:10px
}
.tellmefooter {
	width:962px;
	padding: 25px 0px 10px 0px;
	margin:0 auto;
	height:90px;
	text-align:right;
	background-image:url(../img/star.jpg);
	background-position:top left;
	background-repeat:no-repeat
}
.tabelle, .tabelle2{
	width:100%;
	clear:both; 
}
.tabelle td {
	border-bottom: 1px dotted #ccc;
	padding:3px
}

.tabelle2 td {
	padding:2px;
}


.border_tab-blu {border-bottom:2px solid #00a9e0!important;}
.border_tab-grey {border-bottom:2px solid #4d4e53}

.tabHeadl {
	border-bottom: 1px solid #00a9e0!important;
	font-weight:bold
}
sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: -10%;
}
sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	vertical-align: 30%;
	font-weight:normal!important
}
#foot {
	clear:both;
	background:#f1f1f1;
	width:100%;
	height:75px
}
.footer {
	width:962px;
	height:20px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
	border-bottom:1px solid #d7d7d7;
	font-size: 10px;
}
.footer a {
	color:#999999
}
.footer a:link {
	color:#999999
}
.footer a:hover {
	color:#00a9e0;
	text-decoration:none
}
.nav-open {
	display: none;
	z-index:100
}
.close {
	display: none !important;
}


 @media only screen and (min-width: 760px) and (max-width: 1024px) { 
 
.tellmefooter {width:100%; }


 .footer {width:100%; }
 }
 
 
 @media only screen and (min-width: 680px) and (max-width: 760px) { 
 
 body {
	width:100%;
	padding: 0px !important;
	margin: 0px !important;
}

.topnaver a, .topnaver a:visited {
	font: normal 13px/120% 'TheSans', Tahoma, Arial!important;
	padding: 5px 0px 0px 15px !important;
}

.logo {width:300px !important;}
.topi {
	font: normal 14px/120% 'TheSans', Tahoma, Arial !important;
	color:#009a49;
	margin:10px 20px 7px 0;
}
	 

.center img, .contentaround,.startaround img, .tellmefooter, .footer, .bucket img, .topnaver, .topper {
	width:100%!important;

}

.center {	width:100%!important;}
.startaround {	width:100%!important;}


.content {float:right;padding-right:25px; width:490px; min-height:470px}

.rightarea {width:180px!important; padding:25px 0 0 8px; float:left}
.contactbox  {
	width:170px; 	padding: 35px 10px 6px 10px; }

	
.imgbox {width:190px; }
.imgbox img {width:190px; }

.startaround p{ padding-left:20px; padding-right:20px}

.leftarea {width:25%!important; margin-left:10px}

.content02 {width:70%!important;}

.contentaround {
	width:100%!important;
	padding:0;
	overflow:hidden
}

.bucket {
	width:42%;
	height:auto;
	padding: 5px 5px 10px 0px!important;

}

.footer {
	border:none
}


.tellmefooter {
	width:100% !important;}
	
.pdf {
	width:20px !important;
}


}
 
 
 @media all and (max-width:680px) {
body {
	width:100%;
	padding: 0px !important;
	margin: 0px !important;
}
.mobile {
	display:none !important;
}
 .headmobile_img {
	display: block; width: 100%;
}
	 
.close {
	display:block !important;
	padding:10px !important;
	text-transform:none;
	font-style: italic!important; color:#ccc!important; 
}

#topnav {
	position: absolute !important;
	top: -220%;
	left: 0;
	float: none;
	width:100% !important;
	margin: 0 !important;
	padding: 0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background:none !important;
	padding: 0px !important;
	margin: 0px !important;
	z-index:100;
	border-bottom:none !important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#topnav:target {
	top:-20px;
}
.nav-open {
	width:100% !important;
	position: relative;
	top:1px;
	left:0px;
	float:left;
	display: block;
	background: #fff;
	z-index:100;
	border-bottom:1px solid #ccc
}
.nav-open a {
}
.nav-open img {
	padding:10px
}
.topnaver {
	display:block !important;
	width:100% !important;
	height:auto;
	background:none !important;
	padding: 0px !important;
	margin: 0px !important;
}
.topnaver a, .topnaver a:visited {
	font: normal 18px/120% 'TheSans', Tahoma, Arial!important;
	display:block;
	color: #009a49;
	margin:0px!important;
	text-shadow: none;
	width:90% !important;
	padding:10px !important;
	background:#fff;
	border-bottom:1px solid #ccc;
	-webkit-box-shadow: 1px 14px 14px #787878; /* webkit browser*/
	-moz-box-shadow: 1px 14px 14px #787878; /* firefox */
	box-shadow: 1px 14px 14px #787878;
}
.topnaver a:hover {
	color: #00a9e0;
	text-decoration:none
}
.logomobile {
	height:auto;
	padding: 0px;
	margin: 0px;
	float:right
}



a.subnav:hover {
	text-decoration:underline
}

.subsub {border:none !important; margin-left:20px; padding:1px!important;}

.center, .center img, .startaround, .startaround img, .tellmefooter, .footer, .bucket img , .PDFbox {
	width:100%;
	height:auto
}

.pdf {
	width:20px !important;
}

.startaround p{ padding-left:10px; padding-right:10px}
.contentaround {
	width:100%!important;
	padding:0;
	overflow:hidden
}
.contentaround a, .subnavHeadl, .content02, .content  {
	padding:10px
}

.subnavHeadl {	font: bold 22px/120% 'TheSans', Tahoma, Arial; background:#f1f1f1; border-bottom:1px solid #ccc}




.content02, .content {
	width:90%!important;
	float:left !important;
	margin:0 !important;
}
.leftarea {
	width:100%!important;
	float:right !important;
	margin:0!important;
}

.rightarea {width:95%!important; padding:10px 8px 0 8px; float:left}
.contactbox {
	width:97%; 	padding: 35px 0px 6px 10px; }
	
.imgbox {width:100%}
.imgbox img {width:95%}

.bucket {
	width:42%;
	height:auto;
	padding: 0px 0px 5px 0px!important;  margin-left: 5px; 
}
.bucket-r {
	margin: 0px!important; 
}

.bucket-m {clear:both}

.footer {
	border:none
}
#tellmeFoot {
	border-top:1px solid #d7d7d7;
	font: normal 15px/100% 'TheSans', Verdana, 'Geneva, sans-serif';
	height:auto
}
#tellmeFoot a {
	padding:15px
}

.tellmefooter {
	
	background:none;
		padding: 10px 0px 10px 0px;
}
.right {
	clear:both;
	float:left;
	padding-left:10px
}
.left {
	clear:both;
	padding-left:10px
}




		 
		 .temp {width:17% !important}
}