/*----------------------------------------------------------------------*/
/*  Standard Stylesheet                                                 */
/*----------------------------------------------------------------------*/
/*  Antwerpes & Partner AG, Koeln                                       */
/*----------------------------------------------------------------------*/

/*------------------------------------------*/
/*  Standard                                */
/*------------------------------------------*/



body, div, p,
h1, h2, h4, h5, h6,
b, strong, i,
form, select, option, textarea, input,
a,
th, td,
ol, ul, li {
	font-family: arial,helvetica,sans-serif;
	color: #333333;
	font-size: 12px;
}

h2 {
	font-family: arial,helvetica,sans-serif;
	color: #3a4B9e;
	font-size: 12px;
}

h3 {
	font-family: arial,helvetica,sans-serif;
	color: #3a4B9e;
}

h4 {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	background: url("/images/layout/background/subnavi.gif") repeat-y 0px 0px;
	background-color: #FFFFFF;
}

a,
a strong {
	//color: #3A489E;
color: #3fb293;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}

a:hover,
a:hover strong {
	color: #B5B5B5;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: underline;
}

img {
	border: 0;
}

div#column2 img.contentPic {
	padding: 5px;
	border: 1px solid #cccccc;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 5px;
}

p.bodytext {
	line-height: 23px;
}
p.bodytext a,
p.bodytext a:hover {
	color: #3fb293;
	text-decoration: none;
}
p.bodytext a:hover {
	border-bottom: 1px dotted #3fb293;
}
ul.bodylist {
	list-style: none;
	padding:0;
	margin:0;
}
ul.bodylist li {
	padding-left: 15px;
	margin: 0;
	background: url("/images/layout/icons/list_bullet.gif") no-repeat 0px 6px;
}


/*-- Link Symbols --*/

.elLinkSymbol {
	color: #E60000;
	font-size: 130%; /* immer etwas mehr als aktuelle Schrift aufziehen */

	font-weight: bold;
	margin: 0px 3px 0 0;
	padding: 0;
	border: 0;
}

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

.contentHeadline {
	font-size: 1em;
	margin-top: 0;
	padding-top: 0;
}

/*------------------------------------------*/

/*  colors                                  */

/*------------------------------------------*/

/* standard */

.tenteGreen {
	color: #3fb293;
}

/*product categories */
.medical {
	color: #57d5cc;
	background-color: #57d5cc;
	border-color: #57d5cc;
}

.industrial {
	color: #81dc9b;
	background-color: #81dc9b;
}

.institutional {
	color: #8dcbd0;
	background-color: #8dcbd0;
}

.heavyDuty {
	color: #3ca771;
	background-color: #3ca771;
}

.specialSolutions {
	color: #91bf79;
	background-color: #91bf79;
}

.wheels {
	color: #61a996;
	background-color: #61a996;
}

/* width */

.widthValue {
	width: 1004px;
	min-width: 1004px;
}

/*
	 common definitions
*/

h1, h2, h3 {
	color: #50ae95;
	font-weight: bold;
}

h1 {
	font-size: 18px;
}

/*
Symbols and such
*/

h1 span.headlineSymbol {
	font-weight:normal;
	vertical-align:5%;
}

/*------------------------------------------*/

/*  Header                                  */

/*------------------------------------------*/

/*-- header --*/

#header {
	margin: 0;
	padding: 0;
	border: 0;
	height: 90px;
	/*border: 1px solid green;*/
	background: #FFFFFF url( "/images/layout/background/header_top_line.gif") repeat-x top left;

}

div#logoPictureContainer {
	position: absolute;
	left: 27px;
	top: 33px;
}

#headerLogo h1{
	margin-top: 0;
	padding-top: 0;
}


#languageChoiceFuncNavContainer {
	position: absolute;
	top: 20px;
	left: 585px;
	width: 400px;
}


#languageChoice {
	margin: 0;
	padding:0;
	/*border: 1px solid green;*/
}

#languageChoice select {
	padding: 0;
	margin:0;
	height: 21px;
	width: 108px;
	font-size: 10px;
	line-heigth: 21px;
}
#languageChoice option {
	padding: 1px 0 1px 0;
	font-size: 10px;
}

#languageChoice button {
	border: 0;
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: auto;
	width: 29px;
}
#languageChoice button img {
	margin: 0;
	padding: 0;
}

