body {
	font-family: Arial;
	background-color: #d2d7db;
	background-image: url(images/body_background_image.gif);
	background-repeat: repeat-y;
	background-position: 10px 200px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	font-size: 13px;
	color: #4e4e4e;
}


div#bodyWidth {
	width: 920px;
	
	padding-top: 10px;

	padding-bottom: 10px;
	background-image: url(images/body_background_light.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
} 

.mainContent
{
	padding: 10px 0 20px 10px;
	float:left;
	width: 670px;
	
}
	
a {color: black;}

h1 {
	font-family: arial black, arial bold, arial; 
	font-weight: normal; 
	color: #496581;
	font-size: 20px;
	margin-bottom: 50px;
}

h2 {
	font-family: verdana;
	color: #496581;
	font-size: 13px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #aacdc1;
}

h2 a { 
	text-decoration: underline; 
	font-family: verdana;
	color: #496581;
	font-size: 13px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;}

h2 a:hover {
	color: #d6b531; 
}

h3 {
	font-family: verdana;
	color: #496581;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

h3 a { 
	text-decoration: underline;
	color: #496581;
}

h3 a:hover {color: #d6b531;}

h4 {
	color: #496581;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

h4 a { 
	text-decoration: underline;
	color: #496581;
}

h4 a:hover {color: #d6b531;}



.smalltitle {
	font-family: verdana;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

ul, ol {
	font-family: verdana;
	font-size: 12px;
	line-height: 1.5;
}


p {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}

td {font-size: 12px;}

div.foobar_seeouh h1,  /* for seo */
div.foobar_seeouh h2,
div.foobar_seeouh p {display: none;}





/* ####### produkte/produktfamilie.php			### */

div.produktklassen div.description  {margin-left: 150px;}
div.produktklassen div.imagecontainer {float:left;}
div.produktklassen div.imagecontainer img  {margin-bottom: 8px;}

table.produktliste {
	background-color: #D0DAE5;
	color: black;
	float: right;
	margin-bottom: 30px;
}
table.produktliste td,
table.produktliste th {padding: 3px 14px;;}
table.produktliste th {font-size: 12px; text-align: left;} 

table.produktliste tr.zebraTable_dark td { background-color: #EEF1F5; }

img.produktfoto {margin: 5px;border: 2px solid #999;}

div.hinweis {
	width: 120px;
	float: right;
	margin: 0px 5px 5px 5px;
	font-size: 12px;
	padding: 3px;
	color: #496581;
	background-color: #EAD6AF;
}
div.hinweis a {color: #496581;}
div.hinweis ul {list-style-type: square; padding: 0px; margin: 0px 0px 0px 18px;}
div.hinweis ul li {padding: 0px; margin 0px; font-size: 10px;} 

/* massangaben enger setzen */
span.massangabe {white-space:nowrap; word-spacing: -0.20em;}
/* geschweifte Dimensionsangaben */
span.dim {font-style: italic; font-family: georgia;}

/*************** für Index-Seiten*****************/

table.menu td {
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: top;
	padding-top: 10px;
}

table.menu td span {
	background-color: #ccc;
	padding: 2px;
	line-height: 16px;
	font-size: 13px;  
	text-decoration: none ! important;
}
table.menu td span a { text-decoration: none; }
table.menu td span a:hover {text-decoration: underline; }


.bildtitel { /*von katha*/
	font-weight: normal;
	font-size: 11px;
	/*border: 2px solid #cecece;*/
	line-height: 1.2;
	color: white;
	font-style: italic;
}

/* * * * * * * * * Authentication begin	* * * * * * * * */

div.loginboxes {
	border: 2px solid #496581;
	padding: 0px 0px 3px 0px;
	width: 300px;
	height: 190px;
	margin: 0px 10px 10px 10px;
}
div.loginboxes h4 {
	background-color: #496581;
	color: white;
	font-style: normal; 
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
	margin: 0px 0px 5px 0px;
}

div.loginboxes p {
	padding: 5px;
}

div.loginboxes label {width: 100px;}


/* * * * * * * * * Authentication end	* * * * * * * * */



.margleft { 
	margin-left: 20px;
	margin-bottom: 10px;
}

.margright { 
	margin-right: 20px; 
	margin-bottom: 10px;
}

.bordertext {
	background-color: #496581;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.2;
	padding: 3px;
	font-style: italic;
	margin: 3px;
}

.bildunterschrift {
	color: #496581;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}


table.versiona {
	border-bottom: 2px solid #496581;
	border-right: 2px solid #496581;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
	margin-top: 20px;
}

table.versiona th {
	width: 120px;
	font-weight: bold;
	border-top: 2px solid #496581;
	border-left: 2px solid #496581;
	vertical-align: top;
	text-align: center;
}

table.versiona td {
	width: 120px;
	text-align: center;
	vertical-align: top;
	border-top: 2px solid #496581;
	border-left: 2px solid #496581;
}

table.versiona td.ocker,
table.versiona th.ocker { background-color: #d6b531; }


.red {
	font-family: verdana;
	color: #FF0000;
	font-size: 12px;
	font-style: normal;
}

ul.listicon { list-style-image: url(images/list_icon.gif); }
ul.iconwhite { list-style-image: url(images/list_icon_white.gif); }


p.green {
	background-color: #496581;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.2;
	width: 300px;
	padding: 5px;
	font-style: normal;
	margin: 5px;
}

/* ###### leftnav		#### */
div.leftnav 
{
	background-color: #7F9DB7;
	padding: 0px;
	width: 200px;
	height: 600px;
}

.leftnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.leftnav li{
	font-size: 10px;
	color: white;
}

.leftnav ul.depth0 li {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	border-top: 1px solid #aacdc1;
	margin: 0px;
	padding-top: 9px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.leftnav ul.depth1 {
	margin-top: 8px;
}

.leftnav ul.depth1 li {
	font-size: 10px;
	color: white;
	line-height: 1.0;
	padding-left: 20px;
	border: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.leftnav ul.depth2 {
	margin-top: 6px;
}

.leftnav ul.depth2 li {
	font-size: 10px;
	color: white;
	padding-left: 30px;
	line-height: 1.0;
	border: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
}

.leftnav a {
	color: white;
	text-decoration: none;
}


.leftnav li.true a {color: #efb500;}
.leftnav li.true ul li a {color: #fff;}
.leftnav a:hover {text-decoration:underline;}

/* ###### breadcrumbs	#### */
p.breadcrumbs {
	font-size: 11px;
	color: #496581;
	background-color: #D0DAE5;
	width: auto;
	max-width: 660px;
}
p.breadcrumbs select,
p.breadcrumbs select option {
	font-size: 9px;	
}

.breadcrumbs a { color: #496581; }

/* ###### topnav		#### */

 table#topnav { background-color: #E3E7ED; margin: 0px; /*padding-top: 10px;*/} 

table#topnav td.navitem
{
	width: 150px;
	height: 100px;
	vertical-align: top;
	font-family: verdana;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	border-left: 1px solid #E3E7ED; /*wie body bg */
	/*remove later:*/
	background-repeat: no-repeat; 
}

table#topnav td.true a{ font-weight: bold; color:red;}
table#topnav td a { 
	text-decoration: none;
	display: block;
	margin-top: 27px;
}
table#topnav td a:hover {text-decoration:underline;}

#logo {
	background-image: url(images/zinco_logo_linksoben.gif);
	background-position: right top;
	width: 100px;
	min-width: 100px; 
}
#logo_shadow_right {
	/*border: 1px solid red;*/
	width: 20px;
	background-image: url(images/schatten_seite.gif);
	background-repeat: no-repeat;
	background-position: left top;
 }

#topnav1 {background-image: url(images/topnav_bg1.jpg);}
#topnav2 {background-image: url(images/topnav_bg2.jpg);}
#topnav3 {background-image: url(images/topnav_bg3.jpg);}
#topnav4 {background-image: url(images/topnav_bg4.jpg);}
#topnav5 { background-image: url(images/topnav_bg5.jpg); }

.shadow_spacer {
	width: 10px;
	/*border: 1px solid blue;*/
}

#shadow_left1,
#shadow_left2 {
	background-image: url(images/schatten_links.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#shadow_right {
	background-image: url(images/schatten_seite.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#shadow_bottom {
	height: 12px;
	/*border: 1px solid red;*/
	background-image: url(images/schatten_unten.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

address {font-style: normal;}

/* @group hm */

div#hm { padding: 0.6em;
	background-color: #9ab2c6;
	border: 6px solid #cd819a;
}

div#hm h1 {
	text-align: center;
	color: #374c61;
	font-size: 30px;
	margin-bottom: 5px;
}

div#hm p.big {
	text-align: center;
}

div#hm p.big strong{
	color: #374c61;
	font-size: 30px;
}

div#hm p {
	font-size: 13px;
}

div#hm img#leftimg {
	float: left;
}
div#hm img#rightimg {
	float: right;
}


/* @end */