@import url(abstaende.css);
body { 
font-family:"Trebuchet MS", verdana, arial;
font-size: 8pt; 
line-height: 10pt;
background-color: #cccccc;
}
headline { 
font-family:"Trebuchet MS", verdana, arial;
font-size: 8pt; 
line-height: 14pt; 
}
a:link { 
color: #000; 
text-decoration: none; 
}

a:visited { color: #000; text-decoration: none; }

a:hover { color: #000; font-weight: bold; text-decoration: none; }

a:active { color: #000; font-weight: bold; text-decoration: none; }


#content {
width: 900px;
height: 100%;
margin-left: 10%;
border-style: solid;
border-width: 1px;
border-color: #bbbbbb;
background-color: white;
float: left;
padding-bottom: 25px;
}
/*---------------------------------------------------------------*/
/*Head Bereich*/
#head {
height: auto;
height: 240px;
width: 900px;
/*border-style: solid;
border-width: 1px;
border-color: black;*/
float: left;
}


/*----------------------------------------------------------------*/
/*#news {
position: relative;
width: 180px;
height: 105px;
margin-left: 605px;
padding-top: 35px;
background-color: transparent;
}
#news_text {
margin-top: 12px;
margin-right: 10px;
float: left;
}*/

.menue {
position: relative;
width: 860px;
height: 20px;
float: left;
background-color: #283d6c;
border-top-style: solid;
border-top-width: 1px;
border-top-color: white;
/*border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;*/
padding: 7px 0 0 40px;
}
.menue li  {
width: auto;
height: auto;
text-align: center;
padding: 0 15px 0 15px;
list-style: none;
/*background-image: url(../Bilder/keyvisual/bg_button.jpg);*/
float: left;
border-left-style: solid;
border-left-color: white; 
border-left-width: 1px;
font-size: 8.5pt;
color: #566490;
}
.menue li a {
color: white;
}

.menue li a:hover {
color: #566490;
}
.submenue {
width: 200px;
height: auto;
margin-bottom: 20px;
padding-top: 0px;
font-weight: bold;
float: left;
}
.submenue li {
width: 139px;
height: auto;
padding-left: 15px;
padding-top: 6px;
padding-bottom: 6px;
list-style: none;
float: left;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: Black;
border-right-style: solid;
border-right-width: 1px;
border-right-color: Black;
background-color: #939393;
color: #566490;
}
.submenue li a {
color: white;
font-weight: bold;
}
.submenue_produktlinie {
width: 170px;
height: auto;
margin:20px 0 20px 42px;
padding-top: 0px;
font-weight: bold;
float:left;
}
.submenue_produktlinie ul {
margin: 0px;
padding: 0px;
}
.submenue_produktlinie li {
list-style: none;
float:left;
color: #566490;
margin-left:5px;
}
.submenue_produktlinie li a {
color: black;
font-weight: bold;
}

#content_main {
position: relative;
height: auto;
width: 780px;
float: left;
}
#content_main_home {
position: relative;
height: auto;
width: 700px;
float: left;
}
.footer {
width: 860px;
height: 10px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #cccccc;
margin-bottom: 0px;
margin-top: 40px;
padding-top: 10px;
padding-left: 40px;
float: left;
color: #8b8b8b;
}
.footer li {
float: left;
list-style: none;
margin-right: 25px;
}
.footer li a {
float: left;
list-style: none;
margin-right: 20px;
color: #8b8b8b;
}
.footer2 {
width: 860px;
margin-bottom: 20px;
margin-top: 40px;
padding-top: 10px;
padding-left: 25px;
float: left;
}
.footer2 ul {
margin:0;
padding:0;
}
.footer2 li {
float: left;
list-style: none;
margin: 10px 0 2px 15px;
}
.footer2 li a {
color: #8b8b8b;
font-weight:normal;
}
#logo {
position: relative;
width: 180px;
height: 25px;
float: left;
background-image: url(../Bilder/bechtle_logo_small.jpg);
background-repeat: no-repeat;
}
#claim {
margin: 25px 0 0 20px;
}
.text_block {
width: 900px;
float: left;
}
.text_block02 {
position: relative;
width: 600px;
margin-left: 200px;
float: left;
}
.text {
width: 400px;
float: left;
font-size: 10pt;
line-height: 14pt;
}
.text li {
float: left;
list-style: none;
margin-right: 25px;
font-size: 10pt;
line-height: 14pt;
}
.text a {
text-decoration: underline;
color: Blue;
}
.text02 {
width: 550px;
float: left;
font-size: 10pt;
line-height: 14pt;
}
.text02 ul {
margin: 0;
padding: 0;
}
.text02 ul li {
list-style: circle;
margin-right: 25px;
font-size: 10pt;
line-height: 14pt;
}
.text02 a {
text-decoration: underline;
color: Blue;
}
.text03 {
margin-left:40px;
font-size: 10pt;
line-height: 14pt;
}
.text03 ul {
margin: 0;
padding: 0;
}
.text03 ul li {
list-style-image: url(../Bilder/down.jpg);
height: 10px;
margin-right: 25px;
padding-bottom: 15px;
padding-left: 10px;
}
.text03 a {
text-decoration: none;
}

