/* CSS Document 

Colors:

Red: 					#FE0009

Menu-Darkblue:			#01202F
SubMenu-Blue:			#90A0A8 - Submit/Language-Select
SubSubMenu-Blue:		#9FADB4
SubSubMenu-LightBlue:	#BFC7CA

DarkBlue-Background:	#4D6C79
Light-Blue:				#D3DBDE  - Input-Box
Semi-Blue:				#90A0A8  - Meta-Menu
Blue:					#3D5967  - Border

*/

html{
	height:100%;
}

body{
	height:100%;
	margin: 0;
	padding: 0;
	background-color:#4D6C79;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
}

#clamp{
	width:988px;
}

#sheet{
	height:100%;
	width:792px;
	float:left;
}


#teaser{
	border-top:1px solid #FE0009;
}

/*****************************************************************************

						ALLGEMEINE FORMATIERUNGEN

******************************************************************************/

input{
	border:1px solid #3D5967;
}

img{
	border:0px;
}

.float-break{
	float:none;
	clear:left;
}

/*****************************************************************************

						METAMENU

******************************************************************************/


#metamenu{
	padding: 15px 0px 0 0;
	margin: 0;
	height:20px;
}

#metamenu ul{
	padding: 0;
	margin: 0;
	float:right;
}

#metamenu li{
	display:block;	
	float:left;
	padding:0 0 0 19px;
	vertical-align:bottom;
}

#metamenu li.first{
	padding-left:0px !important;
}

#metamenu a{
	font-size:1.1em;
	color: #90A0A8;
	font-weight:bold;
	text-decoration:none;
	padding:1px 0 0 0;
	display:block;	
	margin-top:1px;
}

#metamenu a:hover{
	color:#3D5967;
}

#metamenu form{
	display:inline;
}

#metamenu .label{
	font-size:1.1em;
	color: #90A0A8;
	font-weight:bold;
	text-decoration:none;
	display:block;	
	margin:2px 6px 0 0;
	float:left;
}

#metamenu input{
	background-color:#D3DBDE;
	font-size:1em;
	width:88px;
	margin:0 20px 0 0;
	padding:2px;
	float:left;
}

#metamenu  .submit{
	background-color:#90A0A8;
	color:#FFF;
	font-size:1em;
	width:2em;
	margin:0;
/* width mit IE5 box model hack */	
	padding:0;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding:0 0 2px 0;
}
html>body #metamenu  .submit{
	padding:0 0 2px 0;
}
/* end hack */


.searchimage{
 display:none;
}
/*****************************************************************************

						MENU

******************************************************************************/
#menu{
	height:100%;
	width:196px;
	float:left;
}
/* end hack */

#menu form{
	display:block;
	margin:0;
	padding:15px 0 0 15px;
	height:84px;
	width:120px;
/* width mit IE5 box model hack */	
	height:99px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:84px;
}
html>body #menu form{
	height:84px;
}
/* end hack */
#menu select{
	margin:0;
	padding:0;
	background-color:#90A0A8;
	height:1.7em;
	font-size:1em;
	width:88px;
	border:1px solid #3D5967;
	margin:0 6px 0 0;
	color: #FFF;
	float:left;
}

#menu .submit{
	background-color:#90A0A8;
	color:#FFF;
	font-size:1em;
	width:2em;
	margin:0;
/* width mit IE5 box model hack */	
	padding:0;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding:0 0 2px 0;
}
html>body #metamenu  .submit{
	padding:0 0 2px 0;
}
/* end hack */

#menu ul{
	margin:0px;
	padding:0px;	
}

#menu ul.intern{
	border-top:1px solid #FE0009;
}

#menu li{
	display:block;
	margin: 1px 0 0 0;
	padding:0px;
}

#menu li.first{
	margin:0;
}


#menu li a{
	display:block;
	color:#FFF;
	background-color:#01202F;
	text-decoration:none;
	font-size:1.1em;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}