div#functionNavigation {
	float: right;
	position: relative;
	top: 30px;
}

div#functionNavigation a {
	color: #7F7F7F;
	font-size: 11px;
}

div#functionNavigation li.active a {
	color: #318d74;
	font-weight: bold;
}


div#functionNavigation ul {
	margin: 0;
	padding: 0;
}

div#functionNavigation li {
	float: left;
	font-size: 11px;
	line-height: 11px;
	list-style: none;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 11px;
}

/*-- header end --*/

/*-- main navi and quicksearchform, breadcrumbnavi --*/

div.mainNaviHeight {
	/*min-height: 48px;*/

}

div#mainNaviSearchContainer {
	float: left;
	background: #bae3d8 url( "/images/layout/background/mainnavi.gif") repeat-x top left;
	height: 36px;
}

div#mainNavigation {
	float: left;
	padding: 0 0px 0 10px;
}

div#mainNavigation ul {
	margin: 0;
	padding: 0;
}

div#mainNavigation li {
	list-style: none;
	float: left;
}

div#mainNavigation div {
	padding: 11px 16px 11px 16px;
}

div#mainNavigation li.active div {
	background-color: #d3ede6;
}

div#mainNavigation a {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

div#mainNavigation a:hover,
div#mainNavigation li.active div a {
	color: #23866a;
	text-decoration: none;
}

div#mainNaviEdge {
	border: 0;
	padding: 0;
	float: left;
	width: 1px;
	margin: 10px 0 0 0;
	height:15px;
	border-left: 1px solid #3fb293;
}

#quickSearchText {
	position: absolute;
	top: 101px;
	left: 685px;
	height:36px;
	width:150px;
	font-size:11px; 
	font-weight:bold;
	direction:rtl;
}

#quickSearchInput {
	position: absolute;
	top: 97px;
	left: 847px;
	width:100px;

}

#quickSearchButton {
	position: absolute;
	top: 97px;
	left: 957px;
	width:30px;
}

#quickSearchInput input {
	font-size: 10px;
	margin: 0;
	height: 12px;
	border: 1px solid #cccccc;
	padding: 4px 0 3px 6px;
	background-color:white;
	width: 100px;
}

#quickSearchButton button {
	border: 0;
	background-color: transparent;
	width: 29px;
}
#quickSearchButton button img {
	margin: 0;
	padding: 0;
}


#breadcrumbNavi {
	float: left;
	width: 95%;
	padding: 10px 0 10px 0px;
	font-size: 1em;
}
#column2 #column2Paddings #breadcrumbNavi,
#column2 #column2Paddings #breadcrumbNavi a {
	color: #989898;
	font-size: 11px;
}

/*-- end main navi and quicksearchform, breadcrumbnavi --*/




/*-- content and columns --*/

#content {
	float: left;
	width: 100%;
	/*background-color: green;*/
}

#content #column1 {
	float: left;
	width: 195px;
	background: #f5fbf9 url( "/images/layout/background/column1_subnavigation_left.gif") repeat-y top left;
}

#column1 .box {
	background-color: #fff9d9;
}

/** start of navigation **/

#column1 .boxSubNavigation {
}

.boxSubNavigation .boxContent {
	background-color: #c5e8de;
}

.boxSubNavigation ul.navigation li a {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}

.boxSubNavigation ul.level2 li a {
	color: #343434;
	font-weight: normal;
}

.boxSubNavigation ul.navigation a:hover {
	color: #23866a;
}

.boxSubNavigation ul.level2 a:hover {
	color: #000000;
}

.boxSubNavigation ul.navigation,
.boxSubNavigation ul.navigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.boxSubNavigation ul.navigation li.last {
	border-bottom: 1px solid white;
}

.boxSubNavigation ul.navigation li {
	padding-left: 10px;
	background-color: #c5e8de;
	border-top: 1px solid white;
	padding-top: 1px;
}

.boxSubNavigation ul.level2 li {
	padding-left: 0px;
	padding-top: 0px;
	border-top: none;
	background-color: #c5e8de;
}

ul.navigation .level1,
ul.navigation .level2 div {
	background-color: #f4fbf9;
}

ul.navigation div.level1Inner {
	padding: 11px 5px 12px 16px;
}

/* hack using negative margins to move the 2nd level subnav closer to level1
	first doing that without position and top, which resulted in a additional
	white top-border in ie6, which wasn't nice
*/