.text04 {
margin-left:40px;
width: 380px;
float: left;
margin-right: 20px;
font-size: 10pt;
line-height: 14pt;
}
.text04 li {
list-style: circle;
list-style-position: inside;
margin-right: 25px;
font-size: 10pt;
line-height: 14pt;
}
.text04 a {
text-decoration: underline;
color: Blue;
}
.text05 {
margin-left:40px;
width: 650px;
float: left;
margin-right: 50px;
font-size: 10pt;
line-height: 14pt;
}
.text05 li {
float: left;
list-style: none;
margin-right: 25px;
font-size: 10pt;
line-height: 14pt;
}
.text05 a {
text-decoration: underline;
color: Blue;
}
.text06 {
width: 280px;
font-size: 10pt;
line-height: 14pt;
float: left;
}
.text07 {
margin-left:40px;
width: 750px;
float: left;
margin-right: 50px;
font-size: 10pt;
line-height: 14pt;
}
.text07 li {
float: left;
list-style: none;
margin-right: 20px;
font-size: 10pt;
line-height: 14pt;
}
.text07 a {
text-decoration: underline;
color: Blue;
}
.text_antwort {
width: 600px;
float: left;
font-size: 10pt;
line-height: 14pt;
}
.container01 {
/*position: relative;*/
width: 550px;
height: auto;
list-style: none;
}
.container01 li {
list-style: none;
float: left;
}
.container02 {
/*position: relative;*/
width: 600px;
height: auto;
list-style: none;
}
#head_contact {
height: 15px;
width: 450px;
padding-top: 5px;
padding-bottom: 5px;
border-top-style: solid;
border-top-width: 1px;
border-color: #283d6c;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #283d6c; 
}
/*-------------------------------------------*/
/*Tabelle Classic*/
.table_classic {
width: auto;
height: auto;
margin-top: 20px;
margin-left: 0px;
float: left;
list-style: none;
}
.table_classic_row_head {
width: 500px;
height: 55px;
background-color: #cccccc;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 100px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
.table_classic_row_head li {
float: right;
}
.table_classic_row {
width: 600px;
height: 15px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
.table_classic_row li {
float: right;
}
/*-------------------------------------------*/
/*Tabelle Magazin*/
.table_magazin {
width: auto;
height: auto;
margin-top: 20px;
float: left;
list-style: none;	
}
.table_magazin_row_head {
width: 500px;
height: 15px;
text-align: center;
background-color: #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 100px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;

}
.table_magazin_row_head li {
float: right;
}
.table_magazin_row {
width: 600px;
height: 15px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
.table_magazin_row li {
float: right;
}
/*-------------------------------------------*/
/*Tabelle Nordisch*/
.table_nordisch {
width: 500px;
height: auto;
margin-top: 20px;
float: left;
list-style: none;
}
.table_nordisch_row_head {
width: 350px;
height: 15px;
text-align: center;
background-color: #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 100px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;

}
.table_nordisch_row_head li {
float: right;
}
.table_nordisch_row {
width: 450px;
height: 15px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
}

.table_nordisch_row li {
float: right;
}
#line_bottom {
width: 450px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
/*-------------------------------------------*/
/*Tabelle Rheinisch*/
.table_rheinisch {
width: auto;
height: auto;
margin-top: 20px;
float: left;
list-style: none;	
}
.table_rheinisch_row_head {
width: 250px;
height: 15px;
text-align: center;
background-color: #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 100px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;

}
.table_rheinisch_row_head li {
float: right;
}
.table_rheinisch_row {
width: 350px;
height: 15px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
}

.table_rheinisch_row li {
float: right;
}
#line_bottom {
width: 450px;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
/*-------------------------------------------*/
.vorteile_classic {
width: 650px;
margin-left: 40px;
margin-top: 5px;
float: left;
}
.vorteile_classic li {
padding-top: 5px;
list-style: circle;
list-style-position: inside;
}
#line {
position: relative;
height: 1px;
width: 750px;
background-color: #cccccc;
margin-left: 20px;
margin-top: 30px;
}
#line01 {
position: relative;
width: 100%;
border-bottom-color: #bbbbbb;
border-bottom-style: dotted;
border-bottom-width: 1px;
}

/*Farben*/
#efefef {
background-color: #efefef;
}
#efefef_01 {
background-color: #efefef;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
#cccccc_01 {
background-color: #cccccc;
border-bottom: 3px;
border-bottom-style: solid;
border-bottom-color: white;
}
#cccccc {
background-color: #cccccc;
}
#noborder {
border-color: white;
}
/*-------------------------------------------*/
/*Newsmeldung*/