#menu li a:hover{
	background-color:#2E4C5B;
}
#menu li a.active{
	background-color:#2E4C5B;
	background-image:url(../images/menu1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#menu li li a{
	color:#01202F;
	background-color:#90A0A8;
	padding-left:40px;
}

#menu li li a:hover{
	background-color:#ADB8BD;
}
#menu li li a.active{
	background-color:#ADB8BD;
	background-image:url(../images/menu2.gif);
}

#menu li li li a{
	color:#01202F;
	background-color:#ADB8BD;
	padding-left:60px;
}

#menu li li li a:hover{
	background-color:#CDD4D7;
}
#menu li li li a.active{
	background-color:#CDD4D7;
	background-image:url(../images/menu3.gif);
}

#menu ul.login a{
	background-color:#2E4C5B;
}

#menu ul.login a:hover{
	background-image:url(../images/menu1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}


/*****************************************************************************

						BREADCRUMB

******************************************************************************/

#breadcrumb{
	margin:12px 0 15px 29px;
	color:#4D6C79;
	font-size:1.1em;
}

#breadcrumb a{
	color:#4D6C79;
	padding:0 5px 0 5px;
}

#breadcrumb a:hover{
	color:#FE0009;
	text-decoration:underline;
}

/*****************************************************************************

						CONTENT

******************************************************************************/

#content{
	margin-left:34px;
}

#content img{
	float:left;
	margin: 0 14px 7px 0;
}

#content .block{
	padding-top:15px;
	clear:both;
}

#content .main{
	width:528px;
}


#content .wide{
	width:723px;
}

#content .margin{
	width:195px;
	float:right;
}

.main a{
	color:#566F7B;
}

.main  a:hover{
	color:#01202F;
}

h1{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	color:#FE0009;
	padding:0 0 .7em 0;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:.2em 0 .7em 0;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:.2em 0 .7em 0;
}


#content li{
	font-size:1.1em;
	line-height:1.6em;
}

p{
	font-size:1.1em;
	line-height:1.6em;
	margin:0;
	padding:0 0 1em 0;
}

p.small{
	font-size:1em;
	padding-bottom:0px !important;
}

p.navigate{
	font-size:1em;
	padding:0px !important;
}



#content li p{
	font-size:1em !important;
}

h1 p{
	padding-bottom:0px !important;
}
h2 p{
	padding-bottom:0px !important;
}
h3 p{
	padding-bottom:0px !important;
}

.intro{
	font-style:italic;
	margin-bottom:-10px;
}

.main ul{
	padding:0;
	margin:0 0 1em 0;
}

.margin h3{
	line-height:1.6em;
	padding:0 0 0 10px;
}

.margin ul{
	padding:0;
	margin:0 0 3em 0;
}

.main li{
	font-size:1.1em;
	line-height:1.6em;
	margin:0 0 0 17px;
	padding:0 0 0 14px;
}

.main ul li{
	list-style-image:url(../images/list_icon.gif);
}

.sitemap ul{
	margin-left:0;
	padding-left:0;

}

.sitemap li{
	font-size:1.1em;
	line-height:1.6em;
	margin:0 0 0 15px;
	padding:0 0 0 5px;
	list-style-image:url(../images/list_icon.gif);
}

.sitemap a{
	color:inherit;
	text-decoration:none;
}

.sitemap a:hover{
	text-decoration:underline;
}

.margin li{
	font-size:1.1em;
	line-height:1.6em;
	padding:0 0 0 10px;
	margin:0;
	border-bottom:1px solid #FE0009;
	list-style-type:none;
}

.margin li.first{
	border-top:1px solid #FE0009;
}

.margin li p{
	padding-bottom:.5em;
}

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

.margin a:hover{
	text-decoration:underline;
}


table{
	border-collapse:collapse;
	width:100%;	
	margin-bottom:10px;
}

table.border1{
	border:1px solid #4D6C79;
}

table.border0{
	border:1px solid #FFF;
}

td{
	font-size:1.1em;
	padding:3px;
}
td p{
	padding:0;
	font-size:1em;
}
table.border1 * td{
	border:1px solid #4D6C79;
}