.boxSubNavigation ul.level2 {
	position: relative;
	top: -10px;
	border: none;
	/*margin-top: -10px;*/
	padding-bottom: 7px;
	margin-bottom: -10px;
}

ul.navigation ul.level2 .level2Inner {
	margin: 0;
	padding: 3px 0px 3px 16px;
}

/* active (selected) state of ul, li, container div and a*/
ul.navigation .active .level1Inner,
ul.navigation .active ul.level2,
ul.navigation .active ul.level2 div {
	background-color: #e0f3ef;
}

ul.navigation .level1 .active .level2Inner {
	background-color: #c4e8de;
	margin-left: 8px;
	padding-left: 8px;
}

ul.navigation .active .level1Inner a {
	font-weight: bold;
	color: #23866a;
}
/* end of active state definitions */
/** end of navigation **/

/** start of product catalog navi **/

/* medical */
.boxSubNavigation ul.navigation li.medical {
	background-color: #57d5cc;
}
ul.navigation .medical .active .level1Inner,
ul.navigation .medical .active ul.level2,
ul.navigation .medical .active ul.level2 div {
	background-color: #ddf7f4;
}

ul.navigation .medical .level1 .active .level2Inner {
	background-color: #57d5cc;
}

ul.navigation .medical .active .level1Inner a,
ul.navigation .medical .level1Inner a:hover {
	color: #4db8b0;
}

/* industrial  */
.boxSubNavigation ul.navigation li.industrial {
	background-color: #81dc9b;
}

ul.navigation .industrial .active .level1Inner,
ul.navigation .industrial .active ul.level2,
ul.navigation .industrial .active ul.level2 div {
	background-color: #e6f7ed;
}

ul.navigation .industrial .level1 .active .level2Inner {
	background-color: #81dc9b;
}

ul.navigation .industrial .active .level1Inner a,
ul.navigation .industrial .level1Inner a:hover {
	color: #64a676;
}

/* institutional */
.boxSubNavigation ul.navigation li.institutional {
	background-color: #8dcbd0;
}

ul.navigation .institutional .active .level1Inner,
ul.navigation .institutional .active ul.level2,
ul.navigation .institutional .active ul.level2 div {
	background-color: #e7f5f6;
}

ul.navigation .institutional .level1 .active .level2Inner {
	background-color: #8dcbd0;
}

ul.navigation .institutional .active .level1Inner a,
ul.navigation .institutional .level1Inner a:hover {
	color: #7bb5b9;
}

/* heavyDuty */
.boxSubNavigation ul.navigation li.heavyDuty {
	background-color: #3ca771;
}

ul.navigation .heavyDuty .active .level1Inner,
ul.navigation .heavyDuty .active ul.level2,
ul.navigation .heavyDuty .active ul.level2 div {
	background-color: #d8ede4;
}

ul.navigation .heavyDuty .level1 .active .level2Inner {
	background-color: #3ca771;
}

ul.navigation .heavyDuty .active .level1Inner a,
ul.navigation .heavyDuty .level1Inner a:hover {
	color: #3aa770;
}

/* specialSolutions */
.boxSubNavigation ul.navigation li.specialSolutions {
	background-color: #91bf79;
}

ul.navigation .specialSolutions .active .level1Inner,
ul.navigation .specialSolutions .active ul.level2,
ul.navigation .specialSolutions .active ul.level2 div {
	background-color: #eaf2e3;
}

ul.navigation .specialSolutions .level1 .active .level2Inner {
	background-color: #91bf79;
}

ul.navigation .specialSolutions .active .level1Inner a,
ul.navigation .specialSolutions .level1Inner a:hover {
	color: #91c07a;
}

/* wheels */
.boxSubNavigation ul.navigation li.wheels {
	background-color: #61a996;
}

ul.navigation .wheels .active .level1Inner,
ul.navigation .wheels .active ul.level2,
ul.navigation .wheels .active ul.level2 div {
	background-color: #dfeeeb;
}

ul.navigation .wheels .level1 .active .level2Inner {
	background-color: #61a996;
}

ul.navigation .wheels .active .level1Inner a,
ul.navigation .wheels .level1Inner a:hover {
	color: #61aa97;
}

/** end of product catalog navi **/
.box {
	width: 100%;
}

#column1 .boxNotFirst {
	margin-top: 20px;
}