.news {
position: absolute;
width: 180px;
height: auto;
border-style: solid;
border-width: 1px;
border-color: #bbbbbb;
background-color: white;
margin-left: 540px;
padding: 5px;
font-size: 8pt;
color: black;
}
.news h1 {
font-size: 9pt;
color: black;
}
.news a {
font-size: 8pt;
color: #aaaaaa;
font-weight: bold;
text-decoration: underline;
}
.news_head {
position: absolute;
width: 170px;
border-bottom-style: dotted;
border-bottom-color: #bbbbbb;
border-bottom-width: 1px;
font-family:"Trebuchet MS", verdana, arial;
text-align: center;
font-size: 14pt;
color: #cccccc;
padding: 4px;
}
/*-------------Award Ende-------------*/
/*honors*/

.honors {
position: absolute;
width: 150px;
height: auto;
background-color: white;
margin-left: 630px;
font-size: 8pt;
color: black;
}
.award {
position: absolute;
width: 160px;
height: auto;
margin-left: 640px;
font-size: 8pt;
color: black;
}
.offers {
position: absolute;
width: 160px;
height: auto;
margin-left: 640px;
font-size: 8pt;
color: black;
}
.video {
position: absolute;
width: 160px;
height: auto;
margin-left: 640px;
font-size: 8pt;
color: black;
border:1px solid #999999;
}

/*----------------------honors Ende-------------*/


.drop { width:282px; }
.area { width:278px; }


/*-------------------------------------------*/
/*Druckportal*/
.format {
margin-top: 20px;
width: 800px;
height: auto;
float: left;
margin-left: 10px;
}
.format li {
float: left;
width: 360px;
padding: 5px; 
height: auto;
margin-right: 20px;
margin-bottom: 25px;
list-style: none;
border-color: #cccccc;
border-style: solid;
border-width: 1px; 
}
.format a {
text-decoration: underline;
color: Blue;
}
.eingabe {
color: black;
font-size: 9pt;
font-weight: bold;
width: 600px;
text-align: left;
}
.eingabe a {
text-decoration: none;
}

#eingabe_drop {
margin-top: 10px;
border-style: solid;
border-width: 1px;
border-color: #283d6c;
}
#eingabe_text {
margin-top: 10px;
border-style: solid;
border-width: 1px;
border-color: #283d6c;
padding-left: 3px;
}
#liefertermin {
margin-top: 10px;
border-style: solid;
border-width: 1px;
border-color: #aaaaaa;
padding: 4px 0px 4px 3px;
width: 435px;
font-weight: bold;
}
.drop440 { width:440px; }

#clear {
clear: both;
}

/*-------------------------------------------*/
/* Druckformular druckanfrage_new.html */

.druckanfrage_content {
width: 880px;
float: left;
}
.formular_head {
	width:420px;
	padding-left: 25px;		
	background-color:#283d6c;
	margin-top:10px;
	border: 1px solid black;
	
}
.formular_head h1 {
	color:#FFFFFF;
	font-size:13px;
	padding-top:10px;
	font-weight: bold;
	font-family:"Trebuchet MS", verdana, arial;
}
.formular_content {
	width: 420px;
	margin-top:2px;
	background-color:#efefef;
	padding: 5px 0 5px 25px;
	border: 1px solid #cccccc;
	border-left:none;
	float:left;

}
.formular_content h1 {
	color: #283d6c;
	font-size:12px;
	font-weight:bold;

}
.formular_bemerkungstext {
	font-size:9px;
	font-style:italic;
}
.formular_screen {
	width: 350px;
	margin:2px 0 0 20px;
	padding: 5px;
	float:left;
}
.details {
	width:340px;
	height: 300px;
}
.details_text {
	width:170px;
	float:left;
}
.details_text h1 {
	font-size:11px;
	font-weight:bold;
	display:inline;
}
.details_bild {
	width:160px;
	margin-left:10px;
	float:left;
}
.details_full {
 width:300;
}
.details_full h1 {
	font-size:11px;
	font-weight:bold;
	display:inline;
}
.list ul {
	margin: 0;
	padding: 0;
}
.list ul li {
	list-style:inside;
	list-style-type:circle;
	padding: 0 0 5px 0;
}