table.border0 * td{
	border:1px solid #FFF;
}

th{
	font-size:1.1em;
	text-align:left;
	font-weight:bold !important;
}

img.flags{
	float:left;
	padding:0px;
	margin: 0;
}

/* 	PHONELIST	 */

#phonelist td, #phonelist th{
	border-bottom:1px solid #CCC;
}

#phonelist th a{
	display:block;
	padding-left:10px;
	text-decoration:none;
	background:url(../images/order_icon.gif) no-repeat left top;
	color:#000;
}

#phonelist th a:visited{
	color:#000;
}

#phonelist th a:hover{
	color:#F00;
}

#phonelist th a.desc{
	background-image:url(../images/order_asc.gif)	
}

#phonelist th a.asc{
	background-image:url(../images/order_desc.gif)	
}

#phonelist th a.desc:hover{
	background-image:url(../images/order_desc.gif)	
}

#phonelist th a.asc:hover{
	background-image:url(../images/order_asc.gif)	
}

#phonelist th a:hover{
	background-image:url(../images/order_asc.gif)	
}


/*   FACTBOX     */

div.factbox{
	width:166px;
	border:#a9b8be 1px solid;
	float:left;
	margin:0 8px 12px 0;
}

.margin div.factbox{
	border-left:0px;
	border-right:0px;
	width:195px;	
	float:right;
	margin:0 0 8px 0;
}

div.factbox h2, div.factbox h3, div.factbox h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:3px 11px;
	background-color:#c6d0d4;
	
}
div.factbox p{
	line-height:1.4em;
	margin:0;
	padding:3px 0 3px 11px;
	color:#4d6c79;
}

div.factbox ul, div.factbox ol{
	margin:0;
	padding:0;
}

div.factbox ol li{
	list-style-position:inside;
	line-height:1.4em;
	margin:0 0 0 0;
	padding:3px 0 3px 11px;
	border-top:#a9b8be 1px solid;
	border-bottom:none;
	color:#4d6c79;
}

div.factbox ul li{
	line-height:1.4em;
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:3px 0 3px 11px;
	border-top:#a9b8be 1px solid;
	border-bottom:none;
	color:#4d6c79;
	
}

div.factbox a{
	color:#FE0009;
}



/*   Bildergallerie     */

.gallery{
	float:left;
	text-align:center;
	padding-right:20px;
/* width mit IE5 box model hack */	
	width: 135px;
	height: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 115px;
	height: 130px;
	text-align:left;
}
html>body .gallery{
	width: 115px;
	height: 130px;
}

.gallery-subline{
	margin:0px;
	display:block;
	height:35px;
	padding:0px;
}

#navigator{
	height:30px;
}

.forwback{
	font-size:0.9em;
}
span.left{
	text-align:left;
	float:left;
	width:33%;
	padding-bottom:10px;
}

span.center{
	text-align:center;
	float:left;
	width:34%;
	padding-bottom:10px;
}

span.right{
	text-align:right;
	float:right;
	width:33%;
	padding-bottom:10px;
}
/*****************************************************************************

						FORM

******************************************************************************/


form div{
	clear:both;
	padding: 10px 0 10px 0;
}
form div.float-break{
	clear:both;
	padding: 0;
}

label{
	font-size:1.1em;
	width: 110px;
	float:left;
}

label.radio{
	width: 70px !important;
	height:15px;
	vertical-align:baseline;
}
label.mandatory{
	font-weight:bold;
}

.main textarea{
	float:left;
	width: 280px;
	height:120px;
}

.main input{
	float:left;
	width: 280px;
}
.main input.radio{
	width:12px !important;
	margin-right:5px;
	border:0;
}

.main input.halfbox{
	width:130px;
	margin-right:9px;
}

.checkbox input{
	width: 15px;
	margin-right:95px;
}


.checkbox label{
	width: 280px;
}

/*** USER LOGIN ***/

.margin input.userbutton{
	cursor:pointer;
	border:0;
	background-color:#FFF;
	margin:0 0 0 -3px;
	padding:1px 0 1px 0;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
}