.boxHeader {
	/* background color is the same as the beginning of the background image*/
	background-color: #d3eee6;
	/*min-height: 33px;*/
	padding: 7px 10px 7px 15px;
	/*width: 100%;*/
}

.boxContent {

}

.box h2,
.box h3 {
	margin: 0;
	padding: 0;
}

#column1 .boxContent {
	padding: 15px 0px 15px 13px;
}

.boxContent a,
.boxContent p {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.boxContent .item {
	padding-bottom: 15px;
	background-color: #e9f7f3;
	border-bottom: 1px solid white;
}

#content #column1Paddings {
	padding: 0 0 0 0px;
	/*background-color: blue;*/
}

/* column 2 */

#content #column2,
#content div.column2Extented {
	float: left;
	position: absolute;
	left: 195px;
	width: 791px;
}
#content #column2Paddings {
	/*width: 100%;*/
	float: left;
	padding: 0 0 0 23px;
	/*background-color: #ffa500;*/
}

#column2 .boxContent {
	padding: 0px 0px 0px 0px;
}

#column2 .boxHeader a,
#column2 .boxFooter a {
	font-size: 1em;
	text-decoration: underline;
}

#column2 .boxContent a {
	font-size: 1em;
}

#column2 .boxFooter {
	width: 100%;
}

#column2 .last {
	padding-bottom: 0px;
}

.box .item h2 {
	color: #3a4B9e;
}

.box .item .itemImage,
.box .item .itemText {
	float: left;
}

.box .item .imagePadding {
	padding-left: 20px;
	width: 80%;
}
.box .item .imageMargin {
	margin-right: 20px;
}

#column2 .box .footerLine {
	float: left;
	width: 100%;

	margin-top: 20px;
	/*float: left;*/
	border-top: 2px solid #ffec7f;
}

/* column 3 */
#content #column3 {
	position: relative;
	float: left;
	/*left: 0px;*/
}

#content #column3Paddings {
	padding-right: 15px;
	/*background-color: red;*/
}

#column3 .box {
	background-color: white;
	border-bottom: none;
}

#column3 .boxHeader {

}

#column3 .boxHeaderLarge {
	padding: 10px 10px 10px 13px;
}

#column3 .boxContent {
	padding: 0px 0px 15px 13px;
}

#column3 ul.anchorLinkList {
	list-style: none;
	padding: 10px 0 10px 0;
	margin: 0;
}

/* second column for two column version */
#content #column2Extented,
#content div.column2Extented {
	width: 67%;
	margin: 0 15px 0 5.0%;
}

/*-- end of content and columns --*/

/*-- footer --*/

#footer {
	width: 100.0%;
	width: 775px;
}

#footerPaddings {
	padding: 0px 0px 0 0px;
}

.footerLine {
	float: left;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	font-size: 0;
}

#footerLinks {
	float: left;
}

#footerLinks ul {
	margin: 0;
	padding: 0;
}

#footerLinks li{
	float: left;
	list-style: none;
	margin-bottom: 0;
}

#footerLinks a {
	color: #3a489e;
	font-weight: bold;
}

#footerText{
	clear: both;
	padding: 10px 0 10px 4px;
	color: #a9a9a9;
	font-size: 10px;
}

/*-- end footer --*/




/**
 styles for homepage, to be used in combination with standard-styles
**/

/*
	redefinitions of standard styles behaving different on the homepage
*/

body {
	background: none;
}

#shoppingCart {
	display: none;
}

#column1,
#breadcrumbNavi {
	display:none;
}

#column1 {
	display:none;
}

#content #column2 {
	width: 571.9px;
	left: 0;
}

#content #column2Paddings {
	padding: 22px 0 0 25px;
}

#content #column2 #column2Paddings h1 {
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
	line-height: 18px;
}

#content #column3 {
	width: 432.9px;
	left: 570px;
}

#content #column3Paddings {
	padding: 25px 15px 0 64px;
}

#footerText {
	padding-top: 25px;
	padding-left: 1px;
}

#footer {
	width: 100%;
}

#footer .footerLine {
	display:none;
}

/*
	original homepage styles
*/

#homeCategories .boxContent{
	height: 116px;
	width: 544px;
	padding: 0;
	border: 1px solid #e4e6e6;
	border-top: none;
	background: url( "/images/layout/background/home_categories.gif" ) repeat-x 0px 0px;
}
#homeCategories .icon {
	float: left;
	position: relative;
	left: 10px;
	top: 20px;
}