#top20 h1 a{
color:#999;
text-decoration:none;
display:block; padding: 0 0 10px 0;
font-size:80%;
}
#top20 h1 a:hover{
text-decoration:underline;
color:#999;
}

#top20 h2 {
color:#999;
text-decoration:none;
display:block; padding: 0 0 10px 0;
}


/*-------------------------------------------*/
/*Abstände*/
#top5 {
margin-top: 1px;
}
#top10 {
margin-top: 10px;
}
#top13 {
margin-top: 13px;
}
#top20 {
margin-top: 20px;
}
#top30 {
margin-top: 30px;
}
#top40 {
margin-top: 40px;
}
#top60 {
margin-top: 60px;
}
#top65 {
margin-top: 56px;
}
#top86 {
margin-top: 86px;
}
#top100 {
margin-top: 100px;
}
#top120 {
margin-top: 120px;
}
#top125 {
margin-top: 125px;
}
#top126 {
margin-top: 126px;
}
#top175 {
margin-top: 175px;
}
#top220 {
margin-top: 220px;
}
#top250 {
margin-top: 250px;
}
#top280 {
margin-top: 280px;
}
#top380 {
margin-top: 380px;
}
#top400 {
margin-top: 400px;
}
#top430 {
margin-top: 430px;
}
#top440 {
margin-top: 440px;
}
#top445 {
margin-top: 445px;
}
#top450 {
margin-top: 450px;
}
#top460 {
margin-top: 460px;
}
#right8 {
margin-right: 8px;
}
#right10 {
margin-right: 10px;
}
#right15 {
margin-right: 15px;
}
#right16 {
margin-right: 16px;
}
#right20 {
margin-right: 20px;
}
#right24 {
margin-right: 24px;
}
#right25 {
margin-right: 25px;
}
#right27 {
margin-right: 27px;
}
#right30 {
margin-right: 30px;
}
#right31 {
margin-right: 31px;
}
#right32 {
margin-right: 32px;
}
#right33 {
margin-right: 33px;
}
#right35 {
margin-right: 35px;
}
#right36 {
margin-right: 36px;
}
#right37 {
margin-right: 37px;
}
#right38 {
margin-right: 38px;
}

#right40 {
margin-right: 40px;
}
#right42 {
margin-right: 42px;
}
#right43 {
margin-right: 43px;
}
#right45 {
margin-right: 45px;
}
#right48 {
margin-right: 48px;
}
#right50 {
margin-right: 50px;
}
#right52 {
margin-right: 52px;
}
#right54 {
margin-right: 54px;
}
#right55 {
margin-right: 55px;
}

#right60 {
margin-right: 60px;
}
#right64 {
margin-right: 64px;
}
#right65 {
margin-right: 65px;
}
#right68 {
margin-right: 68px;
}
#right70 {
margin-right: 70px;
}
#right72 {
margin-right: 72px;
}
#right75 {
margin-right: 75px;
}
#right77 {
margin-right: 77px;
}
#right80 {
margin-right: 80px;
}
#right83 {
margin-right: 83px;
}
#right84 {
margin-right: 84px;
}
#right87 {
margin-right: 87px;
}
#right88 {
margin-right: 88px;
}
#right89 {
margin-right: 89px;
}
#right90 {
margin-right: 90px;
}
#right92 {
margin-right: 92px;
}
#right99 {
margin-right: 99px;
}
#right100 {
margin-right: 100px;
}
#right103 {
margin-right: 103px;
}
#right122 {
margin-right: 122px;
}
#right128 {
margin-right: 128px;
}
#right130 {
margin-right: 130px;
}
#right134 {
margin-right: 134px;
}
#right142 {
margin-right: 142px;
}

#bottom5	{
margin-bottom: 5px;
}
#bottom10_noborder	{
margin-bottom: 10px;
border-color: #283d6c;
}
#bottom10	{
margin-bottom: 10px;
}
#bottom20	{
margin-bottom: 20px;
}
#left20 {
margin-left: 20px;
}
#left40 {
margin-left: 40px;
}
#left50 {
margin-left: 50px;
}
#left80 {
margin-left: 80px;
}
#left90 {
margin-left: 90px;
}
#left100 {
margin-left: 100px;
}
#left110 {
margin-left: 110px;
}
#left125 {
margin-left: 125px;
}
#left150 {
margin-left: 150px;
}
#left200 {
margin-left: 200px;
}
#left202 {
margin-left: 202px;
}