.margin input.userbutton:hover{
	text-decoration:underline;
}



/***	NEWSLETTER  	***/

.margin li input{
	width:112px;
	margin-bottom:.8em;
	font-size:1em;
}

.margin li label{
	font-size:1em;
	padding:0;
	margin:0;
}

.margin li span.radio{
display:block;
width: 2em !important;
float:left !important;
padding:.2em 0 .2em 0;
vertical-align:middle;
}
input.marginradio{
	float:left !important;
	width: 1.5em !important;
	border:0 !important;
}
.margin li div{
	clear:both;
	padding:0;
	margin:0;
}

/**** DOKUMENTENSUCHE *****/

form.keysearch{
	border: 1px #9FABD4 solid;
	padding:5px;
}

fieldset.keysearch, fieldset.sp-fieldset{
	border: 1px #9FABD4 solid;
	padding:5px;
	margin-bottom:10px;
}

div.keyselect {
	padding:0;
	margin:0 10px 5px 0;
	width: 270px;
	float:left;
	clear:none;
}

div.shortfrom {
	padding:0;
	margin:0 10px 5px 0;
	width: 140px;
	float:left;
	clear:none;
}

div.keyselect label{
	width: 65px;
	padding:2px 5px 0 0;
	float:left;
}

div.keyword-fields{
	margin-left:150px;
	overflow: hidden;	
}


div.keyselect select{
	width: 190px;
	float:none;
	font-size:.9em;
}


.keysearch input{
	float:none;
	width: 190px;
	margin:0 !important;
	border: 1px #9FABD4 solid;
}

.keysearch input.submit-key{
	background-color:#EEE;
	width: 190px !important;
}


#documents h4{
	font-size:1.1em;
	margin:0;
	padding:0.2em 0 0.7em;
	font-weight:normal;
}

/******* SPAREPARTS - DB  *************************/

div.sp-form {
	padding:0;
	margin:0 10px 5px 0;
	width: 150px;
	float:left;
	clear:none;
}

div.sp-form label{
	width: 55px;
	padding:2px 5px 0 0;
	float:left;
}

div.sp-form select{
	width: 80px;
	float:none;
	font-size:0.9em;
}

.sp-fieldset input{
	float:none;
	width: 60px;
	margin:0;
	border: 1px #9FABD4 solid;
}

.sp-fieldset input.submit{
	background-color:#EEE;
	width: 60px;
	margin-left:20px;
}


table.spareparts{
	border:1px solid #000;
}

table.spareparts th{
	background-color:#CCC;
	padding-left:5px;
	border:1px solid #000;
}


table.spareparts td{
	border:1px solid #000;
}



table.spareparts li{
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

#cart li{
	font-size:1em;
	line-height:1.2em;
	padding: 2px inherit 2px inherit;
}

#cart a.remove-from-cart{
	display:block;
	background-image:url(../images/remove.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#000;
}

a.add-to-cart{
	display:block;
	background-image:url(../images/arrow_right.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#000;
}

#send-notepad{
	font-size:1.1em;
	margin:0;
	padding:3px 11px;
	border-top:1px solid #A9B8BE;
}

/*****************************************************************************

						FOOTER

******************************************************************************/

#footer{
	clear:both;
	height:30px;
}
.logout{
	margin: 10px 0 0 20px;
}

.logout a:link{
	color:#FFF !important;
}
.logout a:visited{
	color:#FFF !important;
}
.logout a:hover{
	color:#FFF !important;
}

/*****************************************************************************

						DOCUMENT AREA

******************************************************************************/

.expansion_arrow_box{
  float: left;
  width: 10px;
  height: 10px;
  margin-top:5px;
  background-repeat: no-repeat;
}

.exab_closed{
  background-image: url(../images/closed.png);
  margin-right: 2px;
  margin-left: 2px;
}

.exab_open{
  margin-right: 3px;
  margin-left: 1px;
  background-image: url(../images/open.png);
}
.toggler {
	cursor:pointer;
}
.subtoggler {
	cursor:pointer;
}