#homeCategories .medicalIcon {
	left: 45px;
}

#homeCategories .industrialIcon {
	left: 123px;
}

#homeCategories .institutionalIcon {
	left: 195px;
}

#homeCategories .heavyDutyIcon {
	top: 23px;
	left: 228px;
}

#homeCategories .icon img {
	margin-bottom: 10px;
}

#homeCategories .medicalIcon img {
	margin-left: 3px;
}

#homeCategories .institutionalIcon img {
	margin-left: 11px;
}
#homeCategories .heavyDutyIcon img {
	margin-left: -4px;
}

#homeCategories div.icon a:hover {
	text-decoration: none;
}

#homeCategories div.icon a span {
	font-weight: bolder;
	font-size: 13px;
	background-color: transparent;
}

#column3 .box {
	width: 350px;
}
#column3 .boxNews .boxHeader {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: none;
	border-bottom: 1px solid #9fd8c9;
}

#column3 .boxNews .boxHeader h2 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1em;
}

#column3 .boxNews .item {
	padding-top: 10px;
	background-color: transparent;
	font-size: 11px;
}

#column3 .boxNews .item .itemText {
	font-size: 11px;
}


#column3 .boxNews .first {
	padding-top: 0px;
}

#column3 .boxNews .itemImage {
	padding-top: 3px;
	width: 57px;
}

#column3 .boxNews .itemText {
	/*padding-right: 12px;*/
	width: 285px;
}

#column3 .boxNews .itemText h3 a {
	color: #333333;
}

#column3 .boxNews .itemText p {
	line-height: 16px;
}

#column3 .boxServices .item {
	padding-top: 0;
	padding-bottom: 0;
	height: 29px;
}

#column3 .boxServices .itemImage {
	width: 20px;
	/*text-align: justify;*/
	padding-left: 21px;
	/*border: 0.5px solid green;*/
}

#column3 .boxServices .itemText {
	padding-top: 8px;
	padding-left: 16px;
}

#column3 .boxServices a {
	font-size: 11px;
	color: #333333;
}

#column3 .boxServices .productCatalog {
	padding-top: 8px;
}
#column3 .boxServices .cadService {
	padding-top: 10px;
}
#column3 .boxServices .technicalAdvisor {
	padding-top: 8px;
}
#column3 .boxServices .tenteMovie {
	padding-top: 7px;
}

#column3 .boxContent {
	/*background-color: #e9f7f3;*/
	padding: 0;
}

.boxContent,
.boxContent h3{
	color: #333333;
	font-size: 11px;
}


/**
 * helper styles for antwerpes websites
 *
 * @author Matthias Schmidt <matthias.schmidt@antwerpes.de>
 * @version 0.1 - 04.10.2007 12:36:13
 * @package de.antwerpes
 */


.elInvisible {
	position: absolute;
	left: -2000px;
	width: 1px;
}
.clear,
.clean,
.divCleaner {
	clear: both;
	overflow: hidden;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}


/**
 * spacers, positioning
 * @section helper classes
 */
.height5 {
	height: 5px;
}
.height10 {
	height: 10px;
}
.height15 {
	height: 15px;
}
.height20 {
	height: 20px;
}
.height30 {
	height: 30px;
}
.height40 {
	height: 40px;
}
.height50 {
	height: 50px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignRight {
	text-align: right;
}
.clearBoth {
	clear: both;
}
.aLittleBitHigher {
	position: relative;
	top: -3px;
}
.aLittleMoreHigher {
	position: relative;
	top: -5px;
}
.aTinyBitLower {
	position: relative;
	top: 1px;
}
.aLittleBitLower {
	position: relative;
	top: 3px;
}
.aLittleMoreLower {
	position: relative;
	top: 5px;
}
.aLittleMoreRight {
	position: relative;
	left: 5px;
}
.width10 {
	width: 10%;
}
.width20 {
	width: 20%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%;
}
.width70 {
	width: 70%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}
.width100 {
	width: 100%;
}

.padding5 {
	padding: 5px;
}
.padding7 {
	padding: 7px;
}
.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}

.noHorizMarginPadding,
.noLeftRightMarginPadding {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.marginleft22 {
	margin-left: 22px;
}

.alignRight {
	text-align: right;
}